@charset "UTF-8";

/*Font*/
@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/earlyaccess/nanummyeongjo.css');
@import url('https://fonts.googleapis.com/earlyaccess/nanumbarungothic.css');
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600');
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');} 
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

/* 센터정렬시 페이지 이동 제한을 하기위해 강제스크롤 생성 */
html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; 
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;} 

/*요소(element)여백 초기화 */
html,body,div,span,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,blockquote,p,address,pre,cite,form,fieldset,input,textarea,select,table,th,td { margin:0; padding:0; }
body {	font-family:"Spoqa Han Sans Neo", "Apple SD Gothic Neo", Segoe UI, sans-serif, Apple Color Emoji, Segoe UI Emoji; /*font-size:0.75em;*/ font-size:1.2rem; letter-spacing:-0.04em; margin:0; padding:0; line-height:1; }
select, input, textarea { font-family:"Spoqa Han Sans Neo", "Apple SD Gothic Neo", Segoe UI, sans-serif, Apple Color Emoji, Segoe UI Emoji;
 }

/*테두리 없애기 */
fieldset,img,abbr,acronym { border:0 none; }

/*목록*/
ol,ul { list-style:none; }

body, div,ul,li { font-family:"Spoqa Han Sans Neo", "Apple SD Gothic Neo", Segoe UI, sans-serif, Apple Color Emoji, Segoe UI Emoji;
 !important } /*서버에서 폰트를 불러올 때까지 문자열이 깨지는 것을 방지*/
