@charset "utf-8";
/* CSS Document */

/* ¼­ºê°øÅë(ŸÀÌƲ) */
	.sub-content .tt{margin:195px auto 80px}
	.sub-content .tt p{margin:0 0 10px 0}
	.sub-content .tt p a{color:#4a3232;padding:5px}
	.sub-content .tt p a:hover{opacity:0.5}
	.sub-content .tt p a, .sub-content .tt p a:hover{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
	.sub-content span.line-green{box-shadow:inset 0 -20px 0 #87ff26;padding:0 3px}

/* ¼­ºê°øÅë(ÇÏ´Ü¿©¹é) */
	.sub-footpadding{height:250px}
	.sub-titlepadding{height:50px}

/* ·Î±×ÀÎ */
	#login{background:url(../img/login-bg2.jpg) no-repeat center center;background-size:cover;padding:180px 0}
	#login .flex-center > div{width:50%}
	#login .flex-center > div.text-center{margin-top:20px}
	#login img{position:relative;top:-10px;left:-20px}
	#login .inputbox{width:100%;max-width:410px;margin:70px auto 10px}
	#login input{display:block;width:100%;height:65px;margin:15px 0;padding:5px 30px 0}

/* µµ¼­°Ë»ö(¼­Ä¡¹Ù) */
	#bookshelf .ct .search{width:100%;height:95px;position:relative;overflow:hidden;top:-50px;border-radius:45px}
	#bookshelf .ct .search select{width:25%;height:95px;border-right:3px solid #4a3232;padding:0 30px;outline:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:url("../img/select-arrow.png") no-repeat 90% 50%}
	#bookshelf .ct .search select::-ms-expand {display:none}
	#bookshelf .ct .search option{font-size:18px}
	#bookshelf .ct .search input{outline:none}
	#bookshelf .ct .search input[type="search"]{width:70%;height:80px;font-family:"roboto", "NotoSans", sans-serif;font-size:22px;padding:0 35px;position:relative;top:-3px}
	#bookshelf .ct .search input[type="submit"]{position:absolute;top:0;right:-2px;width:175px;height:95px;background:#4a3232}

/* µµ¼­°Ë»ö(ÅÇ : À帣/·¹º§) */
	#bookshelf .ct .tab{height:95px;border-bottom:3px solid #4a3232}
	#bookshelf .ct .tab li{width:50%;height:100%;line-height:95px;padding:3px 30px 0;text-align:center;background:url(../img/select-arrow.png) #fff no-repeat 95% 55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
	#bookshelf .ct .tab li:last-child{border-left:3px solid #4a3232}
	#bookshelf .ct .tab li:hover{background-color:#f5f5f5}
	#bookshelf .ct .tab li, #bookshelf .ct .tab li:hover{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

/* µµ¼­°Ë»ö(Æ˾÷ : À帣/·¹º§) */
	#bookshelf .pu{display:none;position:fixed;top:0;left:0;z-index:10;width:100%;height:100vh}
	#bookshelf .pu .inner{width:600px;height:70vh;margin:15vh auto 0;position:relative;top:50px}
	#bookshelf .pu ul{padding:100px 0}
	#bookshelf .pu li{padding:15px 10px 12px}
	#bookshelf .pu li:hover{background:#f5f5f5}
	#bookshelf .pu li, #bookshelf .pu li:hover{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
		.mCSB_container_wrapper, .mCSB_container_wrapper > .mCSB_container{margin:0 !important;padding:0 !important;width:100% !important;overflow-x:hidden !important;left:0 !important}
		.mCSB_scrollTools_horizontal{display:none !important}
		
/* µµ¼­°Ë»ö(Ã¥¸®½ºÆ®) */
	#bookshelf .ct .book ul{max-width:1420px;margin:90px auto 0}
	#bookshelf .ct .book li{margin-bottom:50px;width:20%;float:left;padding:10px}
	#bookshelf .ct .book li > a{display:block;cursor:url(../img/cursor-pointer.png), pointer}
	#bookshelf .ct .book li > a img{width:100%;position:relative}
	#bookshelf .ct .book li:hover > a img{margin:-10px 0 10px}
	#bookshelf .ct .book li > a h5{margin:20px 0 10px 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
	#bookshelf .ct .book li > a p{padding:0 4px 12px;margin-bottom:14px;border-bottom:2px solid #ddd;line-height:26px}
	#bookshelf .ct .book li:hover > a p{text-decoration:underline}
	#bookshelf .ct .book li > div a{padding:0 2px;margin-right:13px}
	#bookshelf .ct .book li > div a:hover{box-shadow:inset 0 -12px 0 #87ff26}
	#bookshelf .ct .book li > div a, #bookshelf .ct .book li > div a:hover, 
	#bookshelf .ct .book li > a img, #bookshelf .ct .book li:hover > a img{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

/* µµ¼­µðÅ×ÀÏ */
	#bookdetail{padding-bottom:70px}
	#bookdetail .bb{width:27%}
	#bookdetail .bb img{width:100%;max-width:389px}
	#bookdetail .bt{width:70%;margin-left:3%}
	#bookdetail .bt h5{margin-top:30px}
	#bookdetail .table{margin:20px 0 30px}
	#bookdetail .table th, .table td{padding-left:25px}
	#bookdetail ul{width:70%;margin:0 auto}
	#bookdetail li{width:100%}
	#bookdetail li .all-btn{width:98%}
	#bookdetail li:last-child .all-btn{margin-left:1%}

/* ¾î¹Ù¿ô¾î½º */
	#aboutus .aboutimg{width:100%;height:600px;background:url(../img/about1.jpg) no-repeat center center;margin:40px 0 90px;background-size:cover}
	#aboutus .abouttext li:nth-child(1){width:70%;padding-top:35px}
	#aboutus .abouttext li:nth-child(2){width:25%;margin-left:5%}
	#aboutus .abouttext li h5{border-bottom:3px solid #ddd}
	#aboutus .abouttext li a{color:#4297ff;text-decoration:underline;padding-bottom:20px;display:block}
	#aboutus .aboutbox{margin-top:120px}
	#aboutus .aboutbox img{width:32.33333%;margin:0 0.5%}
	#aboutus .aboutbox img:last-child{border-radius:0 0 350px 0}

/* À帣º°¼Ò°³ */
	#genre h5{margin-top:90px}
	#genre h5 span.num{font-size:30px;width:70px;height:70px;line-height:73px;margin:0 15px 15px 0}
	#genre h5 span.pointblue{box-shadow: inset 0 -25px 0 #80d4ff;padding:0 4px 0 2px}
	#genre div.box{padding:60px 90px}
	#genre .book5{margin-top:25px}
	#genre .book5 li{padding-top:10px}
	#genre .book5 li a{display:block;cursor:url(../img/cursor-pointer.png), pointer}
	#genre .book5 li img{width:100%;position:relative}
	#genre .book5 li a:hover img{margin:-10px 0 10px}
	#genre .book5 li p{display:inline-block;padding:0 2px;line-height:24px;margin-top:15px}
	#genre .book5 li a:hover p{color:#222;box-shadow:inset 0 -12px 0 #87ff26}
		.owl-carousel button.owl-dot{width:10px;height:10px;border-radius:500px;background:#bbb;margin:0 3px}
		.owl-carousel button.owl-dot.active{background:#4a3232}
		#genre .book5 li a img, #genre .book5 li a:hover img#genre .book5 li p, #genre .book5 li a:hover p{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
	#genre > a.all-btn{font-weight:400;margin:75px auto 0}

/* E-Scan(ÅÇ) */
	#escan .ct > div{position:relative}
	.escantab{border-bottom:3px solid #4a3232}
	.escantab li{width:50%;height:90px;line-height:95px;text-align:center}
	.escantab li:hover{background:#f5f5f5}
	.escantab li.on{background:#4a3232;color:#fff}
		.escantab li, .escantab li:hover{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

/* E-Scan(¼Ò°³) */
	.escaninfo{padding-top:50px;margin-top:30px}
	.escaninfo.on{margin-top:0}
		.escaninfo, .escaninfo.on{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
	.escaninfo h5{margin-top:90px}
	.escaninfo h5 span.num{font-size:30px;width:70px;height:70px;line-height:73px;margin:0 15px 15px 0}
	.escaninfo h5 span.pointblue{box-shadow: inset 0 -25px 0 #80d4ff;padding:0 4px 0 2px}
	.escaninfo div.box{padding:45px 90px}
	.escaninfo ul.iconbox{margin-bottom:-110px;position:relative;top:33px}
	.escaninfo ul.iconbox img{margin:0 15px}
	.escaninfo > a.all-btn{color:#fff;margin:75px auto 0;font-weight:400 !important}
		#escan .escaninfo .illu{position:absolute;bottom:10px;right:35px;z-index:2}
		#escan .escaninfo .illu img{position:relative}
		#escan .escaninfo .illu-motion{left:-35px;animation:illu-motion 1.2s ease-in-out infinite}
			@keyframes illu-motion{
				0%{bottom:190px}
				50%{bottom:205px}
				100%{bottom:190px}
			}
		#escan .escaninfo .sub-footpadding{height:250px !important}
		#escan .escaninfo .firstbox{padding-bottom:80px}

/* E-Scan(½ÃÀÛ) */
	.escanstart{display:none;padding-top:50px;margin-top:30px}
	.escanstart.on{margin-top:0}
		.escanstart, .escanstart.on{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
	.escanstart .textbox{margin:75px 0}
	.escanstart .textbox li{width:49%;min-height:400px;padding:50px 50px 0;position:relative;border:3px solid #ddd}
	.escanstart .textbox li:last-child{margin-left:2%}
	.escanstart .textbox li img.ngr{display:block;position:absolute;bottom:-3px;right:-27px}
	.escanstart p span.pointblue{box-shadow: inset 0 -20px 0 #80d4ff}
	.escanstart .selectbox{margin-top:90px}
	.escanstart .selectbox li{width:32.33333%;margin:0 0.5%}
	.escanstart .selectbox li a{display:block;width:100%;max-width:100%;height:76px;line-height:78px;border-radius:0;color:#fff;font-weight:400;letter-spacing:0}
	.escanstart .selectbox li select{width:100%;height:70px;line-height:72px;padding:0 30px;outline:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:url("../img/select-arrow.png") no-repeat 95% 50%}
	.escanstart .selectbox li select::-ms-expand {display:none}
	.escanstart .selectbox li option{font-size:18px}
	.escanstart .all-btn:hover{top:0}

/* ½ºÅ͵ð·ë */
	.sub-content .tt{position:relative}
	.sub-content .tt .onlynb{position:absolute;top:60px;left:50%;margin-left:280px;animation:illu-motion2 1.2s ease-in-out infinite}
			@keyframes illu-motion2{
				0%{top:60px}
				50%{top:45px}
				100%{top:60px}
			}
	#studyroom h4{margin-top:70px}
	#studyroom .ct{background:url(../img/studyroom-bg.jpg) no-repeat right center;padding-top:50px;margin-top:-35px}
	#studyroom .ct .inner{width:50%}
		#studyroom .classselect{overflow:hidden;height:80px}
		#studyroom .classselect select{width:90%;margin:0 5%;height:100%;line-height:80px;padding-left:20px;outline:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:url("../img/select-arrow.png") no-repeat 100% 55%}
		#studyroom .classselect select::-ms-expand {display:none}
		#studyroom .classselect option{font-size:18px}
	#studyroom .studybox{overflow:hidden;border-radius:20px 20px 300px 20px;margin-top:30px}
	#studyroom .studybox ul{width:100%}
	#studyroom .studybox a{display:block;cursor:url(../img/cursor-pointer.png), pointer}
		#studyroom .studybox .big{border-bottom:3px solid #4a3232}
		#studyroom .studybox .big li{width:50%;padding:40px 0 35px}
		#studyroom .studybox .big li img{margin-bottom:15px;position:relative;left:7px}
		#studyroom .studybox .big li:nth-child(1):hover{background:#382525}
		#studyroom .studybox .big li:nth-child(2):hover{background:#f2f2f2}
		#studyroom .studybox .small a{padding:15px 0 15px 60px;display:flex;align-items:center}
		#studyroom .studybox .small a:hover{background:#f5f5f5}
		#studyroom .studybox .small img{position:relative;top:-2px;left:-15px}
			#studyroom .studybox .big li, #studyroom .studybox .big li:nth-child(1):hover, #studyroom .studybox .big li:nth-child(2):hover,
			#studyroom .studybox .small a, #studyroom .studybox .small a:hover{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

/* ¸¶ÀÌ·¹º§ */
	#mylevel .tt h2{margin-bottom:10px}
	#mylevel .tt .inner-700{max-width:800px;margin:75px auto}
	#mylevel .simple-bar-graph__bar{opacity:1 !important}
	#mylevel .simple-bar-graph__popup{display:none !important}
	#mylevel .simple-bar-graph__row .simple-bar-graph__value, #mylevel .simple-bar-graph__null .simple-bar-graph__value{top:-5px;right:-10px}
	#mylevel .table td, #mylevel .table th{border:1px solid #ddd;text-align:center;padding:20px 3px 18px}
	#mylevel .table td{font-size:16px;font-weight:500}
	#mylevel .table td a{font-size:15px;color:#666;border:1px solid #aaa;border-radius:500px;padding:5px 25px 6px}
	#mylevel .table td:nth-child(4){color:#e31818}
	#mylevel .table td:nth-child(4) a{background:#e31818;color:#fff;border:none}

/* ¸¶À̽ºÄÚ¾î */
	#myscore .tt{margin-bottom:30px}
	#myscore .tt h2{margin-bottom:10px}
	#myscore .tt h4{margin-top:70px}
	#myscore .box{margin-bottom:70px;padding:25px 25px 25px 50px}
	#myscore .box ul{width:80%}
	#myscore .box li{margin:10px 0;align-items:center}
	#myscore .box li:first-child{margin:20px 0}
	#myscore .box li p{width:20%;font-weight:800}
	#myscore .box li div{width:80%}
	#myscore .box li input, #myscore .box li select{border:1px solid #ddd;padding:8px 20px;height:55px}
	#myscore .box li label{margin-right:30px;padding-left:30px}
	#myscore .box > input{width:18%;margin-left:2%;height:250px}
	#myscore .box li select{outline:none;-moz-appearance:none;-webkit-appearance:none;appearance:none;background:url("../img/select-arrow.png") no-repeat 89% 50%}
	#myscore .box li select::-ms-expand {display:none}
	#myscore .box input[type="radio"]{display:none;width:auto}
	#myscore .box input[type="radio"] + label{background:url("../img/radio-off.png") no-repeat 0 center;background-size:21px;cursor:pointer;background-size:contain}
	#myscore .box input[type="radio"]:checked + label{background-image: url("../img/radio-on.png")}
		.width-23{width:30%}
		.width-50{width:29.8%}
		.width-100{width:100%}
	#myscore .table td, #myscore .table th{border-right:1px solid #ddd;text-align:center;padding:20px 3px 18px}
	#myscore .table td{font-size:16px;font-weight:500}
	#myscore .table td:nth-child(2), #myscore .table td:nth-child(3){text-align:left;padding-left:20px}
	#myscore .table td:nth-child(6), #myscore .table td:nth-child(7){color:#e31818}
	#myscore .table th:last-child, #myscore .table td:last-child{border-right:none}
	#myscore .table tr:last-child th, #myscore .table tr:last-child td{border-bottom:none}
	#myscore .botbox{padding:35px 0 30px}
	#myscore .botbox span{margin:0 50px 0 10px}
	#myscore .all-btn{margin:75px auto 0}
		.table-mb{display:none}

/* ¸¶À̸®Æ÷Æ® */
	#myreport .tt h2{margin-bottom:10px}
	#myreport .ct{position:relative;padding:0 20px}
	#myreport .ct .illu{position:absolute;z-index:2}
	#myreport .ct .illu.top{top:-81px;left:-69px}
	#myreport .ct .illu.bot{bottom:-15px;right:75px;animation:illu-motion3 1.2s ease-in-out infinite}
			@keyframes illu-motion3{
				0%{bottom:-15px}
				50%{bottom:-30px}
				100%{bottom:-15px}
			}
	#myreport .ct .box{height:470px;border-radius:15px;overflow:hidden}
	#myreport .ct .box ul{padding:50px 0}
	#myreport .ct .box li a{display:block;padding:18px 5px 13px;cursor:url(../img/cursor-pointer.png), pointer}
	#myreport .ct .box li a:hover{background:#f5f5f5}
	#myreport .ct .box li a, #myreport .ct .box li a:hover{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
	#myreport .ct .tab{margin-bottom:20px}
	#myreport .ct .tab .arrow{margin:0 20px;position:relative;top:-2px}
	#myreport .ct .tab .arrow a{display:block;width:40px;height:40px;line-height:36px;border:2px solid #ddd;border-radius:500px;text-align:center}

/* ÀÌ¿ë¾à°ü */
	#policy h5{margin:70px 0 5px}
	#policy .table{margin:10px 0}
	#policy .table.text-center td{padding:15px 2px !important}
	#policy .table th, #policy .table td{font-size:15px;line-height:25px;border:1px solid #ddd}
	#policy ul{margin:10px 0 10px 20px}
	#policy ul a{color:blue;text-decoration:underline}

/* ÇÁ¸°Æ® */
	.print-content{width:700px;padding:40px 20px 70px;margin:0 auto;position:relative;overflow-x:scroll}
	.print-content h5{font-size:18px;margin:30px 0 10px}
	.print-content p{font-size:13px;line-height:20px;color:#666;margin:10px 0}
	.print-content table{width:100%;font-size:13px;line-height:20px;border-top:2px solid #666;text-align:center}
	.print-content th{background:#f5f5f5 !important; -webkit-print-color-adjust:exact;color:#222;font-weight:600}
	.print-content td{color:#666}
	.print-content td b{font-size:17px;color:#444;margin-right:3px}
	.print-content td b.big{font-size:28px;color:#222;padding:10px 0 10px;display:inline-block}
	.print-content th, .print-content td{border:1px solid #ddd;padding:10px 5px 8px}
	.print-content th.le, .print-content td.le{text-align:left;padding-left:20px}
		tr.line-b{border-bottom:2px solid #444}
		td.table-p{padding-top:30px;padding-bottom:30px}
	.print-content .print-tbn{font-family:"roboto", "NotoSans", sans-serif;font-size:15px;font-weight:500;display:inline-block;border:1px solid #bbb;color:#222;border-radius:500px;width:80px;height:30px;line-height:28px;text-align:center;position:absolute;right:20px}
	.print-content .print-tbn:hover{border-color:#222}
	.print-content .print-tbn:hover, .print-content .print-tbn:hover{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
		.print-content .tp{top:20px}
		.print-content .bt{bottom:20px}
	.print-content .column li{width:49%;float:left}
	.print-content .column li:last-child{margin-left:2%}
	.print-content .column li th, th.color-o, tr.color-o th{background:rgba(217,191,112,0.3) !important; -webkit-print-color-adjust:exact;}
	.print-content .column li:last-child th, th.color-b, tr.color-b th{background:rgba(166,220,216,0.275) !important; -webkit-print-color-adjust:exact;}
		.check-position{width:545px;height:18px;margin:0 auto;position:relative;left:-14px}
		.check-position-more{height:30px;left:-24px}
		.check-position img{position:absolute}
	.print-content .color-red{color:#e31818 !important;font-weight:600}

/* Å×½ºÆ®(Ç¥Áö) */
	#test-cover{height:100vh}
	#test-cover .tt{margin:0}
	#test-cover .inner-700{max-width:800px;margin:0}
	#test-cover .ct .flex-start{width:100%;padding:27px 25px 25px 50px;margin:15px 0}
	#test-cover .ct .flex-start img{position:relative;top:3px;left:-15px}
		#test-cover .ct .btn-1 li{width:100%;height:100%}
		#test-cover .ct .btn-1 a{background:#f07d37;display:flex;justify-content:center;align-items:center;height:75px;border-radius:15px;padding-top:2px;cursor:url(../img/cursor-pointer.png), pointer}
		#test-cover .ct .btn-2 li{width:49%}
		#test-cover .ct .btn-2 li:last-child{margin-left:2%}
		#test-cover .ct .btn-2 a{background:#6680ff}

/* Å×½ºÆ®(·¹À̾ƿô) */
	#test{height:100vh}
	#test .tt{margin:0}
	#test .inner-1200{margin:0}
	#test .tt img, #test .tt p{display:inline-block}
	#test .tt p{text-align:left;padding-top:7px}
	#test .tt .le{width:70%;display:flex;align-items:center}
	#test .tt .le p{margin-left:20px}
	#test .tt .ri{width:30%;text-align:right}
		#test .top{display:flex;justify-content:space-between;align-items:center}
		#test .bot{display:flex;align-items:center;padding:27px 30px 25px;margin:10px 0 15px}
		#test .bot p{margin-left:15px}
	#test .ct{height:450px}
	#test .ct .le{width:49.5%;margin-right:0.5%;height:100%;border:3px solid #eee;padding:50px}
	#test .ct .le img.play{width:100%;max-width:439px}
	#test .ct .ri{width:49.5%;margin-left:0.5%;height:100%}
	#test .ct .ri ul{height:100%}
	#test .ct .ri li{width:100%;margin-bottom:2%;border:3px solid #eee;border-radius:15px;display:flex;align-items:center;overflow:hidden}
		#test .ct .ri .type-2 li{width:49%;height:39%;float:left}
		#test .ct .ri .type-2 li img{width:100%;max-width:185px}
		#test .ct .ri .type-2 li:nth-child(1), #test .ct .ri .type-2 li:nth-child(3){margin-right:2%}
		#test .ct .ri .type-2 li:last-child{width:100%;height:17%}
		#test .ct .ri .type-3 li{height:25%}
		#test .ct .ri .type-3 li:last-child{height:17%}
		#test .ct .ri .type-4 li{height:18%}
	#test .ct .ri li.on{border-color:#444}
	#test .ct .ri li:last-child{border:none;padding:0}
	#test .ct .ri li label{width:100%;height:100%;padding-left:15px;display:flex;align-items:center}
	#test .ct .ri li label p{margin-left:35px}
		#test .btn a{height:100%;border-radius:15px;display:flex;justify-content:center;align-items:center;padding-top:5px;cursor:url(../img/cursor-pointer.png), pointer}
			.nextbtn{width:70%;background:#6680ff}
			.skipbtn{width:28%;margin-left:2%;background:#bbb}
	#test .ct input[type="radio"]{display:none;width:auto;cursor:url(../img/cursor-pointer.png), pointer}
	#test .ct input[type="radio"] + label{background:url("../img/radio-off.png") no-repeat 20px center;background-size:21px;cursor:url(../img/cursor-pointer.png), pointer}
	#test .ct input[type="radio"]:checked + label{background-image: url("../img/radio-on.png")}

/* Å×½ºÆ®(Ä÷¯) */
	#countdown{display:none}
		.top-fix-btn{z-index:2;width:100px;height:90px;position:absolute;top:0;right:0;background:#f2f2f2;text-align:center}
		.top-fix-btn.timer{background:#6680ff;right:100px}
		.top-fix-btn.close{cursor:pointer}
	.level-k .timer, .level-k .nextbtn{background:#7366ff !important}
	.level-1 .timer, .level-1 .nextbtn{background:#3c8df0 !important}
	.level-2 .timer, .level-2 .nextbtn{background:#26bfcb !important}
	.level-3 .timer, .level-3 .nextbtn{background:#14c58a !important}
	.level-4 .timer, .level-4 .nextbtn{background:#f07d37 !important}
	.level-5 .timer, .level-5 .nextbtn{background:#daae0b !important}
		.level-k .ct .btn-1 a, .level-k .ct .btn-2 a{background:#7366ff !important}
		.level-1 .ct .btn-1 a, .level-1 .ct .btn-2 a{background:#3c8df0 !important}
		.level-2 .ct .btn-1 a, .level-2 .ct .btn-2 a{background:#26bfcb !important}
		.level-3 .ct .btn-1 a, .level-3 .ct .btn-2 a{background:#14c58a !important}
		.level-4 .ct .btn-1 a, .level-4 .ct .btn-2 a{background:#f07d37 !important}
		.level-5 .ct .btn-1 a, .level-5 .ct .btn-2 a{background:#daae0b !important}

/* ½ºÅ͵𠵥½ºÆ® */
	#studydesk .sf-tt{margin-top:90px}
	#studydesk .sf-tt h4{margin:45px auto 15px}
	#studydesk .sf-ct .tab li{width:33.5%;height:75px;border-left:3px solid #4a3232;display:flex;justify-content:center;align-items:center;padding-top:3px}
	#studydesk .sf-ct .tab li:first-child{border-left:none}
	#studydesk .sf-ct .tab li.on{background:#4a3232;color:#fff}
	#studydesk .sf-ct .tab li:hover{background:#f5f5f5}
	#studydesk .sf-ct .tab li.on:hover{background:#4a3232}
	#studydesk .sf-ct .tab li, #studydesk .sf-ct .tab li.on, #studydesk .sf-ct .tab li:hover{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

	#studydesk .cont{min-height:500px;margin:60px 0 100px;display:none}
	#studydesk .cont.on{margin-top:30px;display:block}
	#studydesk .cont .book{width:100%}
	#studydesk .cont .book li{margin-bottom:50px;width:16.66666%;float:left;padding:7px}
	#studydesk .cont .book li a{display:block;cursor:url(../img/cursor-pointer.png), pointer}
	#studydesk .cont .book li a img{width:100%;position:relative}		
	#studydesk .cont .book li a h5{margin:20px 0 10px 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
	#studydesk .cont .book li a p{padding:0 4px 12px;margin-bottom:14px;border-bottom:2px solid #ddd;line-height:26px}
	#studydesk .cont .book li div a{display:inline-block;margin:0 5px;line-height:18px}
	#studydesk .cont .book li div a.color-red{color:#e31818}
		#studydesk .cont .book li:hover > a img{margin:-10px 0 10px}
		#studydesk .cont .book li:hover > a p{text-decoration:underline}
		#studydesk .cont .book li > div a:hover{box-shadow:inset 0 -12px 0 #87ff26}
	#studydesk .cont > a.all-btn{margin:75px auto 10px}
		#studydesk .curriculum .book li a p{padding:0 4px}
		#studydesk .latest{margin-bottom:0}
		#studydesk .latest .illu{width:200px;position:fixed;bottom:0;right:30px}
		
	#studydesk .cont, #studydesk .cont.on,
	#studydesk .cont .book li > div a, #studydesk .cont .book li > div a:hover,
	#studydesk .cont .book li > a img, #studydesk .cont .book li:hover > a img,
	#studydesk .cont .book li > a p, #studydesk .cont .book li:hover > a p{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}

	#studydesk .table td, #studydesk .table th{border-right:1px solid #ddd;text-align:center;padding:20px 3px 18px}
	#studydesk .table td{font-size:16px;font-weight:500}
	#studydesk .table td:nth-child(2), #studydesk .table td:nth-child(3){text-align:left;padding-left:20px}
	#studydesk .table td:nth-child(6), #studydesk .table td:nth-child(7){color:#e31818}
	#studydesk .table th:last-child, #studydesk .table td:last-child{border-right:none}


/* ¹ÝÀÀÇü */
	@media(max-width:1700px){
		#studyroom .ct{background:url(../img/studyroom-bg2.jpg) no-repeat center bottom;background-size:1700px;padding-bottom:550px;padding-top:0;margin-top:-55px}
		#studyroom .ct .inner{width:100%;max-width:700px;margin:0 auto;padding:0 10px}
	}
	@media(max-width:1400px){
		.sub-content .tt{margin:185px auto 70px;text-align:center}
		.sub-footpadding{height:200px}
		#bookshelf .ct .book ul{margin:30px auto 0}
		#bookshelf .ct .book li{width:25%}
		#aboutus > p{text-align:center}
		#studyroom .ct{background-size:1400px;padding-bottom:500px}
	}
	@media(max-width:1150px){
		.sub-content .tt{margin:150px auto 40px}
		.sub-footpadding{height:150px}
		#bookshelf .ct .search{height:80px}
		#bookshelf .ct .search select{height:80px;padding:0 15px}
		#bookshelf .ct .search option{font-size:15px}
		#bookshelf .ct .search input[type="search"]{font-size:20px;height:60px;top:0;padding-left:25px}
		#bookshelf .ct .search input[type="submit"]{font-size:22px;width:130px;height:75px}
		#bookshelf .ct .tab{height:75px}
		#bookshelf .ct .tab li{line-height:73px}
		#bookshelf .pu .inner{width:70%}
		#bookshelf .ct .book li{width:33.33333%;margin-bottom:35px}
		#bookdetail{padding-bottom:150px}
		#bookdetail h5{font-size:33px;margin-top:35px}
		#bookdetail > div{flex-direction:column}
		#bookdetail .tt{margin-bottom:0}
		#bookdetail .bb{flex:1;width:100%}
		#bookdetail .bb img{width:90%;margin:20px 0}
		#bookdetail .bt{flex:1;width:100%;margin-left:0}
		#bookdetail .table th, .table td{padding-left:20px}
		#aboutus .aboutimg{height:500px;margin:30px 0 40px}				
		#aboutus .abouttext li h5{border-width:2px}
		#aboutus .aboutbox{margin-top:70px}
		#escan .escaninfo .illu{right:-10px;bottom:15px}
		#escan .escaninfo .illu-motion{left:-35px}
		@keyframes illu-motion{
			0%{bottom:170px}
			50%{bottom:185px}
			100%{bottom:170px}
		}
		#escan .escaninfo .illu img.ss{width:200px}
		#escan .escaninfo .illu img.nb{width:30px}
			.escantab li{height:80px;line-height:82px}
			.escaninfo h5{margin-top:70px}
			.escaninfo h5 span.num{font-size:25px;width:60px;height:60px;line-height:63px;margin:0 10px 10px 0}
			.escaninfo h5 span.pointblue{box-shadow:inset 0 -20px 0 #80d4ff}
			.escaninfo div.box{padding:25px 50px}
			.escaninfo ul.iconbox{margin-bottom:-80px;top:21px}
			.escaninfo ul.iconbox li:nth-child(1) img, .escaninfo ul.iconbox li:nth-child(3) img, .escaninfo ul.iconbox li:nth-child(5) img, 
			.escaninfo ul.iconbox li:nth-child(7) img{width:140px}
			.escaninfo ul.iconbox img{margin:0 10px}
		.escanstart{padding-top:50px}
		.escanstart .textbox{margin:40px 0 90px;flex-direction:column}
		.escanstart .textbox li{flex:1;width:100%;min-height:auto;padding:40px 50px;border-width:2px}
		.escanstart .textbox li:last-child{margin-left:0;margin-top:20px}
		.escanstart .textbox li img.ngr{bottom:-2px;right:-15px}
		.escanstart p span.pointblue{box-shadow:inset 0 -15px 0 #80d4ff}
		.escanstart .selectbox{margin-top:50px}
		.escanstart .selectbox li option{font-size:15px}
		#genre h5{margin:70px 0 12px}
		#genre h5 span.num{font-size:25px;width:60px;height:60px;line-height:63px;margin:0 10px 10px 0}
		#genre h5 span.pointblue{box-shadow:inset 0 -20px 0 #80d4ff}
		#genre div.box{padding:40px 50px}
		#genre .book5{margin-top:15px}
		#studyroom h4{margin-top:40px;font-size:23px}
		.sub-content .tt .onlynb{margin-left:180px;width:30px}
			@keyframes illu-motion2{
				0%{top:40px}
				50%{top:25px}
				100%{top:40px}
			}
		#studyroom .ct{margin-top:-20px}
		#mylevel .table th, #myscore .table th, #studydesk .table th{font-size:15px}
		#mylevel .table td, #myscore .table td, #studydesk .table td{font-size:14px}
		#mylevel .table td a{font-size:13px;padding:5px 20px 6px}
		#myscore .tt{margin-bottom:15px}
		#myscore .tt h4{margin-top:45px}
		#myreport .inner-700{max-width:600px}
		#myreport .ct .illu.top{top:-93px;left:-79px}
		#myreport .ct .box{height:400px}
		#myreport .ct .box ul{padding:35px 0}
		#myreport .ct .box li a{padding:15px 5px 12px}
		#myreport .ct .tab .arrow{top:-1px}
		#myreport .ct .tab .arrow a{line-height:40px}
		#login{padding:150px 0}
		#login .flex-center{flex-direction:column}
		#login .flex-center > div{flex:1;width:100%;margin:0 auto;text-align:center}
		#login img{width:100%;max-width:796px;margin:50px auto 0;top:0;left:20px}
		#login .inputbox{max-width:340px;margin:40px auto 10px}
		#login input{height:55px;margin:10px 0;padding:2px 30px 0}
		#policy p, #policy ul{line-height:25px}
		#policy h5{margin:50px 0 5px;font-size:18px}
		#policy ul{margin:10px 0 10px}
		#test{height:auto;margin:140px auto 70px}
		#test .ct{height:auto;flex-direction:column}
		#test .ct .le{flex:1;width:100%;margin-right:0%;height:auto;padding:50px;margin-bottom:30px}
		#test .ct .ri{flex:1;width:100%;margin-left:0%;height:auto}
		#test .ct .ri ul{height:auto}
			#test .ct .ri .type-2 li:last-child{height:70px}
			#test .ct .ri .type-2 li label{justify-content:center;margin-right:50px}
			#test .ct .ri .type-3 li{height:auto;padding:20px 0}
			#test .ct .ri .type-3 li:last-child a{height:70px}
			#test .ct .ri .type-4 li{height:auto;padding:20px 0}
			#test .ct .ri .type-4 li:last-child a{height:70px}
		.top-fix-btn{width:80px;height:75px}
		.top-fix-btn img{width:70px}
		.top-fix-btn.timer{right:0}
		.top-fix-btn.close{display:none}
			#countdown{transform:scale(0.8, 0.8);position:relative;top:-10px;left:-8px}
		#studydesk .cont .book{display:inline-block}
		#studydesk .cont .book li{margin-bottom:35px;width:33.33333%}
		#studydesk .cont > a.all-btn{margin:60px auto 10px}
		#studydesk .latest{margin-bottom:30px}
		#studydesk .latest .illu{width:150px;right:30px}
	}
	@media(max-width:900px){
		.sub-titlepadding{height:0}
		#bookshelf .ct{background:#fff;padding:0}
		#bookshelf .ct .box{border:none}
		#bookshelf .ct .book ul{padding:0 10px}
		#bookshelf .ct .search{max-width:800px;width:90%;top:0;height:60px}
		#bookshelf .ct .search select{padding:0 15px;height:60px;font-size:18px;padding-right:25px;border-width:2px}
		#bookshelf .ct .search input[type="search"]{width:100%;font-size:18px;top:-2px;padding:5px 15px}
		#bookshelf .ct .search input[type="submit"]{font-size:18px;width:100px;height:58px}
		#bookshelf .ct .tab{width:90%;height:60px;margin:15px auto 0;overflow:hidden;border:3px solid #4a3232;border-radius:500px}
		#bookshelf .ct .tab li{font-size:18px;line-height:56px;text-align:left;background-position:90% 55%;padding:3px 40px 0}
		#bookshelf .ct .book ul{margin:40px auto 0}
		#bookshelf .ct .book li{width:50%}
		#bookshelf .ct .book li:hover > a img{margin:0}
		#bookshelf .ct .book li:hover > a p{text-decoration:none}
		#bookshelf .ct .book li > a p{line-height:22px}
		#bookshelf .ct .tab, #bookshelf .ct .tab li:last-child{border-width:2px}
		#aboutus .aboutimg{background-position:60% center}
		#aboutus .abouttext{flex-direction:column}
		#aboutus .abouttext li{flex:1;font-size:16px}
		#aboutus .abouttext li:nth-child(1){width:100%}
		#aboutus .abouttext li:nth-child(2){width:100%;margin-left:0}
		#aboutus .abouttext li h5{margin-top:70px;margin-bottom:15px}
		#aboutus .abouttext li a{padding-bottom:20px;margin-top:0}
		#aboutus .aboutbox img:last-child{border-radius:0 0 350px 0}
		#aboutus .aboutp{font-size:16px;font-family:"roboto", "NotoSans", sans-serif;letter-spacing:-0.25px;font-weight:400;line-height:28px}
		#escan .ct .border-3{border:none}
			.escantab{border:2px solid #4a3232;border-radius:500px;overflow:hidden}
			.escantab li{height:60px;line-height:62px;font-size:20px}
			.escaninfo.inner-1400{padding:50px 0 0}
			.escaninfo h5{text-align:center;margin-top:60px}
			.escaninfo h5 span.num{display:block;margin:0 auto 10px;width:45px;height:45px;line-height:47px;font-size:20px}
			.escaninfo div.box{margin-top:10px}
			.escaninfo ul.iconbox li:nth-child(1) img, .escaninfo ul.iconbox li:nth-child(2) img, .escaninfo ul.iconbox li:nth-child(4) img, 
			.escaninfo ul.iconbox li:nth-child(6) img{display:none}
			.escaninfo > a.all-btn{margin:40px auto 0}
		.escanstart.inner-1400{padding:50px 0 0}
		.escanstart .textbox li img.ngr{width:200px}
		.escanstart .selectbox li{border:2px solid #4a3232 !important}
		.escanstart .selectbox li:last-child{border:none !important}
		.escanstart .selectbox li a{height:66px;line-height:68px}
		.escanstart .selectbox li select{height:60px;line-height:62px}
		#genre h5{text-align:center;margin-top:60px}
		#genre h5 span.num{display:block;margin:0 auto 10px;width:45px;height:45px;line-height:47px;font-size:20px}
		#genre > a.all-btn{margin:40px auto 0}
		#studyroom .ct{background-size:1200px;padding-bottom:425px}
		#studyroom .inner-1560{padding:0 10px}
		#studyroom .studybox .big{border-width:2px}
		#studyroom .studybox .big li img{width:80px;margin-bottom:10px;left:5px}
		#mylevel .simple-bar-graph__columns{height:300px !important}
		#myscore .botbox{text-align:left;padding:25px 0 25px 30px;font-size:20px}
		#myscore .botbox span{margin:0 0 0 5px;font-size:24px}
		#myscore .all-btn{margin:40px auto 0}
		#myreport .ct .illu.top{display:none}
		#myreport .ct .illu.bot{width:30px;bottom:-10px;right:40px}
			@keyframes illu-motion3{
				0%{bottom:-10px}
				50%{bottom:-20px}
				100%{bottom:-10px}
			}
		#myscore .box{flex-direction:column;margin-bottom:45px;padding:15px}
		#myscore .box ul{flex:1;width:100%;padding-left:15px}
		#myscore .box li input, #myscore .box li select{padding:5px 20px;height:50px}
		#myscore .box li label{margin-right:20px;padding-left:25px}
		#myscore .box li p{width:23%}
		#myscore .box li div{width:77%}
		#myscore .box > input{flex:1;width:100%;margin-left:0;min-height:60px;border-radius:10px}
			.width-23{width:42%}
			.width-50{width:41.8%}
			.width-100{width:99.5%}
		#studydesk .inner-1400{padding:0 10px}
		#studydesk .sf-tt{margin-top:70px}
		#studydesk .sf-tt h4{margin:35px auto 10px}		
		#studydesk .sf-ct .tab{border-radius:500px;overflow:hidden}
		#studydesk .sf-ct .tab li{border-width:2px;height:60px;font-size:17px}
	}
	@media(max-width:600px){
		#bookshelf .ct .search select{display:none}
		#bookshelf .ct .search input[type="search"]{padding:5px 0}
		#bookshelf .ct .search input[type="submit"]{width:80px}
		#bookshelf .ct .tab li{padding-left:20px}
		#bookshelf .pu .inner{width:85%}
		#bookshelf .pu ul{padding:50px 0}
		#bookshelf .pu li{padding:12px 5px 10px;font-size:18px}
		#bookshelf .ct .book li{padding:5px}
		#bookshelf .ct .book li > a{text-align:center}
		#bookshelf .ct .book li > a h5{margin:10px 0}
		#bookshelf .ct .book li > div{text-align:center;margin-top:-3px;line-height:28px}
		#bookshelf .ct .book li > div a{padding:4px 2px;margin-right:0}
		#bookdetail .table th, .table td{padding-left:10px}
		#bookdetail h5{font-size:28px;margin-top:25px}
		#bookdetail ul{width:100%}
		#aboutus .aboutimg{height:400px}
		#aboutus .abouttext li:nth-child(1){padding-top:20px}
		#aboutus .aboutbox{margin-top:50px}
		#escan .escaninfo .illu{right:-20px;bottom:15px}
		@keyframes illu-motion{
			0%{bottom:140px}
			50%{bottom:155px}
			100%{bottom:140px}
		}
		#escan .escaninfo .illu img.ss{width:170px}
		#escan .escaninfo .illu img.nb{width:25px}
			.escaninfo div.box{padding:25px;border-radius:10px}
			.escaninfo ul.iconbox{margin-bottom:-60px;top:21px}
			.escaninfo ul.iconbox li:nth-child(1) img, .escaninfo ul.iconbox li:nth-child(3) img, .escaninfo ul.iconbox li:nth-child(5) img, 
			.escaninfo ul.iconbox li:nth-child(7) img{width:100px}
			.escaninfo ul.iconbox img{margin:0 5px}
		.escanstart .textbox li{padding:25px;border-radius:10px}
		.escanstart .textbox li img.ngr{width:160px}
		.escanstart .pmb, .escanstart .pmb span{font-size:18px;line-height:30px;font-weight:300}
		.escanstart .pmb span.pointblue{box-shadow:inset 0 -10px 0 #80d4ff}
		.escanstart .selectbox{width:100%;margin:30px 0 0;flex-direction:column}
		.escanstart .selectbox li{width:100%;margin:10px 0 0;flex:1;border-radius:500px;overflow:hidden}
		#genre div.box{padding:25px;border-radius:10px}
		.sub-content .tt .onlynb{margin-left:105px}
			@keyframes illu-motion2{
				0%{top:-10px}
				50%{top:-25px}
				100%{top:-10px}
			}
		.sub-content .tt h4.font-30{font-size:22px !important}
		#studyroom .ct{background-size:850px;padding-bottom:275px}
		#studyroom .classselect{height:65px}
		#studyroom .classselect select{margin-left:5%;line-height:65px;padding-left:15px;font-size:18px}
		#studyroom .studybox{border-radius:20px;margin-top:20px}
		#studyroom .studybox .big{font-size:18px}
		#studyroom .studybox .big .font-30{font-size:20px}
		#studyroom .studybox .big li{padding:35px 0 30px}
		#studyroom .studybox .big li img{width:70px;left:5px}
		#studyroom .studybox .small a{padding:15px 0 15px 25px}
		#studyroom .studybox .small img{left:-10px;width:40px}
		#mylevel .inner-1400{padding:0 10px}
		#mylevel .tt .inner-700{margin:45px auto}
		#mylevel .onlynb{display:none}
		#mylevel .table th:nth-child(1), #mylevel .table td:nth-child(1){display:none}
		#mylevel .table th, #mylevel .table td{width:16.66666%;letter-spacing:-0.25px;padding:10px 2px 8px;border-right:none;border-left:none}
		#mylevel .table td a{padding:5px 10px 6px}
		#mylevel .simple-bar-graph__columns{height:250px !important}
		#myscore .table th, #myscore .table td{padding:10px 2px 8px;border-right:none;border-left:none}
		#myscore .table td{padding-left:15px}
			.table-pc{display:none}
			.table-mb{display:table}
		#myscore .botbox{padding:20px 0 20px 30px;font-size:20px;border-radius:5px}
		#myscore .botbox span{margin:0;font-size:22px}	
		#login .inputbox{max-width:300px}
		#myscore .box ul{padding-left:0}
		#myscore .box li{flex-direction:column}
		#myscore .box li p{flex:1;width:100%}
		#myscore .box li div{flex:1;width:100%;margin-bottom:15px}
		#myscore .box li select{background-position:95% 50%}
		#myscore .box li input, #myscore .box li select{margin:4px 0}
			.width-23{width:100%}
			.width-50{width:100%}
			.width-100{width:100%}
		#test .ct .le{padding:20px}
		#test .ct .le img{width:100%}		
		#test .tt .le{flex:1;width:100%}
		#test .tt .le p{margin-left:15px}
		#test .tt .le img{width:50px}
		#test .tt .ri{flex:1;width:100%;text-align:right;position:absolute;top:-123px;right:80px;z-index:1}
		#test .ct .ri .type-2 li{width:100%}
			#test .top{flex-direction:column}
			#test .bot{padding:20px 20px 18px}
			#test .bot p{margin-left:10px}
			#test .bot img{width:20px}
		#test-cover .ct .flex-start{padding:20px 10px 18px 30px;margin:12px 0}
		#test-cover .ct .flex-start img{width:20px;top:5px;left:-10px}
		#test-cover .ct .btn-1 a{height:65px}
		#test-cover .ct .btn-2 a{line-height:22px}
		#studydesk .cont .book li{margin-bottom:25px;width:50%;padding:4px}
		#studydesk .cont .book li a h5{margin:10px 0 5px}
		#studydesk .cont .book li a p{margin-bottom:10px;line-height:22px}
		#studydesk .cont .book li div a{margin:0 5px;line-height:18px;font-size:14px}
		#studydesk .latest{margin-bottom:0}
		#studydesk .latest .illu{display:none}
	}