@charset "utf-8";

select.select2 { width:44px; }
select.select3 { width:52px; }
select.select4 { width:60px; }
input[type='radio'], input[type='checkbox'] { position:relative; vertical-align:-2px; -webkit-box-align:baseline; }

/* 폰트 설정 */
.fsRed, .fsRed a { color:#ff4412; }
.fwB, .fwB a { font-weight:bold; }
.fwN, .fwN a { font-weight:normal; }
.bRed, .bRed a { font-weight:bold; color:#ff4412; }

/* etc */
.w50per { width:50%; }
.w100per { position:relative; width:100%; }
.w140 { width:140px; }

.pdT7 { padding-top:7px; }
.pdT10 { padding-top:10px; }
.pdTN { padding-top:0; }
.mgB7 { margin-bottom:7px; }
.mgB10 { margin-bottom:10px; }
.mgB20 { margin-bottom:20px; }

.bdBN { border-bottom:0 !important; }
.bdTGray { border-bottom:1px solid #aaa; }
.bdBGray { border-bottom:1px solid #aaa; }
.bdRed { border:1px solid red; }

.innerWrap { clear:both; padding:10px; height:auto; }

/* frame_control */
#contents_wrap {clear:both;width:100%;min-width:320px;height:100%;overflow-x:hidden;white-spacing:nowrap;padding-bottom: 30px;background-color:#fff;}
.maincontainer { position:relative; }

/* 버튼 */
a.Gomore_btn {
    display: block;
    text-align: center;
    width: 100px;
    height: 20px;
    line-height: 20px;
    background: #d40b13;
    font-weight: 600;
    margin: 0 auto;
}

/* -- 레이아웃 공통 ---------------------------------------------------- */

/* 테이블 */
table caption {
    position: absolute;
    left: 10000%;
    top: -10000%;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
}
/* 전체메뉴 */
.fullmn_wrap { position:absolute; float:left; width:100%; height:100%; min-height:480px; background-color:rgba(0,0,0,0.6); z-index:899; /* visibility:hidden; */ }
	.fullmn_wrap .fullmn { position:absolute; float:left; width:250px; height:100%; min-height:480px; background-color:#393c4d; z-index:999; }
	.fullmn .logo { margin-left:10px; }
	.fullmn .login a { float:right; font-size:0.875em; color:#fff; margin:0 10px 5px; }
	.fullmn li { border-top:1px solid #20222f; }
	.fullmn ul.main_mn { float:left; width:100%; background-color:#393c4d; }
		.fullmn ul.main_mn li a { display:block; padding-left:15px; color:#fff; line-height:33px; }
		.fullmn ul.main_mn>li { color:#0ff; }
		.fullmn ul.main_mn>li>a { font-size:0.875em; }
		.fullmn ul.main_mn>li:last-child { border-bottom:1px solid #20222f; }
			.fullmn ul.main_mn ul.sub_mn { background-color:#2b2b35; }
			.fullmn ul.main_mn ul.sub_mn li { display:inline-block; }
			.fullmn ul.main_mn ul.sub_mn li a { width:110px; margin-left:15px; padding-left:9px; background:url(../image/fullmn_ico_cir.png) 0 center no-repeat; font-size:0.813em; letter-spacing:-0.1em; }
			.fullmn ul.main_mn ul.sub_mn li:nth-child(even) a { width:120px; margin-left:0; }

/* header */
#header_wrap { position:releative; width:100%; min-width:320px; height:50px; background-color:#fff }
#header_wrap > h1.logo { margin: 0 auto; padding: 0;  padding-top: 8px; text-align:center}
	#header_wrap .btnFullmn { position:releative; float:left; padding:11px; margin-top:-50px}
	/*#header_wrap .logo { position:absolute; float:left; top:12px; left:50%; margin-left:-40px; text-align:center; }*/
	#header_wrap .btnLogin { position:releative; float:right; padding:10px 10px 0 0; font-size:0.875em;  margin-top:-50px}

.tmn_wrap { clear:both; width:100%; min-width:320px; height:40px; }
	.tmn_wrap li a { float:left; width:20%; height:40px; color:#fff; background-color:#313337; vertical-align:middle; line-height:40px; letter-spacing:-0.1em; text-align:center; }
	.tmn_wrap li a.myroom { background-color:#d40000; }

/* 제목 */
.tit_wrap { width:100%; background-color:#66719f; }
	.tit_wrap h1 { padding:10px; color:#fff; font-weight:bold; }
h2 { clear:both; padding:20px 0 10px 10px; color:#333; font-weight:bold; }
	h2 .cnt { font-size:0.875em; font-weight:normal; }

/* 탭스타일 메뉴 */
.tabmn_wrap { clear:both; width:100%; height:40px; border-bottom:1px solid #aaa; }
.tabmn_wrap li.tm { float:left; width:50%; line-height:40px; background-color:#f3f3f3; text-align:center; }
.tabmn_wrap li.tm a { display:block; width:100%; line-height:40px; text-align:center; }
.tabmn_wrap li.tm.on { background-color:#3e4c97; color:#fff; }

.mov_wrap { width:100%; border-top:1px solid #3f3e3c; border-bottom:1px solid #aaa; margin-top:-1px; }
.mov_wrap img { width:100%; }

/* 선생님소개 / 프리패스 콘텐츠 상단 이미지 */
.imgTop { border:1px solid #aaa; }
.imgTop img { width:100%; }

/* -- index ------------------------------------------------------ */
/* 메인 롤링 배너 */
.swiper-container { width: 100%; height: 100%; }        

/* 배너 */
.boxWrap { width:100%; }
	.boxWrap li { float:left; /*margin-top:3px;*/ }
	.boxWrap li img { width:100%; }

/* 게시판 탭 */
.index .tabArea { position:relative; width:100%; height:250px; }
	.index .tabArea ul.list { position:relative; }
	.index .tabArea li span.tit { float:left; top:0; width:49.5%; height:35px; margin-left:-1px; border:1px solid #91949b; text-align:center; line-height:35px; background-color:#fff; font-size:0.875em; color:#606676; letter-spacing:-0.1em; cursor:pointer;  border-radius:6px;border-top-left-radius:0px; border-bottom-left-radius:0px;  }
	.index .tabArea li:first-child span.tit {display:block; border-radius:6px;border-top-right-radius:0px; border-bottom-right-radius:0px; margin:0; width:49.5%; }
	.index .tabArea li.on span.tit { background-color:#595f69; color:#fff; }
	.index .tabArea ul.list li div.contents { display:none; position:absolute; top:35px; left:0; width:100%; height:200px; }
	.index .tabArea ul.list li.on div.contents { display:block; }

ul.listType1 { position:relative; clear:both; width:100%; }
	ul.listType1 li { position:relative; padding:10px 0; border-bottom:1px solid #91949b; font-size:0.875em; letter-spacing:-0.1em; }

/* -- 게시판 ------------------------------------------------------ */
/* 서브 > 게시판 공통 */
.board { clear:both; width:100%; }
table.mTable1 { width:100%; }
	.mTable1 thead th { padding:10px; text-align:left; letter-spacing:-1px; border-bottom:1px solid #ddd; color:#555; }
	.mTable1 td { padding:10px 0 10px 10px; font-size:0.875em; border-bottom:1px solid #aaa; text-align:justify; }
	.mTable1 td.memo { border-bottom:1px solid #ddd; }
	.mTable1 td.memo p, .mTable1 td.memo a { color:#555; }
	.mTable1 tr td:last-child { padding-right:10px; }
	.mTable1 .thumb img { width:95px; height:62px; }
	.mTable1 .tit { letter-spacing:-1px; }
	.mTable1 .etc { padding:10px; font-size:0.875em; text-align:left; color:#777; }

table.mTable2 { width:100%; border-top:1px solid #222; }
	.mTable2 th {border-bottom:1px solid #aaa; vertical-align:top; }
	.mTable2 th .bgTit { padding:5px 6px 5px 5px; background-color:#5d6ba5; font-size:0.813em; color:#fff; letter-spacing:-0.1em; }
	.mTable2 td { padding:10px 0; font-size:0.875em; border-bottom:1px solid #aaa; text-align:justify; }
	.mTable2 tr td:last-child { }
	.mTable2 td.right { text-align:right; }
	.mTable2 td.center { text-align:center ; }
	.mTable2 td.left { text-align:left ; }


/* 덧글 */	
.board_re .mTable1 { border-top:1px solid #aaa; }
	.board_re .mTable1 td.etc { color:#333; padding-bottom:0; border-bottom:0; }
	.board_re .mTable1 td.memo { font-size:0.875em; padding-top:5px; border-bottom:1px solid #ddd; }
	/*.board_re .mTable1 tr:last-child td.memo { border-bottom:0; } */
	.board_re div.innerWrap { height:60px; margin-top:10px; background-color:#f2f2f2; border-top:1px solid #222; }
	.board_re .textarea1 { float:left; width:69%; height:48px; }
	.board_re .btnRe { float:right; width:22%; height:60px; background-color:#8a8a8a; color:#fff; text-align:center; line-height:60px; font-size:0.875em; }

/* 타이틀 옵션/타입 컬러 */
.type0 { font-weight:bold; letter-spacing:-0.05em; margin-right:5px; }
.typeA1 { font-weight:bold; color:#fc7d77; letter-spacing:-0.05em; margin-right:5px; }
.typeB1 { font-weight:bold; color:#65729f; letter-spacing:-0.05em; margin-right:5px; }
.typeA2 { font-weight:bold; color:#f9941b; letter-spacing:-0.05em; margin-right:5px; }
.typeB2 { font-weight:bold; color:#3e4c95; letter-spacing:-0.05em; margin-right:5px; }

/* 아이콘 */
.icoEvent { position:relative; top:-1px; padding:2px 3px 2px; margin-right:5px; background-color:#5e6aa4; font-size:0.688em; line-height:1.1em; color:#fff; letter-spacing:0; }
.icoT { position:relative; top:-1px; padding:2px 4px 2px; margin-right:5px; background-color:#5e6aa4; font-size:0.688em; line-height:1.1em; color:#fff; letter-spacing:0; }
.icoB { position:relative; top:-1px; padding:2px 4px 2px; margin-right:5px; background-color:#3b8797; font-size:0.688em; line-height:1.1em; color:#fff; letter-spacing:0; }
.icoP { position:relative; top:-1px; padding:2px 4px 2px; margin-right:5px; background-color:#5e6aa4; font-size:0.688em; line-height:1.1em; color:#fff; letter-spacing:0; }
.icoL { position:relative; top:-1px; padding:2px 4px 2px; margin-right:5px; background-color:#ff4313; font-size:0.688em; line-height:1.1em; color:#fff; letter-spacing:0; }
.icoStar { position:absolute; top:14px; right:0; margin-left:5px; }

/* 페이지 번호 */
.paginate {text-align:center; margin:30px 0}
.paginate a {display:inline-block; color:#9b9b9b;font-size:15px;height:35px;line-height:33px;width:35px;text-decoration:none;border-radius:35px; border:1px solid #ddd; margin:0 4px;-webkit-transition: all 0.20s ease-in-out; -moz-transition: all 0.20s ease-in-out; -ms-transition: all 0.20s ease-in-out; -o-transition: all 0.20s ease-in-out;}
.paginate a.on {background:#3cbfaf;color:#fff; border:1px solid #3cbfaf;}

/* -- 트래블리쉬 소개 / 랜딩 페이지 ----------------------------------- */
.PCver { border-bottom:1px solid #e9e9e9; }

/* -- 프리패스 ---------------------------------------------------- */
h2.freepass { text-align:center; padding-left:0; }
ul.classList1.freepass { width:100%; }
	ul.classList1.freepass li div.line1 { position:relative; height:80px; margin:10px; padding-bottom:10px; border-bottom:1px solid #e6e6e6; }
	ul.classList1.freepass li img.mark { float:left; width:95px; 80px; padding-right:10px; }
		ul.classList1.freepass li div.line1 span.tit { float:left; position:absolute; left:105px; top:20px; font-size:14px; }
		ul.classList1.freepass li div.line1 ul.date { float:left; position:absolute; left:107px; top:45px;  font-size:13px; }
		ul.classList1.freepass li div.line1 ul.date li { display:inline; margin-right:10px; }
	ul.classList1.freepass li div.line2 { position:relative; margin:10px; }
	ul.classList1.freepass li div.line2 span.discount { float:left; margin-top:3px; padding:2px 5px 2px 4px; background-color:#5d6ba5; font-size:0.813em; color:#fff; letter-spacing:-0.1em; }
	ul.classList1.freepass li div.line2 span.price { float:left; margin:5px 3px 0 3px; font-weight:bold; color:#ff4313; line-height:1.2; }
	ul.classList1.freepass li div.line2 span.priceOrg { float:left; margin:8px 0 0; font-size:0.813em; text-decoration:line-through; letter-spacing:-0.1em; line-height:1.2; }
	ul.classList1.freepass li div.line2 .btnR_wrap { margin:0 0 10px; }
	
div.pass_wrap { float:left; width:100%; background-color:#59535d; }
div.pass_wrap.bdB { border-bottom:1px solid #e9e9e9; }
div.pass_wrap img { width:100%; }
div.pass_wrap p.tit { clear:both; width:100%; }
div.pass_wrap p.step { clear:both; padding:10px 15px 0; }
div.pass_wrap p.mov { clear:both; padding:15px; }


/* -- 내강의실 / 수강신청 ------------------------------------------ */
ul.classList1 { float:left; width:100%; border-top:1px solid #222; }
	ul.classList1 > li { float:left; width:100%; border-bottom:1px solid #aaa; }
	ul.classList1 li .txt_wrap { float:left; font-size:0.875em; margin:10px 0 10px 10px; }
	ul.classList1 li .etc { padding-left:18px; font-size:13px; letter-spacing:-0.1em; }
	ul.classList1 li .etc2 { font-size:14px; letter-spacing:-1px; }
	ul.classList1 li .btnR_wrap { float:right; width:90px; margin:10px 10px 10px 0; }
	ul.classList1 li .btnR_wrap a { display:block; }
	ul.classList1 li .btnR_wrap img { width:90px; height:27px; }
	ul.classList1 li .titL { float:left; width:65px; border-right:1px solid #999; margin-right:10px; }
	ul.classList1 li .classInfo { padding:10px; margin:0; font-size:13px; }
	ul.classList1 li .classInfo li { margin-bottom:7px; }
	ul.classList1 li .classInfo li.last { margin-bottom:0; }
	ul.classList1 div.innerWrap div, 	ul.classList1 div.innerWrap p, 
	ul.classList1 div.innerWrap a, ul.classList1 div.innerWrap span, ul.classList1 div.innerWrap li { font-size:13px; line-height:1.3; }	

/* 신청옵션 선택 상자 */
.regOpt { float:left; width:89.4%; border:1px solid #aaa; padding:15px 5% 10px; }
	.regOpt ul.date { float:left; width:100%; }
	.regOpt ul.date li { display:block; float:left; margin-right:10px; font-size:0.875em; }
	.regOpt ul.option { float:left; width:100%; padding:8px 0 10px; margin-bottom:8px; border-bottom:1px solid #e6e6e6; }
	.regOpt ul.option li { display:block; float:left; margin-right:10px; font-size:0.875em; }
	.regOpt ul.option li:last-child { margin-right:0; }
	.regOpt p.total { float:left; width:100%; }
	.regOpt p.total span.eq { float:left; font-size:1.3em; line-height:1.3; }
	.regOpt p.total span.price { float:right; font-size:1.1em; color:#ff4114; }
	.regOpt label:last-child { margin-right:10px; }
	.regOpt label.strong { color:#ff4114; }

.myroom_info { float:left; width:100%; }
	.myroom_info p { float:left; padding:10px 10px 30px; font-size:0.813em; }
	.myroom_info .p1 { margin-right:20px; }
	
.btnF_wrap { clear:both; width:255px; height:43px; padding:20px 0; margin:0 auto; }
	.btnF_wrap a { display:block; width:255px; height:43px; background-color:#3e4c97; line-height:43px; color:#fff; text-align:center; }
.btnF_wrap2 { clear:both; height:43px; padding:20px 10px; }
.btnF_wrap2 a.btnL { display:block; float:left; width:49%; height:43px; background-color:#3e4c97; line-height:43px; color:#fff; text-align:center; }
	.btnF_wrap2 a.btnC { display:block; float:left; width:100%; height:43px; background-color:#3e4c97; line-height:43px; color:#fff; text-align:center; }
	.btnF_wrap2 a.btnL { display:block; float:left; width:49%; height:43px; background-color:#3e4c97; line-height:43px; color:#fff; text-align:center; }
	.btnF_wrap2 a.btnR { display:block; float:right; width:49%; height:43px; background-color:#8a8a8a; line-height:43px; color:#fff; text-align:center; }

/* -- FAQ Sort Menu ------------------------------------------------ */
.faq_sort { float:left; width:100%; padding:10px; border-bottom:1px solid #aaa; }
	.faq_sort li { display:block; float:left; width:23.4%; height:34px; border:1px solid #90939a;  margin-left:-1px; text-align:center; }
	.faq_sort li a {  font-size:13px; color:#62627a; line-height:34px; letter-spacing:-1px; }
	.faq_sort li.fitst { margin-left:0; }
	.faq_sort li.line2 { margin-top:-1px; }
	.faq_sort li.none { background-color:#c6c6c6; }
	.faq_sort li.on { background-color:#3e4c97; }
	.faq_sort li.on a { color:#fff; }
	
/* -- 회원 ------------------------------------------------------- */
/* 로그인 */
.loginArea_wrap1 { float:left; width:100%; border-bottom:1px solid #e6e6e6; }
	.loginArea_wrap1 ul { width:250px; margin:30px auto 20px; }
	.loginArea_wrap1 li { margin-top:6px; }
	.loginArea_wrap1 li:first-child { margin-top:0; }
	.loginArea_wrap1 li:last-child { margin-top:12px; }
	.loginArea_wrap1 li input[type="text"] { width:250px; height:40px; }
	.loginArea_wrap1 li input[type="password"] { width:228px; height:28px; }
	.loginArea_wrap1 li a { display:block; width:100%; height:43px; line-height:43px; color:#fff; text-align:center; background-color:#3e4c97; }
	.loginArea_wrap1 li.pwResult { width:250px; text-align:center; padding:25px 0; background-color:#f0f1f3; font-size:0.875em; color:#333; }
.loginArea_wrap2 { float:left; width:100%; padding:20px 0 35px; }
	.loginArea_wrap2 ul { width:250px; margin:0 auto 15px; }
		.loginArea_wrap2 ul li { display:inline-block; font-size:0.875em; margin-right:20px; }
	.loginArea_wrap2 p { width:250px; margin:0 auto; }
		.loginArea_wrap2 p a { display:inline-block; width:78px; height:30px; text-align:center; line-height:30px; border:1px solid #aaa; border-radius:3px; background-color:#fafafa; font-size:0.813em; letter-spacing:-0.1em; margin-right:5px; }
		.loginArea_wrap2 p a:last-child { border:1px solid #444; background-color:#aaa; color:#fff; margin-right:0; }

/* 회원가입 */
.join h2 { padding-left:0; }
.join .ruleBox { padding:10px; background-color:#f2f2f2; border-top:1px solid #222; }
.join .ruleBox div, .join .ruleBox p, .join .ruleBox a, .join .ruleBox span, .join .ruleBox li, .join .ruleBox strong, .join .ruleBox b, .join .ruleBox td, .join .ruleBox th {  font-size:14px; color:#555; }
.join .chk { padding:10px; background-color:#e6eaed; font-size:14px; color:#555; }
.join .chkAll { padding:10px 10px 15px; font-size:14px; font-weight:bold; }
.join div.btnF_wrap2 { padding:20px 0 10px; border-top:1px solid #e6e6e6; }
.join { padding-top:15px; }

.join ul.input { border-bottom:1px solid #e6e6e6; padding-bottom:14px; }
	.join ul.input li {letter-spacing:-0.1em;border-bottom: 1px solid #d5dcdc;background: #fff;color: #7c7c7c;font-size: 14px;line-height: 1.5em;}
	.join  {}
	.join select { height:35px; }
	.join input[type="text"], 
	.join input[type="tel"] {width:140px;height: 35px;padding:5px;}
	.join input.small, .join ul.input li select.small { width:53px; }
	.join  input[type="text"].wide { width:70%; }
	.join input[type="password"], 
	.join input[type="email"] { width:128px; height:35px; padding:5px; }
	
	.join ul.input li span.tit.extend { height:197px; }
	.join ul.input li span.txt { margin:0 5px 0 3px; }
	.join ul.input li span.txt.last { margin-right:0; }
	
	.join ul.input ul.sex li { display:inline-block; }
	.join ul.input ul.sex li:first-child { margin-right:20px; }
	
	.join ul.input a.btnOverlap { display:inline-block; width:60px; height:35px; margin-left:5px; font-size:13px; line-height:35px; letter-spacing:-0.1em; color:#fff; background-color:#8a8a8a; text-align:center; }
	.join ul.input a.btnPost { display:inline-block; width:84px; height:35px; margin-left:5px; font-size:13px; line-height:35px; letter-spacing:-0.1em; color:#fff; background-color:#8a8a8a; text-align:center; }
	.join div.btnF_wrap { padding-bottom:10px; }

/* -- Footer ------------------------------------------------------- */
#footer_wrap { position:relative; float:left; width:100%; background-color:#d0d1d5; padding-bottom:10px; line-height:1.2; }
	#footer_wrap .foot_menu ul { clear:both; width:100%; height:32px; }
		#footer_wrap .foot_menu li a { float:left; width:18.6%; min-height:30px; margin-right:0.9%; text-align:center; line-height:30px; border:1px solid #aaa; border-radius:3px; background-color:#fafafa; font-size:0.813em; letter-spacing:-1px; }
		#footer_wrap .foot_menu li:last-child a { margin-right:0; }
	#footer_wrap .info { clear:both; width:100%; font-size:0.875em; letter-spacing:-1px; text-align:center; }
		#footer_wrap .info p.cscenter { padding-bottom:5px; }
		#footer_wrap .info p.cscenter strong { font-size:1.1em; }

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

@media all and (min-width:768px) { 
	.main_banner_wrap { text-align:center; background-color:#fff; }
	.main_banner_wrap a img { width:100%; max-width:720px; }
	#mobile_body {}
}

/*.swipe { overflow:hidden; visibility:hidden; position:relative; background-color:#fff; }
.swipe-wrap { overflow:hidden; position:relative; }
.swipe-wrap > div { float:left; width:100%; position:relative; } */

/* 노트계열 */
@media screen and (-webkit-min-device-pixel-ratio:2) and (min-device-width:400px) and (max-device-width:1024px) and (orientation:portrait) {
/* main page */
}

/* 가로모드 */
@media screen and (-webkit-min-device-pixel-ratio:1.5) and (min-device-width:400px) and (max-device-width:1024px) and (orientation:landscape) {
/* main page */
}



.board_btn_area{
	text-align:center;
	padding:20px 0px;
}

.board_btn_area a.btn01  {
    background-color: #fafafa;
    border: 1px solid #aaa;
    border-radius: 3px;
    display:inline-block;
    font-size: 0.813em;
    letter-spacing: -1px;
    line-height: 30px;
    margin-right: 0.9%;
    min-height: 30px;
    text-align: center;
    width: 18.6%;
}



.newpage_sort { width:100%;margin: 0 auto; }
	.newpage_sort li { display:block; float:left; width:33.333%; height:34px; border:1px solid #90939a;  text-align:center;background-color:white; }
	.newpage_sort li a {  font-size:13px; color:#62627a; line-height:34px; letter-spacing:-1px; }
	.newpage_sort li.fitst { margin-left:0; }
	.newpage_sort li.line2 { margin-top:-1px; }
	.newpage_sort li.none { background-color:#c6c6c6; }
	.newpage_sort li.on {background-color: #ed1b23;}
	.newpage_sort li.on a { color:#fff; letter-spacing:-2px; }

/*여기부터 세드릭잉글리쉬 추가 20160.05.25 by천팀*/
.evalu_list00 {width:98%; margin: 0 auto;}
.evalu_list00 > tbody > tr > th { height:40px; line-height:40px; border-bottom:1px solid #e1e2e4; text-indent:10px; }
.evalu_list00 > tbody > tr > td { height:40px; line-height:40px; border-bottom:1px solid #e1e2e4; }
.evalu_list00 > tbody > tr > th.txt > input { width:35%; }
.evalu_list00 > tbody > tr > th > .phone1 {  width:60px; padding:5px;}
.evalu_list00 > tbody > tr > th > .pay_type  { width:120px; padding:5px;}

/* -- 내강의실 / 수강신청 ------------------------------------------ */
ul.classList001 { display:block;width:100%; border-top:1px solid #222; }
	ul.classList001 > li { display:block;width:100%; border-bottom:1px solid #aaa; }
	ul.classList001 > li {border-bottom:1px solid #aaa;}
	ul.classList001 > li.th { background:#ebedf6; height:42px; }
		.class01Lts {  clear:both; display:table; width:100%; text-indent:5px;}
		.class01Lts > li {  display:table-cell;  width:25%; text-align:center;line-height:42px;   font-weight:600; color:#3e4c95 }
		.class01Lts > li.title00{ width:45%; text-align:left; padding-left:10px;  line-height:21px;   font-weight:600; padding:5px 0px;}
		.class01Lts > li.list { font-weight:200; color:#777; font-size:0.9em;  }

		.class02Lts { display:table;width:100%; margin:5px 0px; }
		.class02Lts > li { display:table-cell; text-align:center;}
		.class02Lts > li.title { width:15%;text-indent:10px; text-align:left;}
		.class02Lts > li.title2 { width:38%;text-align:left;}
		.class02Lts > li.title3 { width:15%;text-align:left;}
		.class02Lts > li.title4 { width:18%;text-align:center;}
		.class02Lts > li.title5 { width:14%;text-align:center;}
		.class02Lts > li.title6 { width:14%;text-align:center;}

		a.down00 {  display: inline-block;  cursor: pointer; margin: 0 2px;  padding: 5px 2px;  font: 11px "NGothicB", Dotum;  font-weight:600;
						-webkit-appearance: none; background: #516271 !important; color: #fff !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
		a.normalply {  display: inline-block;  cursor: pointer; margin: 0 2px;  padding: 5px 2px;  font: 11px "NGothicB", Dotum;  font-weight:600;
						-webkit-appearance: none; background: #3e4c95 !important; color: #fff !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
		a.highply {  display: inline-block;  cursor: pointer; margin: 0 2px;  padding: 5px 2px;  font: 11px "NGothicB", Dotum; font-weight:600;
						-webkit-appearance: none; background: #e74242 !important; color: #fff !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
		a.btnclassgo { display: inline-block;  cursor: pointer; margin: 0 2px;  padding: 7px 14px;  font: 12px "NGothicB", Dotum; border: 1px solid #334081 !important; font-weight:600;
						-webkit-appearance: none; background: #3e4c95 !important; color: #fff !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
		

#sort { width: 100%; height:42px; height:42px;  margin: 0 auto; text-align: right; border-top:1px solid #ccc;  }
		a.btn_b01 { display: inline-block;  cursor: pointer; margin: 0 2px;  padding: 7px 14px;  font: 12px "NGothicB", Dotum; border: 1px solid #334081 !important; font-weight:600;
						-webkit-appearance: none; background: #3e4c95 !important; color: #fff !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top:5px}
.section_Lecturelist { width:100%; }
	.box_tit { width:100%; height:42px;background: #ebedf6; border-top:1px solid #9ea4be;  border-bottom:1px solid #9ea4be;  }
	.box_tit > h4 {  line-height:42px; text-indent:10px; font-weight:600; color:#334081 ;}

.lecBListul { width:100%; }
.lecBListul > li { border-bottom:1px solid #ccc; }
	.lecBList00ul { width:100%; height:35px; }
	.lecBList00ul > li { float:left; line-height:35px;}
	.lecBList00ul > li.no { width:15%;  text-align:left; text-indent:10px;}
	.lecBList00ul > li.title { width:65%; text-align:left; letter-spacing:-1px;}
	.lecBList00ul > li.playGo { width:20%; text-align:right; }
	.lecBList00ul > li.playGo > a { padding:5px 7px;}

	.jindoBx { width:100%; height:25px; text-align:left;}
	.jindoBx > span.perbg { display: inline-block; overflow: hidden;float:left; width:72%; height:15px; margin-left:8px; border-radius:20px;  background:#e5e6ee; text-align:left; }
	.jindoBx > span.perbg > span { display:block;height:15px;  background:#3e4c95 ;}
	.jindoBx > span.timesec { display:block;float:right;  width:21%; font-size:0.9em;letter-spacing:-1px; }



.skip_submit{ height:0px;width:0px;overflow:hidden;}
div.sub_lecture{
	clear:both;
	margin-left:20px;
}
ol.sub_lecture{
	 list-style:decimal inside none;
	 margin-left:20px;
}

ol.sub_lecture > li{
	 list-style:decimal outside none;
	 font-size:0.9em;
	 font-style:italic;

}
/* ==========================================================================
  ### 장바구니 결제 By kang
  ========================================================================== */

.mc_menu {
    height: 42px;
    margin: 0 auto;
    position: relative;
    width: 100%;
	margin-top:10px;
}
.mc_menu li.mc_1 { width:35%; left:0; padding-left:0px; background:none; }
.mc_menu li.mc_2 {width:34%; left:35%; margin-left:-10px;}
.mc_menu li.mc_3 {width:35%; left:69%; margin-left:-20px;}
.mc_menu li.mc_3 span { background:#f7f7f7; }
.mc_menu li.mc_3 .active span { background:#cd0d1a; }

.mc_menu li {
	height: 42px;
    padding-left: 17px;
    background: url('/webheads/image/join_step_tail_off.png') 0 0 no-repeat;
    background-size: 17px 42px;
    position: absolute;
    top: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.mc_menu li span {
	display: block;
    height: 42px;
    background: #f7f7f7 url('/webheads/image/join_step_head_off.gif') right 0 no-repeat;
    background-size: 17px 42px;
    font-family: ng_b;
    color: #b4b4b4;
    line-height: 42px;
    text-align: center;
}
.mc_menu li.active {
   background: url('/webheads/image/join_step_tail_on.png') 0 0 no-repeat;
    background-size: 17px 42px;
}
.mc_menu li.active span {
	padding-right: 17px;
    background: #cd0d1a url('/webheads/image/join_step_head_on.gif') right 0 no-repeat;
    background-size: 17px 42px;
    color: #fff;
}

.table_list1	    {width: 100%;  margin-top:10px; border-bottom:1px solid #dbdbdb;}
.table_list1 tbody tr.on th,.table_list1 tbody tr.on th a{color:#55aaea}
.table_list1 tbody tr.on th{background-color:#f9f9f9}
.table_list1 tr.bg th	{ height:50px; background-color:#f3f3f3; border-bottom:1px solid #3cbfaf}
.table_list1 tr.notice	{ background: #f9f9f9;}
/*.table_list1 tr.list {border:1px solid #9A9A9A;}*/
.table_list1 th    {  font-weight:normal; }
.table_list1 th img	{  vertical-align:middle  }
.table_list1 .bgTit {
    background-color: #5d6ba5;
    color: #ffffff;
    font-size: 0.813em;
    letter-spacing: -0.1em;
    padding: 5px 6px 5px 5px;
}
.m3_d{ width:100%; background-color:#f3f3f3; border-top:1px solid #7c7c7c; border-bottom:1px solid #d5dcdc}
.m3_d p { color:#444; float:left; line-height:61px; }
.m_pay{ font-size:0;}
.m_pay dt{font-weight:600;color:#333;font-size:14px;display:inline-block;width:50%;text-align:left;line-height: 45px;}
.m_pay dd{font-weight:900;color:#ed1b23;font-size: 16px;display:inline-block;zoom:1;width:50%;text-align:right;line-height: 45px;}

.mc5_d span {
    font-size: 14px;
    font-weight: 600;
    padding: 8px;
}

.mc5_d dt {
    color: #444444;
    display: inline-block;
    padding-right: 8px;
}
.m_pay dt {
    font-size: 16px;
    font-weight: 600;
}
.mc5_d dl {
    display: inline;
    padding-right: 11px;
}

.tl02 {
    color: #666666;
    font-size: 12px;
    margin: 10px auto;
}
.magr5 .sel_delete_but{float:left;}

.magr5 .submit_btn{float:right;}

.mc6_h3 {
    margin-top: 10px;
	background-color:#b9000e;
	color:white;
	text-align:left;
	padding:10px 0px;
	padding-left:20px;
	line-height:1em;
	
}
ul.col_type {
    display: table;
    margin: 20px 0px;
    padding: 0;
	width:100%;
}
ul.col_type > li {
    display: table-cell;
    text-align: center;

}

.float_right{float:right;margin-right:10px;}

/*마이페이지 확장 디자인 추가 17.02.27 By Kang*/

.wrapTerms {}
/*.wrapTerms * {font-family:'Nanum Gothic';}*/
input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="tel"], input[type="search"], textarea {
    font-family: auto;
    font-size: 100%;
    padding: 0px;
}

.wrapTerms > h3 {position:relative;padding:17px 0;font-size:1.071428571428571em;color:#666666;text-align:center;border-bottom:4px solid #b9000e;}
.wrapTerms > h3 > img {position:absolute;bottom:-10px;left:50%;margin-left:-7px;} 
.txtTerms {position:relative;margin:0px;padding:17px 10% 17px 5%;font-size:0.86em;color:#222222;font-weight:700;}
.txtTerms > span {color:#ff8000;}
.txtTerms > a {position:Absolute;right:2%;top:50%;margin-top:-12px;}
.boxTerms {padding:15px 2% 30px;background:#f4f4f4; overflow:hidden; }
.boxTerms > span {display:block;margin:10px 0 0 0;color:#aaaaaa;font-size:0.86em;font-weight:700;}
.boxTerms > div {height:52px;padding:9px;overflow-y:scroll;border:1px solid #dddddd;color:#666;font-size:11px;background:#fff;}
.boxTerms > .txtTerms {padding:10px 8% 17px 3%;}
.boxTerms > .txtTerms > a {right:0%;}
.btnMember {width:49%; float:left; margin:20px auto 0;padding:12px 0;color:#fff;text-shadow:0px 0px 2px #f28400;font-size:0.86em;font-weight:700;border:none; background: #b9000e; }
.btnMemberDon {width:49%; float:right; margin:20px auto 0;padding:12px 0;color:#fff;text-shadow:0px 0px 2px #f28400;font-size:0.86em;font-weight:700;border:none; background: #575656; }
.btnMember > img {width:11px;}

.boxTerms > table {width:100%;margin-bottom:15px;border:1px solid #dddddd;}
.boxTerms > table td {padding:10px 5px 10px 5px;border-top:1px solid #dddddd;border-left:1px solid #dddddd;vertical-align:top;color:#aaaaaa;font-size:0.8571428571428571em;font-weight:700;background:#fff;}
.boxTerms > table td p {margin:0px;padding:0 30px 0 0;}
.boxTerms > table td.bor_no {border-left:none;}
.boxTerms > table th {color:#fff;font-size:1.08em;font-weight:700;background:#cccccc;padding:7px 0 5px 15px;text-align:left;}
.boxTerms > table input[type="text"], .boxTerms > table input[type="password"] {width:100%;border:none;color:#222222;font-weight:700;background:none;}
.boxTerms > table select {-webkit-appearance: none;-moz-appearance: none;appearance: none;width:100%;border:none;background:url('../images/member_m/icon_select.gif') no-repeat 90% center;background-size:10px auto;}
.txtWarning {display:none;font-size:0.8em;color:#e80000;font-weight:700;line-height:2;}

.wrapMenu {}
.wrapMenu > a {width:50%;display:inline-block;padding:10px 0;text-align:center;font-weight:700;font-size:0.8571428571428571em;text-decoration:none;border:1px solid #dddddd;color:#222222;}
.wrapMenu > a.on {width:calc(50% - 4px);border:1px solid #ff8000;color:#ff8000;}

.wrapMenu input[type="radio"]{ position:relative; top:-1px; vertical-align:middle; }
.wrapMenu input[type="radio"] { position:absolute; left:0; top:0; margin:0; opacity:0; }
.wrapMenu input[type="radio"] + label  {
	text-indent:0px !important;padding:5px 0 0px 30px; display:inline-block;
	line-height:14px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.wrapMenu input[type="radio"] + label {width:calc(50% - 3px);display:inline-block;padding:10px 0;text-align:center;font-weight:700;font-size:0.8571428571428571em;text-decoration:none;border:1px solid #dddddd;color:#222222;}
.wrapMenu input[type="radio"]:checked + label  {border:1px solid #b9000e; color:#b9000e;}


.wrapMenu2 {float:right;margin-right:15px;margin-top: -3px;}
.boxTerms > table td .wrapMenu2 p {padding:0px;}
.wrapMenu2 p > input[type="checkbox"] { position:relative; top:-1px; vertical-align:middle;opacity:0;}
.wrapMenu2 p:not(#cssbrowser)>input[type="checkbox"] + label {
	padding:5px 0 0px 30px; display:inline-block;
	height:25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.wrapMenu2 p:not(#cssbrowser)>input[type="checkbox"] + label { background:url('../images/member_m/icon_unselect.png') no-repeat left top;}
.wrapMenu2 p:not(#cssbrowser)>input[type="checkbox"]:checked + label {background:url('../images/member_m/icon_select.png') no-repeat left center;}
/*
.wrapMenu2 p:not(#cssbrowser)>input[type="checkbox"]:focus + label {
	-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.05), 0 0 8px rgba(82,168,226,0.6); -moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.05), 0 0 8px rgba(82,168,226,0.6); box-shadow:inset 0 1px 3px rgba(0,0,0,0.05), 0 0 8px rgba(82,168,226,0.6);
}
*/
.iconSel {background:url('../images/member_m/mem_id.gif') no-repeat 96% center;}
.iconPwd {background:url('../images/member_m/mem_pw.gif') no-repeat 96% center;}
.iconPwdC {background:url('../images/member_m/mem_pw_cof.gif') no-repeat 96% center;}

.iconSel_s {background:url('../images/member_m/mem_id_g.gif') no-repeat 96% center;}
.iconPwd_s {background:url('../images/member_m/mem_pw_g.gif') no-repeat 96% center;}
.iconPwdC_s {background:url('../images/member_m/mem_pw_gcof.gif') no-repeat 96% center;}

.iconSel_c {background:url('../images/member_m/mem_id_c.gif') no-repeat 96% center;}
.iconPwd_c {background:url('../images/member_m/mem_pw_c.gif') no-repeat 96% center;}
.iconPwdC_c {background:url('../images/member_m/mem_pw_Ccof.gif') no-repeat 96% center;}


.wrapTerms input.agree[type="checkbox"] { position:absolute; left:0; top:0; width:24px; height:24px; margin:0; opacity:0; }

.wrapTerms p:not(#cssbrowser)>input.agree[type="checkbox"] + label {
	text-indent:-40000px;position:absolute;right:0;;margin:0 0 0 35px; padding:5px 0 0px 30px; display:inline-block;
	height:25px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
}
.wrapTerms p:not(#cssbrowser)>input.agree[type="checkbox"] + label { background:url('../images/member_m/icon_unselect.png') no-repeat left center; }
.wrapTerms p:not(#cssbrowser)>input.agree[type="checkbox"]:checked + label {background:url('../images/member_m/icon_select.png') no-repeat left center; }



/* 마이페이지 강의관리 추가 170216 by지선 */
.tab_style1 { width:100%; margin:15px 0 25px; overflow:hidden; border:1px solid #90939a; }
.tab_style1 td.on { background-color:#b9000e; }
.tab_style1 td:first-child { border-left:0; }
.tab_style1 td { border-left:1px solid #90939a; }
.tab_style1 td.on a { color:#fff; }
.tab_style1 td a { display:block; padding:12px 0; font-family:'Noto Sans KR', sans-serif; font-size:13px; line-height:16px; text-align:center; color:#62627a; }

.tab_style2 { width:100%; overflow:hidden; background-color:#f3f3f3; }
.tab_style2 td.on { background-color:#575656; }
.tab_style2 td:first-child { border-left:0; }
.tab_style2 td { border-left:1px solid #fff; }
.tab_style2 td.on a { color:#fff; }
.tab_style2 td a { display:block; padding:12px 0; font-family:'Noto Sans KR', sans-serif; font-size:13px; line-height:16px; text-align:center; color:#62627a; }

.tab_style3 { width:100%; margin:15px 0 25px; overflow:hidden; border-bottom:1px solid #dbdbdb; }
.tab_style3 td { background-color:#7c7c7c; }
.tab_style3 td.on { background-color:#3cbfaf; }
.tab_style3 td.on a { color:#fff; }
.tab_style3 td a { display:block; padding:12px 0; font-family:'Noto Sans KR', sans-serif; font-size:13px; line-height:16px; text-align:center; color:#fff; }

.wrapIn { padding:25px 15px 0; }
.Mt_style05 {}

.txt12 { font-size:12px; line-height:17px; font-family:'Noto Sans KR', sans-serif; }
.mgb20 { margin-bottom:20px; }
.btnList { width:100%; overflow:hidden; }
a.btnL1 { display:block; width:100%; height:25px; background-color:#b9000e; color:#fff; font-size:12px; text-align:center; line-height:25px; margin-bottom:3px; }
a.btnL2 { display:block; width:98%; height:25px; background-color:#fff; border:1px solid #b9000e; color:#b9000e; font-size:12px; text-align:center; line-height:25px; }

.Mt_style01 { display:table; width:100%; border-top:2px solid #c01024; }
.Mt_style01 th { text-align: center; height: 40px; line-height: 40px; font-size: 14px; letter-spacing: -1px; font-weight:600; color:#333; font-family:'Noto Sans KR', sans-serif; border-bottom: 1px solid #dbdbdb; }
.Mt_style01 td { line-height:21px; padding:10px 0; }
.Mt_style01 td:first-child { padding-left:5px; }
	.Mt_style01 td span.perbg { display: inline-block; overflow: hidden; float:left; width:72%; height:15px; margin-top:5px; border-radius:20px;  background:#e5e6ee; text-align:left; }
		tr.t_bg01 { background-color:#f9f9fa; }
		tr.pergraph { width:100%; border-top:1px dashed #dbdbdb; border-bottom:1px solid #dbdbdb; }
		tr.Mpack { width:100%; border-top:1px dashed #dbdbdb; }
		tr.Mpack > td { font-size:13px; }
		tr.Mpack > td span.Mp_R { background: #575656; width: 15px; line-height: 15px; color: #fff; height: 15px; margin-right: 5px; text-align: center; display: inline-block; border-radius: 10px; font-size:12px; }
		td.timesec { text-align:center; }



.t_style06{width:100%; border-top:2px solid #3cbfaf; }
.t_style06 td,.t_style06 th{text-align:center;padding:13px 0 ;border-bottom:1px solid #dbdbdb;color:#333; font-size:14px; }
.t_style06 .t_bc2{background:#f3f3f3; font-weight:bold;font-size:14px;}
.t_style06 .t_bc3{background:#fafafa; font-weight:bold;}
.t_style06 .t_al2{text-align:left; padding:10px 20px; font-size:14px; }
.t_asl{float:left;}
.t_asr{float:right;}
.t_inf{width:730px;text-align:right;padding:11px 0px;}
.f_img{padding:0 3px;}
.text_areaE{width:730px; min-height:304px; border-top:1px solid #a5a5a5;border-bottom:1px solid #a5a5a5;padding:0px;word-break: break-all; }
.text_area{width:100%; min-height:304px; border-bottom:1px solid #dbdbdb; padding:0px 20px 20px 20px;word-break: break-all; }
.t_pt18{margin-top:20px;width:730px; text-align:right; padding-bottom:40px; }
#writeContents,#writeContents * {line-height:1.5em}


.text_area{width:100%;min-height:200px;border-bottom:1px solid #dbdbdb;padding: 10px;word-break: break-all;font-size:15px;line-height:1.5em;}
.text_area,.text_area *{ font-size:15px; line-height:1.5em}


#table_listD	{	 width:100%;  border-top:2px solid #3cbfaf;border-bottom: 1px solid #dbdbdb; }
#table_listD img {  float: left; }
#table_listD th {  text-align: left; font-size:12px; font-weight:normal; border-bottom:1px solid #d5dcdc; }
#table_listD a:link, #table_listD a:visited  { /* padding:0 0 0 10px; color:#f35530; font-size:12px;font-weight:bold;  */ }
#table_listD a:hover  {text-decoration: none;}
#table_listD th.a { background:#9ebfd6;   height:1px; }
#table_listD th.b {  text-align:center; background:#f3f3f3; padding:10px 0; color:#444; font-size:14px; font-weight:bold; line-height:1.4em}
#table_listD th.c {text-align:left;/*width:253px;*/padding:8px 10px;background:#fff;color:#7c7c7c;font-size:14px;line-height: 1em;}
#table_listD th.c p{line-height:1.5em }
#table_listD th.cA {  text-align:left; height: 25px;  padding:0 10px; background:#fff;   color:#7d7d7d; font-size:12px;  }
#table_listD th.bb {  text-align:center; width: 110px;height: 25px;background:#94b8d1; color:#fff; font-size:11px;    }
#table_listD th.cc {  text-align:left; width: 320px;height: 25px;  padding:0 10px; background:#fff;   color:#7d7d7d; font-size:11px;  }
#table_listD th.d {  text-align:left; padding:3px 15px; background:#fff; color:#666; font-size:12px;  }
#table_listD th.e {  text-align:left; height: 25px;  padding:3px 10px; background:#fff;  color:#7d7d7d; font-size:12px;  }
#table_listD th.g { height:1px; background-color: #eeeeee; }



 .calculateArea {
    border: 2px solid #3cbfaf;
    clear: both;
    position: relative;
 
}
 .calculateArea table {
    width: 100%;
}
 .calculateArea table th {
    background-color: #f3f3f3;
    border-right: 1px solid #d5dcdc;
    border-bottom: 1px solid #d5dcdc;
    font-weight: 500;
    height:40px;
    text-align: center;
    color:#333;
    font-size: 14px;
}
 .calculateArea table td {
    border-right: 1px solid #dedede;
    font-size: 0;
    font-weight: bold;
    padding: 15px 0;
    text-align: center;
}
.calculateArea table td .number_format{font-size: 15px;}
 .calculateArea table th.total {
    border-right: medium none;
}
 .calculateArea table td.total {
    border-right: medium none;
    color: #ff4412;
    font-size: 18px;
}
 .calculateArea table td.total .number_format {font-weight:900}

 .calculateArea .plus {
    left: 49%;
    position: absolute;
    top: 55px;
    z-index: 10;
    margin-left: -10px;
    width: 20px;
}
 .calculateArea .equal {
    left: 72%;
    position: absolute;
    top: 55px;
    z-index: 10;
    margin-left: -10px;
    width: 20px;
}
 .calculateArea .minus {
    left: 26%;
    position: absolute;
    top: 55px;
    z-index: 10;
    margin-left: -10px;
    width: 20px;
}
.cart2 .calculateArea .plus {
    left: 346px;
    position: absolute;
    top: 62px;
    z-index: 10;
}
.cart2 .calculateArea .equal {
    left: 526px;
    position: absolute;
    top: 62px;
    z-index: 10;
}
 .calculateArea .board {
    left: 0;
    position: relative;
    top: 0;
    z-index: 1;
}
 .calculateArea .won {
    font-size: 13px;
}
 .calculateArea td.total span.won {
    color: #ff4412;
    font-size: 14px;
}