a { text-decoration:none; color:#4A4A4A;}
a:hover, a:focus { color:#4A4A4A; text-decoration:none; }

/*수평선*/
hr { display:none; }
  
/*수직정렬*/
/*label,input,select,textarea,img { vertical-align:middle; }*/

/* 기본링크값 */
a { text-decoration:none; outline:none; select-dummy: expression(this.hideFocus=true); background-color:transparent; }
a:link, a:visited, a:active, a:hover, a:focus { text-decoration:none; }

/*****/
legend,caption {position:absolute; left: 0; top:-5000px; font-size:0; line-height:0; display:none;}

/*테이블 기본속성*/
table{border-collapse:collapse;border-spacing:0;}
table th,table td{vertical-align:middle}

dl,ul,ol,li {list-style:none;}

/* for IE haslayout */
* html div,* html h1,* html h2,* html h3,* html h4,* html h5,* html h6,* html ul,* html ol,* html dl,* html dt,* html dd,* html table,* html th,* html td,* html form,* html fieldset,* html legend { zoom:1; }

/* For modern browsers */
.clear:after { content:""; display:table; clear:both; }

/* For IE 6/7 (trigger hasLayout) */
.clear { zoom:1; }

/*박스모델*/
* { -moz-box-sizing:border-box; box-sizing:border-box; }

/* 메뉴하단 각 서브 탑 */
/*
.sub_area { position:relative; width:100%; height:175px; background:#9CDFFA; }
.sub_img { position:relative; width:1140px; margin:0 auto; }
*/
.sub_area { position:relative; width:100%; height:2px; border-top:1px solid #3E62A0; margin-bottom:40px;}

	
/*
.article { position:relative; width:100%; min-height:600px; margin:0 auto; text-align:center; }
.page_title { position:relative; margin-bottom:10px; font-size:3.000em; font-weight:400; color:#000; text-align:left;}
.page_title_smt { margin-bottom:40px; font-size:11px; font-weight:400; color:#999; text-align:center; }
.content { display:block; width:100%; min-height:600px; padding:40px 0; font-size:1.167em; line-height:155%; color:#555; margin:0 auto; text-align:center; }
*/


/* 탑,푸터 공통스타일 1200px~ */
@media all and (min-width:1200px) { 
	.header_top { position:relative; width:100%; padding:2rem 0; font-size:1.8rem; color:#fff; font-weight:600; text-align:center; background:#4b39ef; }
	/* Top */
	#header {  }
	.top_area { position:relative; width:100%; max-width:1170px; height:55px; margin:0 auto; padding:10px 15px; }
	
	.top_area .logo { position:absolute; left:0; }
	.top_area .logo img { margin-top:5px; }
	
	.top_area .search { position:relative; width:370px; margin:0 auto; }
	.top_area .search .searchbox { position:relative; width:100%; border:#cbcbcb 1px solid; border-radius:5px; }
	.top_area .search .searchbox dd { width:100%; max-width:320px; }
	.top_area .search .searchbox dd input { width:100%; padding:0 20px; font-size:15px; border:0; border-radius:5px; }
	.top_area .search .searchbox dt { position:absolute; right:10px; top:5px; }
	
	.top_area .gnb_right { position:absolute; right:0; top:0; padding:1.0rem 0; }
	.top_area .gnb_right .nick { position:absolute; height:4.0rem; line-height:4.0rem; color:#777; text-align:right; right:0; font-size:1.5rem; }
	.top_area .gnb_right .nick b { font-size:1.4rem; }
	.top_area .gnb_right a {  }
	.top_area .gnb_right a:hover { color:#000; }
	/*.top_area .gnb_right img#img_cart {cursor:pointer; margin-top: 20px;}*/
		
	.top_area .gnb_right:after {display:block; content:''; clear:both; }
	.top_area .gnb_right > li { position:relative; display:inline-block; height:4.0rem; line-height:4.0rem; margin-left:1.5rem; }
	.top_area .gnb_right > li > a { position:relative; display:inline-block; font-size:1.5rem; color:#777; font-weight:400; text-align:center; }
	.top_area .gnb_right > li:hover .depth_1 { display:block; z-index:999; }
	.top_area .gnb_right .depth_1 {display:none; position:absolute; width:11.0rem; left:0; right:0; text-align:center; background:#C9C9C9; border-radius:2rem; padding:1.0rem; margin-left:-2.5rem; margin-top:-0.5rem; }
	.top_area .gnb_right .depth_1 li { line-height:3rem; }
	.top_area .gnb_right .depth_1 a { position:relative; display:block; width:100%; font-size:1.4rem; color:#fff; font-weight:400; padding:0 0.5rem; background:#C9C9C9; }
	.top_area .gnb_right > li.myclass { position:relative; display:inline-block; background:#1A1A1A; height:4.0rem; border-radius:5.0rem; text-align:center; color:#fff; }
	.top_area .gnb_right > li.myclass a { position:relative; display:inline-block; font-size:1.5rem; color:#fff; font-weight:400; text-align:center; padding:0 1.0rem; }
	
	
	.lnb_area_wrap { width:100%; border-top:#e9e9e9 2px solid; border-bottom:#e9e9e9 1px solid; font-size:0; padding:15px 0; }
	.lnb_area { position:relative; width:1170px; height:50px; margin:0 auto; text-align:center; }
	.lnb_area .cen { display:inline-block; width:1170px; margin:0; text-align:center; }
	.lnb_area ul { width:100%; margin:0; padding:0; z-index:998; }
	.lnb_area .main > li { position:relative; display:inline-block; height:50px; line-height:50px; text-align:center; font-size:1.8rem; color:#434343; font-weight:500; }
	.lnb_area .main > li > a { display:block; color:#434343; padding:0 20px; }
	.lnb_area .main > li a:hover { color:#000; }
	.lnb_area .main > li:hover { border-bottom:#000 0px solid; font-weight:600; }
	.lnb_area .main > li:hover .menu2{ display:block; }
	.lnb_area .main > .on { background-color:#fff; }
	.lnb_area .main > .on a { color:#e9e9e9; }
	
	.lnb_area .main > .mylearning { padding:5px 10px; font-size: 2.0rem; font-weight:500; background:#ff6e40; height:4.0rem; border-radius:5.0rem; text-align:center; color:#fff;}
	.lnb_area .main > .mylearning a { position:relative; display:inline-block; font-size:1.5rem; color:#fff; font-weight:400; text-align:center; padding:2rem 1.0rem; }
	
	.lnb_area .menu2 { position:absolute; left:0; display:none; z-index:999; background-color:#fff; }
	.lnb_area .sub1 { top:0; left: 0; float: left; width:200px; border:#e9e9e9 1px solid; }
	.lnb_area .sub2 { top:0; left: 0; float: left; width:200px; border:#e9e9e9 1px solid; }
	.lnb_area .sub3 { top:0; left: 0; float: left; width:200px; border:#e9e9e9 1px solid; }
	.lnb_area .sub4 { top:0; left: 0; float: left; width:200px; border:#e9e9e9 1px solid; }
	.lnb_area .sub5 { top:0; left: 0; float: left; width:200px; border:#e9e9e9 1px solid; }
	.lnb_area .sub6 { top:0; left: 0; float: left; width:200px; border:#e9e9e9 1px solid; }
	.lnb_area .sub7 { top:0; left: 0; float: left; width:200px; border:#e9e9e9 1px solid; }
	.lnb_area .sub li:hover .sub-01 { display:block; }
	.lnb_area .main .sub li a { color:#000; } 
	.lnb_area .main .sub li a:hover span { border-bottom:#333 1px solid; padding-bottom:1px; }
	.lnb_area .main .sub li a:hover { background-color:#fff; } 
	.lnb_area .main .menu2 .sub-01 li { position:relative; text-align:left; line-height:21px; }
	.lnb_area .main .sub li { padding:0 10px 5px 10px; background-color:#fff; font-size:14px; font-weight:normal; line-height:22px; text-align:left; overflow:hidden; }
	.lnb_area .main .sub li:first-child { margin-top:5px; }
	.lnb_area .main > li:hover .menu2list { display:block; }
	.lnb_area .menu2list { position:absolute; right:0; display:none; z-index:999; background-color:#fff; }
	.lnb_area .main .menu2list .sub-01 li { position:relative; text-align:left; line-height:21px; }

	/*학습하기 Dropdown 메뉴 */
	.dropdown-content {  display: none;  position: absolute;  margin-left:24px;  background-color: #f1f1f1;  min-width: 140px;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  z-index: 1;  border-radius:20px;}
	.dropdown-content a {  color: black;  font-size:0.9em;  font-weight:500;  padding: 2px 2px;  text-decoration: none;  display: block;}
	.dropdown-content a:hover {background-color: #ddd;}
	.dropdown:hover .dropdown-content {display: block;}
	.dropdown:hover .dropbtn {background-color: #3e8e41;}

	.dropdown-content_f {  display: none;  position: absolute;  margin-left:18px;  background-color: #f1f1f1;  min-width: 140px;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  z-index: 1;  border-radius:20px;}
	.dropdown-content_f a {  color: black;  font-size:0.9em;  font-weight:500;  padding: 2px 2px;  text-decoration: none;  display: block;}
	.dropdown-content_f a:hover {background-color: #ddd;}
	.dropdown_f:hover .dropdown-content_f {display: block;}
	.dropdown_f:hover .dropbtn {background-color: #3e8e41;}
	
	.allmenu { position:absolute; left:0; top:0; z-index:998; }
	.allmenu ul { position:relative;display:inline-block; vertical-align:middle; }
	.allmenu li {  }
	.allmenu li a img { margin-top:8px; }
	.allmenu li a { color:#000; width:50px; height:50px; display:block; text-decoration:none; text-align:left; padding-right:20px; }
	.allmenu li ul { display:none; width:1170px; height:auto; position:absolute; z-index:200; background:#fff; border:#e9e9e9 1px solid; /*top:1em; /*left:0;*/ }
	.allmenu li:hover ul { display:block; }
	.allmenulist { display:block; width:100%; font-size:14px; color:#333; text-align:left; }

	.allmenubox { position:relative; width:100%; display:table; }
	.allmenubox dd { position:relative; display:table-cell; padding:1.5rem; border-left:#e5e5e5 1px solid; line-height:1.8rem; }
	.allmenubox dd:first-child { border-left:0; }
	.allmenubox dd .tit a { width:100%; height:auto; display:block; font-size:1.8rem; color:#333; font-weight:400; line-height:1.8rem; padding-bottom:1.5rem; }
	.allmenubox dd .tit a:hover { text-decoration:underline; }
	.allmenubox dd a { width:100%; height:auto; display:block; font-size:1.4rem; color:#555; font-weight:300; line-height:1.8rem; padding-bottom:1rem; }
	.allmenubox dd a:hover { text-decoration:underline; }	
	
	#header_m { overflow:hidden; width:100%; background-color:#efefef; min-width:320px; display:none;}
	/*#loadWrap { width:100%; display:none; }*/
	#popup_m {display:none; }
	
	/* Footer */ 
	#footer { position:relative; width:100%; min-width:1170px; border-top:1px solid #D7D7D8; background:#F5F6FA; }
	#footer .inner { position:relative; width:1170px; margin:0 auto; overflow:hidden; }
	
	
	/* 푸터 */
	.footer_wrap { position:relative; /*margin-top:40px;*/ width:100%; background:#202020; display:inline-block; }
	.footer { position:relative; width:100%; max-width:1170px; margin:0 auto; padding:6rem 0 0 0; }
	.footer_logo { position:absolute; }
	.footer_add { position:relative; width:calc(100% - 27.0rem); float:left; letter-spacing:0; margin:0rem 0 3.5rem 0;  }
	.footer_add dt { position:relative; display:block; font-size:1.6rem; color:#ccc; font-weight:400; margin-bottom:1.5rem; }
	.footer_add dd { position:relative; display:block; font-size:1.3rem; color:#999; font-weight:300; line-height:1.8rem; }
	.footer_add dd span { margin-right:1.5rem; }
	
	.footer_menu { position:relative; width:13.5rem; float:left; letter-spacing:0; }
	.footer_menu dd { position:relative; display:block; font-size:1.3rem; color:#ccc; font-weight:400; margin-right:1.5rem; line-height:2.4rem; }
	.footer_menu dd span {  }
	.footer_menu dd span a,.footer_menu dd span a:hover { color:#ccc; }
	
	.footer_customer { position:relative; width:13.5rem; float:left; letter-spacing:0; }
	.footer_customer dd { position:relative; display:block; font-size:1.3rem; color:#ccc; font-weight:400; margin-right:1.5rem; line-height:2.4rem; }
	.footer_customer dd span {  }
	.footer_customer dd span a,.footer_customer dd span a:hover { color:#ccc; }
	
	.footer_copy_wrap { position:relative; width:100%; max-width:1170px; margin:0 auto 6.0rem auto; border-top:#373737 1px solid; clear:both; }
	.footer_copy_wrap .footer_copy { position:relative; font-size:1.3rem; color:#999; font-weight:300; line-height:3.0rem; display:table; padding-top:2rem; }
	.footer_copy_wrap .footer_sns { position:absolute; right:0; bottom:0; display:table-cell; }
	.footer_copy_wrap .footer_sns a { margin-left:1.5rem; }
	.footer_copy_wrap .footer_sns a img {  vertical-align:middle; }


	/* Contents */
	#container {width:100%; margin:0 auto; /*text-align:center;*/}
	#container .cont{width:100%; width:1170px; margin:0 auto; min-height:600px; font-size:1.167em; line-height:155%; color:#555; text-align:left;}
	#container .cont_vlist{width:100%; max-width:1200px; margin:0 auto; min-height:600px; font-size:1.167em; line-height:155%; color:#555; text-align:left;}
	#container .page {margin: 0 auto; width:100%; max-width:1170px;text-align:right; margin-top:20px; margin-bottom:20px;}
	#container .page .page_on { color:#222; }

	.sub_nav_wrap { position:relative; width:100%; margin:30px 0 50px 0; }
	.sub_nav { position:relative; width:100%; max-width:1170px; height:22px; margin:0 auto; font-size:0; }
	.sub_nav dt { position:relative; display:inline-block; font-size:22px; color:#2a2b2b; font-weight:500; border-right:#505050 2px solid; padding:0 30px 0 30px; margin:0 10px 0 0; }
	.sub_nav dt img { position:absolute; margin:3px 0 0 -30px; width:20px;}
	.sub_nav dd { position:relative; height:28px; line-height:35px; display:inline-block; margin:5px 10px; }
	.sub_nav dd a .text { position:relative; font-size:18px; color:#2a2b2b; font-weight:400; z-index:10; padding:0 5px; }
	.sub_nav dd a .bar { position:absolute; left:0; bottom:1px; width:100%; height:6px; background:#FFB39F; z-index:5; visibility:hidden; }	
	.sub_nav dd a.on .bar { position:absolute; left:0; bottom:5; width:100%; height:6px; background:#FFB39F; z-index:5; visibility:visible; }

	/* 페이지 2차 메뉴 */
	.sub_top_m { position:relative; width:100%; max-width:1170px; margin:0 auto;/* margin-top:20px;*/}
	.sub_top_m .tap { position:relative; /*min-height:50px; border-top:#e5e5e5 1px solid; padding-top:20px; */}
	.sub_top_m .tap a { position:relative; display:block; width:154px; height:42px; font-size:1.2em; color:#333; line-height:42px; text-align:center; border-bottom:#dfdfdf 1px solid; background:#fff; margin:0 10px 10px 0; float:left; }
	.sub_top_m .tap a:hover { position:relative; display:block; width:154px; color:#333; line-height:42px; text-align:center; border-bottom:#000 1px solid; margin:0 10px 10px 0; float:left; }
	.sub_top_m a.ov { position:relative; display:block; width:154px; color:#ED2040; font-weight:600; line-height:42px; text-align:center; border-bottom:#000 1px solid; margin:0 10px 10px 0; float:left; }
	.sub_top_m .tap_bottom {clear:both; }
	
	/*비주얼*/
	.visual1 { position:relative; width:100%; max-width:1170px; margin:0 auto; text-align:center; }
	.visual1 img { width:100%; height:auto; }
	
	.visual2 { position:relative; width:100%; max-width:1170px; margin:0 auto; text-align:center; }
	.visual2 img { width:100%; height:auto; }
	
	.visual3 { position:relative; width:100%; max-width:1170px; margin:0 auto; text-align:center; }
	.visual3 img { width:100%; height:auto; }
	
	.visual4 { position:relative; width:100%; max-width:1170px; margin:0 auto; text-align:center; }
	.visual4 img { width:100%; height:auto; }
	
	.visual5 { position:relative; width:100%; max-width:1170px; margin:0 auto; text-align:center; }
	.visual5 img { width:100%; height:auto; }
	
	.visual6 { position:relative; width:100%; max-width:1170px; margin:0 auto; text-align:center; }
	.visual6 img { width:100%; height:auto; }
	
	/*메인 카운터*/
	.section_count { position:relative; background:#4b39ef; padding:2.0rem 0; }
	.section_count .inner { width:100%; max-width:117.0rem; margin:0 auto; text-align:center; }
	.section_count .inner .text1 { position:relative; display:inline-block; width:100%; font-size:1.6rem; color:#fff; font-weight:300; }
	.section_count .inner .text2 { position:relative; display:inline-block; width:100%; font-size:1.8rem; color:#fff; font-weight:400; padding:1rem 0 2rem 0; }
	.section_count .inner .box_d { position:relative; display:inline-block; background:#31bfae; padding:1.5rem 3.0rem; font-size:2.4rem; color:#fff; font-weight:800; border-radius:0.5rem; margin:0 0.5rem; }
	.section_count .inner .box_h { position:relative; display:inline-block; background:#31bfae; padding:1.5rem 3.0rem; font-size:2.4rem; color:#fff; font-weight:800; border-radius:0.5rem; margin:0 0.5rem; }
	.section_count .inner .box_m { position:relative; display:inline-block; background:#31bfae; padding:1.5rem 3.0rem; font-size:2.4rem; color:#fff; font-weight:800; border-radius:0.5rem; margin:0 0.5rem; }
	.section_count .inner .box_s { position:relative; display:inline-block; background:#31bfae; padding:1.5rem 3.0rem; font-size:2.4rem; color:#fff; font-weight:800; border-radius:0.5rem; margin:0 0.5rem; }

	/*섹션1*/
	.section1 { position:relative; width:100%; background:#31bfae; padding:7rem 0 8rem 0; }
	.section1 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; text-align:center; color:#fff; }
	.section1 .inner .text1 { display:inline-block; font-size:6.5rem; font-weight:300; line-height:8.0rem; letter-spacing:-0.2rem; }
	.section1 .inner .text1 span { font-weight:600; }
	.section1 .inner .text2 { font-size:2.4rem; font-weight:200; padding-top:3rem; }

	/*섹션2*/
	.section2 { position:relative; width:100%; padding:7rem 0 8rem 0; }
	.section2 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; font-size:0; text-align:center; }
	.section2 .inner .tit { position:relative; display:inline-block; width:100%; font-size:4rem; color:#363636; font-weight:600; text-align:center; }
	.section2 .inner .img1 { position:relative; display:inline-block; vertical-align:top; width:50%; margin:5rem 0 0 0; }
	.section2 .inner .img2 { position:relative; display:inline-block; vertical-align:top; width:50%; margin:5rem 0 0 0; }
	.section2 .inner .img3 { position:relative; display:inline-block; width:100%; height:3px; background:url(/image/section2_img3.png) repeat-x; margin:5rem 0 0 0; }
	.section2 .inner .img4 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 0 0; }

	/*섹션3*/
	.section3 { position:relative; width:100%; padding:5rem 0; }
	.section3 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; font-size:0; text-align:center; }
	.section3 .inner .tit { position:relative; display:inline-block; width:100%; font-size:4rem; color:#363636; font-weight:400; text-align:center; padding-bottom:2.0rem; }
	.section3 .inner .tit span { font-weight:600; }
	.section3 .inner .tit2 { position:relative; display:inline-block; width:100%; font-size:2.4rem; color:#363636; font-weight:400; text-align:center; }
	.section3 .inner .img1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 0 0; }
	
	/*섹션4*/
	.section4 { position:relative; width:100%; padding:5rem 0; }
	.section4 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; font-size:0; text-align:center; }
	.section4 .inner .img1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 5rem 0; }
	.section4 .inner .tit { position:relative; display:inline-block; width:100%; font-size:4rem; color:#4e525c; font-weight:600; text-align:center; }
	.section4 .inner .tit span { font-size:5rem; color:#31bfae; padding:0 2.5rem; }
		
	/*섹션5*/
	.section5 { position:relative; width:100%; padding:5rem 0; background:linear-gradient(#fff 50%, #edebfd 50%); }
	.section5 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; font-size:0; text-align:center; background:#fff; border-radius:5rem; padding:3rem 0; box-shadow:0px 1px 5px 1px rgba( 0, 0, 0, 0.1 ); }
	.section5 .inner dd { font-size:4rem; color:#4e525c; font-weight:600; padding:3rem 0; }
	.section5 .inner dd .text_green { color:#45c5b6; }
	.section5 .inner dd .text_purple { color:#5d4cf1; }

	/*섹션6*/
	.section6 { position:relative; width:100%; padding:5rem 0; }
	.section6 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; font-size:0; text-align:center; }
	.section6 .inner .tit { position:relative; display:inline-block; width:100%; font-size:3.2rem; color:#4b39ef; font-weight:600; text-align:center; padding-top:7rem; }
	.section6 .inner .img1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 0 0; }
	.section6 .inner .img2 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 0 0; }
	.section6 .inner .text1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:3rem 0 0 0; font-size:2.2rem; color:#4e525c; font-weight:400; line-height:3.2rem; }
	
	/*섹션7*/
	.section7 { position:relative; width:100%; padding:5rem 0; }
	.section7 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; font-size:0; text-align:center; }
	.section7 .inner .img1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 5rem 0; }
	.section7 .inner .tit { position:relative; display:inline-block; width:100%; font-size:4rem; color:#4e525c; font-weight:600; text-align:center; }
	.section7 .inner .tit span { font-size:5rem; color:#31bfae; padding:0 2.5rem; }
	
	/*섹션8*/
	.section8 { position:relative; width:100%; padding:5rem 0; }
	.section8 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; font-size:0; text-align:center; }
	.section8 .inner .tit { position:relative; display:inline-block; width:100%; font-size:3.2rem; color:#4b39ef; font-weight:600; text-align:center; padding-top:10rem; }
	.section8 .inner .img1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:7rem 0 0 0; }
	.section8 .inner .img2 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:7rem 0 0 0; }
	.section8 .inner .img3 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:7rem 0 0 0; }
	.section8 .inner .img4 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:7rem 0 0 0; }
	.section8 .inner .img5 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:7rem 0 0 0; }
	.section8 .inner .text1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:3rem 0 0 0; font-size:2.8rem; color:#3d414c; font-weight:400; line-height:3.6rem; }
	
	/*섹션9*/
	.section9 { position:relative; width:100%; padding:5rem 0; }
	.section9 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; font-size:0; text-align:center; }
	.section9 .inner .tit_big { position:relative; display:inline-block; width:100%; font-size:4rem; color:#4b39ef; font-weight:600; text-align:center; padding-top:10rem; }
	.section9 .inner .tit { position:relative; display:inline-block; width:100%; font-size:3.2rem; color:#4b39ef; font-weight:600; text-align:center; padding-top:10rem; }
	.section9 .inner .img1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:7rem 0 0 0; }
	.section9 .inner .img2 { position:relative; display:inline-block; vertical-align:top; width:50%; margin:5rem 0 0 0; }
	.section9 .inner .img3 { position:relative; display:inline-block; vertical-align:top; width:50%; margin:5rem 0 0 0; }
	.section9 .inner .img4 { position:relative; display:inline-block; width:100%; height:3px; background:url(/image/section9_img4.png) repeat-x; margin:5rem 0 0 0; }
	.section9 .inner .img5 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 0 0; }

	.section9_1 { position:relative; width:100%; padding:5rem 0;  margin-top:20px;}
	.section9_1 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; font-size:0; text-align:center; }
	.section9_1 .inner .img1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 5rem 0; }
	.section9_1 .inner .tit { position:relative; display:inline-block; width:100%; font-size:4rem; color:#4e525c; font-weight:600; text-align:center; }
	.section9_1 .inner .tit span { font-size:5rem; color:#31bfae; padding:0 2.5rem; }


	/*체험하기*/
	.trial_wrap { position:relative; width:100%; max-width:117.0rem; margin:0 auto; padding-top:100px;}
	.trial_tit { position:relative; width:100%; font-size:4.0rem; color:#373737; font-weight:400; text-align:center; margin-bottom:8rem; }
	.trial_tit span { font-weight:600; }
	.trial_box1 { position:relative; width:45%; float:left; height:28.0rem; margin-right:5%; padding-top:10rem; background:#fff; border-radius:3rem; box-shadow:0px 1px 5px 1px rgba( 0, 0, 0, 0.1 ); }
	.trial_box1 dt { position:relative; width:100%; font-size:3.6rem; color:#3b3f4a; font-weight:400; text-align:center; margin-bottom:1rem; }
	.trial_box1 dt span { color:#4b39ef; font-weight:600;  }
	.trial_box1 dd { position:relative; width:100%; font-size:2.2rem; color:#3b3f4a; font-weight:400; text-align:center; }
	.trial_box2 { position:relative; width:45%; float:left; height:28.0rem; margin-left:5%; padding-top:10rem; background:#fff; border-radius:3rem; box-shadow:0px 1px 5px 1px rgba( 0, 0, 0, 0.1 ); }
	.trial_box2 dt { position:relative; width:100%; font-size:3.6rem; color:#3b3f4a; font-weight:400; text-align:center; margin-bottom:1rem; }
	.trial_box2 dt span { color:#4b39ef; font-weight:600;  }
	.trial_box2 dd { position:relative; width:100%; font-size:2.2rem; color:#3b3f4a; font-weight:400; text-align:center; }
	.trial_btn { position:relative; width:100%; font-size:3.0rem; color:#373737; font-weight:500; text-align:center; clear:both; margin:10rem 0; display:inline-block; }
	.trial_btn a { position:relative; width:40%; text-align:center; background:#4b39ef; color:#fff; padding:2rem 4rem; border-radius:1rem; }
	.trial_btn a:hover {  }
	
	/*멤버되기*/
	.freepass_wrap { position:relative; width:100%;  padding-top:100px;}
	.freepass_wraper { position:relative; width:100%; max-width:117rem; margin:0 auto; text-align:center; }
	.freepass_tit { position:relative; width:100%; font-size:4rem; color:#373737; font-weight:400; text-align:center; margin-bottom:4rem; }
	.freepass_tit span { font-weight:600; }
	.freepass_box { position:relative; width:100%; max-width:36rem; margin:4rem 1rem; display:inline-block; }
	.freepass_box .top { position:relative; width:100%; height:25rem; background:#1a1353; }
	.freepass_box .top dt { font-size:1.6rem; color:#fff; font-weight:300; border:#fff 1px solid; display:inline-block; padding:1rem 2rem; margin:2rem auto; }
	.freepass_box .top dd { font-size:3rem; color:#fff; font-weight:500; padding-bottom:1rem; }
	.freepass_box .top dd span { color:#31bfae; }
	.freepass_box .bottom { position:relative; width:100%; height:20rem; background:#fff; border:#1a1353 2px solid; }
	.freepass_box .bottom dt { position:relative; width:100%; padding:2rem; display:inline-block; text-align:left; }
	.freepass_box .bottom dt span { display:inline-block; font-size:1.4rem; padding:1rem; margin-right:1rem; background:#d9d9d9; border-radius:0.5rem; }
	.freepass_box .bottom dt span.on { background:#6756de; color:#fff; }
	.freepass_box .bottom .text { position:relative; width:100%; padding:0 2rem; font-size:1.4rem; color:#434343; line-height:2rem; display:inline-block; text-align:left; }
	.freepass_box .bottom .cost_box { position:absolute; width:100%; bottom:0; padding:2rem; text-align:right; font-size:3rem; color:#6756DE; font-weight:500; letter-spacing:-2px; }
	.freepass_box .bottom .cost_box .discount {font-size:2.0rem; color:#434343; font-weight:400;}
	.freepass_box .bottom .cost_box .discount span { color:#FF6E40;}
	.freepass_box .bottom .cost_box .cost { position:absolute; left:2rem; bottom:2rem; font-size:1.6rem; color:#434343; font-weight:300; }
	.freepass_box .bottom .cost_box .month { font-size:1.8rem; color:#434343; font-weight:400; margin-right:1rem; }
	.freepass_box .btnWrap { margin-top:2rem;}
	.freepass_box .btn_c { display:inline-block; position:relative; width:50%; float:left; }
	.freepass_box .btn_c a { position:relative; display:block; width:calc(100% - 1rem); font-size:2rem; color:#fff; font-weight:400; padding:1.5rem 1rem; border:2px solid #31bfae; border-radius:0.5rem; color:#373737; margin-right:1rem; }
	.freepass_box .btn_e2 { display:inline-block; position:relative; width:50%; margin:0 auto;}
	.freepass_box .btn_e2 a { position:relative; display:block; width:calc(100% - 1rem); font-size:2rem; color:#fff; font-weight:400; padding:1.5rem 1rem; border:2px solid #31bfae; background:#31bfae; border-radius:0.5rem; color:#fff;}

	.vocapod_wrap { position:relative; width:100%; max-width:117.0rem; margin:0 auto; padding-top:100px;}
	.vocapod_tit { position:relative; width:100%; font-size:4.0rem; color:#373737; font-weight:400; text-align:center; margin-bottom:8rem; }
	.vocapod_tit span { font-weight:600; }

	.learnArrow {margin-top:20px;}
	.learnArrow img {width:245px;}
	

	/* 나의 점수 2차메뉴 */
	.sub_top_m_my { position:relative; width:1170px; margin:20px auto 20px auto;}
	.sub_top_m_my .tap { position:relative; /*min-height:50px; border-top:#e5e5e5 1px solid; padding-top:20px; */}
	.sub_top_m_my .tap a { position:relative; display:block; width:114px; height:42px; font-size:1.2em; color:#333; line-height:42px; text-align:center; border-bottom:#dfdfdf 0px solid; background:#f9f9f9; margin:0 10px 10px 0; float:left; }
	.sub_top_m_my .tap a:hover { position:relative; display:block; width:114px; color:#333; line-height:42px; text-align:center; border-bottom:#000 0px solid; background:#f9f9f9; margin:0 10px 10px 0; float:left; }
	.sub_top_m_my a.ov { position:relative; display:block; width:114px; color:#FF7200; font-weight:600; line-height:42px; text-align:center; border-bottom:#000 0px solid; background:#f9f9f9; margin:0 10px 10px 0; float:left; }
	.sub_top_m_my .tap_bottom {clear:both; }
	

}

/* 탑,푸터 공통스타일 768px ~ 1199px 태블릿 */
@media all and (min-width:768px) and (max-width:1199px) {
	.header_top { position:relative; width:100%; padding:2rem 0; font-size:1.8rem; color:#fff; font-weight:600; text-align:center; background:#4b39ef; }

	#header_m { overflow:hidden; width:100%; background-color:#efefef; min-width:320px; display:none; z-index:10000000000000000;}
	#popup_m {display:none; }

	/* Top */
	.top_area { position:relative; width:97%; max-width:117.0rem; height:8.0rem; margin:0 1.5%; padding:2.0rem 1.5rem;}
	
	.top_area .logo { position:absolute; left:0; }
	.top_area .logo img { margin-top:0.5rem; }
	
	.top_area .search { position:relative; width:30.0rem; margin:0 auto; }
	.top_area .search .searchbox { position:relative; width:100%; border:#cbcbcb 1px solid; border-radius:0.5rem; }
	.top_area .search .searchbox dd { width:100%; max-width:32.0rem; }
	.top_area .search .searchbox dd input { width:100%; padding:0 2.0rem; font-size:1.5rem; border:0; border-radius:0.5rem; }
	.top_area .search .searchbox dt { position:absolute; right:1.0rem; top:0.5rem; }
	
	.top_area .gnb_right { position:absolute; right:0; top:0; padding:2.0rem 0; }
	.top_area .gnb_right .nick { position:absolute; height:4.0rem; line-height:4.0rem; color:#777; text-align:right; right:0; font-size:1.5rem; }
	.top_area .gnb_right .nick b { font-size:1.4rem; }
	.top_area .gnb_right a {  }
	.top_area .gnb_right a:hover { color:#000; }
		
	.top_area .gnb_right:after {display:block; content:''; clear:both; }
	.top_area .gnb_right > li { position:relative; display:inline-block; height:4.0rem; line-height:4.0rem; margin-left:1.5rem; }
	.top_area .gnb_right > li > a { position:relative; display:inline-block; font-size:1.5rem; color:#777; font-weight:400; text-align:center; }
	.top_area .gnb_right > li:hover .depth_1 { display:block; z-index:999; }
	.top_area .gnb_right .depth_1 {display:none; position:absolute; width:11.0rem; left:0; right:0; text-align:center; background:#C9C9C9; border-radius:2rem; padding:1.0rem; margin-left:-2.5rem; margin-top:-0.5rem; }
	.top_area .gnb_right .depth_1 li { line-height:3rem; }
	.top_area .gnb_right .depth_1 a { position:relative; display:block; width:100%; font-size:1.4rem; color:#fff; font-weight:400; padding:0 0.5rem; background:#C9C9C9; }
	.top_area .gnb_right > li.myclass { position:relative; display:inline-block; background:#1A1A1A; height:4.0rem; border-radius:5.0rem; text-align:center; color:#fff; }
	.top_area .gnb_right > li.myclass a { position:relative; display:inline-block; font-size:1.5rem; color:#fff; font-weight:400; text-align:center; padding:0 1.0rem; }
	
	
	.lnb_area_wrap { width:100%; border-top:#e9e9e9 1px solid; border-bottom:#e9e9e9 1px solid; font-size:0; }
	.lnb_area { position:relative; width:97%; max-width:117.0rem; height:7rem; margin:0 1.5%; text-align:center; }
	.lnb_area .cen { display:inline-block; margin:0; text-align:left; margin-left:0; }
	.lnb_area ul { width:100%; margin:0; padding:0; z-index:999; }
	.lnb_area .main > li { position:relative; display:inline-block; height:7rem; line-height:7rem; text-align:center; font-size:1.8rem; color:#434343; font-weight:500; }
	.lnb_area .main > li > a { display:block; color:#434343; padding:0 16px; }
	.lnb_area .main > li a:hover { color:#000; }
	.lnb_area .main > li:hover { border-bottom:#000 0px solid; font-weight:600; }
	.lnb_area .main > li:hover .menu2{ display:block; }
	.lnb_area .main > .on { background-color:#fff; }
	.lnb_area .main > .on a { color:#e9e9e9; }
	.lnb_area .menu2 { position:absolute; left:0; display:none; z-index:999; background-color:#fff; }
	.lnb_area .sub1 { top:0; left: 0; float: left; width:15.0rem; border:#e9e9e9 1px solid; }
	.lnb_area .sub2 { top:0; left: 0; float: left; width:15.0rem; border:#e9e9e9 1px solid; }
	.lnb_area .sub3 { top:0; left: 0; float: left; width:15.0rem; border:#e9e9e9 1px solid; }
	.lnb_area .sub4 { top:0; left: 0; float: left; width:15.0rem; border:#e9e9e9 1px solid; }
	.lnb_area .sub5 { top:0; left: 0; float: left; width:15.0rem; border:#e9e9e9 1px solid; }
	.lnb_area .sub6 { top:0; left: 0; float: left; width:15.0rem; border:#e9e9e9 1px solid; }
	.lnb_area .sub7 { top:0; left: 0; float: left; width:15.0rem; border:#e9e9e9 1px solid; }
	.lnb_area .sub li:hover .sub-01 { display:block; }
	.lnb_area .main .sub li a { color:#000; } 
	.lnb_area .main .sub li a:hover span { border-bottom:#333 1px solid; padding-bottom:1px; }
	.lnb_area .main .sub li a:hover { background-color:#fff; } 
	.lnb_area .main .menu2 .sub-01 li { position:relative; text-align:left; line-height:2.1rem; }
	.lnb_area .main .sub li { padding:0 1.0rem 0.5rem 1.0rem; background-color:#fff; font-size:1.4rem; font-weight:normal; line-height:2.2rem; text-align:left; overflow:hidden; }
	.lnb_area .main .sub li:first-child { margin-top:0.5rem; }
	.lnb_area .main > li:hover .menu2list { display:block; }
	.lnb_area .menu2list { position:absolute; right:0; display:none; z-index:999; background-color:#fff; }
	.lnb_area .main .menu2list .sub-01 li { position:relative; text-align:left; line-height:2.1rem; }

	/*학습하기 Dropdown 메뉴 */
	.dropdown-content {  display: none;  position: absolute; margin-left:0px;  padding-bottom:10px; background-color: #f1f1f1;  min-width: 140px;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  z-index: 99999;  border-radius:20px;}
	.dropdown-content a {  color: black;  font-size:0.9em;  height:50px;font-weight:500;  padding: 0px 2px;  text-decoration: none;  display: block;}
	.dropdown-content a:hover {background-color: #ddd;}
	.dropdown:hover .dropdown-content {display: block;}
	.dropdown:hover .dropbtn {background-color: #3e8e41;}
	
	.dropdown-content_f {  display: none;  position: absolute; margin-left:-20px;  padding-bottom:10px; background-color: #f1f1f1;  min-width: 140px;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);  z-index: 99999;  border-radius:20px;}
	.dropdown-content_f a {  color: black;  font-size:0.9em;  height:50px;font-weight:500;  padding: 0px 2px;  text-decoration: none;  display: block;}
	.dropdown-content_f a:hover {background-color: #ddd;}
	.dropdown_f:hover .dropdown-content_f {display: block;}
	.dropdown_f:hover .dropbtn {background-color: #3e8e41;}
	
	.allmenu { position:absolute; left:0; top:0; z-index:999; }
	.allmenu ul { position:relative; display:inline-block; vertical-align:middle; }
	.allmenu li {  }
	.allmenu li a img { margin-top:0.8rem; }
	.allmenu li a { color:#000; width:5.0rem; height:5.0rem; display:block; text-decoration:none; text-align:left; padding-right:2.0rem; }
	.allmenu li ul { display:none; width:100%; position:absolute; z-index:200; background:#fff; border:#e9e9e9 1px solid; }
	.allmenu li:hover ul { display:block; width:100%;  }
	.allmenulist { display:block; width:95vw; font-size:1.4rem; color:#333; text-align:left; background:#fff; }
	
	.allmenubox { position:relative; width:100%; display:table; }
	.allmenubox dd { position:relative; display:table-cell; padding:1.5rem; border-left:#e5e5e5 1px solid; line-height:1.8rem; }
	.allmenubox dd:first-child { border-left:0; }
	.allmenubox dd .tit a { width:100%; height:auto; display:block; font-size:1.8rem; color:#333; font-weight:400; line-height:1.8rem; padding-bottom:1.5rem; }
	.allmenubox dd .tit a:hover { text-decoration:underline; }
	.allmenubox dd a { width:100%; height:auto; display:block; font-size:1.4rem; color:#555; font-weight:300; line-height:1.8rem; padding-bottom:1rem; }
	.allmenubox dd a:hover { text-decoration:underline; }	
	
	/* 푸터 */
	.footer_wrap { position:relative; /*margin-top:40px;*/ width:100%; background:#202020; display:inline-block; }
	.footer { position:relative; width:97%; max-width:1170px; margin:0 auto; padding:6rem 1.5% 0 1.5%; }
	.footer_logo { position:absolute; }
	.footer_add { position:relative; width:calc(100% - 27.0rem); float:left; letter-spacing:0; margin:6rem 0 3.5rem 0; }
	.footer_add dt { position:relative; display:block; font-size:1.6rem; color:#ccc; font-weight:400; margin-bottom:1.5rem; }
	.footer_add dd { position:relative; display:block; font-size:1.3rem; color:#999; font-weight:300; line-height:1.8rem; }
	.footer_add dd span { margin-right:1.5rem; }
	.footer_menu { position:relative; width:13.5rem; float:left; letter-spacing:0; }
	.footer_menu dd { position:relative; display:block; font-size:1.3rem; color:#ccc; font-weight:400; margin-right:1.5rem; line-height:2.4rem; }
	.footer_menu dd span {  }
	.footer_menu dd span a,.footer_menu dd span a:hover { color:#ccc; }
	.footer_customer { position:relative; width:13.5rem; float:left; letter-spacing:0; }
	.footer_customer dd { position:relative; display:block; font-size:1.3rem; color:#ccc; font-weight:400; margin-right:1.5rem; line-height:2.4rem; }
	.footer_customer dd span {  }
	.footer_customer dd span a,.footer_customer dd span a:hover { color:#ccc; }

	.footer_copy_wrap { position:relative; width:97%; max-width:1170px; margin:0 1.5% 6.0rem 1.5%; border-top:#373737 1px solid; clear:both; }
	.footer_copy_wrap .footer_copy { position:relative; font-size:1.3rem; color:#999; font-weight:300; line-height:3.0rem; display:table; padding-top:2rem; }
	.footer_copy_wrap .footer_sns { position:absolute; right:0; bottom:0; display:table-cell; }
	.footer_copy_wrap .footer_sns a { margin-left:1.5rem; }
	.footer_copy_wrap .footer_sns a img {  vertical-align:middle; }


	/* Contents */
	#container {width:100%; margin:0 auto; padding-top:0;/*text-align:center;*/}
	#container .cont{width:100%; max-width:1170px; margin:0 auto; padding:0 10px; min-height:600px; font-size:1.167em; line-height:155%; color:#555; text-align:left;}
	#container .page {margin: 0 auto; width:100%; max-width:1170px;text-align:right; margin-top:20px; margin-bottom:20px;padding:0 10px;}
	#container .page .page_on { color:#222; }
	
	.sub_nav_wrap { position:relative; width:100%; margin:30px 0 80px 0; padding:0 10px;}
	.sub_nav { position:relative; width:100%; max-width:1170px; height:22px; margin:0 auto; font-size:0; }
	.sub_nav dt { position:relative; display:inline-block; font-size:22px; color:#2a2b2b; font-weight:500; border-right:#505050 2px solid; padding:0 30px 0 30px; margin:0 10px 0 0; }
	.sub_nav dt img { position:absolute; margin:3px 0 0 -30px; width:20px;}
	.sub_nav dd { position:relative; height:28px; line-height:35px; display:inline-block; margin:5px 10px; }
	.sub_nav dd a .text { position:relative; font-size:18px; color:#2a2b2b; font-weight:400; z-index:10; padding:0 5px; }
	.sub_nav dd a .bar { position:absolute; left:0; bottom:1px; width:100%; height:6px; background:#FFB39F; z-index:5; visibility:hidden; }	
	.sub_nav dd a.on .bar { position:absolute; left:0; bottom:5; width:100%; height:6px; background:#FFB39F; z-index:5; visibility:visible; }
	
	/* 페이지 2차 메뉴 */
	.sub_top_m { position:relative; width:100%; margin:0 auto; padding:0 10px;}
	.sub_top_m .tap { position:relative; /*min-height:50px; border-top:#e5e5e5 1px solid; padding-top:20px; */}
	.sub_top_m .tap a { position:relative; display:block; width:154px; height:42px; font-size:1.2em; color:#333; line-height:42px; text-align:center; border-bottom:#dfdfdf 1px solid; background:#fff; margin:0 10px 10px 0; float:left; }
	.sub_top_m .tap a:hover { position:relative; display:block; width:154px; color:#333; line-height:42px; text-align:center; border-bottom:#000 1px solid; margin:0 10px 10px 0; float:left; }
	.sub_top_m a.ov { position:relative; display:block; width:154px; color:#ED2040; font-weight:600; line-height:42px; text-align:center; border-bottom:#000 1px solid; margin:0 10px 10px 0; float:left; }
	.sub_top_m .tap_bottom {clear:both; }
	
	
	/*메인 카운터*/
	.section_count { position:relative; background:#4b39ef; padding:2.0rem 0; }
	.section_count .inner { width:100%; max-width:117.0rem; margin:0 auto; text-align:center; }
	.section_count .inner .text1 { position:relative; display:inline-block; width:100%; font-size:1.6rem; color:#fff; font-weight:300; }
	.section_count .inner .text2 { position:relative; display:inline-block; width:100%; font-size:1.8rem; color:#fff; font-weight:400; padding:1rem 0 2rem 0; }
	.section_count .inner .box_d { position:relative; display:inline-block; background:#31bfae; padding:1.5rem 3.0rem; font-size:2.4rem; color:#fff; font-weight:800; border-radius:0.5rem; margin:0 0.5rem; }
	.section_count .inner .box_h { position:relative; display:inline-block; background:#31bfae; padding:1.5rem 3.0rem; font-size:2.4rem; color:#fff; font-weight:800; border-radius:0.5rem; margin:0 0.5rem; }
	.section_count .inner .box_m { position:relative; display:inline-block; background:#31bfae; padding:1.5rem 3.0rem; font-size:2.4rem; color:#fff; font-weight:800; border-radius:0.5rem; margin:0 0.5rem; }
	.section_count .inner .box_s { position:relative; display:inline-block; background:#31bfae; padding:1.5rem 3.0rem; font-size:2.4rem; color:#fff; font-weight:800; border-radius:0.5rem; margin:0 0.5rem; }

	/*섹션1*/
	.section1 { position:relative; width:100%; background:#31bfae; padding:7rem 2.5rem 8rem 2.5rem; }
	.section1 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; text-align:center; color:#fff; }
	.section1 .inner .text1 { display:inline-block; font-size:6.5rem; font-weight:300; line-height:8.0rem; letter-spacing:-0.2rem; }
	.section1 .inner .text1 span { font-weight:600; }
	.section1 .inner .text2 { font-size:2.4rem; font-weight:200; padding-top:3rem; }

	/*섹션2*/
	.section2 { position:relative; width:100%; padding:7rem 2.5rem 8rem 2.5rem; }
	.section2 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; font-size:0; text-align:center; }
	.section2 .inner .tit { position:relative; display:inline-block; width:100%; font-size:4rem; color:#363636; font-weight:600; text-align:center; }
	.section2 .inner .img1 { position:relative; display:inline-block; vertical-align:top; width:50%; margin:5rem 0 0 0; }
	.section2 .inner .img1 img { width:100%; }
	.section2 .inner .img2 { position:relative; display:inline-block; vertical-align:top; width:50%; margin:5rem 0 0 0; }
	.section2 .inner .img2 img { width:100%; }
	.section2 .inner .img3 { position:relative; display:inline-block; width:100%; height:3px; background:url(/image/section2_img3.png) repeat-x; margin:5rem 0 0 0; }
	.section2 .inner .img4 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 0 0; }
	.section2 .inner .img4 img { width:100%; max-width:648px; }

	/*섹션3*/
	.section3 { position:relative; width:100%; padding:5rem 2.5rem; }
	.section3 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; font-size:0; text-align:center; }
	.section3 .inner .tit { position:relative; display:inline-block; width:100%; font-size:4rem; color:#363636; font-weight:400; text-align:center; padding-bottom:2.0rem; }
	.section3 .inner .tit span { font-weight:600; }
	.section3 .inner .tit2 { position:relative; display:inline-block; width:100%; font-size:2.4rem; color:#363636; font-weight:400; text-align:center; }
	.section3 .inner .img1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 0 0; }
	.section3 .inner .img1 img { width:100%; }
	
	/*섹션4*/
	.section4 { position:relative; width:100%; padding:5rem 2.5rem; }
	.section4 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; font-size:0; text-align:center; }
	.section4 .inner .img1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 5rem 0; }
	.section4 .inner .img1 img { width:100%; }
	.section4 .inner .tit { position:relative; display:inline-block; width:100%; font-size:4rem; color:#4e525c; font-weight:600; text-align:center; }
	.section4 .inner .tit span { font-size:5rem; color:#31bfae; padding:0 2.5rem; }
		
	/*섹션5*/
	.section5 { position:relative; width:100%; padding:5rem 2.5rem; background:linear-gradient(#fff 50%, #edebfd 50%); }
	.section5 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; font-size:0; text-align:center; background:#fff; border-radius:5rem; padding:3rem 0; box-shadow:0px 1px 5px 1px rgba( 0, 0, 0, 0.1 ); }
	.section5 .inner dd { font-size:4rem; color:#4e525c; font-weight:600; padding:3rem 0; }
	.section5 .inner dd .text_green { color:#45c5b6; }
	.section5 .inner dd .text_purple { color:#5d4cf1; }

	/*섹션6*/
	.section6 { position:relative; width:100%; padding:5rem 2.5rem; }
	.section6 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; font-size:0; text-align:center; }
	.section6 .inner .tit { position:relative; display:inline-block; width:100%; font-size:3.2rem; color:#4b39ef; font-weight:600; text-align:center; padding-top:7rem; }
	.section6 .inner .img1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 0 0; }
	.section6 .inner .img1 img { width:100%; }
	.section6 .inner .img2 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 0 0; }
	.section6 .inner .img2 img { width:100%; }
	.section6 .inner .text1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:3rem 0 0 0; font-size:2.2rem; color:#4e525c; font-weight:400; line-height:3.2rem; }
	
	/*섹션7*/
	.section7 { position:relative; width:100%; padding:5rem 2.5rem; }
	.section7 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; font-size:0; text-align:center; }
	.section7 .inner .img1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 5rem 0; }
	.section7 .inner .img1 img { width:100%; }
	.section7 .inner .tit { position:relative; display:inline-block; width:100%; font-size:4rem; color:#4e525c; font-weight:600; text-align:center; }
	.section7 .inner .tit span { font-size:5rem; color:#31bfae; padding:0 2.5rem; }
	
	/*섹션8*/
	.section8 { position:relative; width:100%; padding:5rem 2.5rem; }
	.section8 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; font-size:0; text-align:center; }
	.section8 .inner .tit { position:relative; display:inline-block; width:100%; font-size:3.2rem; color:#4b39ef; font-weight:600; text-align:center; padding-top:10rem; }
	.section8 .inner .img1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:7rem 0 0 0; }
	.section8 .inner .img1 img { width:100%; max-width:366px; }
	.section8 .inner .img2 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:7rem 0 0 0; }
	.section8 .inner .img2 img { width:100%; max-width:722px; }
	.section8 .inner .img3 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:7rem 0 0 0; }
	.section8 .inner .img3 img { width:100%; }
	.section8 .inner .img4 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:7rem 0 0 0; }
	.section8 .inner .img4 img { width:100%; }
	.section8 .inner .img5 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:7rem 0 0 0; }
	.section8 .inner .img5 img { width:100%; }
	.section8 .inner .text1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:3rem 0 0 0; font-size:2.8rem; color:#3d414c; font-weight:400; line-height:3.6rem; }
	
	/*섹션9*/
	.section9 { position:relative; width:100%; padding:5rem 2.5rem; }
	.section9 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; font-size:0; text-align:center; }
	.section9 .inner .tit_big { position:relative; display:inline-block; width:100%; font-size:4rem; color:#4b39ef; font-weight:600; text-align:center; padding-top:10rem; }
	.section9 .inner .tit { position:relative; display:inline-block; width:100%; font-size:3.2rem; color:#4b39ef; font-weight:600; text-align:center; padding-top:10rem; }
	.section9 .inner .img1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:7rem 0 0 0; }
	.section9 .inner .img1 img { width:100%; max-width:880px; }
	.section9 .inner .img2 { position:relative; display:inline-block; vertical-align:top; width:50%; margin:5rem 0 0 0; }
	.section9 .inner .img2 img { width:100%; }
	.section9 .inner .img3 { position:relative; display:inline-block; vertical-align:top; width:50%; margin:5rem 0 0 0; }
	.section9 .inner .img3 img { width:100%; }
	.section9 .inner .img4 { position:relative; display:inline-block; width:100%; height:3px; background:url(/image/section9_img4.png) repeat-x; margin:5rem 0 0 0; }
	.section9 .inner .img4 img { width:100%; }
	.section9 .inner .img5 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 0 0; }
	.section9 .inner .img5 img { width:100%; max-width:648px; }

	.section9_1 { position:relative; width:100%; padding:5rem 0;  margin-top:20px;}
	.section9_1 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; font-size:0; text-align:center; }
	.section9_1 .inner .img1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 5rem 0; }
	.section9_1 .inner .tit { position:relative; display:inline-block; width:100%; font-size:4rem; color:#4e525c; font-weight:600; text-align:center; }
	.section9_1 .inner .tit span { font-size:5rem; color:#31bfae; padding:0 2.5rem; }

	/*체험하기*/
	.trial_wrap { position:relative; width:100%; max-width:117.0rem; margin:0 auto; padding-top:100px;}
	.trial_tit { position:relative; width:100%; font-size:4.0rem; color:#373737; font-weight:400; text-align:center; margin-bottom:8rem; }
	.trial_tit span { font-weight:600; }
	.trial_box1 { position:relative; width:40%; float:left; height:28.0rem; margin:0 5%; padding-top:10rem; background:#fff; border-radius:3rem; box-shadow:0px 1px 5px 1px rgba( 0, 0, 0, 0.1 ); }
	.trial_box1 dt { position:relative; width:100%; font-size:3.6rem; color:#3b3f4a; font-weight:400; text-align:center; margin-bottom:1rem; }
	.trial_box1 dt span { color:#4b39ef; font-weight:600;  }
	.trial_box1 dd { position:relative; width:100%; font-size:2.2rem; color:#3b3f4a; font-weight:400; text-align:center; }
	.trial_box2 { position:relative; width:40%; float:left; height:28.0rem; margin:0 5%; padding-top:10rem; background:#fff; border-radius:3rem; box-shadow:0px 1px 5px 1px rgba( 0, 0, 0, 0.1 ); }
	.trial_box2 dt { position:relative; width:100%; font-size:3.6rem; color:#3b3f4a; font-weight:400; text-align:center; margin-bottom:1rem; }
	.trial_box2 dt span { color:#4b39ef; font-weight:600;  }
	.trial_box2 dd { position:relative; width:100%; font-size:2.2rem; color:#3b3f4a; font-weight:400; text-align:center; }
	.trial_btn { position:relative; width:100%; font-size:3.0rem; color:#373737; font-weight:500; text-align:center; clear:both; margin:10rem 0; display:inline-block; }
	.trial_btn a { position:relative; width:40%; text-align:center; background:#4b39ef; color:#fff; padding:2rem 4rem; border-radius:1rem; }
	.trial_btn a:hover {  }
	
	/*멤버되기*/
	.freepass_wrap { position:relative; width:100%;  padding-top:100px;}
	.freepass_wraper { position:relative; width:100%; max-width:117rem; margin:0 auto; text-align:center; }
	.freepass_tit { position:relative; width:100%; font-size:4rem; color:#373737; font-weight:400; text-align:center; margin-bottom:4rem; }
	.freepass_tit span { font-weight:600; }
	.freepass_box { position:relative; width:100%; max-width:36rem; margin:4rem 1rem; display:inline-block; }
	.freepass_box .top { position:relative; width:100%; height:25rem; background:#1a1353; }
	.freepass_box .top dt { font-size:1.6rem; color:#fff; font-weight:300; border:#fff 1px solid; display:inline-block; padding:1rem 2rem; margin:2rem auto; }
	.freepass_box .top dd { font-size:3rem; color:#fff; font-weight:500; padding-bottom:1rem; }
	.freepass_box .top dd span { color:#31bfae; }
	.freepass_box .bottom { position:relative; width:100%; height:20rem; background:#fff; border:#1a1353 2px solid; }
	.freepass_box .bottom dt { position:relative; width:100%; padding:2rem; display:inline-block; text-align:left; }
	.freepass_box .bottom dt span { display:inline-block; font-size:1.4rem; padding:1rem; margin-right:1rem; background:#d9d9d9; border-radius:0.5rem; }
	.freepass_box .bottom dt span.on { background:#6756de; color:#fff; }
	.freepass_box .bottom .text { position:relative; width:100%; padding:0 2rem; font-size:1.4rem; color:#434343; line-height:2rem; display:inline-block; text-align:left; }
	.freepass_box .bottom .cost_box { position:absolute; width:100%; bottom:0; padding:2rem; text-align:right; font-size:3rem; color:#6756DE; font-weight:500; letter-spacing:-2px; }
	.freepass_box .bottom .cost_box .discount {font-size:2.0rem; color:#434343; font-weight:400;}
	.freepass_box .bottom .cost_box .discount span { color:#FF6E40;}
	.freepass_box .bottom .cost_box .cost { position:absolute; left:2rem; bottom:2rem; font-size:1.6rem; color:#434343; font-weight:300; }
	.freepass_box .bottom .cost_box .month { font-size:1.8rem; color:#434343; font-weight:400; margin-right:1rem; }
	.freepass_box .btnWrap { margin-top:2rem;}
	.freepass_box .btn_c { display:inline-block; position:relative; width:50%; float:left; }
	.freepass_box .btn_c a { position:relative; display:block; width:calc(100% - 1rem); font-size:2rem; color:#fff; font-weight:400; padding:1.5rem 1rem; border:2px solid #31bfae; border-radius:0.5rem; color:#373737; margin-right:1rem; }
	.freepass_box .btn_e { display:inline-block; position:relative; width:50%; float:left; }
	.freepass_box .btn_e a { position:relative; display:block; width:calc(100% - 1rem); font-size:2rem; color:#fff; font-weight:400; padding:1.5rem 1rem; border:2px solid #31bfae; background:#31bfae; border-radius:0.5rem; color:#fff; margin-left:1rem; }



	.vocapod_wrap { position:relative; width:100%; max-width:117.0rem; margin:0 auto; padding-top:100px;}
	.vocapod_tit { position:relative; width:100%; font-size:4.0rem; color:#373737; font-weight:400; text-align:center; margin-bottom:8rem; }
	.vocapod_tit span { font-weight:600; }

	.learnArrow {margin-top:20px;}
	.learnArrow img {width:145px;}

	/* 나의 점수 2차 메뉴 */
	.sub_top_m_my { position:relative; width:100%; padding:0 5px; margin:20px auto 20px auto;}
	.sub_top_m_my .tap { position:relative; /*min-height:50px; border-top:#e5e5e5 1px solid; padding-top:20px; */}
	.sub_top_m_my .tap a { position:relative; display:block; width:114px; height:42px; font-size:1.2em; color:#333; line-height:42px; text-align:center; border-bottom:#dfdfdf 0px solid; background:#f9f9f9; margin:0 10px 10px 0; float:left; }
	.sub_top_m_my .tap a:hover { position:relative; display:block; width:114px; color:#333; line-height:42px; text-align:center; border-bottom:#000 0px solid; background:#f9f9f9; margin:0 10px 10px 0; float:left; }
	.sub_top_m_my a.ov { position:relative; display:block; width:114px; color:#FF7200; font-weight:600; line-height:42px; text-align:center; border-bottom:#000 0px solid; background:#f9f9f9; margin:0 10px 10px 0; float:left; }
	.sub_top_m_my .tap_bottom {clear:both; }
	
}


/* 탑,푸터 공통스타일 0 ~ 767px 모바일 */
@media all and (min-width:0px) and (max-width:767px) {
	.header_top { position:relative; width:100%; padding:2rem 0; font-size:1.8rem; color:#fff; font-weight:600; text-align:center; background:#4b39ef; display:none; }
	
	/*s:모바일메뉴및 상단-my*/
	#header { position:relative; width:100%; display:none;}
	#header_m { position:relative; width:100%;}
	.topline_area {clear:both; width:100%; height:40px; background:#86684f; position:fixed; z-index:100000;}
	.topline_area .round {width:100%; margin:0 auto;}
	.topline_area .round .text{display:none; float:left; font-size:22px; line-height:110px; font-weight:600; color:#fff; letter-spacing:-2px;}
	.topline_area .round .m_icon {display:none; float:left; padding:32px 0 0 0;}
	.topline_area .round .m_icon img {display:none; margin:0 0 0 10px;}
	.topline_area .round .text02 {float:left; width:200px; }
	.topline_area .round .text02 img {width:100%; margin:11px 0 5px 10px;}
	.topline_area .round .btn {float:right; width:60px; margin:6px 10px 0 0;}
	.topline_area .round .btn img {width:100%;}
	.top_area { position:relative; width:100%; margin:0; height:45px;}
	.gnb_area { position:fixed; width:100%; height:45px; margin:0 auto; overflow:hidden; top:0px; background:#fff; z-index:1000;border-bottom:solid 1px #adadad;}
	.mobile_gap {clear:both; width:100%; height:30px;}
	.menuwrap {background:#fff;}
	.logo { position:absolute; left:38%; top:15px; z-index:999; }
	.logo img {width:100px;}

	.m_menu_top_h {clear:both; height:5px;}
	.m_menu_line {clear:both;}
	.m_menu_line .tmenu {width:100%; height:40px; border-bottom:solid 1px #a2a2a2; cursor:pointer;}
	.m_menu_line .icon_down {background:url(/image/inc/icon_down.jpg) no-repeat right;}
	.m_menu_line a {cursor:pointer; line-height:40px; font-size:15px; font-weight:400;}
	.m_menu_line .menu_2 div {width:100%; height:40px; line-height:40px; border-bottom:solid 1px #e8e8e8; cursor:pointer;}
	.m_menu_line .menu_2 div a {font-size:12px; line-height:40px; color:#777; margin:0 0 0 10px;}
	.m_menu_line .menu_2 .icon_up {background:url(/image/inc/icon_up.jpg) no-repeat top right; margin:-35px 0 0 0; border:solid 0px;}
	.m_menu_line .m_name{float:left; margin:30px 0 0 0; font-size:13px; padding:5px 0;}
	.m_menu_line .m_btn_logout {float:right; margin:30px 0 0 0; background:#ef6429; padding:5px; font-size:13px; color:#fff; font-weight:bold; cursor:pointer;}

	.jb-box { width: 100%; height: 100%; overflow: hidden; margin: 0px auto; position: relative;}
	/*video { width: 100%; }*/
	.jb-text { position: absolute; top: 50%; width: 100%;}
	.jb-text p { text-align: center; font-size: 48px; color: #ffffff; }
	.main_search_new {clear:both; position:absolute; width:100%; z-index:10;}
	.main_search_new .round {width:100%; margin:0 auto;}
	.main_search_new .round .location {float:left; margin:25% 0 0 3%;}
	.topsearch { margin:0 auto; width:130px; z-index:999; text-align:center; opacity: 0.7;}
	.topsearch input { display:inline-block; width:130px; border-radius:30px !important;line-height:40px; font-size:13px !important; color:#c1c1c1; font-weight:bold; padding:0 55px 0 10px;}
	.topsearch input.search_h {height:40px;}
	.topsearch a { position:absolute; display:inline-block; width:25px; height:22px; margin:10px 0 0 -35px; text-align:center; background:url(/image/inc/btn_search.png) center no-repeat; }
	.topsearch02 {margin:0 auto; padding:5px 0 0 0; height:45px; z-index:999; text-align:center; border-bottom:solid 1px #adadad;}
	.topsearch02 input { display:inline-block; width:90%; border-radius:40px !important;line-height:45px; font-size:18px !important; color:#c1c1c1; border-color:#000; font-weight:bold; padding:0 55px 0 30px;}
	.topsearch02 input.search_h {height:35px;}
	.topsearch02 a { position:absolute; display:inline-block; width:25px; height:22px; margin:6px 0 0 -50px; text-align:center; background:url('/image/inc/btn_search.png') center no-repeat; }
	.topsearch02 span {font-size:25px; font-weight:bold; margin:0 0 0 10px; color:#000; cursor:pointer; vertical-align:middle;}
	#mobile_icon_search {float:right; width:30px; margin:7px 10px 0 0; text-align:right;}
	#mobile_icon_search img {width:30px; cursor:pointer; margin:0 40px 0 0;}
	#mobile_icon_member {float:right; width:90px; margin:7px 0px 0 0; text-align:right;}
	#mobile_icon_member img#img_my {width:30px; cursor:pointer; margin:0 10px 0 0;}
	#mobile_icon_member img#img_cart {cursor:pointer; margin:0 10px 5px 0;}
	#mobile_search {clear:both; position:absolute; right:10px; width:80%; height:50px; background:#fff; z-index:10000; display:none;}	
	#sub_search {display:none;}
	/*e:모바일메뉴및 상단-my*/

	/*모바일메뉴*/
	/*menu*/
	.menu { position:absolute; z-index:55; }
	.subHeader { height:50px; }
	#menuLeft { width:71.875%; max-width:460px; min-width:230px; height:100%; background:#fff; top:0; left:-460px; display:none; -webkit-box-shadow:3px 0 10px rgba(0,0,0,0.30); -moz-box-shadow:3px 0 10px rgba(0,0,0,0.30); box-shadow:3px 0 10px rgba(0,0,0,0.30); }
	#menuLeft .subHeader { overflow:hidden; background:#fff; border-bottom:1px solid #D2D2D2; } /* background:#053343; border-bottom:1px solid #3e3e3e; */
	#menuLeft .subHeader > p {}
	#menuLeft .menu-left-close { float:right; }
	#menuLeft ul  li  a { display:block; height:40px; line-height:40px; color:#2f2f2f; border-bottom:1px solid #D2D2D2; text-indent:20px; font-size:14px; font-weight:500; }
	#menuLeft #accordian { overflow-y:scroll; overflow-x:hidden; }
	#menuLeft > ul > li { background:url(/img_m/icnNavOff.png) no-repeat 91% 17.5px; background-size:9px; }
	#menuLeft > ul > .on { background:url(/img_m/icnNavOn.png) no-repeat 91% 17.5px; background-size:9px; }
	#menuLeft > ul > .exp { background:none; }
	#menuLeft > ul > li > ul { display:none; background:#F5F5F5; }
	#menuLeft > ul > li > ul > li { height:40px; border-bottom:1px solid #D2D2D2; padding-left:5px;} /* #D2D2D2 */
	#menuLeft > ul > li > ul > li a { line-height:40px; }
	#menuLeft > ul > li > ul > .on a { color:#13ceed; }
	#menuLeft .subHeader #logo_menu { height:25px; margin-top:10px; margin-left:5px; }
	#menuRight { width:76.5625%; max-width:490px; min-width:245px; height:100%; top:0; right:-640px; background:#eee; display:none; -webkit-box-shadow:-3px 0 10px rgba(0,0,0,0.30); -moz-box-shadow:-3px 0 10px rgba(0,0,0,0.30); box-shadow:-3px 0 10px rgba(0,0,0,0.30); }
	#menuRight .subHeader { color:#000; background:#fff; border-bottom:1px solid #dfdfdf; }
	#menuRight .subHeader p { overflow:hidden; line-height:50px; font-size:14px; font-weight:500; }
	#menuRight .subHeader p span { font-size:14px; }
	#menuRight .menu-right-close {}
	#menuRight .btn-log { width:65px; height:24px; line-height:24px; border:1px solid #053343; border-radius:2px; color:#053343; font-size:12px; text-align:center; margin:10px 10px 0px 0px; float:right; }
	#menuRight ul { width:90.82%; margin:10px auto; }
	#menuRight ul li { background:#fff; margin-bottom:1px; }
	#menuRight ul li a { display:block; color:#000; font-size:12px; font-weight:500; height:25px; line-height:25px; padding:14px 12px; }
	#menuRight ul li a img { float:left; margin-right:11px; }
	#menuRight .event-wrap { position:relative; width:90.82%; margin:0 auto 10px; display:block; }
	#menuRight .event-wrap.type02 a { width:48.9%; float:left; margin-left:2.2%; }
	#menuRight .event-wrap.type02 a:first-child { margin-left:0; }
	#menuRight .event-wrap img { max-width:100%; }
	#menuRight .menu-sub-content-wrap { overflow-x:hidden; overflow-y:scroll; }
	
	#menuRight .kia-enterance { position:absolute; bottom:17px; margin:0 4%; display:block; width:92%; text-align:center; z-index:2; padding:7.5px 0px; background:#c41130; border-radius:4px; font-size:15px; font-weight:600; color:#fff; }
	#menuRight .event-block { position:absolute; top:0; left:0; z-index:1; background:rgba(0,0,0,0.5); width:100%; height:100%; }
	#menuRight .event-block.off{ display:none;}
	
	#menuRight .icon-push-wrap { position:relative; }
	#menuRight .icon-push-wrap .icon-push-new { position:absolute; top:2px; right:8px; margin-right:0; }
	
	/* block */
	.block { position:fixed; width:100%; height:100%; overflow:hidden; top:0; left:0; background:#000; opacity:0.75; filter:alpha(opacity=75); z-index:4; display:none; }
	
	/*main*/
	#loadWrap { width:100%; }
	#navWrap { position:absolute; left:0px; top:0px; width:100%; min-width:320px; overflow:hidden; height:91px; z-index:14; }
	#navWrap.top_fix { height:41px; }
	#navWrap.top_fix .top{ display:none; }
	.top_fix{ position:fixed !important; left:0px; top:0px; z-index:3; /*z-index:100;*/ }
	#navWrap .top { height:50px; width:100%; background-color:#fff; overflow:hidden; } /*org background:url(/img_m/bg_top_menu.gif) repeat-x #053343; 혹은 #053343*/
	.btn-allmenu { float:left; }
	.btn-home { float:left; }
	.btn-logo { position:absolute; top:0px; margin-left:50%; left:-68px }
	#navWrap #logo { height:25px; margin-top:10px; }
	.btn-cus-wrap { float:right; height:50px; overflow:hidden; line-height:0; margin-right:1rem; } /*org #053343*/
	.btn_bk { position:absolute; left:0px; top:0px; }
	
	#navWrap hr { position:relative; display:block; height:1px; border:none; border-top:1px solid #bbbbbb; margin:0px; }
	#menu { -webkit-display:flex; display:flex; position:relative; width:100%; height:35px; border-top:1px solid #e9e9e9; background:#fff; overflow:hidden; }
	#menu li { overflow:hidden; -webkit-display:flex; display:flex; -webkit-flex:2; flex:2; font-size:15px; line-height:34px; margin:0px; }
	#menu li.exp { -webkit-flex:1.5; flex:1.5; }
	#menu li.exp-long { -webkit-flex:3; flex:3; }
	#menu li a { position:relative; display:inline-block; width:100%; margin:auto; text-align:center; font-size:15px; font-weight:500; line-height:34px; color:#555; } 
	#menu li a:hover { color:#000; }
	#menu li.on a:before { content:''; position:absolute; width:120%; height:2px; background:#13ceed; bottom:0; left:-10%; z-index:1; }
	#menu li.on a { color:#000; }
	#menu li.on a:hover { color:#000; }
	/* #nav li { float:left; line-height:40px; height:40px; margin:0px; overflow:hidden; margin:0px 0px; }
	#nav li a { font-size:14px; font-weight:500; padding:0px 4px; display:inline-block; height:37px; line-height:40px; }
	#nav li.on a { border-bottom:2px solid #13ceed; color:#13ceed; } */
	
	.sub-title { position:absolute; top:0px; left:50%; margin-left:-53px; background:#053343; }
	.sub-title img { background:#053343; }
	.nav-sub-wrap { position:relative; height:40px; background:#ffffff; }
	#navSub { position:absolute; display:table !important; width:100%; height:40px !important; background:#fff; overflow:hidden; }
	#navSub li { display:table-cell; line-height:40px; height:40px; text-align:center; margin:0px; overflow:hidden; }
	#navSub li a { font-size:13px; font-weight:500; padding:0px 4px; display:inline-block; height:37px; line-height:40px; }
	#navSub li.on a { border-bottom:2px solid #13ceed; color:#13ceed; }
	#navSub.my-page { position:relative; width:60%; margin:auto; }
	.radio-txt-on { color:#053343 !important; }
	
	/*scroll*/
	#header_m { overflow:hidden; width:100%; background-color:#fff; min-width:320px; /* margin-left:262px; */ }
	#popup {display:none; }
	#popup_m {display:block; }

	/*#contentData{overflow:hidden; width:100%; position:relative; }*/
	#nav li a { font-size:13px; }
	/* #nav li { float:left; line-height:40px; height:40px; margin:0px; overflow:hidden; margin:0px 0.4%; } */
	/*모바일메뉴 끝*/

	/* 푸터 */
	.footer_wrap { position:relative; /*margin-top:40px;*/ width:100%; min-width:320px; background:#202020; display:inline-block; }
	.footer { position:relative; width:97%; margin:0 auto; padding:4rem 1.5% 0 1.5%; }
	.footer_logo { position:absolute; }
	.footer_add { position:relative; width:100%; letter-spacing:0; margin:6rem 0 2rem 0; }
	.footer_add dt { position:relative; display:block; font-size:1.6rem; color:#ccc; font-weight:400; margin-bottom:1.5rem; }
	.footer_add dd { position:relative; display:block; font-size:1.3rem; color:#999; font-weight:300; line-height:1.8rem; }
	.footer_add dd span { margin-right:1.5rem; }
	.footer_menu { position:relative; width:100%; letter-spacing:0; }
	.footer_menu dd { position:relative; display:block; font-size:1.3rem; color:#ccc; font-weight:400; margin-right:1.5rem; line-height:2.4rem; float:left; }
	.footer_menu dd span {  }
	.footer_menu dd span a,.footer_menu dd span a:hover { color:#ccc; }
	.footer_customer { position:relative; width:100%; letter-spacing:0; clear:both; }
	.footer_customer dd { position:relative; display:block; font-size:1.3rem; color:#ccc; font-weight:400; margin-right:1.5rem; line-height:2.4rem; float:left; }
	.footer_customer dd span {  }
	.footer_customer dd span a,.footer_customer dd span a:hover { color:#ccc; }
	
	.footer_copy_wrap { position:relative; width:100%; margin:3rem auto 3rem auto; padding:0 3%; border-top:#373737 1px solid; display:inline-block; }
	.footer_copy_wrap .footer_copy { position:relative; font-size:1.3rem; color:#999; font-weight:300; line-height:3.0rem; display:table; padding-top:2rem; }
	.footer_copy_wrap .footer_sns { position:relative; display:table-cell; padding-top:0.5rem; }
	.footer_copy_wrap .footer_sns a { margin-right:1.5rem; }
	.footer_copy_wrap .footer_sns a img {  vertical-align:middle; }

	#container {  }
	#container .cont{padding:0 10px;}
	#container .page {display:none;}
	#container .page .page_on { color:#222; }

	.sub_nav_wrap { position:relative; width:100%;}
	.sub_nav { position:relative; width:100%; /*height:22px;*/ margin:0 auto;}
	.sub_nav dt { position:relative; /*display:inline-block;*/ padding:7px 5px;  border-bottom:1px solid #eee; margin-bottom:20px; font-size:17px; color:#909090; font-weight:500; height:35px; line-height:22px; /*border-right:#505050 2px solid; padding:0 30px 0 30px; margin:0 10px 0 0; */ }
	.sub_nav dt img {display:none;}
	.sub_nav dd { position:relative; height:20px; line-height:24px; display:inline-block; margin:5px 10px; }
	.sub_nav dd a .text { position:relative; line-height:14px; font-size:16px; color:#2a2b2b; font-weight:400; z-index:10; padding:0 5px; }
	.sub_nav dd a .bar { position:absolute; left:0; bottom:1px; width:100%; height:4px; background:#FFB39F; z-index:5; visibility:hidden; }	
	.sub_nav dd a.on .bar { position:absolute; left:0; bottom:5; width:100%; height:4px; background:#FFB39F; z-index:5; visibility:visible; }

	/* 페이지 2차 메뉴 */
	.sub_top_m { position:relative; width:100%; margin:0 auto; padding:0 10px;}
	.sub_top_m .tap { position:relative; /*min-height:50px; border-top:#e5e5e5 1px solid; padding-top:20px; */}
	.sub_top_m .tap a { position:relative; display:block; width:33%; height:42px; font-size:1.5em; color:#333; line-height:42px; text-align:center; border-bottom:#dfdfdf 1px solid; background:#fff; float:left; }
	.sub_top_m .tap a:hover { position:relative; display:block; color:#333; line-height:42px; text-align:center; border-bottom:#000 1px solid; float:left; }
	.sub_top_m a.ov { position:relative; display:block; color:#ED2040; font-weight:600; line-height:42px; text-align:center; border-bottom:#000 1px solid;  float:left; }
	.sub_top_m .tap_bottom {clear:both; }

	/*메인 카운터*/
	.section_count { position:relative; background:#4b39ef; padding:2.0rem 0; }
	.section_count .inner { width:100%; max-width:117.0rem; margin:0 auto; text-align:center; }
	.section_count .inner .text1 { position:relative; display:inline-block; width:100%; font-size:1.6rem; color:#fff; font-weight:300; }
	.section_count .inner .text2 { position:relative; display:inline-block; width:100%; font-size:1.8rem; color:#fff; font-weight:400; padding:1rem 0 2rem 0; }
	.section_count .inner .box_d { position:relative; display:inline-block; background:#31bfae; padding:1rem 2.0rem; font-size:2rem; color:#fff; font-weight:800; border-radius:0.5rem; margin:0 0.5rem; }
	.section_count .inner .box_h { position:relative; display:inline-block; background:#31bfae; padding:1rem 2.0rem; font-size:2rem; color:#fff; font-weight:800; border-radius:0.5rem; margin:0 0.5rem; }
	.section_count .inner .box_m { position:relative; display:inline-block; background:#31bfae; padding:1rem 2.0rem; font-size:2rem; color:#fff; font-weight:800; border-radius:0.5rem; margin:0 0.5rem; }
	.section_count .inner .box_s { position:relative; display:inline-block; background:#31bfae; padding:1rem 2.0rem; font-size:2rem; color:#fff; font-weight:800; border-radius:0.5rem; margin:0 0.5rem; }

	/*섹션1*/
	.section1 { position:relative; width:100%; background:#31bfae; padding:5rem 0.5rem 5rem 0.5rem; }
	.section1 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; text-align:center; color:#fff; }
	.section1 .inner .text1 { display:inline-block; font-size:3.5rem; font-weight:300; line-height:4.0rem; letter-spacing:-0.2rem; }
	.section1 .inner .text1 span { font-weight:600; }
	.section1 .inner .text2 { font-size:2rem; font-weight:200; padding-top:3rem; line-height:2.6rem; }

	/*섹션2*/
	.section2 { position:relative; width:100%; padding:7rem 2.5rem 8rem 2.5rem; }
	.section2 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; font-size:0; text-align:center; }
	.section2 .inner .tit { position:relative; display:inline-block; width:100%; font-size:3rem; color:#363636; font-weight:600; line-height:3.6rem; text-align:center; }
	.section2 .inner .img1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 0 0; }
	.section2 .inner .img1 img { width:100%; }
	.section2 .inner .img2 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 0 0; }
	.section2 .inner .img2 img { width:100%; }
	.section2 .inner .img3 { position:relative; display:inline-block; width:100%; height:3px; background:url(/image/section2_img3.png) repeat-x; margin:5rem 0 0 0; }
	.section2 .inner .img4 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 0 0; }
	.section2 .inner .img4 img { width:100%; max-width:648px; }

	/*섹션3*/
	.section3 { position:relative; width:100%; padding:5rem 2.5rem; }
	.section3 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; font-size:0; text-align:center; }
	.section3 .inner .tit { position:relative; display:inline-block; width:100%; font-size:3rem; color:#363636; font-weight:400; line-height:3.6rem; text-align:center; padding-bottom:2.0rem; }
	.section3 .inner .tit span { font-weight:600; }
	.section3 .inner .tit2 { position:relative; display:inline-block; width:100%; font-size:2rem; color:#363636; font-weight:400; line-height:2.6rem; text-align:center; }
	.section3 .inner .img1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 0 0; }
	.section3 .inner .img1 img { width:100%; }
	
	/*섹션4*/
	.section4 { position:relative; width:100%; padding:5rem 2.5rem; }
	.section4 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; font-size:0; text-align:center; }
	.section4 .inner .img1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 5rem 0; }
	.section4 .inner .img1 img { width:100%; }
	.section4 .inner .tit { position:relative; display:inline-block; width:100%; font-size:3rem; color:#4e525c; font-weight:600; line-height:3.6rem; text-align:center; }
	.section4 .inner .tit span { font-size:4rem; color:#31bfae; padding:0 2rem; }
		
	/*섹션5*/
	.section5 { position:relative; width:100%; padding:5rem 2.5rem; background:linear-gradient(#fff 50%, #edebfd 50%); }
	.section5 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; font-size:0; text-align:center; background:#fff; border-radius:5rem; padding:2rem 0; box-shadow:0px 1px 5px 1px rgba( 0, 0, 0, 0.1 ); }
	.section5 .inner dd { font-size:2.6rem; color:#4e525c; font-weight:600; padding:2rem 0; }
	.section5 .inner dd .text_green { color:#45c5b6; }
	.section5 .inner dd .text_purple { color:#5d4cf1; }

	/*섹션6*/
	.section6 { position:relative; width:100%; padding:5rem 2.5rem; }
	.section6 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; font-size:0; text-align:center; }
	.section6 .inner .tit { position:relative; display:inline-block; width:100%; font-size:3rem; color:#4b39ef; font-weight:600; line-height:3.6rem; text-align:center; padding-top:7rem; }
	.section6 .inner .img1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 0 0; }
	.section6 .inner .img1 img { width:100%; }
	.section6 .inner .img2 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 0 0; }
	.section6 .inner .img2 img { width:100%; }
	.section6 .inner .text1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:3rem 0 0 0; font-size:2rem; color:#4e525c; font-weight:400; line-height:2.6rem; }
	
	/*섹션7*/
	.section7 { position:relative; width:100%; padding:5rem 2.5rem 0 2.5rem; }
	.section7 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; font-size:0; text-align:center; }
	.section7 .inner .img1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 5rem 0; }
	.section7 .inner .img1 img { width:100%; }
	.section7 .inner .tit { position:relative; display:inline-block; width:100%; font-size:3rem; color:#4e525c; font-weight:600; line-height:3.6rem; text-align:center; }
	.section7 .inner .tit span { font-size:4rem; color:#31bfae; padding:0 2rem; }
	
	/*섹션8*/
	.section8 { position:relative; width:100%; padding:5rem 2.5rem; }
	.section8 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; font-size:0; text-align:center; }
	.section8 .inner .tit { position:relative; display:inline-block; width:100%; font-size:3rem; color:#4b39ef; font-weight:600; line-height:3.6rem; text-align:center; padding-top:10rem; }
	.section8 .inner .img1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:7rem 0 0 0; }
	.section8 .inner .img1 img { width:100%; max-width:366px; }
	.section8 .inner .img2 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:7rem 0 0 0; }
	.section8 .inner .img2 img { width:100%; max-width:722px; }
	.section8 .inner .img3 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:7rem 0 0 0; }
	.section8 .inner .img3 img { width:100%; }
	.section8 .inner .img4 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:7rem 0 0 0; }
	.section8 .inner .img4 img { width:100%; }
	.section8 .inner .img5 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:7rem 0 0 0; }
	.section8 .inner .img5 img { width:100%; }
	.section8 .inner .text1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:3rem 0 0 0; font-size:2rem; color:#3d414c; font-weight:400; line-height:2.6rem; }
	
	/*섹션9*/
	.section9 { position:relative; width:100%; padding:5rem 2.5rem; }
	.section9 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; font-size:0; text-align:center; }
	.section9 .inner .tit_big { position:relative; display:inline-block; width:100%; font-size:4rem; color:#4b39ef; font-weight:600; line-height:5rem; text-align:center; padding-top:5rem; }
	.section9 .inner .tit { position:relative; display:inline-block; width:100%; font-size:3rem; color:#4b39ef; font-weight:600; line-height:3.6rem; text-align:center; padding-top:10rem; }
	.section9 .inner .img1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:7rem 0 0 0; }
	.section9 .inner .img1 img { width:100%; max-width:880px; }
	.section9 .inner .img2 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 0 0; }
	.section9 .inner .img2 img { width:100%; }
	.section9 .inner .img3 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 0 0; }
	.section9 .inner .img3 img { width:100%; }
	.section9 .inner .img4 { position:relative; display:inline-block; width:100%; height:3px; background:url(/image/section9_img4.png) repeat-x; margin:5rem 0 0 0; }
	.section9 .inner .img4 img { width:100%; }
	.section9 .inner .img5 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 0 0; }
	.section9 .inner .img5 img { width:100%; max-width:648px; }

	.section9_1 { position:relative; width:100%; padding:5rem 0; margin-top:20px;}
	.section9_1 .inner { position:relative; width:100%; max-width:117.0rem; margin:0 auto; font-size:0; text-align:center; }
	.section9_1 .inner .img1 { position:relative; display:inline-block; vertical-align:top; width:100%; margin:5rem 0 5rem 0; }
	.section9_1 .inner .tit { position:relative; display:inline-block; width:100%; font-size:4rem; color:#4e525c; font-weight:600; text-align:center; }
	.section9_1 .inner .tit span { font-size:5rem; color:#31bfae; padding:0 2.5rem; }

	/*체험하기*/
	.trial_wrap { position:relative; width:100%; max-width:117.0rem; margin:0 auto; padding-top:50px;}
	.trial_tit { position:relative; width:100%; font-size:4.0rem; color:#373737; font-weight:400; text-align:center; margin-bottom:6rem; }
	.trial_tit span { font-weight:600; }
	.trial_box1 { position:relative; width:40%; float:left; height:20.0rem; margin:0 5%; padding-top:6rem; background:#fff; border-radius:3rem; box-shadow:0px 1px 5px 1px rgba( 0, 0, 0, 0.1 ); }
	.trial_box1 dt { position:relative; width:100%; font-size:3.6rem; color:#3b3f4a; font-weight:400; text-align:center; margin-bottom:1rem; }
	.trial_box1 dt span { color:#4b39ef; font-weight:600;  }
	.trial_box1 dd { position:relative; width:100%; font-size:2.2rem; color:#3b3f4a; font-weight:400; text-align:center; }
	.trial_box2 { position:relative; width:40%; float:left; height:20.0rem; margin:0 5%; padding-top:6rem; background:#fff; border-radius:3rem; box-shadow:0px 1px 5px 1px rgba( 0, 0, 0, 0.1 ); }
	.trial_box2 dt { position:relative; width:100%; font-size:3.6rem; color:#3b3f4a; font-weight:400; text-align:center; margin-bottom:1rem; }
	.trial_box2 dt span { color:#4b39ef; font-weight:600;  }
	.trial_box2 dd { position:relative; width:100%; font-size:2.2rem; color:#3b3f4a; font-weight:400; text-align:center; }
	.trial_btn { position:relative; width:100%; font-size:3.0rem; color:#373737; font-weight:500; text-align:center; clear:both; margin:8rem 0; display:inline-block; }
	.trial_btn a { position:relative; width:40%; text-align:center; background:#4b39ef; color:#fff; padding:2rem 4rem; border-radius:1rem; }
	.trial_btn a:hover {  }
	
	/*멤버되기*/
	.freepass_wrap { position:relative; width:100%;  padding-top:50px;}
	.freepass_wraper { position:relative; width:100%; max-width:117rem; margin:0 auto; text-align:center; }
	.freepass_tit { position:relative; width:100%; font-size:4rem; color:#373737; font-weight:400; text-align:center; margin-bottom:2rem; }
	.freepass_tit span { font-weight:600; }
	.freepass_box { position:relative; width:95%; margin:2rem 0; display:inline-block; }
	.freepass_box .top { position:relative; width:100%; height:25rem; background:#1a1353; }
	.freepass_box .top dt { font-size:1.6rem; color:#fff; font-weight:300; border:#fff 1px solid; display:inline-block; padding:1rem 2rem; margin:2rem auto; }
	.freepass_box .top dd { font-size:3rem; color:#fff; font-weight:500; padding-bottom:1rem; }
	.freepass_box .top dd span { color:#31bfae; }
	.freepass_box .bottom { position:relative; width:100%; height:20rem; background:#fff; border:#1a1353 2px solid; }
	.freepass_box .bottom dt { position:relative; width:100%; padding:2rem; display:inline-block; text-align:left; }
	.freepass_box .bottom dt span { display:inline-block; font-size:1.4rem; padding:1rem; margin-right:1rem; background:#d9d9d9; border-radius:0.5rem; }
	.freepass_box .bottom dt span.on { background:#6756de; color:#fff; }
	.freepass_box .bottom .text { position:relative; width:100%; padding:0 2rem; font-size:1.4rem; color:#434343; line-height:2rem; display:inline-block; text-align:left; }
	.freepass_box .bottom .cost_box { position:absolute; width:100%; bottom:0; padding:2rem; text-align:right; font-size:3rem; color:#6756DE; font-weight:500; letter-spacing:-2px; }
	.freepass_box .bottom .cost_box .discount {font-size:2.0rem; color:#434343; font-weight:400;}
	.freepass_box .bottom .cost_box .discount span { color:#FF6E40;}
	.freepass_box .bottom .cost_box .cost { position:absolute; left:2rem; bottom:2rem; font-size:1.6rem; color:#434343; font-weight:300; }
	.freepass_box .bottom .cost_box .month { font-size:1.8rem; color:#434343; font-weight:400; margin-right:1rem; }
	.freepass_box .btnWrap { margin-top:2rem;}
	.freepass_box .btn_c { display:inline-block; position:relative; width:50%; float:left; }
	.freepass_box .btn_c a { position:relative; display:block; width:calc(100% - 1rem); font-size:2rem; color:#fff; font-weight:400; padding:1.5rem 1rem; border:2px solid #31bfae; border-radius:0.5rem; color:#373737; margin-right:1rem; }
	.freepass_box .btn_e { display:inline-block; position:relative; width:50%; float:left; }
	.freepass_box .btn_e a { position:relative; display:block; width:calc(100% - 1rem); font-size:2rem; color:#fff; font-weight:400; padding:1.5rem 1rem; border:2px solid #31bfae; background:#31bfae; border-radius:0.5rem; color:#fff; margin-left:1rem; }

	.vocapod_wrap { position:relative; width:100%; max-width:117.0rem; margin:0 auto; padding-top:50px;}
	.vocapod_tit { position:relative; width:100%; font-size:4.0rem; color:#373737; font-weight:400; text-align:center; margin-bottom:8rem; }
	.vocapod_tit span { font-weight:600; }

	.learnArrow {margin-top:20px;}
	.learnArrow img {width:145px;}

	/* 나의 점수 2차메뉴 */
	.sub_top_m_my { position:relative; width:100%; padding:0 5px; margin:20px auto 20px auto;}
	.sub_top_m_my .tap { position:relative; /*min-height:50px; border-top:#e5e5e5 1px solid; padding-top:20px; */}
	.sub_top_m_my .tap a { position:relative; display:block; width:30%; height:42px; font-size:1.4em; color:#333; line-height:42px; text-align:center; border-bottom:#dfdfdf 0px solid; background:#f9f9f9; margin:0 10px 10px 0; float:left; }
	.sub_top_m_my .tap a:hover { position:relative; display:block; color:#333; line-height:42px; text-align:center; border-bottom:#000 0px solid; background:#f9f9f9; margin:0 10px 10px 0; float:left; }
	.sub_top_m_my a.ov { position:relative; display:block; color:#FF7200; font-weight:600; line-height:42px; text-align:center; border-bottom:#000 0px solid; background:#f9f9f9; margin:0 10px 10px 0; float:left; }
	.sub_top_m_my .tap_bottom {clear:both; }

}