/*font-family:'Noto Sans KR', sans-serif;*/
/* S:common_control */
/*
@import url( http://fonts.googleapis.com/earlyaccess/notosanskr.css );
@charset "utf-8";

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

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:"돋움",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; }
.cboth { clear:both; }
.m10 { clear:both; height:10px; width:100%; content:""; }
.t_indent { text-indent:-10000em !important; display:inline-block; }
*/
ul, ol, dl { list-style:none; }
/* ==========================================================================
  ### 공통적용 사항 시작
  ========================================================================== */
/*화면회전시 폰트 고정할때 none*/
/**/
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%; -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;-moz-appearance: none; 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/buh_lechi_1.png') right 10px center no-repeat #ffffff; background-size:13px; 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 > h3 { text-indent:12px; padding-top:20px; color:#fff; font-size:13px;}
	.fullmn > h3 > a.myp { padding:3px; background:#fff; font-size:12px; font-weight:bold;border-radius:2px;} 
	.fullmn > li { border-top:1px solid #20222f;  }
	.fullmn > ul.main_mn { float:left; width:100%; background-color:#393c4d; }
		.fullmn > ul.main_mn > li > h4 { background:red;}
		.fullmn > ul.main_mn > li > a { display:block; padding-left:15px; color:#fff; line-height:33px; }
		.fullmn > ul.main_mn > li { clear:both; color:#0ff; }
		.fullmn > ul.main_mn > li > a { font-size:0.875em; border-top:1px solid #20222f; border-bottom:1px solid #20222f}
		.fullmn > ul.main_mn > li:last-child { border-bottom:1px solid #20222f; }
			/* 아래소스 지우고 다시작성 by 천팀 170213*/
			.sub_mn {background:#2b2b35;  }
			.sub_mn > li { text-indent:25px; font-size:13px; color:#fff; line-height:35px; background:url('../image/fullmn_ico_cir.png') no-repeat 14px 15px;}
			.sub_mn > li > a { color:#fff;}
			
			/*.fullmn > ul.main_mn > ul.sub_mn { background:#2b2b35; }
			.fullmn > ul.main_mn > ul.sub_mn > li { float:left; text-align:left; width:50%; background: #20222f}
			.fullmn > ul.main_mn > ul.sub_mn > li > a {  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; } */
 
/* header */
#header_wrap { position:relative; width:100%; min-width:320px; height:120px; background-color:#fff }
#header_wrap > h1.logo { width:160px;margin: 0 auto; padding: 0;  padding-top: 60px; text-align:center}
	#header_wrap .btnFullmn { position:relative; float:left; padding:11px; }
	/*#header_wrap .logo { position:absolute; float:left; top:12px; left:50%; margin-left:-40px; text-align:center; }*/
	#header_wrap .btnLogin { position:relative; float:right; padding:10px 10px 0 0; font-size:0.875em;  margin-top:-50px}
		/*로그인버튼 기존꺼 사용안하고 추가 작성 by 천팀 170213*/
		.logUlist { float:right; padding-top:10px;}
		.logUlist > li { display:inline-block; padding:0px 5px; color:#333; font-size:15px; font-weight:500;} 
		.logUlist > li > a { font-weight:600;}
		.logUlist > li.bar00 { color:#ccc; padding:0px;}

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

/*해더2 새로작성 170214*/
 #header_wrap2 { position:relative; width:100%; min-width:320px; height:220px; background-color:#fff }
#header_wrap2 > h1.logo { width:160px;margin: 0 auto; padding: 0;  padding-top: 124px; text-align:center}
	#header_wrap2 .btnFullmn { position:relative; float:left; padding:11px; }
	/*#header_wrap .logo { position:absolute; float:left; top:12px; left:50%; margin-left:-40px; text-align:center; }*/
	#header_wrap2 .btnLogin { position:relative; float:right; padding:10px 10px 0 0; font-size:0.875em;  margin-top:-50px}
		/*로그인버튼 기존꺼 사용안하고 추가 작성 by 천팀 170213*/
		.logUlist2 { float:right; padding-top:20px;}
		.logUlist2 > li { display:inline-block; padding:0px 15px; color:#333; font-size:28px; font-weight:500;} 
		.logUlist2 > li > a { font-weight:600;}
		.logUlist2 > li.bar00 { color:#ccc; padding:0px;}
 .tit_wrap2 { width:100%;  background-color:#342f2f; }
	.tit_wrap2 h1 { padding:15px; height:65px; line-height:65px; text-indent:10px;font-size:2em;color:#fff; font-weight:bold;  }

/* 전체메뉴 */
.fullmn_wrap2 { 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_wrap2 .fullmn2 { position:absolute; float:left; width:60%; height:100%; min-height:480px; background-color:#393c4d; z-index:999; }
	.fullmn2 .logo { margin-left:10px; height:120px;font-size:2.2em; }
 	.fullmn2 .login a { float:right;  line-height:2.8em; font-size:1.8em; color:#fff; margin:0 25px 5px; }
	.fullmn2 > h3 { text-indent:12px; padding-top:20px; color:#fff; font-size:1.9em;}
	.fullmn2 > h3 > a.myp { padding:3px 16px; background:#fff; font-size:1.2em; font-weight:bold;border-radius:2px;} 
	.fullmn2 > li { border-top:1px solid #20222f;  }
	.fullmn2 > ul.main_mn { float:left; width:100%; background-color:#393c4d; }
		.fullmn2 > ul.main_mn > li > h4 { background:red;}
		.fullmn2 > ul.main_mn > li > a { display:block; padding-left:15px; color:#fff; line-height:73px; }
		.fullmn2 > ul.main_mn > li { clear:both; color:#0ff; }
		.fullmn2 > ul.main_mn > li > a { font-size:2.2em; border-top:1px solid #20222f; border-bottom:1px solid #20222f}
		.fullmn2 > ul.main_mn > li:last-child { border-bottom:1px solid #20222f; }
		

			/* 아래소스 지우고 다시작성 by 천팀 170213*/
			.sub_mn2 {background:#2b2b35;  }
			.sub_mn2 > li { text-indent:25px; font-size:1.6em; color:#fff;  line-height:75px; background:url('../image/fullmn_ico_cir.png') no-repeat 14px 32px;}
			.sub_mn2 > li > a { color:#fff;}
 
/*해더2 새로작성 170214 끝*/


/* 제목 */
.tit_wrap { width:100%; background-color:#342f2f; }
	.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 > ul > li { margin-top:6px; }
	.loginArea_wrap1  > ul > li:first-child { margin-top:0; }
	.loginArea_wrap1  > ul > li:last-child { margin-top:12px; }
	.loginArea_wrap1  > ul > li input[type="text"] { width:250px; height:40px; }
	.loginArea_wrap1  > ul > li input[type="password"] { width:228px; height:28px; }
	.loginArea_wrap1  > ul > li a { display:block; width:100%; height:43px; line-height:43px; color:#fff; text-align:center; background-color:#ba0e1b; }
	.loginArea_wrap1  > ul > li.pwResult { width:250px; text-align:center; padding:25px 0; background-color:#f0f1f3; font-size:0.875em; color:#333; }
	a.joinMem_00btn{ display:block; margin: 0 auto;width:250px;  height:43px; line-height:43px; color:#fff; text-align:center; background-color:#ba0e1b; }
.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; }


/*아이디비번찾기추가*/
.lost00Tap { width:100%; height:45px;border-bottom:2px solid #ba0e1b; }
.lost00Tap > ul > li { float:left; width:50%; height:45px; line-height:45px; background:#e9e9e9; text-align:center; }
.lost00Tap > ul > li.active {  width:50%; background:#ba0e1b; }
.lost00Tap > ul > li > a { font-size:15px;font-family:'Noto Sans KR', sans-serif; }
.lost00Tap > ul > li.active > a { color:#fff;}


/* 회원가입 */
.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 2  by 수정 170214------------------------------------------------------- */
#footer_wrap2 { position:relative; float:left; width:100%; background-color:#272727; padding-bottom:10px; line-height:1.2; }
	#footer_wrap2 .foot_menu ul { clear:both; width:100%; height:32px; }
		#footer_wrap2 .foot_menu li a { float:left; width: 23.6%; height:60px; line-height:60px; margin-right:0.9%; text-align:center; border:1px solid #6b6b6b; border-radius:3px; background-color:#353535; font-size:2em; letter-spacing:-1px; }
		#footer_wrap2 .foot_menu li:last-child a { margin-right:0; }
	#footer_wrap2 .info { clear:both; width:100%; font-size:1.4em; letter-spacing:-1px; text-align:center; padding:15px 0px; }
		#footer_wrap2 .info p.cscenter { padding-bottom:5px; }
		#footer_wrap2 .info p.cscenter strong { font-size:1.4em; }

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



/* -- Footer ------------------------------------------------------- */
#footer_wrap { position:relative; float:left; width:100%; background-color:#272727; 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 #6b6b6b; border-radius:3px; background-color:#353535; 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.last{ display:block; float:left; width:33.0%; height:34px;   margin-left:-1px; text-align:center;background-color:white; border-top:0px; }
	.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:#b9000e; }
	.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:2px solid #c01024; }
	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:#fff; height:42px; }
		.class01Lts {  clear:both; display:table; width:100%; text-indent:5px;}
		.class01Lts > li {  float:left; width:25%; font-size:14px; text-align:center; line-height:18px; padding:10px 0; font-weight:400; color:#333; font-family:'Noto Sans KR', sans-serif; }
		.class01Lts > li.title00{ width:45%; line-height:21px;   font-weight:600; }
		.class01Lts > li.title01{ width:45%; text-align:left; line-height:21px;   font-weight:600; padding:5px 0px 5px 10px;}
		.class01Lts > li.list { color:#777; font-size:14px; font-family:'Noto Sans KR', sans-serif; }

		.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 3px;  padding: 10px 5px;  font: 11px "NGothicB", Dotum;  font-weight:600;
						-webkit-appearance: none; background: #9f7d50 !important; color: #fff !important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
		a.highply {  display: inline-block;  cursor: pointer; margin: 0 3px;  padding: 10px 5px;  font: 11px "NGothicB", Dotum; font-weight:600;
						-webkit-appearance: none; background: #fbaf5d !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: #9f7d50 !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;  font-weight:600;
						-webkit-appearance: none; background: #fff !important; color: #333 !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 { height:25px; text-align:left; padding:5px 10px; border-top:1px dashed #dbdbdb; }
	.jindoBx > span.perbg { display: inline-block; overflow: hidden; float:left; width:72%; height:15px; margin-top:5px; 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; text-align:center; line-height:25px; }



.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 천팀*/
.buhm_num1 { /*background:#ba0e1b; */padding:15px 0px; text-align:center}
.buhm_gnb { width:100%; overflow:auto;}
.buhm_gnb > ul > li  { float:left;width:50%; }
 .buhm_jaList { width:100%; } 
 .buhm_jaList > h4 { border-left:10px solid #ba0e1b; border-right:10px solid #ba0e1b; } 
	.buhm_jaListbx { overflow:auto;margin-top: -10px; border:10px solid #ba0e1b; background:#fff; border-top:0px;}
	.buhm_jaListbx > ul { padding-top:10px; }
	.buhm_jaListbx > ul > li { float:left; width:50%; text-align:center; height:45px; line-height:45px; border-bottom:1px solid #ccc;}
	.buhm_jaListbx > ul > li > a { font-family:'Noto Sans KR', sans-serif; color:#444; font-size:1em;}
.buhm_bnchu { width:100%; padding-top:2px;}
.buhm_bnchu > li { margin-bottom:2px;}
.buhm_review {width:100%; margin-top:2px;}
.buhm_review > h4 { text-indent:20px; color:#333;background:#f3f3f3; font-size:1.2em;height:55px; line-height:55px;}
.buhm_review > h4 > a { float:right; margin-top:10px; }
	.buhm_reviewUL { max-width:640px; margin: 0 auto;}
	.buhm_reviewUL > li { border-bottom:1px solid #ccc; padding-bottom:10px;overflow:hidden;}
	.buhm_reviewUL > li > div { display:inline-block; width:25%;padding-top:5px; text-align:center;}
	.buhm_reviewUL > li > div > h5 { font-family:'Noto Sans KR', sans-serif;font-size:16px; font-weight:500; margin: 0 auto; padding:6px 0px; color:#333 }
	.buhm_reviewUL > li > div > span.star { display:block; margin: 0 auto; width:70px; height:14px; background:url('/m/template/default/mobile/image/buhm_starbg.png') repeat 0px -14px;}
	.buhm_reviewUL > li > div > span.star > span { display:block; height:14px;text-align:left; background:url('/m/template/default/mobile/image/buhm_starbg.png') repeat -14px 0px ;}
	.buhm_reviewUL > li > dl { float:right; width:70%; padding-right:10px;padding-top:12px;font-family:'Noto Sans KR', sans-serif; }
	.buhm_reviewUL > li > dl > dt { font-family:'Noto Sans KR', sans-serif;font-size:1em; font-weight:600; overflow: hidden; color:#333 white-space: nowrap; text-overflow: ellipsis; word-wrap: normal;}
	.buhm_reviewUL > li > dl > dd { font-family:'Noto Sans KR', sans-serif;font-size:0.85em; color:#333; margin-top:5px; overflow: hidden; white-space: normal; -webkit-box-orient: vertical;  display: -webkit-box; -webkit-line-clamp: 2;  text-overflow: ellipsis;max-height:70px;}
	.buhm_reviewUL > li > dl > dt > a { color:#222;}

/* ==========================================================================
  ### 장바구니 결제 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;}

 


/*211122 By WebHeads */
 .topFixedGnb .swiper-slide{
	width:25%;
	height:auto;
}
 .topFixedGnb2 .swiper-slide{
	width:auto;
	height:auto;
}
 .topFixedGnb3 .swiper-slide{
	width:auto;
	height:auto;
}
.topFixedGnb .grdH{position:absolute; top:0; width:35px; z-index:10; height:100%;}
.topFixedGnb .grdH.prevH{left:0; 

}
.topFixedGnb .grdH.nextH{right:0; 

}
.topFixedGnb .plus .grdH.nextH{right:30px; }
.topFixedGnb{
	width:100%; height:35px;/*border-bottom:1px solid #b3b3b3;*/
	border-left:0px;border-right:0px;
	margin-bottom:20px;
	overflow:hidden;
}
.fixedGnbIn{position:relative; width:100%; height:35px; 

}`
.fixedGnbIn.fixed{position:fixed; top:0; left:0; z-index:150;}
.fixedGnbIn.plus{padding-right:40px;}
.fixedGnbIn.plus .backPlus{display:block; }
.fixedGnbIn .backPlus{display:none; position:absolute; top:0; right:0; z-index:30; width:35px; height:100%; background:#cf010c;}
.fixedGnbIn .backPlus:before{content:""; display:block; position:absolute; top:50%; right:10px; z-index:20; width:13px; height:2px; margin-top:-1px; background:#fff;}
.fixedGnbIn .backPlus:after{content:""; display:block; position:absolute; top:50%; right:10px; z-index:20; width:13px; height:2px; margin-top:-1px; background:#fff;
	-webkit-transform: rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.fixedGnbIn ul{min-width:100%;
	
	display:-webkit-inline-box;
	display:-webkit-inline-flex;
	display:inline-flex;
	
	-webkit-box-pack:justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	
	/*
	display:block;
	*/

}
.fixedGnbIn ul:before,
.fixedGnbIn ul:after{content:""; display:block; clear:both;}
.fixedGnbIn ul li{float:left; position:relative;border-right:1px solid #b3b3b3;}
.fixedGnbIn ul li:last-child{
	border-right:0px;
}

.fixedGnbIn ul li.active:after{content:""; display:block; position:absolute; bottom:-1px; left:0px; width:100%; height:4px; margin-left:0px; background:#d9010c;}

.fixedGnbIn ul li a{display:block; height:100%; padding:0 25px; font-size:25px; font-weight:200; color:#000000; line-height:35px; text-align:center;}




.topFixedGnb2 .grdH{position:absolute; top:0; width:25px; z-index:10; height:100%;}
.topFixedGnb2 .grdH.prevH{left:0; 
	background-image:-webkit-gradient(linear,left top,right top,from(#ffacb0),to(rgba(120,141,252,0)));
	background-image:-webkit-linear-gradient(left,#ffacb0,rgba(120,141,252,0));
	background-image:-moz-linear-gradient(left,#ffacb0,rgba(120,141,252,0));
	background-image:-o-linear-gradient(left,#ffacb0,rgba(120,141,252,0));
	background-image:-ms-linear-gradient(left,#ffacb0,rgba(120,141,252,0));
	background-image:linear-gradient(to right,#ffacb0,rgba(120,141,252,0));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffacb0', endColorstr='#ff9da3', gradientType=1);
}
.topFixedGnb2 .grdH.nextH{right:0; 
	background-image:-webkit-gradient(linear,right top,left top,from(#cf010c),to(rgba(120,83,241,0)));
	background-image:-webkit-linear-gradient(right,#cf010c,rgba(120,83,241,0));
	background-image:-moz-linear-gradient(right,#cf010c,rgba(120,83,241,0));
	background-image:-o-linear-gradient(right,#cf010c,rgba(120,83,241,0));
	background-image:-ms-linear-gradient(right,#cf010c,rgba(120,83,241,0));
	background-image:linear-gradient(to left,#cf010c,rgba(120,83,241,0));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8010c', endColorstr='#cf010c', gradientType=1);
}
.topFixedGnb2 .plus .grdH.nextH{right:30px; }
.topFixedGnb2{
	width:100%; height:50px;
	overflow:hidden;
}
.fixedGnbIn2{position:relative; width:100%; height:50px; 
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0, #ff8c92), color-stop(0.42, #ff424b), color-stop(0.9500000000000001, #d9010c));
	background: -moz-linear-gradient(145deg, #ff8c92 0%, #ff424b 42%, #d9010c 95%);
	background: -webkit-linear-gradient(145deg,  #ff8c92 0%, #ff424b 42%, #d9010c 95%);
	background: -o-linear-gradient(145deg,  #ff8c92 0%, #ff424b 42%, #d9010c 95%);
	background: -ms-linear-gradient(145deg,  #ff8c92 0%, #ff424b 42%, #d9010c 95%);
	background: linear-gradient(145deg,  #ff8c92 0%, #ff424b 42%, #d9010c 95%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8c92', endColorstr='#d9010c', gradientType=1);
}
.fixedGnbIn2.fixed{position:fixed; top:0; left:0; z-index:150;}
.fixedGnbIn2.plus{padding-right:40px;}
.fixedGnbIn2.plus .backPlus{display:block; }
.fixedGnbIn2 .backPlus{display:none; position:absolute; top:0; right:0; z-index:30; width:35px; height:100%; background:#cf010c;}
.fixedGnbIn2 .backPlus:before{content:""; display:block; position:absolute; top:50%; right:10px; z-index:20; width:13px; height:2px; margin-top:-1px; background:#fff;}
.fixedGnbIn2 .backPlus:after{content:""; display:block; position:absolute; top:50%; right:10px; z-index:20; width:13px; height:2px; margin-top:-1px; background:#fff;
	-webkit-transform: rotate(90deg);
	-moz-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}
.fixedGnbIn2 ul{min-width:100%;
	display:-webkit-inline-box;
	display:-webkit-inline-flex;
	display:inline-flex;
	-webkit-box-pack:justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	
}
.fixedGnbIn2 ul:before,
.fixedGnbIn2 ul:after{content:""; display:block; clear:both;}
.fixedGnbIn2 ul li{float:left; position:relative;}
.fixedGnbIn2 ul li.active:after{content:""; display:block; position:absolute; bottom:-1px; left:50%; width:42px; height:4px; margin-left:-21px; background:#fff;}
.fixedGnbIn2 ul li a{display:block; height:100%; padding:0 25px; font-size:25px; font-weight:500; color:#fff; line-height:50PX; text-align:center;}


