@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, form, a, td, th { margin:0; padding:0; font-size:1em; line-height:1.5; font-family:'나눔고딕', 'Nanum Gothic', 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; }
.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; height: 35px;}
select.select3 { width:52px; height: 35px;}
select.select4 { width:60px; height: 35px;}
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 { }
.w100per { }
.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:5%; 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; overflow-y:scroll; width:270px; height:100%; min-height:480px; background-color:#393c4d; z-index:999; }
	.fullmn .logo { margin-left:10px; }
	.fullmn .login a { float:right; font-size:14px; color:#fff; padding:10px; }
	.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 > a { font-size:0.875em; display:block; padding-left:15px; color:#fff; line-height:33px; }
		.fullmn ul.main_mn > li:last-child { border-bottom:1px solid #20222f; }
			.fullmn ul.main_mn ul.sub_mn { background-color:#2b2b35; overflow:hidden; }
			.fullmn ul.main_mn ul.sub_mn li { display:block; float:left; width:50%; }
			.fullmn ul.main_mn ul.sub_mn li a { width:auto; 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; display:block; color:#fff; line-height:33px; }
			.fullmn ul.main_mn ul.sub_mn li:nth-child(even) a { width:120px; margin-left:0; }
		.fullmn h3 { padding:10px 0 0 10px; color:#fff; font-weight:600; }
		.fullmn h3 a.myp { color:#999; }

/* header */
#header_wrap { position:relative; width:100%; padding:10px 0; }
	#header_wrap h1.logo { margin:0 auto; text-align:center; width:85px; }
	#header_wrap .logo a { display:inline-block; }
	#header_wrap h1.logo a img { width:100%; height:auto; }
	#header_wrap .btnFullmn { width:32px; height:32px; position:absolute; left:15px; top:50%; margin-top:-16px; }
	#header_wrap .btnFullmn img{display:block; width:100%;}
	#header_wrap .btnLogin { position:absolute; right:15px; top:50%; margin-top:-17.5px; }
	a.myroom { display:block; width:80px; height:35px; background:#0078d2; color:#fff; letter-spacing:-0.1em; text-align:center; font-weight:500; font-size:14px; line-height:35px; }

.tmn_wrap { clear:both; width:100%; min-width:320px; height:50px; }
	.tmn_wrap li a { float:left; width:25%; color:#fff; background-color:#313337; line-height:50px; font-size:16px; letter-spacing:-0.1em; text-align:center; }
	.tmn_wrap li a.myroom { background-color:#0078d2; }

/* 제목 */
.tit_wrap { width:100%; background-color:#66719f; }
	.tit_wrap h1 { padding:10px; color:#fff; font-weight:500; }
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; margin-bottom:10px; 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; font-size:14px; text-align:center; }
.tabmn_wrap li.tm.on { background-color:#3e4c97; color:#fff; font-size:14px;}

.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 { background:#efefef; overflow:hidden; padding:5% 4% 1% 4%; }
	.boxWrap ul { overflow:hidden; width:100%; }
	.boxWrap li { float:left; width:48%; margin-left:4%; margin-bottom:4%; }
	.boxWrap li.w100per { margin-left:0px; }
	.boxWrap li img { width:100%; }

/* 수강생의 리얼후기 영상 영역 */
.realVideo { text-align:center; padding:4%; }
.realVideo h2 { font-size:20px; padding:0; margin-bottom:3%; background:url('/m/template/default/mobile/image/realVideo_h2_bg.jpg') repeat-x left center; }
.realVideo h2 span { font-weight:100; background:#fff; padding-left:3%; }
.realVideo h2 strong { background:#fff; padding:0 3%; }
.realVideo h2 img { width:100%; }
.realVideo .mvPlayarea { position:relative; width:100%; }
.realVideo .mvPlayarea .playbut { position:absolute; left:50%; top:50%; margin:-27px 0 0 -27px; }
.realVideo .mvPlayarea img { width:100%; height:auto; }

/* 게시판 탭 */
.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:94%; margin:0 auto; }
table.mTable1 { width:100%; margin-bottom:25px; border-top:2px solid #000;}
	.mTable1 thead th { padding:10px; font-weight:500; 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: 0 10px 10px 10px; }
	.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; padding:5px 10px; }
	.loginArea_wrap1 li input[type="password"] { width:228px; height:28px; padding:5px 10px; }
	.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:6px 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 { padding:8px; border-bottom:1px dotted #cacaca;}
	.join ul.input li select { height:35px; }
	.join ul.input li input.btnIn[type="text"]{width:50%;}
	.join ul.input li input[type="text"], 
	.join ul.input li input[type="tel"] { width:100%; height:35px; padding:5px; vertical-align:top;}
	.join ul.input li input.small, .join ul.input li select.small { width:46px; }
	.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:100%; height:23px; padding:5px; }
	.join ul.input li span.tit {position:absolute; top:8px; left:0; 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:1px; 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:#313337; padding-bottom:5%; 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, #footer_wrap .info a{color:#cdcdcd;}
		#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:95% ;margin:20px auto; }
	.newpage_sort ul{width:100%;}
	.newpage_sort ul:after{content:""; display:block; clear:both;}
	.newpage_sort li { display:block; float:left; width:49%; height:34px; border:1px solid #90939a;  margin-left:-1px; text-align:center;background-color:white; }
	.newpage_sort li a { display:block; 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 { 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-top: 2px solid #d9010c;}
.table_list1 thead th{text-align:center;font-weight:bolder;background-color: #f5f5f5;color: #333333;padding:6px 0px;}
.table_list1 tbody th{text-align:center;border-top: 1px solid #dbdbdb;padding:4px 0px;}
.table_list1 .bgTit {
    background-color: #5d6ba5;
    color: #ffffff;
    font-size: 0.813em;
    letter-spacing: -0.1em;
    padding: 5px 6px 5px 5px;
}
.m3_d {
    background-color: #f1f4f7;
    height: 61px;
    padding: 0 15px;
    width: 700px;
}

.m3_d p {
    color: #444444;
    float: left;
    line-height: 61px;
}
.mc5_d span {
    font-size: 16px;
    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;
}
.m_pay {
    float: right;
    line-height: 61px;
}

.m_pay dd {
    color: #dd000c;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
}
.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;

}
a.confirm_block_btn {
    background-color: #bd1b13;
    color: #ffffff;
    display: block;
    font-weight: 600;
    margin-right: 10px;
    text-align: center;
	padding:8px 0px;
}
a.cancel_block_btn {
    background-color: #716c6c;
    color: #ffffff;
    display: block;
    font-weight: 600;
    text-align: center;
	padding:8px 0px;

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

/* 수강신청 추가 */
.innerWrap2 { padding:0 10px; overflow:hidden; }

/* 마이페이지 강의관리 추가 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:#f3f3f3; }
.tab_style3 td.on { background-color:#fea92a; }
.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:#62627a; }

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

/* 배송지 정보 테이블 */
#table_listD tr th { padding:5px 7px 0 12px; background:#f7f7f7; color:#404040; text-align:left; line-height:16px; vertical-align:top; position:relative; font-size:14px; }
#table_listD tr:first-child th { padding-top:14px; }
#table_listD tr th.important { padding-left:22px; }
#table_listD tr th.important strong { color:#ff4412; position:absolute; left:12px; top:7px; }
#table_listD tr:first-child th.important strong { top:14px; }

#table_listD tr:first-child td { padding-top:7px; }
#table_listD tr td { padding:0 7px 7px 7px; }











.t_favorCkUl {
    margin-bottom: 5px;
    margin-top: 5px;
    overflow: auto;
}
.t_favorCkUl > li {
    display: inline-block;
    line-height: 22px;
    width: 125px;
	font-size:14px !important;

}
.join ul.input > li{position:relative; padding-left:90px; clear:both;}
.radio_wrap { overflow:hidden; font-size:0; height:130px;}
.radio_wrap li { float:left;  overflow:hidden; list-style-type:none;width:182px;height:130px;text-align:center;}
.radio_wrap input[type=radio]{ display:none; margin-left:-182px;}
.radio_wrap label span{display:block;width:74px;margin:0 auto;text-indent:-9000px;overflow:hidden;}
/*
.radio_wrap li.card { margin:0 115px 0 50px; }
.radio_wrap li.bank { margin:0 104px 0 0; }
*/
.radio_wrap li.card > label > span{ background:url('/webheads/image/jro_payLi01.png') no-repeat; width:74px; height:115px;}
.radio_wrap li.card > label > span.checked{ background:url('/webheads/image/jro_payLi01_on.png') no-repeat; width:74px; height:115px;}
.radio_wrap li.card label input:checked + span{ background:url('/webheads/image/jro_payLi01_on.png') no-repeat; width:74px; height:115px;}

.radio_wrap li.vbank label span{ background:url('/webheads/image/jro_payLi02.png') no-repeat; width:74px; height:115px;}
.radio_wrap li.vbank label span.checked{ background:url('/webheads/image/jro_payLi02_on.png') no-repeat; width:74px; height:115px;}
.radio_wrap li.vbank label input:checked + span{ background:url('/webheads/image/jro_payLi02_on.png') no-repeat; width:74px; height:115px;}

.radio_wrap li.trans label span{ background:url('/webheads/image/jro_payLi03.png') no-repeat; width:74px; height:115px;}
.radio_wrap li.trans label span.checked{ background:url('/webheads/image/jro_payLi03_on.png') no-repeat; width:74px; height:115px;}
.radio_wrap li.trans label input:checked + span{ background:url('/webheads/image/jro_payLi03_on.png') no-repeat; width:74px; height:115px;}

.radio_wrap li.bank label span{ background:url('/webheads/image/jro_payLi04.png') no-repeat; width:74px; height:115px;}
.radio_wrap li.bank label span.checked{ background:url('/webheads/image/jro_payLi04_on.png') no-repeat; width:74px; height:115px;}
.radio_wrap li.bank label input:checked + span{ background:url('/webheads/image/jro_payLi04_on.png') no-repeat; width:74px; height:115px;}

	.radio_wrap li.hp label span{ background:url('/webheads/image/jro_payLi05.png') no-repeat; width:74px; height:115px;}
	.radio_wrap li.hp label span.checked{ background:url('/webheads/image/jro_payLi05_on.png') no-repeat; width:74px; height:115px;}
	.radio_wrap li.hp label input:checked + span{ background:url('/webheads/image/jro_payLi05_on.png') no-repeat; width:74px; height:115px;}

	.radio_wrap li.paygate label span{ background:url('/webheads/image/jro_payLi06.png') no-repeat; width:74px; height:115px;}
	.radio_wrap li.paygate label span.checked{ background:url('/webheads/image/jro_payLi06_on.png') no-repeat; width:74px; height:115px;}
	.radio_wrap li.paygate label input:checked + span{ background:url('/webheads/image/jro_payLi06_on.png') no-repeat; width:74px; height:115px;}



/* 모의고사 리스트 */
.ta_r { text-align:right !important; }
.mt50 { margin-top:50px !important; }

.mock_btn1 { display:inline-block; font-size:14px; font-weight:300; text-align:center; border-radius:3px; padding:5px 10px; box-sizing:border-box; }
.mock_btn1.cr1 { background:#000; border:1px solid #000; color:#fff; }
.mock_btn1.cr2 { background:#a1a1a1; border:1px solid #a1a1a1; color:#fff; }
.mock_btn1.cr3 { background:#fff; border:1px solid #000; color:#000; }

.mock_wrap { width:100%; position:relative; background:#eef1f6; padding:0 15px; box-sizing:border-box; }
.mock_wrap .mock_tit { font-size:16px; font-weight:600; color:#000; padding:10px 15px; width:100%; margin:0 0 0 -15px; background:#dfe6ee; }
.mock_wrap .mock_list > ul > li { width:100%; padding:15px; margin:0 0 0 -15px; background:#fff; border-bottom:2px solid #d6d7db; display:table; }
.mock_wrap .mock_list > ul > li > div { display:table-cell; }
.mock_wrap .mock_list > ul > li .ico_wrap { width:55px; padding:0 5px 0 0; }
.mock_wrap .mock_list > ul > li .ico_wrap .mock_ico { display:inline-block; padding:3px 7px; border-radius:3px; color:#fff; font-size:13px; text-align:center; }
.mock_wrap .mock_list > ul > li .ico_wrap .mock_ico.cr1 { background:#f4a81e; }
.mock_wrap .mock_list > ul > li .ico_wrap .mock_ico.cr2 { background:#838489; }
.mock_wrap .mock_list > ul > li .ico_wrap .mock_ico.cr3 { background:#3b9fff; }

.mock_wrap .mock_list > ul > li dl { padding:0 0 10px 5px; border-bottom:1px solid #d6d7db; }
.mock_wrap .mock_list > ul > li dl dt { font-size:16px; color:#000; font-weight:600; }
.mock_wrap .mock_list > ul > li dl dd { font-size:14px; color:#666; font-weight:300; padding-top:3px; }
.mock_wrap .mock_list > ul > li .mock_info { width:100%; display:table; table-layout:fixed; padding:10px 0 0; }
.mock_wrap .mock_list > ul > li .mock_info li { display:table-cell; text-align:center; vertical-align:middle; }
.mock_wrap .mock_list > ul > li .mock_info li p { font-size:14px; }
.mock_wrap .mock_list > ul > li .mock_info li p .b_txt { color:#000; font-weight:600; }
.mock_wrap .mock_list > ul > li .mock_info li select { display:inline-block; width:100%; padding:5px 25px 5px 10px; }




/* 2019.4.3 미래추가 */
.searchArea{width:100%; margin-bottom:35px; padding:15px 0; text-align:center; background:#f0f1f3;}
.searchArea > span{display:inline-block; vertical-align:top;}
.searchArea .searchSelect{width:20%; }
.searchArea .searchSelect .selectS1{width:100%; height:35px; background:#fff url("/webheads/image/arrD.png") 93% center no-repeat; 
-webkit-background-size: 15px;
background-size:15px;}
.searchArea .input_D{position:relative; width:50%;}
.searchArea .input_D .s_input{width:100%; height:35px; background:#fff;}
.searchArea .input_D .s-btn{position:absolute; top:6px; right:6px; }
.listMoreText{width:55%; height:45px; margin:15px auto; font-size:16px; font-weight:600; color:#fff; text-align:center; line-height:45px; background:#3e4c97;}
.teachImg > div > img{display:block; width:auto; height:auto !important; max-width:100%; margin:0 auto;}



.main_center{position:relative; width:100%; text-align:center; background:#e5f2fb; padding:35px 4%; box-sizing:border-box;}
.main_center h2 { font-size:18px; padding:0; margin-bottom:2.5%; background:url('/m/template/default/mobile/image/realVideo_h2_bg.jpg') repeat-x left center; }
.main_center h2 span { font-weight:100; background:#e5f2fb; padding:0 3%; }
.main_center h2 strong { background:#e5f2fb; }
.main_center h2 img { width:100%; }
.main_center .num { font-size: 30px; color:#0077d3; font-weight:bold; letter-spacing:-0.8px; margin-bottom:2.5%; }
.main_center .time { font-size:0.91em; }
.main_center .time span { margin-top:1%; display:inline-block; }
.main_center .a_link{ width:100%; padding-top:5%; overflow:hidden; }
.main_center .a_link a{display:block; width:49%; background:#0077d1; border-radius:4px; color:#fff; float:left; padding:2% 0; font-size:0.8em; }
.main_center .a_link a.a_01{ margin-right:2%; }