/*layout*/
body {position:relative;margin:0;padding:0;font-weight:300;font-family:'noto sans KR', 'NanumGothic', sans-serif;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 2% 1%;background:url('../img/visang_logo.png') top 7% right no-repeat;background-size:13%;}
.topTitle h1 img {width:60%;}

.tabA ul li {float:left;text-align:center;margin-right:1.5%;}
.tabA ul li:last-child {margin-right:0;}
.tabA.list2 ul li {width:49%;}
.tabA.list3 ul li {width:32.32%;}
.tabA.list4 ul li {width:23.87%;}
.tabA.list5 ul li {width:18.8%;}
.tabA ul li a {display:block;width:100%;padding:2.3% 0;font-size:20px;letter-spacing:-1px;vertical-align:middle;color:#FFF;background:#BBB;box-sizing:border-box;}
.tabA ul li.on a {background:#4c7bc2;}

.tabB ul {margin-top:7px;}
.tabB ul li {float:left;text-align:center;margin-right:1.5%;}
.tabB.list2 ul li {width:49%;}
.tabB.list3 ul li {width:32.32%;}
.tabB.list4 ul li {width:23.87%;}
.tabB.list5 ul li {width:18.8%;}
.tabB ul li:last-child {margin-right:0;}
.tabB ul li span {font-size:15px;vertical-align:middle;}
.tabB ul li a {display:block;width:100%;border:2px solid #4c7bc2;font-size:20px;box-sizing:border-box;font-weight:bold;letter-spacing:-1px;vertical-align:middle;color:#4c7bc2;}
.tabB ul li.on {background:#4c7bc2;}
.tabB ul li.on a {color:#FFF;}

.btnWrap {margin-top:10px;}
.allDown {float:left;width:25%;}
.allDown img {width:100%;}
.err {float:right;width:6.5%;}
.err img {width:100%;}

section {margin-bottom:4%;}
h2 {margin-top:3%;padding:0 0 1% 3%;font-size:20px;font-weight:400;color:#0e83a0;letter-spacing:-1px;background:url('../img/ico_b.png') top 39% left 1% no-repeat;background-size:1.3%;}
h3 {padding:0 0 1% 3.1%;font-size:17px;font-weight:400;letter-spacing:-1px;color:#333;}
table {border-top:2px solid #CCC;border-bottom:2px solid #CCC;font-weight:400;font-family:'noto sans KR', 'NanumGothic', sans-serif;}
table th {padding:5px 0;font-size:15px;border-bottom:2px solid #CCC;text-align:center;}
table td {padding:1% 0;font-size:14px;color:#333;text-align:center;letter-spacing:-0.5px;border-bottom:1.5px solid #DDD;}
table td.danwon {text-align:left;padding-left:5%;}
table img {width:47%;}
.text {word-break:keep-all;color:#FFF;font-size:16px;padding:3% 4%;font-weight:300;background:#8a71d0;border-radius:10px;font-family:'noto sans KR', 'NanumGothic', sans-serif;}
.text a:hover {color:#333;}

/*µµ¿ò¸»Æ˾÷*/
.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;}
	.txt {font-size:2.2vw;}
	/*µµ¿ò¸»Æ˾÷*/
	.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;}
}