/*layout*/
body {position:relative;margin:0;padding:0;font-family:'Noto Sans KR', 'NanumGothic', sans-serif;font-weight:300;background:#FFF;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.wrap {position:relative;max-width:720px;padding:0 0 50px 10px;}
.topTitle h1 {margin:3% 0;}
.topTitle h1 img {width:100%;margin-left:0.5%;}
.tabA ul li {float:left;text-align:center;margin-right:1.5%;width:18.8%;}
.tabA ul li:last-child {margin-right:0;}
.tabA ul li a {display:block;width:100%;background:#BBB;color:#FFF;font-size:20px;box-sizing:border-box;letter-spacing:-1px;vertical-align:middle;border-radius:8px 8px 0 0;padding:5px 0 3px 0;font-weight:500;}
.tabA ul li.on a {color:#4276bb;background:#d5edf4;}
.tabB ul {background:#d5edf4;padding:8px;}
.tabB ul li {float:left;text-align:center;margin-right:1.5%;background:#FFF;}
.tabB ul li:last-child {margin-right:0;}
.tabB.list3 ul li {width:32.32%;}
.tabB.list4 ul li {width:23.87%;}
.tabB.list5 ul li {width:18.8%;}
.tabB ul li a {display:block;width:100%;font-size:20px;box-sizing:border-box;letter-spacing:-1px;vertical-align:middle;font-weight:400;}
.tabB ul li.on {background:#4276bb;}
.tabB ul li.on a {color:#FFF;}
.btnWrap {margin:10px 0;}
.allDown {float:left;width:25%;}
.allDown img {width:100%;}
.err {float:right;width:6.5%;}
.err img {width:100%;}
.home {float:right;width:6.5%;margin-right:0.7%;}
.home img {width:100%;}
section {margin-bottom:4%;}
h2 {margin:3% 0 1.5% 0;padding-left:4%;font-size:20px;font-weight:500;color:#0e83a0;letter-spacing:-1px;background:url('../img/level_icon.png') top 50% left 1% no-repeat;background-size:2.3%;}
h3 {position:relative;padding:0 0 1% 3.1%;font-size:17px;font-weight:400;letter-spacing:-1px;border-bottom:2px solid #CCC;color:#333;background:url('../img/ico.png') top 42% left 1% no-repeat;background-size:1%;}

table {border-bottom:2px solid #CCC;font-weight:400;}
table th {padding:5px 0;font-size:15px;font-weight:500;border-bottom:2px solid #CCC;text-align:left;padding-left:1.2%;}
table th:first-child {text-align:left;padding-left:10%;}
table td {padding:1% 0;font-size:14px;font-weight:400;color:#333;text-align:left;letter-spacing:-0.5px;border-bottom:1.5px solid #DDD;}

table td.txt {text-align:left;padding-left:5%;color:#0599be;}
table img {width:70%;}
.unitBox table td {text-align:center;}
.unitBox table td.txt {text-align:left;padding-left:5%;}
.unitBox table img {width:56.5%;}
.unitBox table .col2 {text-align:right;padding-right:2.8%;}
.unitBox table .col2 img {width:31.8%;margin-left:3%;}
.unitBox table .col2.alignCen {text-align:center;}
.unitBox table td .mp3Num {display:inline-block;padding:14px 5px 14px 0;}
.unitBox h3:after {position:absolute;right:2%;top:25%;display:block;content:"";width:2.8%;height:50%;background:url('../img/slide_down.png') no-repeat;background-size:100%;}
.unitBox h3.on:after {position:absolute;right:2%;top:25%;display:block;content:"";width:2.8%;height:50%;background:url('../img/slide_up.png') no-repeat;background-size:100%;}
.unitBox table {display:none;}

/* level9, level10 */
.unitBox table td ul {padding:0 3.3% 0 0;}
.unitBox table td ul:after {display:block;content:"";clear:both;}
.unitBox table td ul li {float:left;width:14%;margin-right:14.6%;}
.unitBox table td ul li:last-child {margin-right:0;}
.unitBox table td ul li span.mp3Num {float:left;width:18%;padding:14px 0;text-align:left;}
.unitBox table td ul li a {float:right;display:inline-block;width:82%;text-align:right;}
.unitBox table td ul li img {width:85%;}

/*µµ¿ò¸»Æ˾÷*/
.popBg {display:none;position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:#000;opacity:0.5;}
.popWrap {display:none;position:absolute;top:15%;width:70%;padding:3% 3% 10% 3%;margin:0 10%;text-align:center;font-weight:500;border-radius:30px;background:#FFF;}
.popWrap .closeBtn {position:absolute;right:10px;top:10px;display:block;width:13%;text-align:right;}
.popWrap .closeBtn img {width:100%;}
.popWrap h4 {font-size:26px;margin-top:15%;color:#444;letter-spacing:-1px;font-weight:500;}

.errPopWrap>.btnTxt {width:90%;padding:5% 0;font-size:20px;color:#0086a7;border:1.5px solid #BBB;border-radius:10px;margin:5% auto;cursor:pointer;text-align:center;}
.errPopWrap .moWrap {width:90%;padding:5% 0;font-size:20px;color:#888;border:1.5px solid #BBB;border-radius:10px;margin:5% auto;font-weight:500;}
.errPopWrap .moWrap p {text-align:center;margin-top:0;color:#888;}
.errPopWrap .moWrap span {display:inline-block;padding:0 8%;margin-top:2%;border-right:1px solid #AAA;font-size:20px;color:#0086a7;cursor:pointer;font-weight:500;}
.errPopWrap .moWrap span:last-child {border-right:none;padding-right:3%;}

.popWrap h5 {font-size:24px;margin-top:4%;color:#444;letter-spacing:-1px;text-align:left;width:25%;border-radius:10px;background:#c3deff;text-align:center;margin-left:4%;font-weight:400;}
.popWrap p {text-align:left;font-size:22px;color:#001734;font-weight:500;margin-top:5%;padding-left:5%;}
.popWrap ul {font-size:18px;text-align:left;padding:0 7%;margin-top:2%;color:#222;}
.popWrap ul li {margin-bottom:1.5%;}
.popWrap ul li strong {font-weight:800;}
.popWrap ul.install {margin:3% auto 0 auto;width:50%;}
.popWrap ul.install li {float:left;width:33.3%;text-align:center;}
.popWrap ul.install li:last-child {margin-right:0;}
.popWrap ul.install li a {display:inline-block;width:70%;}
.popWrap ul.install li a img {width:100%;}
.popWrap .errTxt {font-size:18px;text-align:left;padding:0 7%;margin-top:2%;color:#222;}
.popWrap .errTxt strong {font-weight:800;}
.popWrap .txt {display:block;font-size:14px;margin-top:2.5%;padding-bottom:5%;color:#74000b;border-bottom:1px dotted #AAA;}
.popWrap .popQA {color:#222;font-weight:500;padding:0 2.5%;}
.popWrap .popQA a {display:inline-block;border:1px solid #CCC;border-radius:5px;padding:0 2%;}
.popWrap .insTit {text-align:center;padding-left:0;margin-top:6%;padding-top:5%;border-top:1px dotted #AAA;}
.popWrap .insLink {width:50%;margin:3% auto 0 auto;text-align:center;}
.popWrap .insLink a {display:block;width:33.3%;margin:auto;}
.popWrap .insLink a img {width:70%;}

.andPopWrap h5 {width:42%;}


@media all and (max-width: 720px) {
	.wrap {width:96%;}
	.topTitle h1 {font-size:5.5vw;}
	.tabA ul li a {padding:0.5vw 0 0.2vw 0;;font-size:3.2vw;}
	.tabB ul {padding:1vw;}
	.tabB ul li a {font-size:3.2vw;}
	h2 {font-size:3.2vw;}
	h3 {font-size:2.7vw;}
	table th, table td {font-size:2.3vw;}
	.unitBox table td .mp3Num {padding:1.3vw 1vw 1.3vw 0;}
	.unitBox table td ul li span.mp3Num {padding:1.3vw 0;}
	/*µµ¿ò¸»Æ˾÷*/
	.popWrap h4 {font-size:3.8vw;}
	.popWrap h5 {border-radius:1.2vw;}
	.errPopWrap>.btnTxt {font-size:3.3vw;}
	.popWrap .moWrap {font-size:3.3vw;}
	.popWrap .moWrap span {font-size:3.3vw;}
	.popWrap h5 {font-size:3.2vw;}
	.popWrap p {font-size:3vw;}
	.popWrap ul {font-size:2.4vw;}
	.popWrap .txt {font-size:1.9vw;}
	.popWrap .errTxt {font-size:2.4vw;}
}