@charset "utf-8";

* { border:none; outline:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }

/* S:common_control */
html { overflow-y:scroll; -webkit-text-size-adjust:none; }
html, body { text-align:left; border:none; -webkit-overflow-scrolling:scroll; overflow-x:hidden; }
html, body, div, ul, li, dl, dt, dd, ol, p, h1, h2, h3, h4, a, td, th { margin:0; padding:0; font-size:1em; /*line-height:1.5; font-family:"돋움",Dotum,"굴림",Gulim,Helvetica,sans-serif;*/ /*color:#777;*/ font-weight:normal; }
ul, ol, dl { list-style:none; }
img { border:0; vertical-align:top; }
button { border:none; background:none; cursor:pointer; }
a, a:active, a:link, a:visited, a:hover { text-decoration:none; cursor:pointer; color:#777; }
.cboth { clear:both; }
.m10 { clear:both; height:10px; width:100%; content:""; }
.t_indent { text-indent:-10000em !important; display:inline-block; }

/* ==========================================================================
  ### 공통적용 사항 시작
  ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block; }
audio, canvas, video { display:inline-block; *display:inline; *zoom:1; }
audio:not([controls]) { display:none; }
[hidden] { display:none; }

html { font-size:100%; -webkit-text-size-adjust:100%/*화면회전시 폰트 고정할때 none*/; -ms-text-size-adjust:100%; }

::-moz-selection { background:#fe57a1; color:#fff; text-shadow:none; }
::selection { background:#fe57a1; color:#fff; text-shadow:none; }

a { text-decoration:none; }
a:focus { outline:thin dotted; }
a:hover, a:active { outline:0; }

abbr[title] { border-bottom:1px dotted; }
blockquote { margin:0; }
dfn { font-style:italic; }
hr { display:none; }
ins { background:#ff9; color:#000; text-decoration:none; }
mark { background:#ff0; color:#000; font-style:italic; font-weight:bold; }
pre, code, kbd, samp { font-family:monospace, serif; _font-family:'courier new', monospace; font-size:1em; }
pre { white-space:pre; white-space:pre-wrap; word-wrap:break-word; }
q { quotes:none; }
q:before, q:after { content:""; content:none; }
small { font-size:85%; }

sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }
nav ul, nav ol { list-style:none; list-style-image:none; margin:0; padding:0; }

img { border:0; -ms-interpolation-mode:bicubic; vertical-align:middle; }

svg:not(:root) { overflow:hidden; }

figure { margin:0; }
form { margin:0; padding:0; }
fieldset { border:0; margin:0; padding:0; }
label { cursor:pointer; }
legend { overflow:hidden; text-indent:-9999px; width:0; height:0; font-size:0; }
/*button, input, select, textarea { font-size:100%; margin:0; vertical-align:baseline; *vertical-align:middle; outline:none; }*/
input { line-height:normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:button; *overflow:visible; }
button[disabled], input[disabled] { cursor:default; }
input[type="checkbox"], input[type="radio"] { box-sizing:border-box; padding:0; *width:13px; *height:13px; }
input[type="search"] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance:none; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
textarea { overflow:auto; vertical-align:top; resize:vertical; }
input:valid, textarea:valid { }
input:invalid, textarea:invalid { }
/*input[type="tel"], input[type="text"], select { box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-appearance:none; }*/

table { border-collapse:collapse; border-spacing:0; }
td { vertical-align:middle; }
.hidden { display:none; }
/* =================================================================*/

/* 폼 */
/*input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="tel"], input[type="search"], textarea { padding:5px 10px; border:1px solid #cacaca; font-size:14px; font-family:"돋움",Dotum,"굴림",Gulim,Helvetica,sans-serif; color:#777; background-color:#f0f1f3; }*/
/*select { padding-left:4px; font-size:14px; font-family:"돋움",Dotum,"굴림",Gulim,Helvetica,sans-serif; letter-spacing:-1px; color:#777; background:url(../image/bg_selectbox.png) center right no-repeat #f0f1f3; border:1px solid #cacaca; border-radius:0px; }*/
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; background-color:#fff; }
.maincontainer { position:relative; }

/* -- 레이아웃 공통 ---------------------------------------------------- */
/* 전체메뉴 */
.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:90px; 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 { position:relative; clear:both; width:100%; text-align:center; padding:10px 0 20px; }
	.paginate a { font-size:0.813em; margin-right:15px; }
	.paginate a:last-child { font-size:0.813em; margin-right:0; }	
	.paginate span.on { font-size:0.813em; font-weight:bold; margin-right:15px; color:#323232; }

/* -- 트래블리쉬 소개 / 랜딩 페이지 ----------------------------------- */
.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; line-height:1.1; }
	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 { font-size:14px; letter-spacing:-0.1em; line-height:35px; }
	.join ul.input>li { margin-bottom:6px; }
	.join ul.input li select { height:35px; }
	.join ul.input li input[type="text"], 
	.join ul.input li input[type="tel"] { width:140px; height:35px; padding:5px; }
	.join ul.input li input.small, .join ul.input li select.small { width:53px; }
	.join ul.input li input[type="text"].wide { width:70%; }
	.join ul.input li input[type="password"], 
	.join ul.input li input[type="email"] { width:128px; height:23px; padding:5px; }
	.join ul.input li span.tit { float:left; width:90px; }
	.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 { background-color:#fff; }
}

/*.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:99.5%;margin: 0 auto; margin-top:5px; }
	.newpage_sort li { display:block; float:left; width:33.0%; height:34px; border:1px solid #90939a;  margin-left:-1px; 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:#3e4c97; }
	.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 { display: inline-block;width: 100%; /*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%; background: #fff; border: 1px solid #dddbd9; border-top:0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);}
	.box_tit { width:100%; background-color: #786E65; color: #ffffff; }
	.box_tit > h4 { color: #ffffff; height: 50px; line-height: 50px; text-indent:10px; font-weight:600;}
	.list_topinfo li {display: flow-root; padding: 10px;border-bottom: 1px solid #eaeaea;font-size: 1.1em;color: #786e65;line-height: 140%;}
	.list_topinfo li .tit_category {font-size: 1.3em;line-height: 160%;}
	.list_topinfo li .tit_cont {font-size: 1.3em;line-height: 160%;}
	.list_topinfo li .num_reply {display: block; width: 100%; padding: 12px 0; text-align: right;}

.section_Lecturelist article {margin-top: 5px;padding: 20px;font-size: 1.2em; color:#5d5d5d; background-color: #ffffff; position: relative; margin-bottom: 20px; /*border:1px solid #dddbd9;*/}

.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;

}
#skip, .skip {
	font-size : 0;
	width : 0;
	height : 0;
	line-height : 0;
	position : absolute;
	left : -9999px; 
}