html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, span, form, fieldset, input, select, label, textarea, table, caption, thead, tfoot, tbody, tr, th, td
{margin:0;padding:0;font:15px/1.5 Sans-serif;color:#666;-webkit-text-size-adjust:none;}
button, span, strong, input, b, em{font-size:inherit;font-family:inherit;color:inherit;font-style:normal}
section, article, aside, header, footer, nav, hgroup, dialog, details, summary, figure, figcaption {display: block;}
cite{display:inline}
html, body {height:100%;} 
body {margin:0px;background:#f5f5f5}
a:link {text-decoration:none;} 
a:visited {text-decoration:none;}
img{border:0;max-width:100%}
label, input, textarea, select{vertical-align:middle}
ol, ul{list-style:none;} 
table{border-collapse:collapse;table-layout:fixed;}
fieldset{border:none}
button{margin:0;padding:0;border:none;background:none;outline:None}

/*layout*/
#container{
	position:relative;
	max-width:640px;min-width:320px;
	margin:0 auto
}
#contents{
	box-sizing:border-box;min-height:100vh;
	padding:50px 0;
}
header{
	position:fixed;top:0;left:0;
	width:100%;
	background:#03b8ff;
	z-index:100
}
header h1{
	height:50px;line-height:52px;
	font-size:20px;text-align:center;color:#fff;font-weight:600
}
header>a{
	position:absolute;top:0;right:0;
	width:50px;height:50px;
	background:url(../img/btn_close.png) no-repeat center;background-size:20px auto;
	font-size:0
}
#btn_menu{
	position:absolute;top:0;left:0;
	width:50px;height:50px;
	background:url(../img/btn_menu.png) no-repeat center;background-size:20px auto;
	font-size:0
}
#btn_close{
	position:absolute;top:0;right:-50px;
	width:50px;height:50px;
	background:#03b8ff url(../img/btn_close.png) no-repeat center;background-size:18px auto;
	font-size:0;
	display:none
}
#nav_bg{
	position:fixed;top:0;left:0;
	width:100%;height:100%;
	background:rgba(0,0,0,0.6);
	z-index:200;
	display:none
}
header nav{
	position:fixed;top:0;left:0;
	width:266px;height:100%;
	background:#333;
	margin-left:-266px;
	z-index:300
}
header nav ul li a{
	display:block;
	padding:8px 0 10px 20px;
	background:url(../img/bg_gnb.png) repeat-x 0 bottom;
	font-size:16px;font-weight:600;color:#c1c1c1
}
header nav ul li a.on{color:#fff}

footer{
	position:absolute;bottom:0;left:0;
	width:100%;height:50px;
	background:#6c7479;
	text-align:center
}
footer address{
	height:50px;line-height:50px;
	font-size:12px;color:#fff;font-style:Normal;letter-spacing:-1px
}
footer address b{
	font-size:14px;
}
footer address b:after{
	content:'l';
	padding:0 10px;
	font-size:12px;color:#fff;font-weight:Normal;
}

/*etc*/
.point_blue{color:#0060c5 !important}
.point_red{color:#fe0000 !important}

/*홈*/
.main>div{
	position:relative;
	padding:1px 15px 20px
}
.main h2{
	padding-left:20px;margin-top:25px;
	background:url(../img/bg_title.png) no-repeat 0 3px;background-size:15px auto;
	font-size:17px;color:#000
}
.main p{
	padding-top:10px;
	line-height:1.3em
}
#main1{padding:0;font-size:0}
#main2 ul{
	width:100%;overflow:hidden;
	padding-top:10px;
}
#main2 ul li{
	float:left;width:32%;
	margin-left:2%
}
#main2 ul li:first-child{margin:0}
#main2 ul li b{
	display:block;
	padding:6px 0 3px;
	border:1px solid #3b56a3;
	text-align:center;color:#3b56a3
}
#main2 ul li span{
	display:block;
	padding:4px 0 2px;
	border:1px solid #e2e2e2;border-top:0;
	text-align:center;font-size:13px
}
#main3{background:#eaeaea}
#main3 a{color:#000}
#main3 table{
	width:100%;margin-top:5px;
	border:1px solid #ccc;background:#fff
}
#main3 table thead th{
	height:35px;
	background:#f8f8f8;border:1px solid #ccc
}
#main3 table th{
	height:30px;
	background:#f8f8f8;
	font-size:13px;color:#333;letter-spacing:-1px;
}
#main3 table td{
	border-left:1px solid #ccc;
	text-align:center;font-size:13px;
}
#main4{
	background:url(../img/main4.jpg) no-repeat;background-size:cover
}
#main4 h2{color:#fff;text-shadow:0 0 3px #000}
#main4 ul{padding:10px 0 25px;}
#main4 ul li b{
	padding-right:5px;
	color:#000
}
#main4 ul li span{padding-left:5px}
#main4>a{
	display:block;width:100%;height:45px;line-height:47px;
	margin:0 auto;
	background:#00b6ff;border-radius:5px;
	text-align:center;color:#fff;font-weight:600;font-size:17px;
}
#main4:after{
	content:'';
	position:absolute;bottom:0;left:0;
	display:block;width:100%;height:5px;
	background: url(../img/main5.png) repeat-x;background-size:auto 100%
}
#main5{
	background:#889196;
}
#main5 h2{color:#fff}
#main5 ul{
	padding:15px 0 10px;
}
#main5 ul li{
	background:url(../img/dot.png) no-repeat 0 7px;background-size:3px auto;
	padding:0 0 3px 10px;color:#fff
}
#main5 ul li b{
	display:inline-block;width:60px
}
#main5 ul li span{padding-left:10px;color:#ffff}
#main5 ul li a{color:#fff}

