@charset "utf-8";

@media (max-width:1550px){
	.qm { right:10px; }
}

@media (max-width:1450px){
	.custWrap { height:auto; padding:50px 20px; }
	.custBox { display: flex; flex-wrap:wrap;}
	.custBox h2 { flex: 0 0 50%; margin-bottom:30px; }
	.custBox ul { flex: 0 0 50%; margin-bottom:30px; }
	.custBox div:nth-of-type(1) { flex:0 0 50%; }
	.custBox div:nth-of-type(1) i { left:0; }
	.custBox div:nth-of-type(1) p { padding-left:105px; }
	.custBox div:nth-of-type(1)::before { display:none; }
	.custBox div:nth-of-type(2) { flex:0 0 50%; }
	.custBox div:nth-of-type(2) { padding-left:105px; }
	.custBox div:nth-of-type(2) i { left:0; }
	.custBox div:nth-of-type(2)::before { display:none; }

	.subContainer { padding-left:20px; padding-right:20px; }
}

@media (max-width:1400px){

	.banList ul li img { width:100%; }
	.footTop { height:auto; padding:40px 20px 10px; }
	.footInner { flex-wrap:wrap;}
	.footList { flex:0 0 100%; justify-content:center;}

	.footRight { flex:0 0 100%; justify-content:center; padding-top:20px;  }
	.footAddr { padding-left:40px; padding-right:40px; }
}

@media (max-width:1024px){
	.footList { flex-wrap:wrap;} 
	.footList li { flex:0 0 50%; margin-left:0; padding-left:0; position: relative; padding-bottom:20px; }
	.footList li::before { display:none; }
	.footList li:nth-child(1) { margin-left:0; padding-left: 0;}
	.footList li:nth-child(5) { flex:0 0 100%;}
	.footAddr { justify-content:center; flex-wrap:wrap; padding-bottom:70px; padding-top:40px; }
	.footAddr h1 { flex:0 0 100%; text-align:center; margin-right:auto; margin-bottom:30px;}
	.footAddr ul { flex:0 0 100%; text-align:center; }
	.footAddr ul li { line-height:1.4; }
	.subCateCon .cateConList.on { padding-right:0; }
}

@media (max-width:820px){
	.custBox h2 { flex: 0 0 100%; margin-bottom:30px; text-align:center; }
	.custBox ul { flex: 0 0 100%; margin-bottom:30px; text-align:center; align-items:center;}
	.custBox ul li { justify-content:center; }
	.custBox ul li span { flex:0 0 auto; }
	.custBox div:nth-of-type(1) { flex:0 0 100%; margin-bottom:30px; text-align:center; }
	.custBox div:nth-of-type(1) p { padding-left:0;  }
	.custBox div:nth-of-type(1) i { 
	  display: inline-flex; 
	  position: relative; left: auto; top:auto; margin-top:0; margin:0 auto 10px;
	}
	.custBox div:nth-of-type(2) { flex:0 0 100%; text-align:center; padding-left:0; }
	.custBox div:nth-of-type(2) h3 { text-align:center; }
	.custBox div:nth-of-type(2) i { 
	  display: inline-flex; 
	  position: relative; left: auto; top:auto; margin-top:0; margin:0 auto 10px;
	}

	.loginAfterLayer { height:100%; padding:0; }
	.loginAfterLayer .commInner { border-radius:0; }

	.ccSection { height:calc(100vh - 210px); overflow-y:scroll; }
	.commTab { display: flex; align-items: center; padding:10px 30px 25px;}
	.commTab li { 
		flex:0 0 20%; 
		padding:10px 5px 10px; 
	}
	.commTab li em {
		font-size:10px; 
		padding-bottom:5px;
	}
	.commTab li strong {
		font-size:11px; word-break:break-all;
	}
	.caBox h2 { font-size:20px;}
	.agDivBox2 .comFormCheck2 label span { font-size:14px !important; }
	.agDivBox2 .comFormCheck2 label span strong { font-size:14px !important; }
	.blockM { display:block; width:1px; height:1px; }
	.caBox { padding-bottom:20px; }
	.agdScrollBox2,
	.agdScrollBox2 p,
	.t_style16 th, 
	.t_style16 td { font-size:11px; }


	.loginAfterLayer .caBox .comFormCheck2 label { height:16px; }
	.loginAfterLayer .caBox .comFormCheck2 label span { font-size:14px; }
	.loginAfterLayer .caBox .comFormCheck2 label span strong { font-size:14px; }

	.loginAfterLayer .caBox .comFormCheck2 label input[type="checkbox"] + i { width:20px; height:20px; }
	.loginAfterLayer .caBox .comFormCheck2 label input[type="checkbox"] + i::after { width:12px; height:12px; }
	.loginAfterLayer .caBox .mt25 { margin-top:20px; }
	.loginAfterLayer .caBox .mb15 { margin-bottom:10px; }
	.loginAfterLayer .commInner h2 { padding-left:0; padding-right:0; }

	.loginAfterLayer .commTab { padding:0 20px 30px; }
	.loginAfterLayer .caBox { padding-left:20px; padding-right:20px; }
	.loginAfterLayer .btnBlack { font-size:20px; height:52px; }
}

