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

body {font-size:12px; line-height:1.3; font-family:"돋움", dotum, "애플고딕", AppleGothic, Arial, Verdana, sans-serif;}
.ac {text-align:center !important;}
.ar {text-align:right !important; margin-top:10px;}
.marB10 {margin-bottom:10px;}
.marB20 {margin-bottom:20px  !important;}
.marB30 {margin-bottom:30px;}
.marB40 {margin-bottom:40px;}
.marB50 {margin-bottom:50px;}
.marB60 {margin-bottom:60px;}
.marT20 {margin-top:20px;}
.blue {color:#3046b2 !important;}
.orange {color:#ff4100 !important;}
.black {color:#333 !important;}
.red {color:#ee3838 !important;}
.gray {color:#636363 !important;}

.underline {text-decoration:underline !important;}
.font_14 {font-size:14px;}
.bold {font-weight:bold;}

.vpnWrap {width:600px; margin: 10px auto;}
.vpnHeader {background:url(../images/bg_top.gif) left top no-repeat; height:46px;}
.vpnHeader2 {background:url(../images/bg_top2.gif) left top no-repeat; height:46px;}
.vpnHeader4 {background:url(../images/bg_top4.gif) left top no-repeat; height:46px;}
.vpnHeader5 {background:url(../images/bg_top5.gif) left top no-repeat; height:46px;}

.vpnContent {border-left: solid 4px #ff8a00; border-right: solid 4px #ff8a00; background:#f6f6f6; padding:20px 18px; position:relative;}
.vpnBottom {background:url(../images/bg_bottom.gif) left bottom no-repeat; height:9px;}


.loginBox {font-size:16px; font-weight:bold; width:343px; margin:50px auto; color:#313131;}
.loginBox .loginForm {background:url(../images/bg_input.gif) left top no-repeat;  height:115px; margin:25px 0 15px 0; }
.loginBox .loginForm  input {border: none;height:52px; width:240px; margin:1px 0 8px 90px;}
.loginBox .guide {font-size:12px; font-weight:normal; background:url(../images/bg_guide.gif) left center no-repeat; margin:45px auto 0 auto; color:#636363; text-align:left; padding:15px 0 12px 0;}
.loginBox .guide li {padding:3px 0 4px 15px;}

.otpStartWrap {width:500px; margin:0 auto; text-align:center;}

.vpnTitle {background:url(../images/icon_bullet.gif) left 2px no-repeat; padding-left:10px; font-weight:bold; color:#333; margin-bottom:10px; font-size:16px;}
.vpnBlueTitle {color:#3046b2; font-weight:bold; text-align:center; font-size:16px; margin-bottom:40px;}
.vpnBlackTitle {color:#1e1e1e; font-weight:bold; text-align:center; font-size:16px; margin-bottom:40px;}
.etcTitle {background:#f6f6f6; border-bottom:solid 1px #ababab; padding: 12px 0 10px 0; color:#393939; font-weight:bold; font-size:14px;}

.bx_type1 {clear:both; float:none; border:solid 1px #e4e4e4; position:relative; background:#e4e4e4;}
.bx_type1 div.innerBox {padding:15px 5px !important; overflow:hidden;}
.bx_type1 div.innerBoxEtc {padding:0 !important; overflow:hidden;}
.bx_type1 span.lt, .bx_type1 span.lb, .bx_type1 span.rt, .bx_type1 span.rb {position:absolute; width:5px !important; height:5px !important; z-index:2; display:block; background-attachment:scroll; margin-top:0 !important;}
.bx_type1 .lt {left:-1px; top:-1px; background:url(../images/bx_lt.gif) 0% 0% no-repeat !important;}
.bx_type1 .lb {left:-1px; bottom:-1px; background:url(../images/bx_lb.gif) 0% 100% no-repeat !important;}
.bx_type1 .rt {top:-1px; right:-1px; background:url(../images/bx_rt.gif) 100% 0% no-repeat !important;}
.bx_type1 .rb {bottom:-1px; right:-1px; background:url(../images/bx_rb.gif) 100% 100% no-repeat !important;}

.bx_type1 div.innerBox dl {}
.bx_type1 div.innerBox dl dt {font-weight:bold; margin-bottom:7px;}
.bx_type1 div.innerBox dl dd {color:#636363;}

.bx_type2 {clear:both; float:none; border:solid 1px #ababab; position:relative; background:#fff;}
.bx_type2 div.innerBox {padding:15px !important; overflow:hidden;}
.bx_type2 span.lt, .bx_type2 span.lb, .bx_type2 span.rt, .bx_type2 span.rb {position:absolute; width:5px !important; height:5px !important; z-index:2; display:block; background-attachment:scroll; margin-top:0 !important;}
.bx_type2 .lt {left:-1px; top:-1px; background:url(../images/bx2_lt.gif) 0% 0% no-repeat !important;}
.bx_type2 .lb {left:-1px; bottom:-1px; background:url(../images/bx2_lb.gif) 0% 100% no-repeat !important;}
.bx_type2 .rt {top:-1px; right:-1px; background:url(../images/bx2_rt.gif) 100% 0% no-repeat !important;}
.bx_type2 .rb {bottom:-1px; right:-1px; background:url(../images/bx2_rb.gif) 100% 100% no-repeat !important;}


.tableType_01 {border:solid 1px #dcdcdc;}
.tableType_01 thead th {border:solid 1px #dcdcdc; background:#f6f6f6; text-align:left; padding:13px 10px;}
.tableType_01 thead td {border:solid 1px #dcdcdc; background:#f6f6f6; padding:13px 10px;}
.tableType_01 tbody th {border:solid 1px #dcdcdc; background:#f6f6f6; text-align:left; padding:13px 10px;}
.tableType_01 tbody td {border:solid 1px #dcdcdc; padding:13px 10px;}

.relativeLink {font-weight:bold; color:#000; }
.relativeLink  a {color:#ff0000; text-decoration:underline;}

.otpNumber1 {background:url(../images/bg_otp_number.gif) left center no-repeat; width:283px; height:54px; margin-bottom:10px;}
.otpNumber2 {background:url(../images/bg_otp_number2.gif) left center no-repeat; width:283px; height:54px; margin-bottom:10px;}
.otpNumber1 input, .otpNumber2 input {height:52px; line-height:52px; margin-left:136px; border:none; margin-top:1px;}

.btn_login {background:url(../images/btn_login.gif) left center no-repeat; width:343px; height:65px;}
.btn_login:hover {background:url(../images/btn_login_over.gif) left center no-repeat; width:343px; height:65px;}

.btn_start {background:url(../images/btn_start.gif) left center no-repeat; width:253px; height:62px;}
.btn_start:hover {background:url(../images/btn_start_over.gif) left center no-repeat; width:253px; height:62px;}

.btn_application {background:url(../images/btn_application.gif)left center no-repeat; width:342px; height:92px;}
.btn_application:hover {background:url(../images/btn_application_over.gif) left center no-repeat; width:342px; height:92px;}

.btn_application2 {background:url(../images/btn_application2.gif)left center no-repeat; width:342px; height:63px;}
.btn_application2:hover {background:url(../images/btn_application2_over.gif) left center no-repeat; width:342px; height:63px;}


.btn_otpRegist {background:url(../images/btn_otp_regist.gif)left center no-repeat; width:253px; height:63px;}
.btn_otpRegist:hover {background:url(../images/btn_otp_regist_over.gif) left center no-repeat; width:253px; height:63px;}

.btn_otpRegist2 {background:url(../images/btn_otp_regist2.gif)left center no-repeat; width:282px; height:63px; margin:0 auto;}
.btn_otpRegist2:hover {background:url(../images/btn_otp_regist2_over.gif) left center no-repeat; width:282px; height:63px; margin:0 auto;}


.btn_connection {background:url(../images/btn_vpn_connection.gif)left center no-repeat; width:342px; height:62px; margin:0 auto;}
.btn_connection:hover {background:url(../images/btn_vpn_connection_over.gif) left center no-repeat; width:342px; height:62px; margin:0 auto;}

.btn_pcversion {background:url(../images/btn_pcversion.gif)left center no-repeat; width:212px; height:62px; margin:0 auto;}
.btn_pcversion:hover {background:url(../images/btn_pcversion_over.gif) left center no-repeat; width:212px; height:62px; margin:0 auto;}

.btn_smartphoneversion {background:url(../images/btn_smartphoneversion.gif)left center no-repeat; width:212px; height:62px; margin:0 auto;}
.btn_smartphoneversion:hover {background:url(../images/btn_smartphoneversion_over.gif) left center no-repeat; width:212px; height:62px; margin:0 auto;}


.btn_otp_cancel {background:url(../images/btn_otp_cancel.gif)left center no-repeat; width:90px; height:31px; margin:0 auto;}
.btn_otp_cancel:hover {background:url(../images/btn_otp_cancel_over.gif) left center no-repeat; width:90px; height:31px; margin:0 auto;}

.btn_otp_cancel2 {background:url(../images/btn_otp_cancel2.gif)left center no-repeat; width:342px; height:92px; margin:0 auto;}
.btn_otp_cancel2:hover {background:url(../images/btn_otp_cancel2_over.gif) left center no-repeat; width:342px; height:92px; margin:0 auto;}


.btn_vpn_baro {background:url(../images/btn_vpn_baro.gif)left center no-repeat; width:342px; height:63px; margin:0 auto ;}
.btn_vpn_baro:hover {background:url(../images/btn_vpn_baro_over.gif) left center no-repeat; width:342px; height:63px; margin:0 auto;}

.btn_vpn_macbaro {background:url(../images/btn_vpn_macbaro.gif)left center no-repeat; width:342px; height:63px; margin:0 auto ;}
.btn_vpn_macbaro:hover {background:url(../images/btn_vpn_macbaro_over.gif) left center no-repeat; width:342px; height:63px; margin:0 auto;}

.vpnContent {}
.vpnContent table.tableType_02 {}
.vpnContent table.tableType_02 th {padding:6px 0;}
.vpnContent table.tableType_02 td {padding:6px 0;}