/*서비스가입*/
.service fieldset{
	margin:10px;padding:0 15px 20px;
	background:#fff;border-radius:5px;
	box-shadow:0 0 2px #bbb
}
.service fieldset p{
	position:relative;
}
.service fieldset p label{
	display:block;padding:20px 0 2px;
	font-size:13px
}
.service fieldset p label:before{
	content:'*';
	padding-right:5px;
	font-size:15px;color:#5b9ce0;vertical-align:-4px
}
.service fieldset p .txt,
.service fieldset p select{
	width:100%;height:35px;line-height:35px;
	padding:0 10px;
	box-sizing:border-box;border-radius:2px;
	border:1px solid #ddd;
	-webkit-appearance:none;vertical-align:top;
	font-size:14px;
}
.service fieldset p .txt.t2{width:70%}
.service fieldset p .txt.t2+a{
	display:inline-block;width:28%;height:35px;line-height:37px;
	margin-left:2%;
	background:#5b9ce0;border-radius:2px;
	text-align:center;color:#fff;font-size:14px;letter-spacing:-1px;font-weight:600;
	vertical-align:top
}
.service fieldset+a{
	display:block;height:45px;line-height:45px;
	margin:15px 10px;
	background:#5b9ce0;border-radius:5px;
	text-align:center;color:#fff;font-size:16px;font-weight:600;
}

/*요금정보*/
.charge ul{
	margin:10px
}
.charge ul li{
	background:#fff;border-radius:5px;
	box-shadow:0 0 2px #bbb;
	margin-bottom:10px;overflow:hidden;
}
.charge ul li h2{
	border-left:5px solid #5b9ce0;
	padding:10px 15px;
	background:url(../img/bg_open.png) no-repeat right center;background-size:12px auto;
	background-origin: content-box;
	font-size:16px;font-weight:600
}
.charge ul li div{
	padding:15px;
	border-top:1px dotted #ddd;
	display:none
}
.charge ul li div p{
	position:relative;
	height:30px;line-height:30px;
	text-align:right;font-weight:600
}
.charge ul li div p:before{
	content:'';
	display:inline-block;
	width:100%;height:1px;
	background:#ddd
}
.charge ul li div span{
	position:absolute;top:8px;left:0;
	display:inline-block;width:65px;
	padding-right:15px;
	background:#fff url(../img/bg_calendar.png) no-repeat right 2px;background-size:15px auto;
	background-origin: content-box;
	text-align:left
}
.charge ul li div p b{
	position:absolute;top:5px;right:0;
	display:inline-block;width:65px;
	background:#fff
}
.charge ul li.open h2{background-image:url(../img/bg_close.png)}

