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

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

strong {font-weight:bold; color:#F30;}
input {border:1px solid #dadada; padding:6px;}
textarea {padding:10px; margin:10px 0 10px 2px;}
.chk_bnone {border:0;}
.ellipsis {text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.fl {float:left;}
.fr {float:right;}
.clearboth {clear:both;}
.font_s {font-size:0.9em;}
.b_list .line_h {line-height:1.2em;}

/*마이페이지- 상품현황 수정 관련*/
.ip_list {width:100%;  background-color:#e5f1f9; border-top:3px solid #0076c1; margin-top:20px; margin-bottom:20px;}
.ip_list th {height:34px; line-height:34px;; font-size:1.1em; font-weight:bold; border-bottom:1px solid #bdbdbd;}
.ip_list td {height:30px; line-height:30px; background-color:#FFF; border-bottom:1px solid #bdbdbd; text-align:center; padding:0px 5px 0px 5px;}

.top_btn { text-align:right; margin:-10px 0; float:right;}

/*고객센터 및 board*/
.b_list, .b_view, .b_write { margin-top:20px; table-layout:fixed;}
.b_list a:link, .b_list a:visited {color:#787878;}
.b_list a:hover {color:#004890;}

.sch {height:35px; background-color:#e5f1f9; border:1px solid #bfddef; padding-top:8px; padding-bottom:5px; padding-left:580px;}
.sch input {width:150px; margin:0 10px;}
.sch select {border: 1px solid #dadada; width:100px; height:25px;}
.b_list th {height:34px; line-height:34px; background-color:#e5f1f9; border-bottom:1px solid #bdbdbd; border-top:3px solid #0076c1; font-size:1.1em; font-weight:bold;}
.b_list td {height:30px; line-height:30px; border-bottom:1px solid #bdbdbd; text-align:center; padding:0px 5px 0px 5px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.b_list .txt_left {text-align:left;}
.page_no { margin-top:20px; text-align:center; font-size:1.1em;}
.page_no a {margin:0px 1px; padding:3px 7px; color:#787878; }
.page_no a:hover { background-color:#0175c0; color:#fff;}
.page_no .page_select { background-color:#0175c0; color:#fff;}
.page_no .img_btn {margin:0px; padding:0px;}
.page_no .list_btn {margin-left:200px;}

.b_view th { border-top:3px solid #0076c1; height:40px; line-height:40px; font-size:1.1em; font-weight:bold; text-align:left; padding-left:30px;}
.b_view td > span {margin-left:20px;}
.b_view td {border-bottom:1px solid #bdbdbd; height:30px; line-height:30px; text-align:right; padding-right:30px;}
.b_view .cont {padding:15px 150px 15px 30px; text-align:left;}
.b_view .line_bottom {border-bottom:1px solid #d5d5d5;}

.b_write {border-top:3px solid #0076c1;}
.b_write th, .b_write td {border-bottom:1px solid #d5d5d5; padding:2px 8px; height:32px; line-height:32px;}
.b_write td {padding:4px 0 4px 20px;}
.b_write th {background-color:#e5f1f8; text-align:left; font-size:1.1em; font-weight:bold; padding-left:50px;}
.b_write textarea {width:640px;}

.qna_receive {border-top:3px solid #ccc; margin-top:30px;}
.qna_receive th {background-color:#ebfafe; border-bottom:1px solid #ccc; height:34px; font-weight:bold;}
.qna_receive td {border-bottom:1px solid #ccc; padding:15px 25px; line-height:1.6em;}

.vpn_table td {height:40px; line-height:40px;}

.width30 {width:30px;}
.width80 {width:80px;}
.width100 {width:100px;}
.width150 {width:150px;}
.width180 {width:180px;}
.width200 {width:200px;}
.width250 {width:250px;}
.width300 {width:300px;}
.width350 {width:350px;}
.width400 {width:400px;}
.width500 {width:500px;}
.width580 {width:580px;}
.width650 {width:650px;}
.line_bold {border-top:2px solid #d5d5d5;}
.bottom_btn {margin:15px; text-align:right;}
.line_left {border-left:1px solid #d5d5d5;}
.ma_l15 {margin-left:15px}
.ma_r15 {margin-right:15px;}
.mr_b20 {margin-bottom:20px;}
.txt_orange {font-size:0.9em; color:#fc7e02;}
.txt_blue {font-size:0.9em; color:#1776b7;}
.txt_red {font-size:0.9em; color:#F00;}
.txt_bluegreen{color:#fc7e02; padding:7px 0; color:#00a69b;}
.txt_re { font-weight:bold; color:#fc7e02; letter-spacing:-0.1em;}
.txt_an { font-weight:bold; color:#1776b7; letter-spacing:-0.1em;}
.email_txt {font-size:1.1em; line-height:1.3em; color:#fc7e02; font-weight:bold; margin-top:8px;}


/*회원가입 - member*/
#mb_agree {width:100%; margin-top:20px;}
#mb_agree .bottom_btn {text-align:center;}
.info_tit {height:11px; line-height:11px; font-size:1.3em; font-weight:bold; background:url(../images/sub/member_tit_bul.png) no-repeat; padding-left:20px; margin-top:20px; margin-bottom:5px;}
.agree_box {padding-left:70px;}
.agree_cont {margin:30px 0; width:800px;}
.agree_cont p {font-size:1.1em;}
.agree_cont .txt_box {width:800px; height:250px; color:#787878; line-height:1.5em; border:1px solid #ccc; margin-top:15px;  padding:7px; overflow:auto; overflow-x:hidden;}
	.mb_form {width:100%; margin-top:20px; border-top: 2px solid #000; border-bottom:2px solid #000;}
	.mb_form th {background-color:#d1efed; border-bottom:1px solid #bcd7d5; text-align:left; padding:3px 0 3px 90px; font-size:1.1em; font-weight:bold;}
	.mb_form td {height:35px; border-bottom:1px solid #ccc; padding:5px 20px;}
.agree_ok { position:relative; background:url(../images/sub/member_ok.png) no-repeat; height:563px; width:940px; margin-bottom:55px; text-align:center;}	
	.ok_txt {font-size:1.2em; padding-top:430px;}
	.name_txt {color:#fb6307; font-weight:bold;}

/*ok page*/
.ok_box {height:190px; border:1px solid #ccc; margin-top:20px; margin-bottom:30px; padding:50px 0 10px 100px; background:url(../images/ok_bg.png) no-repeat 500px 80px;}
.ok_tit {color:#9ed173; font-size:1.7em; margin-bottom:30px;}
.ok_txt {margin-bottom:30px; color:#000;}
.ok_txt p {margin-top:10px;}
.ok_txt .highlight_txt {font-size:1.1em; color:#e61a16; font-weight:bold;}
.name_join {margin-bottom:35px;}
.ok_btn {margin-left:150px;}

.select_num {height:30px; line-height:30px; border:1px solid #d5d5d5;}


/*로그인 관련 - login*/
.login_box { border:1px solid #e4e4e4; margin:20px 0;}
.login_area { width:742px;  margin-left:100px; margin-top:30px;}
.login_tit { height:50px; line-height:50px; font-size:1.5em; width:250px; text-align:center; border-top:1px solid #9abed5; border-left:1px solid #9abed5; border-right:1px solid #9abed5; background-color:#e5f1f9;}
.login_con { border-top:1px solid #9abed5; border-bottom:1px solid #9abed5; padding:50px 0 70px 30px;}
.login_in img {margin-top:-10px; margin-right:15px;}
.login_in input { margin-bottom:12px; margin-right:20px;}
.find_area {margin-left:480px;}
.find_area span {margin-top:25px;}
/*.joinus {border-top:1px soild #e4e4e4; padding:25px 0 25px  280px;}
.joinus p{margin-right:50px;}*/
.joinus {padding-left:200px;}
.joinus p{ display:inline-block; margin:25px 50px 25px 0px;}

.find_id, .find_pw {width:450px; margin-top:50px;}
.in_cont { position:relative; height:140px; border-top:1px solid #9abed5; border-bottom:1px solid #9abed5; padding:30px 0 30px 20px;}
.in_cont input { margin-bottom:10px; margin-right:20px;}
.in_cont .txt_two {margin-right:18px;}
.in_cont .txt_three {margin-right:15px;}

.bottom_txt { position:absolute; top:160px; padding-top:10px; color:#999; font-size:0.9em; letter-spacing:-0.1em; clear:both;}
.mr_t30 {margin-top:30px;}
.pa_5 {padding:10px;}

/*마이페이지 결제관련 - pay*/
.pay_box {width:100%; border-top:3px solid #0076c1; border-bottom:3px solid #0076c1; margin-bottom:30px; margin-top:20px; font-size:1em;}
.pay_tit { position:relative; height:11px; line-height:11px; font-size:1.2em; font-weight:bold; background:url(../images/sub/mypage_tit_bul.png) no-repeat; padding-left:20px; margin-top:20px; margin-bottom:-10px;}
.pay_vat { position:absolute; right:0; font-weight:normal; font-size:0.85em;}
.ip_vat { margin-bottom:5px; margin-left:860px;}
.msg_alert { text-align:left; font-size:1.0em; font-weight:600; color:#cc2b1f;}
.pay_box th {height:30px; background-color:#ebfafe; border-bottom:1px solid #ccc; font-weight:bold;}
.pay_box td { height:27px; border-bottom:1px solid #ccc; padding:5px 20px; text-align:center;}
.pay_box .pay_sel {height:87px;}
.pay_box span {margin:0 4px;}
.b_list .tit_no {letter-spacing:-0.1em;}
.pay_box .txt_left {text-align:left;}

.pay_box .txt_s {font-size:0.9em; margin-left:-5px;}
.price {font-weight:bold;}
.price_month {font-weight:bold; font-size:1.2em;}
.sale {color:#cc2b1f; font-size:1.1em; font-weight:600;}
.total_price {color:#000; font-size:1.1em; font-weight:500; display:block; width:150px;} 
.txt_s { display:inline-block; width:70px;}
.pay_txt { font-size:0.9em; color:#1776b7; margin-left:200px; margin-top:25px;}
.sum_price {color:#cc2b1f; font-size:1.2em; font-weight:bold;}

.mr_l8 {margin-left:15px;}
.border_no {border:none;}

	/*고정ip*/		
	#fix_pay {width:100%;}
	#fix_pay .sub_tit { background-color:#71c6e9;}
	.fix_pay_box {width:100%; margin-bottom:20px;}
	.fix_pay_box th {height:35px; color:#fff; background-color:#008dcf; border:1px solid #fff;}
	.fix_pay_box td {height:30px; text-align:center; color:#242424; background-color:#b3e1fe; border:1px solid #fff;}	
	
	.pay_ip {width:100%; margin-top:20px;}
	.pay_ip_box {width:100%; margin-bottom:10px;font-size:1em;}
	.pay_ip_box .pay_ip_top {height:35px; color:#242424;line-height:35px; background-color:#dedfdf; text-align:left; font-weight:bold; font-size:1.1em; padding-left:10px;}
	.pay_ip_box th { height:35px; border:1px solid #ccc; background-color:#f3f4ef;}
	.pay_ip_box td { height:35px; border:1px solid #ccc; text-align:center;}
	.pay_ip_icon {line-height:35px; margin-left:2px;}
	
	/*세금계산서*/
	.tax {width:100%; margin:10px; border:1px solid #CCC;}
	.tax_chk { height:35px; line-height:35px;}
	.tax th {background-color:#ebeaea; padding:0 7px; text-align:left;}
	.tax td {padding:5px; text-align:left;}
		
	.bankinfo {color:#000; padding-left:200px; text-align:left;} 
	.bankinfo li {padding-bottom:3px;}
	
	/*결제합계*/
	.pay_sum {border:2px solid #0076c1; height:37px; line-height:37px; text-align:right; margin-top:20px;}
	.pay_sum td {background-color:#fff;}
	.pay_sum {background-color:#ebfafe;}
	.pay_sum span {margin-right:70px;}
	

/*find*/
.find_box {height:250px; border:1px solid #ccc; margin-top:20px; margin-bottom:30px; padding:30px 30px; text-align:center;}
.find_idtxt {border-bottom:1px solid #ccc; padding:20px 0;}
.find_btn {margin-top:30px;}

/*popup*/
.pay_popup { width:100%; min-height:300px; padding:15px 10px;}
.pay_popup .title {height:40px;}
.pay_popup .t_border {height:4px; background-color:#2788d3;}
.pay_popup .t_txt {height:40px; background-color:#0d4c9a; font-size:1.3em; font-weight:600; color:#FFF; line-height:40px; padding-left:18px;}
.popup_cont {padding:30px 0 30px 50px; background-color:#ebfafe; font-size:1.1em; line-height:1.4em; border-bottom:2px solid #0d4c9a;}
/*.pay_popup .info {margin:20px;}*/
.info_cont{font-size:1.1em; font-weight:600; width:500px; line-height:1.7em; margin:15px 0; padding:15px; border:1px solid #0d4c9a; background-color:#fff;}
.info_txt {color:#fe0202; font-weight:600;}
.pay_popup .d_info {height:130px; font-size:1.2em; font-weight:600; margin:15px 0; border-top:2px solid #0d4c9a; border-bottom:2px solid #0d4c9a;  background-color:#f0f8fb;}
.d_info p {margin:12px 20px;}
.pay_popup .b_btn { text-align:right; margin-top:35px;}

.error { font-size:1.1em; line-height:2.0em; margin:20px 30px 30px 30px; border-bottom:2px solid #0d4c9a; padding-bottom:30px; }
.prog { font-size:1.1em; margin:40px 20px 30px 20px; border-bottom:2px solid #0d4c9a;}
.prog p{margin-bottom:20px;}

/*버튼 스타일*/
.btn_blue {
	-moz-box-shadow: 0px 1px 1px 0px #0076c1;
	-webkit-box-shadow: 0px 1px 1px 0px #0076c1;
	box-shadow: 0px 1px 1px 0px #0076c1;	
	background-color:#0076c1;
	text-indent:0;
	border:1px solid #fff;
	display:inline-block;
	color:#ffffff;
	line-height:1.0em;
	font-size:1.0em;
	font-weight:bold;
	font-style:normal;
	padding:8px 15px;	
	text-decoration:none;
	text-align:center;
}
.btn_blue:hover {
	background-color:#1e62d0;
}
.btn_blue:active {
	position:relative;
	top:1px;
}

.btn_gray {
	-moz-box-shadow: 0px 1px 1px 0px #202021;
	-webkit-box-shadow: 0px 1px 1px 0px #202021;
	box-shadow: 0px 1px 1px 0px #202021;	
	background-color:#999999;
	-webkit-border-top-left-radius:3px;
	-moz-border-radius-topleft:3px;
	text-indent:0;
	border:1px solid #fff;
	display:inline-block;
	color:#ffffff;
	font-size:1.0em;
	font-weight:bold;
	font-style:normal;
	padding:6px 15px;	
	text-decoration:none;
	text-align:center;
}
.btn_gray:hover {
	background-color:#767474;
}
.btn_gray:active {
	position:relative;
	top:1px;
}
.btn_bluegreen {
	-moz-box-shadow: 0px 1px 1px 0px #202021;
	-webkit-box-shadow: 0px 1px 1px 0px #202021;
	box-shadow: 0px 1px 1px 0px #202021;	
	background-color:#00a69b;
	text-indent:0;
	border:1px solid #fff;
	display:inline-block;
	color:#ffffff;
	font-size:1.0em;
	font-weight:normal;
	font-style:normal;
	padding:6px 15px;	
	text-decoration:none;
	text-align:center;
}
.btn_bluegreen:hover {
	background-color:#026e67;
}
.btn_bluegreen:active {
	position:relative;
	top:1px;
}

.btn_orange {
	-moz-box-shadow: 0px 1px 1px 0px #202021;
	-webkit-box-shadow: 0px 1px 1px 0px #202021;
	box-shadow: 0px 1px 1px 0px #202021;	
	background-color:#fc7e02;
	text-indent:0;
	border:1px solid #fff;
	display:inline-block;
	color:#ffffff;
	font-size:1.0em;
	font-weight:normal;
	font-style:normal;
	padding:7px 15px;	
	text-decoration:none;
	text-align:center;
}
.btn_orange:hover {
	background-color:#df5013;
}
.btn_orange:active {
	position:relative;
	top:1px;
}

.btn_login {
	-moz-box-shadow: 0px 1px 1px 0px #202021;
	-webkit-box-shadow: 0px 1px 1px 0px #202021;
	box-shadow: 0px 1px 1px 0px #202021;	
	background-color:#b3b1b1;		
	text-indent:0;
	border:1px solid #fff;
	display:inline-block;
	color:#ffffff;
	font-size:1.0em;
	font-weight:normal;
	font-style:normal;
	padding:17px 25px;	
	text-decoration:none;
	text-align:center;
}
.btn_login:hover {
	background-color:#767474;
}
.btn_login:active {
	position:relative;
	top:1px;
}
.btn_find {	
	-moz-box-shadow: 0px 1px 1px 0px #202021;
	-webkit-box-shadow: 0px 1px 1px 0px #202021;
	box-shadow: 0px 1px 1px 0px #202021;		
	background-color:#787878;		
	text-indent:0;
	border:1px solid #fff;
	display:inline-block;
	color:#eeeeee;
	font-size:0.9em;
	font-weight:normal;
	font-style:normal;
	padding:5px 10px;	
	text-decoration:none;
	text-align:center;
}
.btn_find:hover {
	background-color:#989898;
	color:#333;
}
.btn_find:active {
	position:relative;
	top:1px;
}

.btn_small {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e0d9e0), color-stop(1, #b5b5b5) );
	background:-moz-linear-gradient( center top, #e0d9e0 5%, #b5b5b5 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0d9e0', endColorstr='#b5b5b5');
	background-color:#e0d9e0;
	text-indent:0;
	border:1px solid #999;
	display:inline-block;
	color:#171717;
	font-size:1.0em;
	font-weight:bold;
	font-style:normal;
	height:20px;
	line-height:20px;
	/*width:34px;*/
	padding:2px 5px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #eee;
}
.btn_small:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b5b5b5), color-stop(1, #e0d9e0) );
	background:-moz-linear-gradient( center top, #b5b5b5 5%, #e0d9e0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5b5b5', endColorstr='#e0d9e0');
	background-color:#b5b5b5;
}
.btn_small:active {
	position:relative;
	top:1px;
}