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

/*main*/

#slide_bg { position:relative; width:100%; height:516px; background-color:#daeaf0;}

#container {position:relative; width:960px; margin:0 auto;}
#main_banner { position:relative; text-align:center; margin-top:-105px; overflow:hidden;}
#main_content { position:relative; height:119px; width:940px; margin:15px auto; line-height:1.6em;}
#main_content a {color:#424242;}
#main_content > div {float:left; position:relative;}
	.notice {width:312px; height:119px; background:url(../images/main/notice_bg.png) no-repeat; margin-right:2px;}
	.notice > ul {margin:10px 15px 5px 70px; width:290px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.qna {width:312px; height:119px; background:url(../images/main/qa_bg.png) no-repeat; margin-right:2px;}
	.qna > ul {margin:10px 0px 5px 15px; width:210px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.content_title {color:#000; font-size:1.4em; margin-bottom:15px; margin-left:10px; margin-top:10px;}
	.more_txt { position:absolute; top:10px; right:15px;}
#main_content .more_txt a {color:#09F; font-family:Tahoma, Geneva, sans-serif;}

	/*공통클래스*/
	.maginL50 {margin-left:70px;}
/*sub*/

#sub_container {width:100%; min-height:500px;}
.content {width:940px; margin:0 auto;}

.sub_banner {margin-bottom:15px; text-align:center; background-color:#d2f1fa; height:140px;}
.sub_title {font-size:1.5em; font-weight:bold; line-height:2.4em;}

.intro_box {margin-top:40px;}
.intro_img {float:left;}
.intro_content {font-size:1.25em; font-weight:bold; line-height:1.25em;}
.intro_content > p { margin-bottom:10px; height:100px;}
.img_no {float:left; margin-right:10px;}

.proxy_tit { margin:20px 0;}
.proxy_cont > p {font-size:1.6em; font-weight:600; color:#0071bb; margin-left:30px; line-height:1.6em;}
.proxy_cont > ul > li {list-style:disc; font-size:1.2em; line-height:1.5em; }
.proxy_cont > ul {margin-left:50px; margin-top:10px; margin-bottom:20px;}

.price_chart {width:100%;}
.price_chart td {height:30px; border:1px solid #fff; background-color:#d2f1fa; padding-right:20px; text-align:right;} 
.price_chart th {height:35px; font-size:1.1em; border:1px solid #ddd; background-color:#509ec3; color:#fff; font-weight:bold;}

.txt_green {color:#7aa803;/* text-decoration:underline;*/}
.txt_skyblue {color:#0187a7; text-decoration:underline;}
.tit_tit {margin:20px 0;}
.tit_txt {font-size:1.2em; font-weight:bold; line-height:2.0em;}
.goods_use01 {font-size:1.1em; display:inline-block; margin-top:35px;} 
.goods_use01 > p > img {float:left;}
.goods_use01 p {clear:both;}
.goods_use01 ul {margin-left:500px;}
.goods_use01 li { font-size:0.8em; line-height:2.0em; letter-spacing:-0.1em; margin-bottom:8px;}
.goods_use01 li img {margin-right:5px;}


.proxy_btn {margin:35px 1px 40px 1px;}
.proxy_btn a {margin:0 18px;}
.arr_mr {margin:0px 28px;}
.vat_align {text-align:right; margin-bottom:7px;}
.box_txt {border:1px solid #0071bb; padding:15px 25px; font-size:1.25em; font-weight:bold; color:#0071bb; line-height:1.5em;  margin-top:20px;}

.vpn_subtit {font-size:1.2em; font-weight:bold; color:#0071bb;}
.vpn_subtit_box {margin:25px 0 15px 0;}

.download_btn {margin:15px 0;}

.service01 {margin-bottom:30px; min-height:85px;}
.service01 figure {float:left; margin:0px;}
.service01 figure img {vertical-align: middle;}
.service01::after {clear:both; content: ''; display: block;}
.service01 h5 {color:#0071bb; font-size:18px; line-height:24px; font-weight: bold; padding-top:10px; margin-left:90px;}
.service01 li {list-style: square; list-style-position: inherit; margin-left:110px;}
.row {margin:0; width: 100%;}
.col-xs-6 {width: 49%; float:left;}
.mt10 {margin-top:10px;}
.row::after {content: ''; display: block; clear:both;}

.table {background-color: #FFF; width: 100%;  max-width: 100%;  margin-bottom: 20px;}
.table>thead>th {text-align: left;}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border: none;
}
.table .fs18 {font-size:18px; text-align: left; font-weight: bold;}
.table>tbody>tr>td {vertical-align: middle; font-size:14px;}
.table td {border-bottom:1px solid #ddd;}
.table tr:last-child td {border-bottom:none;}

#bottom .dib {display: inline-block; margin-right:10px; line-height: 30px;}
#bottom .dib a {color:#989898;}