#charge1 p{
	display:block;
	padding:4px 0 2px;
	border:1px solid #e2e2e2;border-top:0;
	text-align:left;font-size:11px;font-weight:100
}

/*설치방법*/
#contents.install{padding-top:110px}
.install #tab_menu{
	position:fixed;top:50px;left:0;
	width:100%;height:50px;
	overflow:hidden;
	background:#fff;box-shadow:0 1px 2px rgba(0,0,0,0.1);
	text-align:center;
	z-index:10
}
.install #tab_menu li{
	display:inline-block;
}
.install #tab_menu li+li{padding-left:13px}
.install #tab_menu li a{
	position:relative;
	display:inline-block;height:50px;line-height:50px;
	padding:0 3px;
	font-size:16px;color:#333;letter-spacing:-1px;font-weight:600;
}
.install #tab_menu li a.on:after{
	content:'';
	position:absolute;bottom:10px;left:0;
	display:block;width:100%;height:3px;
	border-radius:3px;
	background:#5b9ce0
}
.install div{
	background:#fff;
	padding:20px 10px 0
}
.install div h2{
	position:relative;
	display:table-cell;height:30px;
	padding:0 0 0 40px;;
	font-size:16px;line-height:1.3em;vertical-align:middle;word-break:keep-all
}
.install div h2 b{
	position:absolute;top:0;left:0;
	display:block;width:30px;height:30px;line-height:32px;
	background:#03b8ff;border-radius:50%;
	text-align:center;font-size:18px;font-weight:600;color:#fff
}
.install div h2 a{
	display:block;font-size:13px;color:#555
}
.install div p{padding:15px 0 30px;font-size:0}
.install div p.no_ct{padding:0 0 20px}

div.no_data{
	padding:0;margin-top:80px;
	background:none;
	text-align:center;font-size:20px;font-weight:600
}
div.no_data:before{
	content:'';
	display:block;width:50px;height:50px;
	margin:0 auto 15px;;
	background:url(../img/caution.png) no-repeat;background-size:100% auto;
	vertical-align:middle;
}

/*게시판*/
.board_list{
	margin:10px
}
.board_list li{
	background:#fff;border-radius:5px;
	box-shadow:0 0 2px #bbb;
	margin-bottom:10px;overflow:hidden;
}
.board_list li.no_data{
	height:80px;line-height:80px;
	text-align:center
}
.board_list li a{
	display:block;
	padding:13px 35px 10px 10px;
	background:url(../img/btn_next.png) no-repeat 95% center;background-size:8px auto;
	font-size:16px;color:#000;line-height:1.2em
}
.board_list li i{
	display:inline-block;width:17px;height:17px;line-height:19px;
	background:#ff0048;border-radius:2px;
	margin-left:5px;
	font-size:11px;color:#fff;text-align:center;font-style:normal;vertical-align:2px
}
.board_list li em{
	display:block;
	padding-bottom:5px;
	font-size:12px;color:#0d8215;font-weight:600
}
.board_list li span{
	display:block;
	padding:7px 0;
	font-size:14px;line-height:1.2em;color:#666
}
.board_list li span+time{
	padding-top:0;text-align:right
}
.board_list li time{
	display:block;
	padding-top:5px;
	font-size:13px;line-height:1.2em;color:#666
}
.board_list.view li{
	padding:13px 10px 10px 10px;
	font-size:16px;color:#000;line-height:1.2em
}
.board_list.view>div{
	background:#fff;border-radius:5px;
	box-shadow:0 0 2px #bbb;
	padding:10px;margin-bottom:10px
}

#idMFLoading {
	position:fixed;top:0;left:0;
	width:100%;height:100%;
	z-index:10000;
	display:none;
}
#idMFLoading .loading_bg{
	position:fixed;top:0;left:0;
	width:100%;height:100%;
	background:#000;opacity:.5;filter:alpha(opacity=50);
}
#idMFLoading .loading_ct{
	position:fixed;top:50%;left:50%;
	width:128px;
	margin-left:-64px;
	z-index:100051;
}