@media (max-width:768px){
	.banList ul { flex-wrap:wrap; padding:10px 0;}
	.banList ul li { flex:0 0 50%; padding:20px 0;  }
	.footList li a { font-size:14px; }
	.frDiv > a { 
	  padding:8px 10px; font-size:14px; 
	}
	.footRight { display: flex; }
	.footRight > div { width:49%; margin-left: 3px; margin-right:3px;}
	.footManual > a i { 
	  position: absolute; right: 10px; top: 10px; width:9px; height: 9px; 
	}
	.frDiv ul { position: absolute; border:1px solid #889dba; background:#2c2f62; width:calc(100% - 40px); display: none}
	.frDiv ul li a { padding:8px 10px; font-size:14px;  letter-spacing:-0.4px; display: block; color:#7f8da4; }

	.footPartner > a i { 
	  position: absolute; right: 10px; top: 12px; width:9px; height: 5px; 
	}
	.footPartner ul { width:100%; }
	
	.footAddr ul li span::before { display: none;}
	.footAddr ul li:nth-child(1) span,
	.footAddr ul li:nth-child(2) span,
	.footAddr ul li:nth-child(3) span,
	.footAddr ul li:nth-child(4) span { display: block; margin-left:0; margin-right:0; padding-left:0; padding-right:0; }

	.footAddr ul li:nth-child(1) strong { display: block; font-size:18px; margin-bottom:5px;}

	.qm a { margin-bottom:8px; width:40px; height:40px; }
}

@media (max-width:500px){
	.footRight { flex-wrap:wrap; }
	.footRight > div { width:100%; height: 45px; margin-left: 0; margin-right:0; margin-bottom:0;}
}

@media (max-width:420px){
	.footList li { flex:0 0 100%; margin-left:0; padding-left:0; position: relative; padding-bottom:10px; text-align:center; }
}




@media (max-width:1280px){
	.header { 
		height: 90px; position: fixed; 
		width:100%;
		background: #fff;
		border-bottom:2px solid #eeeeee;
	}
	.header > div { height:100%;  padding-left:0;}
	.header > article { display: none;}

	.logo { margin-left:0;}
	/*
	.logo a { 
		width:220px; height: 55px;
		background:url(../images/mobile_logo.png) no-repeat center / 100%;
	}
	*/

	.util { position:absolute; right:50px; top:50%; transform: translateY(-50%);  }
	.util a.btnRemote { display: inline-flex; padding: 8px 12px; margin-left:0; }
	.util a.btnRemote i { width:14px; height:14px; }
	.util a.btnRemote span { margin-left:5px; font-size:12px; }

	.btnComTop { display: none; }
	.mobileGnb { display: block; }
	.mobileGnb a i { width:26px; height:21px; }
	.baseWidth { width:100%; }

	.header.fixed > div { padding:3px 0; }
	.header.fixed .util { right:50px;}
	.header.fixed .util a.btnRemote { padding: 8px 12px; margin-left:0; }
	.header.fixed .util a.btnRemote span { margin-left:5px; font-size:12px; }


	.menuWrap.on { left:0; opacity: 1;}

	.menuWrap section { 
		position: relative;
		width:100%; margin:0 auto;
		padding-bottom:0;
		height:calc(100vh - 75px);
		overflow-y: auto;
	} 

	.logo_m { padding: 15px 20px; height:75px; }
	.logo_m a img { width:90px;}

	.nav_m { display: block;}
	.nav_m > ul > li { text-align:center; flex:0 0 50%;}
	.nav_m > ul > li a { font-size:20px; font-weight:700; display:block; padding:20px 0; }

	.nav_m > ul > li > div { display: none;}
	.nav_m > ul > li > div ul { 
		padding:12px 0; 
		display:flex; align-items: center; flex-wrap:wrap;
		background:#f5f5f5;
		border-top:1px solid #d2d2d2;
		border-bottom:1px solid #d2d2d2;
	}
	.nav_m > ul > li > div ul li { text-align: center; width:100%; flex:0 0 50%;}
	.nav_m > ul > li > div ul li a { font-size:16px; font-weight:400;display: inline-flex; padding:12px 0; }
	
	.nav_m > ul > li:nth-child(4) > div ul li,
	.nav_m > ul > li:nth-child(5) > div ul li,
	.nav_m > ul > li:nth-child(6) > div ul li { flex:0 0 100%; }


	.mbs_list { padding:50px 0;}
	.mbs_list ul { transition: all 0.5s; display: flex; justify-content: center; align-items: center;}
	.mbs_list ul li { display: flex; margin:0 5px;}
	.mbs_list ul li a { 
		margin-bottom:10px; 
		border-radius:28px; 
		height:53px; 
		display: flex; justify-content: center; align-items: center;
		padding:0 0; 
		transition: all 0.4s;
		width:53px;
	}
	.mbs_list ul li a.btn_qk_consult {
		background:#0a8bcf;
		padding-right:15px;
		padding-left:15px;
		width:auto;
		transition: all 0.3s ease-out;
	}
	.mbs_list ul li a.btn_qk_consult span { color:#fff; font-size:18px; font-family: var(--point-font) !important; }
	.mbs_list ul li a.btn_qk_blog { background:#29b653; }
	.mbs_list ul li a.btn_qk_kakao { background:#fae100;}
	.mbs_list ul li a.btn_qk_edu { background:#f6dbdd; }
	.mbs_list ul li a.btn_qk_edu em { font-size:14px; font-weight:500; line-height:1.1;}
	.closeMenu { position: absolute; right:15px; top:15px; cursor: pointer;}
	.closeMenu a svg { width:40px; height:40px; }


	.ezHelpChatDiv { 
		right:112px; bottom:255px;
	}
	.qkWrap {
		right:10px; bottom:10px;
	}
	
	.qkWrap ul li a { 
		margin-bottom:5px; 
		border-radius:25px; 
		height:45px; 
		width:45px;
	}
	.qkWrap ul li a.btn_qk_consult {
		background:#0a8bcf;
		padding-right:15px;
		padding-left:15px;
		width:auto;
		transition: all 0.3s ease-out;
	}
	.qkWrap ul li a.btn_qk_consult span { font-size:16px; }
	.qkWrap ul li a.btn_qk_consult:hover { padding-right:15px; padding-left:15px;}
	
	.qkWrap ul li a.btn_qk_blog { background:#29b653; }
	.qkWrap ul li a.btn_qk_kakao { background:#fae100;}
	.qkWrap ul li a.btn_qk_edu { background:#f6dbdd; padding-top:2px;}
	.qkWrap ul li a.btn_qk_edu em { font-size:14px; }

	a.btnGoTop { 
		height:45px; width:45px; 
	}
	a.btnGoTop:hover { background:rgba(23,28,97,0.3) !important;}
	
	.qk_top {
		width:15px; height: 19px;
	}

	.pc_view { display: none;}
	.mobile_view { display: block;}

	#main { height:calc(100vh - 90px); margin-top:90px; }

	.section1 { padding:20px 20px 30px; overflow: hidden;}
	.courseTab { margin-bottom:0; }
	.courseTab ul { display: flex; justify-content: center; justify-content: center;}
	.courseTab ul li {
		flex:0 0 50%; height:50px;  
		font-size:18px; font-family: var(--point-font); border:1px solid #959595; 
		width:50%; 
		padding-top:4px;
		box-shadow: 0 10px 25px rgba(0,0,0,0.05);
	}
	.courseTab ul li:nth-child(1) { border-radius:5px 0 0 5px; }
	.courseTab ul li:nth-child(2) { border-radius:0 5px 5px 0;}


	.grayRoundBox { border-radius:20px 20px 20px 0;  background:#f5f5f5; background:#fff;  margin:-25px 0 0;}
	h2.comm_h2 { position:relative; text-align:center;}
	h2.comm_h2 article { display: inline-flex; flex-direction: column; justify-content: flex-start; align-items: center; }
	h2.comm_h2 article em { font-size:12px; margin-bottom:20px; justify-content: center; padding-right:0; }
	h2.comm_h2 article div { position: relative; text-align: center;  padding:0 0 0;}
	h2.comm_h2 article div > span { display: block; letter-spacing: -1px; font-size:34px; }
	h2.comm_h2 article div > span strong { font-size:34px; }


	.specialBox { display: block; text-align: center; padding:60px 0 40px; }

	.hrdBox h2.comm_h2 { text-align: center;}
	.hrdBox h2.comm_h2 article { align-items: center; }
	
	.pdtb30 { padding:30px 0;}
	.pdtb70 { padding:30px 0 30px;}
	.base_n1 { font-size:16px; padding:0 30px; }
	.base_n1 span { display: inline;}
	

	a.btnTotalView { padding:12px 22px; }
	a.btnTotalView span { font-size:14px; margin-right:10px; }
	a.btnTotalView i.i_base_go { 
		width:14px;
		height:9px;
	}

	.reLink { margin-top:30px;}
	a.btnTotalView:hover span { margin-right:0; }


	.reSlideWrap { 
		position: relative; left:0; top:auto;
		z-index:3;
		width:100%;
		height:auto;
		padding:0 30px;
	}
	.reSlideWrap .mySwiperCom { height:100%;}
	
	a.mysLink1 > div { height:200px; border-radius:20px; overflow: hidden;}
	a.mysLink1 > div img { width:100%; height:100%;	}
	a.mysLink1 > strong { font-size:16px; padding:20px 0; text-align: center; display: block; line-height: 1.4;}
	a.mysLink1:hover > div img { transform: scale(1);}
	
	.reSlideWrap .mySwiperCom .mysPrev {
		position: absolute;
		left:10px; top:50%;
		right:auto;
		margin-left:auto;
		transform:translateY(-50%);
		margin-top:-28px;
	}
	.reSlideWrap .mySwiperCom .mysNext {
		position:absolute;
		left:auto; top:50%;
		right:10px;
		margin-left:auto;
		transform:translateY(-50%);
		margin-top:-28px;
	}


	.section2 {  padding:70px 0; }
	.s2_box { padding:50px 0;}
	
	.baseColorGradient { 
		font-size:14px; text-align: center; display: inline-block; text-align: center; padding-bottom:32px;  
		font-weight:900; letter-spacing: 4px;
		background-image: linear-gradient(to right, #123c84 , #69b900 );
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		text-transform: uppercase;
	}

	.sBox2_m { margin:0 auto; width:auto; position: relative;}


	.hrdList {
		display: flex;
		justify-content: center;
		flex-wrap:wrap;
		padding:0 10px;
		box-sizing: border-box;
		position: relative;
	}
	.hrdList article {
		margin:0 5px;
		border-radius:10px;
		background:#fff;
		box-shadow: 0 10px 40px rgba(0,0,0,0.02);
		padding:20px 20px;
		position: relative;
		flex:0 0 calc(50% - 10px);
		margin-bottom:10px;
	}
	.hrdList article:nth-child(1) div img {width:70%;}
	.hrdList article:nth-child(2) div img {width:75%;}
	.hrdList article:nth-child(3) div img {width:75%;}
	.hrdList article:nth-child(4) div img {width:80%;}

	
	.hrdList article dl { margin-top:20px; }
	.hrdList article dl dt {
		margin-bottom:20px;
		font-size:18px; 
	}
	.hrdList article dl dd {
		font-size:14px; 
	}
	.hrdList article i {
		position: absolute;
		right:10px;
		bottom: 10px;
		width:25px; height: 25px;
		
	}


	.section3 { padding:60px 20px 50px; }
	.uSmartList { 
		margin:20px auto 30px; display: block; 
		width:auto;
		padding:0 10px;
	}
	.uSmartList article { position: relative; margin-bottom:10px;}
	.uSmartList article div { border-radius: 10px; }
	
	.uSmartList article:hover div img { transform: scale(1);}
	
	.uSmartList article dl { position: absolute; left:0; bottom:10px; z-index:10; padding:0 20px 20px;}
	.uSmartList article dl dt {
		font-size:14px; 
	}
	.uSmartList article dl dd { position: relative; margin-top:8px;}
	.uSmartList article dl dd span::before {
		height:20px; 
		bottom:-6px;
	}
	.uSmartList article dl dd span { display: block; position: relative; align-items: center; }
	.uSmartList article dl dd strong { 
		font-size:18px;
		display: inline-block;
	}
	.uSmartList article dl dd em { 
		font-size:18px;
		display: inline-block;
	}
	
	.uSmartList article:nth-child(1) dl dd strong { color:#47f2f8; }
	.uSmartList article:nth-child(2) dl dd strong { color:#4bee75; }
	.uSmartList article:nth-child(3) dl dd strong { color:#ffee35; }
	.uSmartList article:nth-child(4) dl dd strong { color:#ffb24e; }
	
	.uSmartList article:nth-child(2) dl dd em ,
	.uSmartList article:nth-child(3) dl dd em ,
	.uSmartList article:nth-child(4) dl dd em { margin-left:7px; }
	
	.textSlide { text-align: center; overflow: hidden; height:auto; position: relative; }
	.textSlide article { 
		font-size:50px; 
		position: relative; left:auto; top:auto; transform: translate(0,0);
		white-space: nowrap;
		line-height:1.2;
	}
	
	.section4 { padding:70px 0; position: relative; }
	.courseList { display: flex; justify-content: center; margin:40px 0; flex-wrap:Wrap; padding:0 30px;} 
	.courseList article { 
		margin:0 0 0; 
		padding:30px 0; flex:0 0 calc(50%); 
	}
	.courseList article em {
		font-size:12px; 
	}
	.courseList article i {
		width:80px; height: 80px;
		margin:20px auto;
		display: block;
	}
	.courseList article:nth-child(1) i { background-size:50%; }
	.courseList article:nth-child(2) i { background-size:50%; }
	.courseList article:nth-child(3) i { background-size:50%; }
	.courseList article:nth-child(4) i { background-size:50%; }
	.courseList article p span {
		font-size:18px; 
	}
	.courseList article p span strong {
		font-size:14px; 
		margin-top:2px;
	}
	
	.courseList article:nth-child(1) { background:#0252db; border:0; }
	.courseList article:nth-child(1) em { color:rgba(255,255,255,0.5); }
	.courseList article:nth-child(1) p span { color:#fff;}
	
	.sboxBtnArea {
		text-align: center;
		margin-top:60px;
	}
	
	a.btnEduInq {
		padding:22px 40px 17px;
		font-size:20px;
	}
	a.btnEduInq:hover {
		padding-left:40px; 
		padding-right:40px;
		background:transparent;
		color:#0252db;
	}


	

	.consultFixed { width:100%; }
	.consult { display: flex; padding:20px 30px; justify-content: center; flex-wrap:wrap; width:100%; }
	.consult h2 { font-size:20px; flex:0 0 100%; padding:0 0 10px; text-align:center;}
	.consult div { flex:0 0 100%; }
	.consForm { display: flex; align-items: center; flex-wrap:wrap; justify-content:center;}
	.consForm li { margin-right:0; flex:0 0 100%; margin-top:5px; text-align:center;}
	.consForm li input[type="text"]{ 
		width:100%; height:36px; 
		font-size:14px; 
		padding-left:10px;
	}
	.consForm li input[type="text"].cf_name { width:100%; }
	.consForm li select { 
		width:100%; height:36px;
		font-size:14px; 
		padding-left:10px;
	}
	.consForm li a.submit {  
		width:100%; height:36px; 
		font-size:14px; 
	}
	.consult article { display: flex; justify-content:center; }
	.consult article .comFormChkMain { flex:0 0 auto; }
	.consult div span { 
		font-size:12px; padding:10px 7px 10px; 
	}
	.consult article label { font-size:12px; }
	.consult article a.btn_white { font-size:12px; }


	/* sub */

	.subContainer { padding:120px 20px 50px; }
	.sv { padding:0 0 30px;	}
	.sv h2 { font-size:40px; padding-top:4px; }

	.mypageTab ul li { height: 50px; }
	.mypageTab ul li a { 
		font-size:16px; 
		letter-spacing: -0.5px; 
		padding-top:2px;
		line-height:1.2;
		text-align: center;
		align-items: center;
		flex-direction: column;
	}

	.mypageTab ul li a span {
		font-size:16px; 
		letter-spacing: -0.5px; 
		margin-left:0;
	}

	.categoryTab ul {
		justify-content: flex-start;
		width:100%; overflow-x: auto;
	}
	.categoryTab ul li a { 
		font-size:16px; 
		padding:20px 0; 
		margin:0 15px;
	}
	.categoryTab ul li a:hover::after {  
		background:transparent;
	}

	.subCateCon { display: flex; padding:10px 0 45px; flex-wrap:wrap;}
	.subCateCon .cateConList { flex:0 0 100%; margin-right:0;}
	.subCateCon .popularList { flex:0 0 100%; border:1px solid #d2d2d2; display:none; }
	.subCateCon .popularList h3 { 
		text-align: center; font-size:26px; font-weight:500; font-family: var(--point-font); 
		border-bottom:1px solid #d2d2d2;
		background:#f7f7f7;
		padding:24px 0 20px;
	}
	.subCateCon .popularList ul { padding:30px; }
	.subCateCon .popularList ul li { display: flex;align-items: center; margin-top:20px;}
	.subCateCon .popularList ul li:nth-child(1) { margin-top:0;}
	.subCateCon .popularList ul li div { flex:0 0 32px; }
	.subCateCon .popularList ul li div em { 
		width:32px; height:32px; display: flex; justify-content: center; align-items: center; line-height:1; font-size:16px; 
		border:1px solid #d3d3d3;
		border-radius:16px;
	}
	.subCateCon .popularList ul li div em.red {
		border:1px solid #d00026;
		background:#d00026;
		color:#fff;
	}
	.subCateCon .popularList ul li span { margin-left:12px; font-size:18px; font-weight:400; line-height:1.2;}

	.arrayTab { padding:15px 0 24px; display: flex; }
	.arrayTab li a { padding:8px 12px; font-size:14px; }


	.topSubMenu { padding:0 30px;}
	.topSubMenu li { flex:0 0 49%; }
	.topSubMenu li a { 
		height:54px; 
	}
	.topSubMenu li a strong {
		font-size:18px; 
	}
	.topSubMenu li a i { 
		left:12px; 
		width:24px; height:24px;
	}
	.topSubMenu li a i::after { 
		width:14px; height:14px;
	}


	.subConArea { padding:30px 0 50px;}
	.subConArea h3 { display: flex; align-items: center; margin-bottom:0; justify-content: center;}
	.subConArea h3 strong { font-size:30px; }
	.subConArea h3 em { margin-left:6px; font-size:30px; letter-spacing: -1px;}

	.consultFormList { flex-wrap:wrap;}
	.consultFormList article { flex:0 0 100%;}

	.consultFormList article div:nth-child(1) span.circleBlack {
		width:30px; height:30px; 
		font-size:16px;
	}

	.consultFormList article div.question strong {
		font-size:18px;
		margin-left:6px;
		line-height:1.3;		
	}
	.consultFormList article div.answer { padding:10px 0 0 40px; }
	.consultFormList article div.answer .wd-250px { width:100%; }
	.consultFormList article div.answer .selectBox { margin-bottom:5px; }
	.consultFormList article div.answer .selectBox.mr-5px { margin-right:0; }

	.consultFormList article div.answer .fxBoxNew { display:flex !important; align-items:center !important; }
	.consultFormList article div.answer .fxBoxNew .wd-250px { width:auto; flex:1; }


	.board-item.question .num { flex:0 0 40px; font-size:16px;}
	.board-item.question a.title { font-size:16px; padding-right:40px; }

	.board-item.answer .num { flex:0 0 40px; font-size:16px;}
	.board-item.answer a.title { font-size:16px; padding-right:20px; }

	/* login */
	.loginWrap {
		background:#fff;
		width:100% !important;
		height:auto;
	}
	.loginSection {
		width:100% !important;
	}
	.loginBox {
		border-radius:0; 
		padding:50px 30px 50px;
		width:100% !important;  
		box-shadow: none;
	}
	.loginBox article { width:100% !important; }
	.lgDiv { margin-top:20px}
	.autoSave { padding:10px 0 10px; }

	.checkingLogin strong {
		padding-left:10px;
	}
	.subBtn.custom-btn2 { font-size:18px; font-weight:800}

	.btnLoginB { border-radius:0;}
	.btnLoginBox { margin-top:20px;}
	.btnLoginBox a { 
		height:60px; 
		font-size:18px; 
	}

	.inpi { 
		height:50px; 
		padding:0 15px; 
		font-size:16px; 
		width:100%;
	}

	.titleLabel { font-size:14px; }
	.titleLabel em { margin-left:3px;}
	.titleLabel strong { margin-left:6px; margin-bottom:2px; }

	.i_id {
		width:16px; height:20px;
	}
	.i_pw {
		width:16px; height:23px;
	}

	.logA { 
		height:50px;
	}

	.fsbDiv input[type="text"]:focus + .logA svg path { fill: #000;}
	.fsbDiv input[type="password"]:focus + .logA svg path { fill: #000;}

	.etcLogin { display: flex; justify-content: space-between; align-items: center;}
	.etcLogin li { margin:10px 0 0; flex:0 0 49%; } 
	.etcLogin li a { height:50px; }
	.etcLogin li a span { font-size:14px; margin-left:10px; margin-right:6px;}

	.i_naver { 
		width:24px; height: 20px; 
	}
	.i_kakao { 
		width:22px; height: 21px; 
	}

	.loginAutoSave label { height: 24px; }
	.loginAutoSave label input[type="checkbox"] + i { 
		width:24px; height: 22px; 
		background-size:100% auto;
	}
	.loginAutoSave label input[type="checkbox"]:checked + i { 
		background-size:100% auto;
	}
	.loginAutoSave label span { margin-left:5px; font-weight:700; font-size:16px; color:#393939;}
	.autoSave a:nth-child(2) { font-size:14px; }

	.lgDivEtc { 
		/* border:1px solid #dcdcdc; border-radius:5px; padding:20px 20px 20px;  */
		margin-top:50px
	}
	.lgDivEtc div { font-size:14px; margin-bottom:15px;}

	.lgDivEtc a.btnJoin { 
		height:50px;
	}
	.lgDivEtc a.btnJoin i { 
		width:22px; height:22px;
		background-size:100% auto;
	}
	.lgDivEtc a.btnJoin strong { 
		font-size:16px; 
		margin-left:5px;
	}


	.classThum { display: flex; padding-top:40px; padding-bottom:40px; flex-wrap:wrap;}
	.classList > article:nth-child(1) { padding-top:0;}
	.classImg { flex:0 0 400px; }
	.runTime {
		font-size:14px; 
		padding:6px 14px; 
		right:10px; bottom: 10px; 
	}
	.classCon { flex:1; padding:10px 30px; }
	.classDetail { flex:0 0 100%; margin-top:20px; }

	.kind_list { display: flex;}
	.kind_list li { margin-right:5px;}
	.k_em { padding:6px 15px; font-size:12px; }
	.classCon h3 { font-size:26px; justify-content:flex-start;}

	.recent_list { display: flex; align-items: flex-start; position: relative; left: auto; bottom: auto; padding-top:20px; flex-wrap:Wrap;}
	.recent_list dl { display: flex; }
	.recent_list dl dt { font-size:14px; margin-right:6px;}
	.recent_list dl dd { font-size:14px; }
	.recent_list strong { margin-left:0; font-size:14px; flex:0 0 100%; margin-top:10px; font-weight:700;}



	.price_list { display: flex; align-items: center; position: relative; left: auto; bottom: auto; padding-top:20px; flex-wrap:Wrap;}
	.price_list dl { display: flex; }
	.price_list dl dt { font-size:14px; color:#5a5a5a; margin-right:6px;}
	.price_list dl dd { font-size:14px; display:none; }
	.price_list strong { margin-left:0px; font-size:24px; flex:0 0 100%; margin-top:10px; color:#1e5ce9; font-weight:700;}




	.conTextArea { padding:20px 25px; height:auto; border-radius:20px; }
	.scrollType1 { overflow-y: auto; }
	.base_a1 { font-size:14px; }


	.myName { padding:40px 0 40px; }
	.myName p { display: flex; justify-content: center;  }
	.myName p strong { font-size:24px; }
	.myName p span { font-size:24px; }
	.myName p em { font-size:24px; }

	.myClassList { flex-wrap:wrap;}
	.myClassList article { flex:0 0 100%; margin-bottom:20px; }
	.myClassList article div { padding:45px 0; background:#f9f9f9; border-radius:20px;}
	.myClassList article div h3 {
		font-size:20px; 
	}
	.myClassList article div i { 
		width:85px;height: 68px; 
		margin:15px auto 25px;
	}
	
	.myClassList article div ul li span { font-size:16px; }
	.myClassList article div ul li strong { font-size:20px; }
	.myClassList article div ul li em { font-size:14px; }

	.myClassList article:nth-child(1) div ul li strong { margin-left:10px; margin-right:3px; }
	.myClassList article:nth-child(2) div ul li:nth-child(1) { margin-right:10px;}
	.myClassList article:nth-child(2) div ul li:nth-child(2) { padding-left:10px; }
	
	.myClassList article p { padding:20px 0; font-size:14px; }


	/* consult layer */

	.inpc { height:50px; padding:12px 12px; font-size:14px; }
	.textc { height:180px; padding:12px 12px; font-size:14px; }

	.consultLayer {
		position: fixed;
		left:0; top:0;
		width:100%; 
		padding:0 0;
		z-index:9999;
		height:100vh;
	}
	.consultShadow { 
		position:absolute; left:0; top:0;
		width:100%;
		height:100%;
	}
	.consultInner { 
		width:100%;
		border-radius:0; 
		padding:20px;
		height:calc(100vh);
	}
	.consultArea h2 { font-size:26px; }
	.topText { font-size:12px; }
	
	.agDivBox { padding:20px 0 0}
	.agdScrollBox {
		padding:10px;
		font-size:12px;
		height:100px;
		line-height:1.8;
		color:rgba(255,255,255,0.8);
		font-weight:300;
	}
	.agreeChkArea { 
		padding:12px 0 0; 
	}
	.agreeChkArea p { display: flex; flex:0 0 auto; align-items: center;}
	.agreeChkArea p span { margin-right:5px; font-size:12px;}
	.agreeChkArea p strong { color:#aaaaab; font-size:12px; }
	.agreeChkArea p strong.required { color:#f5966d;}
	.agreeChkArea ul { flex:0 0 auto; display: flex; align-items: center;}
	.agreeChkArea ul li .comFormRadioDark { margin-left:5px;}
	.agreeChkArea ul li .comFormRadioDark span {  font-size:12px;}
	
	.inqFormList { padding:20px 0 0;}
	.inqFormList article { 
		display: flex; align-items: center; 
		flex-wrap:wrap;
		border-top:1px solid #171c61;
		padding:12px 0;
	}
	.inqFormList article label { font-size:14px; flex:0 0 100%; }
	.inqFormList article > div { flex:0 0 100%; margin-top:10px;}
	.etcText { font-size:14px; line-height:1.4; padding:0 0;}
	
	.layerBtnArea { text-align:center; padding:30px 0 0; }
	.btnLayerBase { 
		width:140px; height:60px; 
		font-size:20px;
		padding-top:4px;
	}
	.btnLayerBase:hover {
		width:160px;
	}
	.baseSelect2 { 
		width:100%;
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		height:50px;
		font-size:14px; 
	}
	.baseSelect2::after {
		right:10px;
	}
	.baseSelect2 .select { 
		padding:10px 10px;
		font-size:14px;
	}
	
	.close_x { 
		width:40px; height:40px;
		right:10px;
		top:10px;
		left:auto;
		margin-left:0;
	}
	.close_x span {
		width:40px; height:40px;
	}
	.close_x span i {
		width:14px;
		height:14px;
	}
	.close_x:hover span i {
		width:14px;
		height:14px;
	}


	/* video layer */
	.videoLayer {
		position: fixed;
		left:0; top:0;
		width:100%; 
		z-index:9999;
		height:100vh;
	}
	.videoInner { 
		width:100%; 
		border-radius:0;
		background:#060931;
		padding:20px 20px 20px 20px;
		z-index:2;
		height:calc(80vh);
		overflow-y:auto;
		margin:0 auto;
	}
	.videoArea .detail_em { font-size:12px; }
	.videoArea h2 { 
		font-size:24px; 
		padding:10px 0 15px;
	}
	
	.videoDetail { padding:30px 0 0; }
	.videoDetail h3 { 
		font-size:18px; 
	}
	.videoDetail .classVideoList { 
		border-bottom:1px solid #171c61; 
		padding:10px 0; 
	}
	.videoDetail .classVideoList p { font-size:16px; }
	.videoDetail .classVideoList article div { margin-right:10px; font-size:14px; flex:0 0 auto;}
	.videoDetail .classVideoList article div strong { font-size:14px; }
	.videoDetail .classVideoList article div span { font-size:14px;}
	.videoDetail .classVideoList article a { 
		font-size:14px; 
		padding:12px 5px 10px; 
		text-align: center;
		justify-content: center;
	}
	.videoDetail .classVideoCon { 
		border-bottom:1px solid #171c61; 
		border-bottom: 0;
		padding:12px 0; display: flex; justify-content: space-between;
		align-items: center;
	}
	.videoDetail .classVideoCon p { line-height:1.8; font-size:14px;}
	
	.videoRightList { 
		padding:15px; position: fixed; left:0; top:auto; bottom: 0; height:20vh; width:100%; z-index:3; 
		border-top:10px solid #171c61;
	}
	.vrSection { height:20vh; overflow-y: auto;}
	.videoRightList article { margin-bottom:20px; }
	.videoRightList article a { display: flex;  }
	.videoRightList article a div.img { 
		flex:0 0 150px; height:107px;
		border-radius:10px;
		overflow: hidden;
	}
	.videoRightList article a div.img img { 
		width:100%;
		height:100%;
		object-fit: cover;
		transition: all 0.3s ease-out;
	}
	.videoRightList article a:hover div.img img { transform: scale(1);}
	.videoRightList article a div.con { 
		flex:1; 
		padding-left:12px;
		padding-top:5px;
		position: relative;
	}
	.videoRightList article a div.con span { 
		font-size:12px; 
	}
	.videoRightList article a div.con strong { 
		font-size:14px; 
		margin:5px 0 10px ;
	}
	.videoRightList article a div.con em { 
		font-size:12px; 
		position: relative;
		left:auto;
		bottom:auto;
	}

}

@media (max-width:1180px){
	#main #mainVisual .txtBox {
		position: absolute;
		width: 100%;
		text-align: center;
		color: #fff;
		bottom:110px;
		bottom: 0;
		top:50%;
		left: 50%;
		transform: translate(-50%, -50%);
		padding:0 0;
	  }
	  
	  .item1 .mta .mainTextArea { padding-left:10px; margin-top:0;}
	.item1 .mta .mainTextArea div:nth-child(1) { display: flex; align-items: center;}
	.item1 .mta .mainTextArea div:nth-child(1) strong { 
		font-size:40px; 
	}
	.item1 .mta .mainTextArea div:nth-child(2) { padding:30px 0 40px;}
	.item1 .mta .mainTextArea div:nth-child(2) span {
		font-size:16px; 
	}
	a.btnMainConsult {
		border:2px solid rgba(255,255,255,1);
		font-size:16px;
		padding:15px 40px;
		
	}
	a.btnMainConsult:hover {
		padding:15px 40px;
	}
	  

	.realDetalList { padding:0 0 14px; align-items: flex-start; flex-wrap:wrap;}
	.realDetalList ul { flex-wrap:wrap;}
	.realDetalList ul li { flex:0 0 100%; align-items: flex-start; margin-top:15px; }
	.realDetalList ul li strong { padding-left:10px; font-size:14px; }
	.realDetalList ul li strong::before { top:5px; transform: translateY(0);}
	.realDetalList ul li span { font-size:14px; }

	.realDetalList .realBtnList { flex:0 0 100%; justify-content: flex-end; margin-top:10px;}
	.realDetalList .realBtnList a { margin-left:0; }


	.dvb_title {
		font-size:22px; 
		padding:20px 0;
	}
	.dvb_con { padding:20px 0 0;}
	.base_d1 {
		font-size:14px;
	}
	
	.base_list_t1 li {
		font-size:14px;
	}
	.base_list_t1 li::before { 
		font-size:14px;
	}
	.detailViewBox .flexBox { flex-wrap:wrap; justify-content: center; }
	.d_professor { flex:0 0 auto; margin-top:10px; text-align: center; }
	.d_professor > div {
		width:196px; height: 196px;
		border-radius:100px;
		overflow: hidden;
		border:1px solid #d2d2d2;
		display:inline-block;
	}
	.d_introduce {
		padding-left:0;
		padding-top:20px;
		margin-top:10px;
	}
	.d_introduce dt {
		font-size:20px;
		margin-bottom:20px;
	}
	.d_introduce dd {
		font-size:14px; 
	}

	a.btnGray {
		width: 130px;
		height: 50px;
	}
	a.btnGray span {
		font-size:18px;
		padding-top:2px;
	}
	a.btnPoint {
		width: 130px;
		height: 50px;
	}
	a.btnPoint span {
		font-size:18px;
		padding-top:2px;
	}
}


@media (max-width:1024px){

	.header { 
		height: 60px; 
		border-bottom:1px solid #eeeeee;
	}

	#main { height:calc(100vh - 60px); margin-top:60px; }

	/* PC 전체메뉴 */
	.allMenuPc { position: fixed; left: 0; top: 56px; z-index:9999; width: 100%; height: 100vh; background: #fff; display: none;}
	.allMenuPc.show { display: block;}
	.amInside { padding:10px 0 0 28px  }
	.amInside nav > ul {  width:100%; height:100%; }
	.amInside nav > ul > li { 
		transition: all 0.5s;
	}
	.amInside nav > ul > li > a {
		font-size:20px; font-weight:700; display: block;
		line-height: 24px;
		padding:16px 0;
		
	}
	.amInside nav > ul > li ul { padding:0 0 0; display: none; }
	.amInside nav > ul > li ul li a { 
		font-size:16px; padding:0 0 2px; 
		margin-bottom:5px; font-weight: 500; line-height: 1.4; display: inline-block; position: relative;
	}

	.all_close { position:absolute; right:30px; top:30px; display: none;}



	.cateThumList article { margin-top:0; flex-wrap:wrap; border-top:0;}
	.cateThumList article:nth-child(1) { margin-top:0; }
	.categoryImg { flex:0 0 100%; overflow: hidden;}
	.categoryImg a { display: block; }
	.categoryImg a img { height:auto; object-fit: cover; transition: all 0.3s ease-out; width:100%;}
	.categoryImg a:hover img { transform: scale(1);}

	.categoryCon { padding:40px 0 50px; flex:0 0 100%; position: relative;}
	.categoryCon a { display: block;}
	.categoryCon a h3 { 
		font-size:26px; 
		margin-bottom:25px;
	}
	.categoryCon a p.base_c1 {
		font-size:16px;
		line-height:1.8;
		padding-right:0;
	}
	.categoryCon .name_heart {
		position: relative;
		left:auto;
		bottom:auto;
		display: flex;
		justify-content: space-between;
		height:auto;
		align-items: center;
		width:100%;
		padding-left:0;
		margin-top:30px;
	}
	.categoryCon .name_heart dl { display: flex; align-items: center;}
	.categoryCon .name_heart dl dt { margin-right:20px; font-size:16px; color:#5a5a5a;}
	.categoryCon .name_heart dl dd { display: flex; align-items: center;}
	.categoryCon .name_heart dl dd i.i_heart {
		width:22px; height:18px;
	}
	.categoryCon .name_heart dl dd span { font-size:16px; color:#5a5a5a; }

	.categoryCon .name_heart a.btnVideoView {
		border:1px solid #d2d2d2;
		height:auto;
		padding:12px 15px;
		background: #fff;
		display: flex;
		align-items: center;
		transition: all 0.3s ease-out;
	}
	.categoryCon .name_heart a.btnVideoView i {
		width:20px; height:19px;
		margin-right:10px;
	}
	.categoryCon .name_heart a.btnVideoView span {
		font-size:16px; 
	}
	.categoryCon .name_heart a.btnVideoView:hover {
		padding:12px 15px;
		border:1px solid #d2d2d2;
	}

	.subContent { position: relative; z-index:1;}

	.total p { font-size:14px; }


	/* paginate */
	.pgWrap { padding:50px 0 0;}
	.paginate a {width:35px;height:35px;font-size:12px; }

	.diagnosisList { margin-top:30px;}
	.diagnosisList a { 
		height: auto; 
		padding:40px 0;
	}
	.diagnosisList a strong {
		font-size:20px; 
	}
	.diagnosisList a span {
		font-size:12px;
		margin-top:4px;
	}

	.diagnosisList a.pre_self.on {
		border:5px solid #4796c3;
		background:#fff;
		border-bottom:0;
	}
	.diagnosisList a.post_self.on {
		border:5px solid #30a084;
		background:#fff;
		border-bottom:0;
	}

	.dqList h3 { text-align: center; font-size:30px; padding:50px 0 20px; font-weight:300; }

	.diaQuestion {
		padding:30px 0 20px;
	}
	.diaQuestion h4 {
		font-size:20px; 
	}
	.diaDiv { flex-wrap:wrap ;}
	.diaDiv article { flex:0 0 100%; padding-right:0; }
	.diaDiv article p { font-size:14px; padding:15px 0 15px;}

	
	.surveyQuestion { padding:30px 0;}
	.surveyQuestion h4 {
		font-size:20px; 
	}
	.surveyDiv { display: flex; justify-content: flex-start; flex-wrap:wrap ;}
	.surveyDiv article { flex:0 0 100%; padding-right:0; }
	.surveyDiv article p { padding:30px 0 15px; display: flex; }
	.surveyDiv article p em{ 
		font-size:18px; 
		margin-right:0;
	}
	.surveyDiv article p span {  
		font-size:16px; 
	}
	.surveyDiv article .answer { padding-left:0; padding-top:10px; }
	.surveyDiv article .answer .fxBoxColumn .comFormRadio { display: inline-flex;}

	.textAreaDiv { height:200px; }
	.textaType1 { 
		padding:15px 20px; 
		font-size:14px; 
	}

	.comFormRadio label span { font-size:14px; }

	.realDetalList ul li { flex:0 0 100%; align-items: flex-start; margin-top:15px; }
	.realDetalList ul li strong { padding-left:10px; font-size:14px; flex:0 0 100%; flex:0 0 auto;}
	.realDetalList ul li strong::before { top:7px; transform: translateY(0); width:3px; height:3px;}
	.realDetalList ul li span { font-size:14px; flex:0 0 100%;  flex:1;}


	.realInner { 
		width:calc(100% - 40px); 
		margin:50px 20px;
		margin:0 auto; 
		padding:50px 0 0;
		height:auto;
	}
	.realInner h2 { 
		font-size:26px;
		padding:0 20px 0;
		line-height:1.2;
	}
	
	.l_con {
		 border:1px solid #d2d2d2;
		 padding:20px 20px;
		 margin:20px 20px 0;
	}
	.l_con ul li {
		font-size:14px; 
		margin-top:10px;
		display: flex;
		flex-wrap:wrap;
	}
	.l_con ul li strong { flex:0 0 100%; padding-left:6px; }
	.l_con ul li span { flex:1; padding-left:6px; padding-top:4px; }
	.l_con ul li::before { 
		font-size:14px; 
		position:absolute;
		left:0; top:2px;
	}
	
	.l_checkBox { padding:25px 0; }
	.l_checkBox > div { margin:0 20px;}
	
	a.btnPoint2 {
		height:48px;
	}
	a.btnPoint2 span {
		font-size:20px;
		padding:3px 0 0;
	}
	
	a.btnPoint3 {
		height:48px;
	}
	a.btnPoint3 span {
		font-size:20px;
		padding:3px 0 0;
	}
	
	
	.close_x_dark { 
		width:30px; height:30px;
		right:10px;
		top:10px;
	}
	.close_x_dark span {
		width:30px; height:30px;
	}
	.close_x_dark span i {
		width:12px;
		height:12px;
	}
	.close_x_dark:hover span {
		border:1px solid rgba(0,0,0,0.3);
	}
	.close_x_dark:hover span i {
		width:12px;
		height:12px;
	}


	.comFormCheck label input[type="checkbox"] + i { 
		width:24px; height: 24px; 
	}
	.comFormCheck label input[type="checkbox"] + i::after { 
		width:14px; height:14px;
	}
	.comFormCheck label span { margin-left:5px; font-size:16px; }

	.comFormRadio1 label input[type="radio"] + i { 
		width:24px; height: 24px; 
	}
	.comFormRadio1 label input[type="radio"] + i::after { 
		width:14px; height:14px;
	}
	.comFormRadio1 label span { margin-left:5px; font-size:16px; }


	.realNoticeInner { 
		width:calc(100% - 40px); 
		margin:50px 20px;
		margin:0 auto; 
		padding:50px 0 0;
		height:auto;
	}
	.realNoticeInner h2 { 
		font-size:26px;
		padding:0 20px 0;
	}
	.l_con_n {
		padding:20px 20px;
		margin:20px 20px 0;
   }
   .l_con_n ul li {
	   font-size:14px; 
	   margin-top:10px;
	   display: flex;
	   flex-wrap:wrap;
   }
   .l_con_n ul li:nth-child(1) { margin-top:0;}

}


@media (max-width:768px){
	.sv { flex-wrap:wrap; }
	.sv h2 { text-align: center; flex:0 0 100%; margin-bottom:30px;}
	.path { display: flex; align-items: center; justify-content: center; text-align: center; width:100%; flex:0 0 100%; margin-top:-20px;}
	.i_home {
		width:13px; height: 13px;
		margin-right:10px;
	}
	.path span { font-size:14px;}
	.searchArea { justify-content: center; flex:0 0 100%; display: flex; width:100%; }
	.searchForm { height:50px;  }
	.searchForm .baseSelect .select { 
		font-size:14px;
		padding-right:30px;
		padding-right:50px;
		padding-left:20px;
	}

	.searchForm .baseInp { 
		flex:1;
		margin-left:5px;
		position:relative;
	}
	.searchForm .baseInp .inp_search { 
		padding-left:20px;
		padding-right:40px;
		height:50px;
		font-size:14px;
		width:100%;
	}
	.searchForm .baseInp .btnSearch { 
		height:50px;
	}
	.searchForm .baseInp .btnSearch i.i_search_icon { 
		display: block;
		width:20px; height:20px;
	}

	.baseTable thead tr th {
		font-size:14px; padding:12px 0;
	}
	.baseTable tbody tr td {
		font-size:14px; 
		padding:16px 0;
	}
	.baseTable tbody tr td.al_left { 
		text-align: left;
		padding-left:10px;
	}
	.wid_hit, .wid_date, th.hit, th.date, td.hit, td.date { display: none;}	
	.realDetalList .realBtnList { margin-top:50px; }
	.realDetalList .realBtnList a.btnPoint { width:100%; }
	.realDetalList .realBtnList a.btnGray { flex:0 0 50%;}

	.categoryCon .name_heart {
		margin-top:20px;
		flex-wrap:wrap;
	}
	.categoryCon .name_heart dl { display: flex; align-items: center; flex:0 0 100%; justify-content: space-between;}
	.categoryCon .name_heart dl dt { margin-right:0; font-size:14px; }
	.categoryCon .name_heart dl dd span { font-size:14px; }

	.categoryCon .name_heart a.btnVideoView {
		justify-content: center;
		flex:0 0 100%;
		margin-top:20px;
	}

	.videoDetail .classVideoList { 
		padding:10px 0; 
		flex-wrap:wrap;
		justify-content: space-between;
	}
	.videoDetail .classVideoList p { font-size:16px; flex:0 0 100%; }
	.videoDetail .classVideoList > em { margin-right:0;  flex:0 0 100%; margin-left:0; justify-content: flex-start; margin-top:8px; }
	.videoDetail .classVideoList > em strong { margin-right:5px; }
	.videoDetail .classVideoList > em strong, 
	.videoDetail .classVideoList > em span { 
		color:rgba(255,255,255,0.5);
	}

	.videoDetail .classVideoList article { display:flex; justify-content: space-between; margin-top:25px; width:100%; align-items:center; }
	.videoDetail .classVideoList article div { margin-right:0; font-size:12px; flex:0 0 50%; padding:7px 0 0; }
	.videoDetail .classVideoList article div strong { font-size:12px; }
	.videoDetail .classVideoList article div span { font-size:12px;}
	.videoDetail .classVideoList article a { 
		font-size:14px; 
		padding:12px 20px 10px; 
		flex:0 0 auto;
		margin-top:0;
	}

}


@media (max-width:640px){

	.classCon h3 {text-align:left;}
	.classCon .name_heart {
		position: relative;
		right:0;
		bottom:15px;
		display: flex;
		justify-content: space-between;
		height:50px;
		align-items: center;
		width:100%;
		margin-top:50px;
	}
	.classCon .name_heart a.btnSubscriptionView {
		border:1px solid #d2d2d2;
		height:50px;
		padding:11px 20px;
		background: #fff;
		display: flex;
		align-items: center;
		text-align:center;
		transition: all 0.3s ease-out;
		width:100%;
	}
	.classCon .name_heart a.btnSubscriptionView span {
		font-size:18px; font-weight:400;
	}
	.classCon .name_heart a.btnSubscriptionView:hover {
		padding-left:25px; padding-right:25px;
		border:1px solid #000;
	}
}
@media (max-width:550px){
	.s3_titleArea {  flex-wrap:wrap;}
	.s3_titleArea p { padding-left:10px; padding-top:10px;}

	.baseColorGradient { font-size:10px; letter-spacing:3px; }
}

@media (max-width:430px){
	.consultFormList article div.answer .fxBoxNew .wd-250px { width:160px; flex:0 0 160px; }
	.etcLogin { flex-wrap:wrap;}
	.etcLogin li { flex:0 0 100%; } 
}


@media (max-width:1024px){
	.baseThumType1 article { flex:0 0 49%;  }
	.mypageTab ul li a,
	.mypageTab ul li a span { font-size:14px; }
	.classImg { flex:0 0 100%; }
	.classImg img { width:100%; height:auto; }
	.classCon { flex:0 0 100%; padding:30px 20px 10px; }

	.oneGuide { background: #f6f6fa; padding: 40px 30px 20px; display: flex; align-items: center; flex-wrap:wrap;}
	.oneGuide i { 
		height: 69px; background:url(../images/i-guide-e.png) no-repeat center; text-align: center; 
		flex:0 0 100%; justify-content: center;
	}
	.ogTxt { flex: 0 0 100%; margin-top:30px;}
	.ogTxt p:nth-child(1) { font-size:14px; }
	.ogTxt p:nth-child(1) em {  font-size:18px; display: block; margin-top:0; margin-left:0;}
	.ogTxt p:nth-child(2) > span { font-size:14px; margin:10px 0 10px; }
	.ogTxt p:nth-child(2) > span strong { display: block;}

	.ogTxt p:nth-child(2) > span span { font-size:14px; display: block; margin-left:0;}
	.ogTxt p:nth-child(2) > span span::before { content:"·"; font-size:14px; }
	.ogTxt p:nth-child(2) > span strong::before { content:"·"; font-size:14px; margin-right:5px; }



	.oneInqWrap { border-top:2px solid #232664;margin-top:30px;}
	.oneInqWrap >div { border:1px solid #e5e5e5; border-top: none; padding:20px 0 20px; display: flex; align-items: center; flex-wrap:wrap;}
	.oneInqWrap >div div { position: relative; padding-left: 20px; flex: 0 0 100%; padding-right:20px;}
	.oneInqWrap >div div::before {
		content:""; display: block; width: 1px; height: 20px; background:#222; position: absolute; left: 0; top: 50%; margin-top:-10px;
		display: none;
	}
	.oneInqWrap >div div.plNone { padding-left: 20px;}
	.oneInqWrap >div div.cNone::before { display: none;}
	.oneInqWrap >div label { padding-left:20px; font-size:14px; flex:0 0 100%; margin-bottom:10px; }

	.oneInqWrap >div .inpNone { border:none; padding:0 0 0; font-size:16px; font-weight:700;}
	.inp1 { padding:12px 15px; font-size:16px; font-weight:500; }
	.txta1 { padding:12px 15px; font-size:16px;  min-height:300px; font-weight:500;}

	.flexJustifyCenter { display: flex; justify-content: center;}
	.baTopSpace { padding: 30px 0 0;}
	.baTopSpace a { margin:0 5px; }
	a.btn {height: 50px; font-size:16px; flex:0 0 120px; }
	a.btn._small { height:45px; font-size:14px;width:100%;}


	.sort_iv { padding-left:5px; display: flex; align-items: center;}
	.iv_comm {
		padding:5px 8px; font-size:12px; 
	}

	.sort_dh { padding:50px 0 0; flex-wrap:wrap;}
	.c_division { flex:0 0 auto; margin-right:0;}
	.c_division em { font-size:12px; }

	.c_hash { flex:0 0 100%; padding:20px 0 0; }
	.c_hash span { margin-right:10px; font-size:12px; }


	.birth_dev { flex:0 0 auto; padding:3px 10px 5px;}
	.birth_dev strong { font-size:12px !important; }
	.birth_dev em { font-size:12px !important; }

	.videoInfo { padding:10px 0 0; flex-wrap:wrap; justify-content:space-between; }
	.videoInfo dl.totalTime { display:flex; align-items:center; flex:0 0 100%; justify-content:center;}
	.videoInfo dl.totalTime dt { 
		height:30px;
		font-size:14px;
		margin-right:10px;
		padding:4px 12px 0; 
	}
	.videoInfo dl.totalTime dd { 
		font-size:14px;
		padding-top:2px;
	}

	.videoInfo ul.iconList { display:flex; align-items:center; flex:0 0 60%; margin:10px 0; justify-content:flex-start;}
	.videoInfo ul.iconList li { flex:0 0 auto; margin-left:5px; margin-right:5px;}
	.videoInfo ul.iconList li span { display:flex; align-items:center; }
	.videoInfo ul.iconList li span i { margin-right:5px; }
	.videoInfo ul.iconList li span i.in_view { 
		width:22px; height:16px;
	}
	.videoInfo ul.iconList li span i.in_heart { 
		width:20px; height:16px;
	}
	.videoInfo ul.iconList li span i.in_favorite { 
		width:20px; height:18px;
	}
	.videoInfo ul.iconList li span em { 
		font-size:12px;
		padding-top:1px;
	}

	.videoInfo .vdBtn { display:flex; align-items:center; flex:0 0 40%; margin-left:0; justify-content:flex-end;}

	.myStudyPeriod { padding-bottom:70px; }
	.myStudyPeriod p strong { font-size:14px; }
	.myStudyPeriod p strong::before {  width:10px; height:10px; border-radius:4px; border:3px solid #0057e7; margin-right:5px;}
	.myStudyPeriod p span { font-size:14px; }



	.hrdCon { display: block; }
	.hrdCon h3 { flex: 0 0 100%; font-size:26px; padding-bottom:30px; }
	.boundary1 { border-top:1px solid #d2d2d2; margin:70px 0 0; padding-top:70px; }
	.numList { flex:0 0 100%; }
	.rView { flex:0 0 100%;}
	.numList li > span { display:block; }
	.numList li > span span { display:inline; }

	.conNotice > div { display:flex; margin-bottom:20px; }
	.conNotice > div h4 { flex:0 0 200px; }
	.conNotice > div h4 i { left:22px; right:auto; }
	.conNotice > div h4 span { display:block; }
	
	.numList3 { flex:0 0 100%; }
	.numList3 li > span { display:block; }
	.numList3 li > span span { display:inline; }

	.rView dl dd span { display:inline; }
	.rView p span a.width400 {width:100%;}

	.hrd_h2 { font-size:22px; padding-bottom:20px; margin-bottom:0; }

	.numList li  { display: flex;  align-items: center; margin-bottom:7px; background:#e1e1e1;}
	.numList li strong { flex:0 0 35px; padding:7px 0; font-size:14px; font-weight:700; }
	.numList li > span { padding:7px 10px 7px 10px; font-size:14px; }
	.numList li > span span { display:inline; }
	.numList li:nth-child(9) strong { padding:15px 0; }

	.numList._one li:nth-child(1) strong { padding:15px 0; }


	.numList3 li  { display: flex;  align-items: center; margin-bottom:7px; background:#e1e1e1;}
	.numList3 li strong { flex:0 0 100px; padding:7px 0; font-size:14px; font-weight:700; }
	.numList3 li > span { padding:7px 10px 7px 10px; font-size:14px; }
	.numList3 li > span span { display:inline; }
	.numList3 li:nth-child(9) strong { padding:15px 0; }

	.numList3._one li:nth-child(1) strong { padding:15px 0; }


	.rView3 h4 { font-size:18px; padding-bottom:10px; }
	.rView3 ul { min-height:40px; padding:10px 15px 10px 15px; }
	.rView3 ul li { align-items:flex-start; padding:7px 0; font-size:14px;  }
	.rView3 ul li:before { flex:0 0 4px; margin-right:4px; margin-top:6px;}

	.rvList2 { padding:10px 0 0; }
	.rvList2 li { margin:4px 0; font-size:14px; }

	.rView4 h4 { font-size:16px; padding-bottom:15px; }
	.rvList4t { padding:10px 15px; }
	.rvList4t li { padding:7px 0; font-size:14px; padding-left:8px; }
	.rvList4t li:before { top:15px;}

	.rvList4t li p { font-size:13px; padding:10px 10px; }
	.rvList4t li p span { display:block; }

	.rv4_table thead th { padding:8px 0; border-top:1px solid #1e2160; font-size:13px; }
	.rv4_table thead th:nth-child(1) { width:5%; border-left:none;}
	.rv4_table thead th:nth-child(2) { width:60%; }
	.rv4_table thead th:nth-child(3) { width:20%; }
	.rv4_table tbody th { padding:8px 0; font-size:13px; }
	.rv4_table tbody td { padding:8px 8px; font-size:13px; }

	.rView img { width:100%; }

	.courseDiv article { padding:20px 0; flex:0 0 calc(50% - 5px); margin-bottom:10px;}
	.courseDiv article em { font-size:18px; }
	.courseDiv article strong { font-size:18px; padding:6px 0 10px;}
	.courseDiv article i { width:67px; height:65px; }
	.courseDiv article i.ico-cs1,
	.courseDiv article i.ico-cs2,
	.courseDiv article i.ico-cs3,
	.courseDiv article i.ico-cs4,
	.courseDiv article i.ico-cs5, 
	.courseDiv article i.ico-cs6,
	.courseDiv article i.ico-cs7,
	.courseDiv article i.ico-cs8 {  background-size:100%; }
	.courseDiv article p { font-size:13px; padding:10px 10px 0; line-height:1.4; }
	.courseDiv article p span { display:inline; word-break:keep-all; }
	.courseDiv article p span.sm_span1 { font-size:13px; }


	.gijikCaDiv article { padding:20px 0; flex:0 0 calc(50% - 5px); margin-bottom:10px;}
	.gijikCaDiv article em { font-size:18px; }
	.gijikCaDiv article strong { font-size:18px; padding:6px 0 10px;}
	.gijikCaDiv article i { width:67px; height:65px; }
	.gijikCaDiv article i.ico-cs1,
	.gijikCaDiv article i.ico-cs2,
	.gijikCaDiv article i.ico-cs3,
	.gijikCaDiv article i.ico-cs4,
	.gijikCaDiv article i.ico-cs5, 
	.gijikCaDiv article i.ico-cs6,
	.gijikCaDiv article i.ico-cs7,
	.gijikCaDiv article i.ico-cs8 {  background-size:100%; }
	.gijikCaDiv article p { font-size:13px; padding:10px 10px 0; line-height:1.4; }
	.gijikCaDiv article p span { display:inline; word-break:keep-all; }
	.gijikCaDiv article p span.sm_span1 { font-size:13px; }

	.NeliDiv article { padding:20px 0; flex:0 0 calc(50% - 5px); margin-bottom:10px;}
	.NeliDiv article em { font-size:18px; }
	.NeliDiv article strong { font-size:18px; padding:6px 0 10px;}
	.NeliDiv article i { width:67px; height:65px; }
	.NeliDiv article i.ico-cs1,
	.NeliDiv article i.ico-cs2,
	.NeliDiv article i.ico-cs3,
	.NeliDiv article i.ico-cs4,
	.NeliDiv article i.ico-cs5, 
	.NeliDiv article i.ico-cs6,
	.NeliDiv article i.ico-cs7,
	.NeliDiv article i.ico-cs8 {  background-size:100%; }
	.NeliDiv article p { font-size:13px; padding:10px 10px 0; line-height:1.4; }
	.NeliDiv article p span { display:inline; word-break:keep-all; }
	.NeliDiv article p span.sm_span1 { font-size:13px; }



	.rc3_p { background:#f9f9f9 url(/img/ico-company-1.png) no-repeat left 15px center; padding:15px 15px 15px 90px; margin-bottom:30px; font-size:13px; }
	.rc3_p span { display:inline; }

	.rcDiv3 h4 { font-size:18px; padding-bottom:20px; }
	.rcList3 li { min-height:auto; }

	.rcList3 li h5 { font-size:16px; padding:0 0 15px; }
	.rcList3 li p { font-size:14px; }
	.rcList3 li p span { display:inline; }

	.comTable thead th { padding:8px 0; border-top:1px solid #232664; font-size:13px;}
	.comTable tbody th, 
	.comTable tbody td { padding:8px 6px; font-size:13px; }

	.ingHeader_n,
	.ingCon_n { width:1200px; }

	.subContentLogin { padding:70px 20px;  }
	.loginTop { padding:40px 0 50px; }
	.loginTop .tit a { font-size:14px; }
	.login_con .logF { margin-bottom:10px; }
	.login_con .logF input { padding-left:15px; height:44px; font-size:16px; }
	.login_con .btnAreaLogin input.loginBtn { font-size:16px; font-weight:700;}
	.login_con .auto_id { font-size:13px;}
	.loginBottom .log_find > div ._com i { margin-right:5px; }
	.loginBottom .log_find > div ._com i.i-id { width:20px; height:30px; background-size:100%;}
	.loginBottom .log_find > div ._com i.i-pw { width:24px; height:25px; background-size:100%;}
	.loginBottom .log_find > div ._com span { color:#666666; font-size:13px; margin-right:15px; }
	.loginBottom .log_find > div ._com a { padding:12px 0; font-size:14px; width:100px; }
	.loginBottom .log_join { padding:30px 0; width:100%; border-bottom:0; }
	.loginBottom .log_join > div p { font-size:14px; }
	.loginBottom .log_join > div a.joinBtn { font-size:16px; }

	.find_con .logC { margin-bottom:10px; }
	.find_con .logC input { padding-left:15px; height:44px; 	font-size:16px; }

	.login_title h3 { font-size:26px; padding-bottom:15px; }
	.login_title p { font-size:16px; }

	.conNotice { padding:40px 0 0; }
	.conNotice > div { margin-bottom:20px; }
	.conNotice > div h4 { padding:15px; font-size:18px;  }
	.conNotice > div h4 i { width:38px; height:34px; right:10px; bottom:18px; }
	.conNotice > div h4 span { display:block; }

	.conNotice > div > ul {  padding:15px; }
	.conNotice > div > ul li { font-size:14px; }
	.numList2 > li::before { top:14px;}
	.numList2 > li p { line-height:1.4; font-size:13px; }
	.numList2 > li span,
	.numList2 > li p span { display:inline; }
	.numList2 ul li { font-size:13px;}
	.shbox button { right: 10px; top: 10px; }


	.rMosa { padding:20px; margin-bottom:20px; }
	.rMosa dl dd p span { margin-left:0;font-size:14px; }
	.rMosa .text{ font-size:14px; }
	.rMosa h4 {  font-size:20px; }
	.rMosa a.btnBlueLink { font-size:14px;}

	.numList2 li div { font-size:12px; }
	.numList2 li div a.btnBlueLink { font-size:12px; margin-left:5px; padding-left:10px; padding-right:10px; }

	.rvList4 li {
		padding-left: 5px;
		margin: 4px 0;
		font-size: 14px;
	}

	
}
@media (max-width:640px){
	.baseThumType1 article { flex:0 0 100%;  }

	.conNotice > div { display:block; margin-bottom:20px; }
	.conNotice > div h4 { flex:0 0 200px; margin-right:0; }
	.conNotice > div h4 i { left:22px; right:auto; }
	.conNotice > div h4 span { display:block; }
	.conNotice > div > ul { margin-top:-1px;  }

	.conNotice > div h4 i { left:auto; right:22px; bottom:auto; top:10px; }
	
	.rView h4 { font-size:18px;  padding-bottom:10px; }
	.rView p span a.width400 {width:100%;}
	.rView p {
        font-size: 14px;
    }
	.rvList li {
        padding-left: 10px;
        font-size: 14px;
    }

	.rvList li::before {
		width: 4px;
		height: 4px;
		top: 7px;
	}

}


@media (max-width:1600px){
    .videoLeftList_n { display: none;}
    .videoLayer_n { padding:0 410px 0 0;}

    /* 학습 목차 */
    .classList_box { background:transparent; position: static; left:auto; top:auto; height:auto; width:100%; z-index:3;}
    .classList_box h3 { font-size:18px; padding:20px 0 10px; background:transparent}
    .videoBoxCenter { height:calc(250px); }
    .videoBoxCenter section { padding:15px 0 15px; display:flex; align-items:center; justify-content: space-between;}
	.videoBoxCenter .classVideoList_n p em { margin-top:5px; }
	.videoBoxCenter .classVideoList_n article a { margin-left:10px; margin-right:10px;}

}

@media (max-width:1200px){
    .videoLayer_n { padding:0 0 0 0;}
    .videoInner_n { 
		width:100%; 
		border-radius:0;
		background:#060931;
		padding:20px 20px 20px 20px;
		z-index:2;
		height:calc(80vh);
		overflow-y:auto;
		margin:0 auto;
	}
	.videoArea_n .detail_em_n { font-size:12px; }
	.videoArea_n h2 { 
		font-size:24px; 
		padding:10px 0 15px;
	}
	

	.videoDetail_n { padding:30px 0 0; }
	.videoDetail_n h3 { 
		font-size:18px; 
	}
	.videoDetail_n .classVideoList_n { 
		border-bottom:1px solid #171c61; 
		padding:10px 0; 
	}
	.videoDetail_n .classVideoList_n p { font-size:16px; }
	.videoDetail_n .classVideoList_n article div { margin-right:10px; font-size:14px; flex:0 0 auto;}
	.videoDetail_n .classVideoList_n article div strong { font-size:14px; }
	.videoDetail_n .classVideoList_n article div span { font-size:14px;}
	.videoDetail_n .classVideoList_n article a { 
		font-size:14px; 
		padding:12px 5px 10px; 
		text-align: center;
		justify-content: center;
	}
	.videoDetail_n .classVideoCon_n { 
		border-bottom:1px solid #171c61; 
		border-bottom: 0;
		padding:12px 0; display: flex; justify-content: space-between;
		align-items: center;
	}
	.videoDetail_n .classVideoCon_n p { line-height:1.8; font-size:14px;}
	
	.videoRightList_n { 
		padding:15px; position: fixed; left:0; top:auto; bottom: 0; height:20vh; width:100%; z-index:3; 
		border-top:10px solid #171c61;
	}
	.vrSection_n { height:20vh; overflow-y: auto;}
	.videoRightList_n article { margin-bottom:20px; }
	.videoRightList_n article a { display: flex;  }
	.videoRightList_n article a div.img { 
		flex:0 0 150px; height:107px;
		border-radius:10px;
		overflow: hidden;
	}
	.videoRightList_n article a div.img img { 
		width:100%;
		height:100%;
		object-fit: cover;
		transition: all 0.3s ease-out;
	}
	.videoRightList_n article a:hover div.img img { transform: scale(1);}
	.videoRightList_n article a div.con { 
		flex:1; 
		padding-left:12px;
		padding-top:5px;
		position: relative;
	}
	.videoRightList_n article a div.con span { 
		font-size:12px; 
	}
	.videoRightList_n article a div.con strong { 
		font-size:14px; 
		margin:5px 0 10px ;
	}
	.videoRightList_n article a div.con em { 
		font-size:12px; 
		position: relative;
		left:auto;
		bottom:auto;
	}

    .videoInfo_n { padding:10px 0 0; flex-wrap:wrap; justify-content:space-between; }
	.videoInfo_n dl.totalTime_n { display:flex; align-items:center; flex:0 0 100%; justify-content:center; margin-bottom:10px;}
	.videoInfo_n dl.totalTime_n dt { 
		height:30px;
		font-size:14px;
		margin-right:10px;
		padding:4px 12px 0; 
	}
	.videoInfo_n dl.totalTime_n dd { 
		font-size:14px;
		padding-top:2px;
	}

	.videoInfo_n ul.iconList_n { display:flex; align-items:center; flex:0 0 60%; margin:10px 0; justify-content:flex-start;}
	.videoInfo_n ul.iconList_n li { flex:0 0 auto; margin-left:5px; margin-right:5px;}
	.videoInfo_n ul.iconList_n li span { display:flex; align-items:center; }
	.videoInfo_n ul.iconList_n li span i { margin-right:5px; }
	.videoInfo_n ul.iconList_n li span i.in_view_n { 
		width:22px; height:16px;
	}
	.videoInfo_n ul.iconList_n li span i.in_heart_n { 
		width:20px; height:16px;
	}
	.videoInfo_n ul.iconList_n li span i.in_favorite_n { 
		width:20px; height:18px;
	}
	.videoInfo_n ul.iconList_n li span em { 
		font-size:12px;
		padding-top:1px;
	}

	.videoInfo_n .vdBtn_n { display:flex; align-items:center; flex:0 0 40%; margin-left:0; justify-content:flex-end;}
}


@media (max-width:768px){
    .videoBoxCenter { height:auto; overflow-y:visible; padding-right:0;}
    .videoInner_n { padding:20px 0; }
    .videoArea_n em.detail_em_n { padding-left:20px; padding-right:20px; }
    .videoInfo_n { padding-left:20px; padding-right:20px; }
    .videoArea_n h2 { padding-left:20px; padding-right:20px; font-size:20px;}
    .videoDetail_n { padding-left:20px; padding-right:20px; }
    .videoDivArea { height:250px;}

    .progressBar_n { flex:1;}
    .btn_volumn_n { flex:0 0 20px;}
    .volumeBar_n { width:80px;}
    .btn_fullscreen_n { flex:0 0 18px;}
    
     /* 학습 목차 */
    .classList_box h3 { font-size:18px; padding:20px 20px 10px; }
    .videoBoxCenter { height:calc(auto); overflow-y: auto;}
    .videoBoxCenter section { padding:15px 20px 15px; display: block; }
    .videoBoxCenter .classVideoList_n p { margin-bottom:0; flex:1; }
    .videoBoxCenter .classVideoList_n p em { display: flex; margin-top:5px; }
    .videoBoxCenter .classVideoList_n article div { padding-top:7px;}
	.videoBoxCenter .classVideoList_n article a { margin-left:0; margin-right:0;}

}