@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);

.nanummyeongjo * {
 font-family: 'Nanum Myeongjo', serif;
}

/* nanum-myeongjo-regular - latin_korean */
@font-face {
  font-family: 'Nanum Myeongjo';
  font-style: normal;
  font-weight: 400;
  src: url('../font/nanum-myeongjo-v15-latin_korean-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../font/nanum-myeongjo-v15-latin_korean-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/nanum-myeongjo-v15-latin_korean-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../font/nanum-myeongjo-v15-latin_korean-regular.woff') format('woff'), /* Modern Browsers */
       url('../font/nanum-myeongjo-v15-latin_korean-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../font/nanum-myeongjo-v15-latin_korean-regular.svg#NanumMyeongjo') format('svg'); /* Legacy iOS */
}
body {
	height: 100%;
	width:100%;
	margin: 0;
	padding: 0;
	font-size: 0.75em;
	line-height: 150%;
	font-family: 돋움, Dotum, AppleGothic, sans-serif;
	color:#575757;
}

form, p, blockquote, dl, dd, dt {margin: 0;padding: 0;}
ul, li, ol{list-style:none;margin:0px;padding:0px;}
fieldset{margin:0; padding:0; border:0}
img, input.type-image {border: 0 none; vertical-align:middle;}


/*LINK*/
a:link, a:visited {color: #666666; text-decoration: none}
a:hover, a:active {color: #1d4b7e; text-decoration: none;}

/* skip 숨김영역 */
#accessibility, .skip, hr {
	position:absolute;
	width:1px;
	height:1px;
	font-size:0;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
	z-index:-1;
}

/*대체텍스트용*/
.comment{
	position:absolute;
	left:-10000px;
	width:1px;
	height:1px;
	overflow:hidden;
}



/*Layout*/
* {margin:0;}
html{height:100%;
scrollbar-face-color: #ffffff; 
scrollbar-shadow-color: #acacac; 
scrollbar-highlight-color: #acacac;
scrollbar-3dlight-color: #ffffff; 
scrollbar-darkshadow-color: #ffffff;
scrollbar-track-color: #ffffff;}

#wrap{width:990px; height:100%; margin:0 auto;border:0px solid #000;}

#gotop {
	position: absolute;
	left: 50%;
	top: 50px;
	margin-left:500px;    /* 레이아웃 너비의 절반 + 여백 */
	background: #fff;
	width: 100px;
	height: 300px;
	}
	

/* Main */
#main {width:955px; height:695px;position:relative;z-index:1;}

#main_left {width:240px; float:left;}
#main_right {width:722px; float:right; margin-left:16px;}

#m_server {margin-left:25px; margin-top:20px;}
#m_server li.ser_bx {width:230px; float:left;}
#m_server li.ser_bx p img {width:189px; height:115px}
#m_server ul.ser_descipt {padding:0 0 30px 15px}
#m_server li ul li.ser_price {margin-top:5px;}
#m_server li ul li.ser_price span {color:#1990aa; font-weight:bold; padding-left:3px;}


.mpro_t {color:#000; font-size:15px; font-weight:bold; font-family:Helvetica; padding-right:8px;}
.mpro_des {font-size:11px; letter-spacing:-0.3px; line-height:140%; margin-top:5px; padding-bottom:8px; text-align: left;}
.m_date {font-size:11px ; color:#999;}
.m_droom {background:url(/ngbl/images/main/icon_arrow.gif) no-repeat 0px 3px; padding:0 0 0 10px;}

a.m_date:link, a.m_date:visited {color: #000; text-decoration: none; font-size:11px;}
a.m_date:hover, a.m_date:active {color: #000; text-decoration: underline; font-size:11px;}



/* Sub */

#gnb {width:676px; position:absolute; right:10px; top:58px; margin:0px; z-index:50;}
#topArea {width:100%; height:128px; position:relative; z-index:10; }
#topArea .logo {position:absolute; top:23px; left:30px;}
#topArea ul.util {width:550px; position:absolute; top:18px; right:10px; height:27px; border:0px solid #000;}
#topArea ul.util li {float:left;}
#topArea ul.util li.ip {width:262px; height:27px; background:url(/ngbl/images/common/bg_ip.gif) no-repeat; font-size:11px; text-align:center; padding:5px 0 0 0;}
#topArea ul.util li.wd {padding:5px 5px 0 5px; border:0px solid #000;}

#cntWrapper{width:990px; min-height:100%; margin:0 0 -100px 0;position:relative; border:0px solid #008bcc; }
#cntWrapper_admin{width:777px; min-height:100%; margin:0 0 0px 0;position:relative; border:0px solid #008bcc; }

#cntPosition{padding:0px 0 118px 213px;}
#cntPosition_admin{padding:0px 0 0px 10px;}
#secondNav {
	width:213px;
	height:500px;
	position:absolute;
	left:0px;
	top:10px;
	border:0px solid #000;
}
#secondNav .submenu {width:150px; padding:30px 0 0 10px; margin-left:5px;}
#secondNav ul.submenu li.dotline {font-size:0px; border-bottom:1px dashed #dfdfdf; padding:3px 0 3px 0;}
#secondNav ul.submenu li ul.some {padding:5px 0 10px 20px;}


#cntArea {width:777px; position:relative;min-height:250px;_height:250px; border:0px solid #b900c0; }
#cntArea_admin {width:777px; position:relative;min-height:250px;_height:250px; border:0px solid #b900c0; }
#visul {background:url(../images/membership/visual.jpg) no-repeat; width:777px; height:242px; position:relative; }
#visul_1 {background:url(../images/ddos/visual.jpg) no-repeat; width:777px; height:242px; position:relative; }
#visul_2 {background:url(../images/nangong/visual.jpg) no-repeat; width:777px; height:242px; position:relative; }
#visul_3 {background:url(../images/service/visual.jpg) no-repeat; width:777px; height:242px; position:relative; }
#visul_3a {background:url(/images/service/visual.jpg) no-repeat; width:777px; height:242px; position:relative; }
#visul_4 {background:url(../images/customer/visual.jpg) no-repeat; width:777px; height:242px; position:relative; }
#visul_5 {background:url(../images/membership/visual.jpg) no-repeat; width:777px; height:242px; position:relative; }
#visul_6 {background:url(../images/membership/visual.jpg) no-repeat; width:777px; height:242px; position:relative; }
.pageNav{height:15px; z-index:2;font-size:11px; text-align:right; position:absolute; top:210px; right:40px; background:url(../images/common/icon_local.gif) no-repeat; padding:0 0 0 15px;}

#cntDetail{width:777px; min-height:350px; overflow:hidden; background:url(../images/common/bg_con.gif) no-repeat;}
#cntDetail_admin{width:777px; min-height:350px; overflow:hidden; background:url(/ngbl/images/common/bg_con.gif) no-repeat;}
#contents {padding:20px 0 0 55px;}

#footerArea{height:100px;background:url(/ngbl/images/common/footer_bg.gif) no-repeat;padding-top:10px; position:relative; border:0px solid #cc0000; z-index:20; margin-top:30px;}
#footerArea .logo_copy {width:72px; position:absolute; left:65px; top:35px;}
#footerArea ul.foot_quick {position:absolute; left:260px; top:30px;}
#footerArea ul.foot_quick li {float:left; }
#footerArea ul.foot_quick li.bar {height:12px; padding:5px 8px 0px 8px; border-right:1px solid #cbcbcb; }
#footerArea ul.foot_quick li.none1 {height:12px; padding:5px 8px 0px 0px; border-right:1px solid #cbcbcb; }
#footerArea ul.foot_quick li.none2 {height:12px; padding:5px 0px 0px 8px;  }
#footerArea .add {width:600px; position:absolute; left:260px; top:50px; margin-top:10px;}
#footerArea ul.footer_link li {float:left; height:15px; padding:0 5px 0 0;}
#footerArea address{clear:both; padding:5px 0 6px 2px; }
#footerArea .remote {position:absolute; right:10px; top:35px;}




#win_etc {width:680px; border-top:6px solid #000; }
#win_con {padding:15px ; width:630px; }
#win_box {padding:15px ; width:610px; border:1px solid #666;}
#win_pri h2 {padding:20px 0 0 0; font-size:14px;}
#win_foot {padding:10px 20px 10px 10px ; width:650px; background-color:#e1e1e1; text-align:right;}


.title {padding:0 0 0 10px;}
.join_item {text-align:left; background:url(../images/membership/icon_circle.gif) no-repeat 5px 10px; padding:0 0 0 15px ;}


/*nangong*/
#pro_viewTitle {width:710px;}
#pro_viewTitle p {float:left; width:310px;}
#pro_viewTitle p img {width:308px; height:203px; border:1px solid #cdcdcd; margin-bottom:5px;}
#pro_viewTitle dl {width:355px; float:right; margin-top:5px;}
#pro_viewTitle dl dt {border-bottom:1px solid #d2d2d2;}
#pro_viewTitle dl dt.proview_tfont {font-size:18px; font-weight:bold; color:#000; font-family:Verdana, Arial, Helvetica, sans-serif, Gulim; padding:0 0 15px 0; }
#pro_viewTitle dl dd ul {margin-top:15px;}
#pro_viewTitle dl dd ul li { padding:3px 0 3px 0px;}
#pro_viewTitle dl dd ul li span.f_bl {font-weight:bold; color:#000;}

#server_tab {background:url(../images/nangong/tab_bg.gif) no-repeat; width:700px; margin-top:20px; height:34px; margin-bottom:10px;}
#server_tab li {float:left;}

#server {margin-left:45px; margin-top:20px;  overflow:hidden}
#server li.ser_bx {width:230px; float:left; border:0px solid #000; }
#server li.ser_bx p.bxline {width:200px; height:120px; border:1px solid #cbcbcb; text-align:center; vertical-align:middle; padding-top:5px; }
#server li.ser_bx p img {width:189px; height:115px;  }
#server ul.ser_descipt {padding:8px 0 30px 5px; height:200px; }
#server li ul li.ser_price {margin-top:5px; }
#server li ul li.ser_price span {color:#1990aa; font-weight:bold; padding-left:3px;}
#server li.ser_bx ul.ser_descipt li.menu {font-size:11px; color:#6a6a6a; padding:8px 10px 0 0; line-height:130%; letter-spacing:-0.3px;}




/* service */
.apply_line {border-bottom:1px dashed #a3a3a3;}
.apply_item {padding:10px 0 0 20px; background:url(../images/membership/icon_circle.gif) no-repeat 10px 15px; border-bottom:1px dashed #a3a3a3; font-size:11px; font-weight:bold; color:#767687; letter-spacing:-1px;}
.bg_blue { background-color:#dbdfe4; border:1px solid #bdc4cc;}
.price_black {font-weight:bold; color:#000;}
.price {font-weight:bold; color:#e60000; font-size:15px;}

/* faq */
#cntDetail ul.faq {width:700px;  border-bottom:0px solid #6981c6;  margin-top:0px;}
#cntDetail ul.faq li.q {padding:10px 0 10px 45px; background:url(../images/customer/icon_q.gif) no-repeat 10px 7px; border-bottom:1px dashed #8fa9e6; }
#cntDetail ul.faq li.q {color:#4a4a4a; font-weight:bold;}
#cntDetail ul.faq li.q  span {padding:0 15px 0 5px;}
#cntDetail ul.faq li.a {padding:10px 15px 10px 45px; background:url(../images/customer/icon_a.gif) no-repeat 10px 7px; border-bottom:1px dashed #8fa9e6; background-color:#ebeef4; }



/* Login */
#cntDetail .login {width:420px; height:129px; background:url(../images/membership/bg_loginbx.gif) no-repeat; padding:60px 0 0 230px; margin-left:70px;}
#cntDetail .login .bx {width:370px; position:relative;padding-top:5px;}
#cntDetail .login .bx .uid {padding-bottom:6px;}
#cntDetail .login .bx p{background:none; margin-bottom:0px;}
#cntDetail .login .bx p img{vertical-align:middle;  margin-bottom:0px;}
#cntDetail .login .bx p label {width:65px; display:block; float:left; padding-top:4px;}
#cntDetail .login .bx p input{width:182px; padding:1px 0 2px 0; border:1px solid #bdbdbd; margin:0;}
#cntDetail .login .bx input.btn_login{position:absolute; top:0px; right:0px;}

#cntDetail ul.login_join {width:433px; margin-top:20px; margin-left:70px;}
#cntDetail ul.login_join li.ques { width:308px; float:left; padding:5px 0 5px 0;}
#cntDetail ul.login_join li.ques_go {padding:5px 0 5px 0;}

#cntDetail .join {padding:30px 0 30px 0;}
#cntDetail .join button.btn_hp {width:272px; height:105px;background:url(../images/membership/btn_hp.png) no-repeat;color:#fff;font-weight:800;padding-top:40px;cursor:pointer; border:0px;}
#cntDetail .join button.btn_ipin {width:272px; height:105px;background:url(../images/membership/btn_ipin.png) no-repeat;color:#fff; font-weight:800;padding-top:40px;cursor:pointer; border:0px;}
#cntDetail .mem_confirm {padding-top:20px; color:#666; line-height:20px;}
#cntDetail .mem_confirm .strong {font-weight:bold; color:#000;}
#cntDetail .mem_confirm .blue {color:#0085e2; font-weight:bold;}

/* FAQ */
#cntDetail ul.faq_tab{width:700px; background:url(/ngbl/images/common/bg_tab_01.gif) repeat-x left bottom; overflow:hidden; margin-top:30px; }
#cntDetail ul.faq_tab li{float:left; _display:inline; margin-right:3px; border-top:1px solid #D4D4D4; border-left:1px solid #D4D4D4; border-right:1px solid #D4D4D4; border-bottom:1px solid #2c51bb; color:#333; background:#f4f4f4;}
#cntDetail ul.faq_tab li a{_float:left; display:block; height:20px; padding:9px 10px 0 10px; color:#666; text-decoration:none;}
#cntDetail ul.faq_tab li a:hover{color:#333; background:#fff;}
#cntDetail ul.faq_tab li.selected{border-bottom:1px solid #fff; background:#fff; border-top:1px solid #2c51bb; border-left:1px solid #2c51bb;border-right:1px solid #2c51bb;}
#cntDetail ul.faq_tab li.selected a{color:#2c51bb; font-weight:bold; letter-spacing:-1px;}


/* logout */
#cntDetail .out {width:420px; height:139px; background:url(../images/membership/bg_outbx.gif) no-repeat; padding:50px 0 0 230px; margin-left:70px;}
#cntDetail .out .bx {width:370px; position:relative;padding-top:5px;}
#cntDetail .out .bx .uid {padding-bottom:6px;}
#cntDetail .out .bx p{background:none; margin-bottom:0px;}
#cntDetail .out .bx p img{vertical-align:middle;  margin-bottom:0px;}
#cntDetail .out .bx p label {width:65px; display:block; float:left; padding-top:4px;}
#cntDetail .out .bx p input{width:182px; padding:1px 0 2px 0; border:1px solid #bdbdbd; margin:0;}
#cntDetail .out .bx input.btn_login{position:absolute; top:0px; right:0px;}




.cap { visibility:hidden;width:0px; height:0px; font-size:0; line-height:0; overflow:hidden;}
.caption { visibility:hidden;width:0px; height:0px; font-size:0; line-height:0; overflow:hidden;}
.pd_top20 {padding-top:20px;}
.pd_top10 {padding-top:10px;}
.pd_left15 {padding-left:15px;}
.pd_left5 {padding-left:5px;}
.pd_btm15 {padding-bottom:15px;}
.red {color:#cd5c77;}
.icon_rec {font-weight:bold; color:#9c35eb; font-size:11px;}
.icon_rec2 {font-weight:bold; color:#79a2d4; font-size:11px;}
.site {background:url(../images/sitemap/site_icon.gif) no-repeat 3px 6px ; padding:5px 0 3px 18px; border-bottom:1px dashed #c7c7c7; font-weight:bold;  }
.site_no {font-weight:normal;  }
.att_type01 {border-top:1px solid #b4cbe0; border-bottom:1px solid #b4cbe0; padding:5px 0 5px 25px; }
.att_type02 {background:url(../images/ddos/icon_01.gif) no-repeat 25px 0px; padding:0 0 0 110px; margin-top:15px;}
.att_type03 {background:url(../images/ddos/icon_02.gif) no-repeat 25px 0px; padding:0 0 0 110px; margin-top:15px;}


.listBottom {position:relative; border:0px solid #000; height:20px;}
.listBg_01 {background:url(/ngbl/images/board/listBar_01.gif) no-repeat; height:31px; color:#375b81; font-weight:bold;font-size:12px;}
.listBg_02 {background:url(/ngbl/images/board/listBar_02.gif) repeat-x; color:#375b81; font-weight:bold;font-size:12px;}
.listBg_03 {background:url(/ngbl/images/board/listBar_03.gif) no-repeat; color:#375b81; font-weight:bold;font-size:12px;}

.listBg2_01 {background:url(/ngbl/images/board/listBar2_01.gif) no-repeat; height:31px; color:#403c61; font-weight:bold;}
.listBg2_02 {background:url(/ngbl/images/board/listBar2_02.gif) repeat-x; color:#403c61; font-weight:bold; text-align:center;}
.listBg2_03 {background:url(/ngbl/images/board/listBar2_03.gif) no-repeat; color:#403c61; font-weight:bold;}
.list_none {border-bottom:1px solid #dddfe1; height:28px;  }
.list_cen {border-bottom:1px solid #dddfe1; height:35px; text-align:center; background:url(../images/board/bar_s.gif) no-repeat bottom right; font-weight:normal;}
.list_cenpri {border-bottom:1px solid #dddfe1; height:35px; text-align:center; background:url(../images/board/bar_s.gif) no-repeat bottom right; font-weight:bold; color:#000;}
.list_cenNobar {border-bottom:1px solid #dddfe1; height:35px; text-align:center;  font-weight:normal }

.li_num, .li_name, .li_date, .li_hit { text-align:center; border-bottom:1px solid #dddfe1; height:28px;font-size:12px;}
.li_file { text-align:center; border-bottom:1px solid #dddfe1; height:28px;font-size:12px;}
.li_title { padding-left:5px; border-bottom:1px solid #dddfe1;font-size:12px;}
.li_line { height:px; background-color:#dddfe1}
.paging {clear:both;text-align:center; margin:10px 5px 0 0; width:660px;  }
.paging img { vertical-align:middle;}
.paging a {display:inline;}
.btn_write {position:absolute; top:10px; right:40px; width:60px; }
.paginate {width:580px; padding:15px 0; text-align:center; float:left;}
.btn_wr {width:85px; padding:15px 0; text-align:right;float:left; padding-right:15px;}

.apply_item2 {padding:10px 0 0 20px; background:url(../images/membership/icon_circle.gif) no-repeat 10px 15px; border-bottom:1px dashed #a3a3a3; font-size:12px; font-weight:bold; color:#767687; letter-spacing:-1px;}
.apply_item3 {padding:10px 0 0 20px; background:url(../images/membership/icon_circle.gif) no-repeat 10px 15px;  font-size:12px; font-weight:bold; color:#767687; letter-spacing:-1px;}
.txt_bf {color:#152980; font-weight:bold;}


.search { background:url(/myvpn/images/board/listSearch_bg.gif) no-repeat ; padding:15px 0 0 30px; margin-top:20px; height:55px; }
.search img { vertical-align:middle;}

.b1 {text-align:center; margin-top:20px}



#re_faq {width:680px;}
#re_faq li {border-bottom:1px solid #97aec7; margin-bottom:2px; margin-top:2px;}
#re_faq li dl dt {background-color:#dbe4f0; font-weight:bold; color:#4e77af; }
#re_faq li dl dt p.faq_q {width:630px; background:url(/images/recruit/icon_q.gif) no-repeat 5px 5px; padding:8px 0 5px 35px;;}
#re_faq li dl dd {background:url(/images/recruit/icon_a.gif) no-repeat 5px 15px;  color:#666666; padding:15px 15px 15px 35px;  border-top:1px dashed #97aec7; }


.view_line{ background:url(/ngbl/images/board/view_line_03.gif) no-repeat top center; height:5px;}
.view_line2{ background:url(/ngbl/images/board/view_line_04.gif) no-repeat top center;font-size:12px;}
.view_contents{ padding:10px 25px 10px 25px; border-bottom:1px solid #bac8d6;font-size:12px;}
.addfile { height:28px;font-size:12px;}
.view_title {background:url(/ngbl/images/board/listBar_02.gif) repeat-x; color:#375b81; font-weight:bold;font-size:12px;}
.view_text {padding-left:15px;font-size:12px;}
.view_title2  {padding-left:15px; background:url(/ngbl/images/board/listBar_02.gif) repeat-x;color:#000; font-weight:bold;font-size:12px;}
.btn_list { width:670px; text-align:right;} 

.writeTop { background:url(/ngbl/images/board/write_bg_01.gif) no-repeat; height:25px;font-size:12px;}
.writeTitle { text-align:left; background:url(/ngbl/images/board/write_icon.gif) no-repeat; background-position:10px 8px; height:28px; padding-left:25px;font-size:12px;}
.writeLine {background:url(/ngbl/images/board/write_line_01.gif) no-repeat center; width:664px;}
.writeBottom { background:url(/ngbl/images/board/write_bg_02.gif) no-repeat; height:32px;}
.writeForm { width:570px; font-size:12px; height:28px;}

.tb_gubun1 { background-color:#fff; border-top:2px solid #8d2222;  border-bottom:1px solid #8d2222; }
.tb_gubun2 { background-color:#fff; border-top:2px solid #8d2222;  border-bottom:1px solid #8d2222; background:url(/ngbl/images/product/bar_pro.gif) no-repeat bottom left; }
.tb_gubun1,  .tb_gubun2 {color:#9c3118; padding:7px 0 7px 0; font-weight:bold;}
.tb_1 { border-bottom:1px solid #e1e1e1;padding:5px 0 5px 0; }
.tb_2 { border-bottom:1px solid #e1e1e1; padding:5px 0 5px 0; background:url(/ngbl/images/product/bar_pro_02.gif) no-repeat bottom left; }
.tb_gubun3 { background-color:#fff;  border-bottom:1px solid #8d2222; padding:5px 0 5px 0; }
.tb_gubun4 { background-color:#fff;  border-bottom:1px solid #8d2222; background:url(/ngbl/images/product/bar_pro.gif) no-repeat bottom left;padding:5px 0 5px 0; }

.boardTitle {FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #f5f0e9; FONT-FAMILY: 돋움;  TEXT-ALIGN: center ; }
.boardView { FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: 돋움;  padding:0 0 0 10px; }
.boardWrite { FONT-SIZE: 11px; COLOR: #524545; FONT-FAMILY: 돋움;  padding:0 0 0 30px;FONT-WEIGHT: bold; }
.tabColor2 {
	FONT-SIZE: 12px; COLOR: #E7521B; FONT-FAMILY: 돋움;
}
.tabColor8 {
	FONT-SIZE: 11px; COLOR: #575757; FONT-FAMILY: 돋움;  TEXT-ALIGN: center
}
.tabColorb8 {FONT-SIZE: 11px; COLOR: #575757; FONT-FAMILY: 돋움;  TEXT-ALIGN: center ; FONT-WEIGHT: bold;}
.tabColor9 {
	FONT-SIZE: 12px; COLOR: #A19691; FONT-FAMILY: 돋움;  TEXT-ALIGN: left ;
}
.tabColor10 {
	FONT-SIZE: 12px; COLOR: #666666; FONT-FAMILY: 돋움;  TEXT-ALIGN: left ; padding:0 0 0 10px;
}
.tabColor11 {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: 돋움;  TEXT-ALIGN: left ; padding:0 0 0 15px;
}
.detail_t {font-weight:bold; color:#353c5d;}
.detail_t2 {color:#353c5d; padding:0 0 0 25px;}
.detail_t3 {padding:5px 0 5px 15px;}
.detail_t4 {color:#2d3d7a;}

.winspec01 {background-color:#d2d9e8; text-align:center; border-top:1px solid #7c92be; border-left:1px solid #7c92be; color:#455f96; font-weight:bold;}
.winspec01_bottom {background-color:#d2d9e8; text-align:center; border-top:1px solid #7c92be; border-left:1px solid #7c92be; border-bottom:1px solid #7c92be; color:#455f96; font-weight:bold;}
.winspec02 {background-color:#e8ecf6; text-align:center; border-top:1px solid #7c92be; border-left:1px solid #7c92be; color:#455f96; }
.winspec02_bottom {background-color:#e8ecf6; text-align:center; border-top:1px solid #7c92be; border-left:1px solid #7c92be; border-bottom:1px solid #7c92be; color:#455f96; }
.winspec02_wh {background-color:#fff; text-align:center; border-top:1px solid #7c92be; border-left:1px solid #7c92be; }
.winspec02_whbottom {background-color:#fff; text-align:center; border-top:1px solid #7c92be; border-left:1px solid #7c92be; border-bottom:1px solid #7c92be; }
.winspec03 {background-color:#fff; text-align:left; border-top:1px solid #7c92be; border-left:1px solid #7c92be; padding:0 0 0 10px; color:#666;}
.winspec03_bottom {background-color:#fff; text-align:left; border-top:1px solid #7c92be; border-left:1px solid #7c92be;border-bottom:1px solid #7c92be; padding:0 0 0 10px; color:#666;}
.winspec04 {background-color:#fff; text-align:left; border-top:1px solid #7c92be; border-left:1px solid #7c92be; border-right:1px solid #7c92be; padding:0 0 0 10px; color:#666;}
.winspec04_bottom {background-color:#fff; text-align:left; border-top:1px solid #7c92be; border-left:1px solid #7c92be; border-right:1px solid #7c92be;border-bottom:1px solid #7c92be; padding:0 0 0 10px; color:#666;}

#win_select {width:628px; border-top:2px solid #000; vertical-align:top;}
#win_select ul.winlist {height:120px;border-bottom:1px dashed #656565; padding:20px 0 20px 0;}
#win_select ul.winlist li.imgt {margin-right:30px; float:left; padding:0 0 0 15px;}
#win_select ul.winlist li.imgt img {border:1px solid #b9b9b9;}
#win_select ul.winlist li.pro_n {width: 260px; margin-right:20px; float:left;}
#win_select ul.winlist li.btn_sel { height:78px; padding:25px 0 0 0; }
#win_select ul.winlist li.pro_n  ul li.pro_nTxt01 {font-weight:bold; color:#000; padding-bottom:3px;}
#win_select ul.winlist li.pro_n  ul li.pro_nTxt02 {font-size:11px;}

#add_service  li {float:left;padding:0;margin:0;list-style:none; width:200px;} 

.h350{height:350px !important;}
ul.left{margin-left:20px;  box-sizing:border-box;  padding-top:20px;}
ul.left > li{background: url('../images/bullet.png') no-repeat 14px 12px;height: 32px;line-height: 32px;border-bottom: 1px solid #a3b8d8;}
ul.left > li.on{ background:#ffffec url('../images/bullet.png') no-repeat 14px 12px; color:#4073d6;}
ul.left > li > a{color: #777;font-size: 13px;font-weight: 600;letter-spacing: -1px;display: block;padding-left: 27px;box-sizing: border-box;}

nav ul.cf > li{background:url('../images/nav_line.png')no-repeat center right;}
nav ul.cf > li:hover{background:none;}
nav ul.cf > li.img{background:none;}
nav ul {-webkit-font-smoothing: antialiased;list-style: none;margin: 0;padding: 0;width: 100%;}
nav li {float: left;margin: 0;padding: 0;position: relative;}
nav a {	color: #444;display: block;	font: bold 15px/50px Arial, Helvetica, sans-serif;	padding: 0 31px;	text-align: left;	text-decoration: none;	-webkit-transition: all .25s ease;	-moz-transition: all .25s ease;	-ms-transition: all .25s ease;	-o-transition: all .25s ease;	transition: all .25s ease;}
nav li:hover a {background: #4168a4;color:#FFF;}
nav li ul {float: left;left: 0;width:150%;opacity: 0;position: absolute;top: 35px;visibility: hidden;z-index: 1;-webkit-transition: all .25s ease;	-moz-transition: all .25s ease;	-ms-transition: all .25s ease;	-o-transition: all .25s ease;transition: all .25s ease;}
nav li:hover ul {opacity: 1;top: 50px;visibility: visible;}
nav li ul li {float: none;	width: 100%;}
nav li ul li a{font-size:13px; color:#777;}
nav li ul a:hover {	background: #012070;	color:#fff;}
nav li.img > a, nav li.img > a:hover {background:none}
nav li.img  > a + ul > li > a, nav li.img  > a:hover + ul > li > a{padding:0;display:block;background:#333;box-sizing:border-box;width: 100%;height: 100%;}
nav li.img  > a + ul > li > a > div, nav li.img  > a:hover + ul > li > a > div{height:30px;line-height: 48px;font-size:12px;color:#fff;padding-left: 12px;box-sizing: border-box;}
nav li.img  > a + ul > li > a > div > span, nav li.img  > a:hover + ul > li > a > div > span{color:#ffcc00;}
nav li.img:hover > .dropdown > li{display: inline-block;background:#333;box-sizing:border-box;height: 50px;width: 200px;}

.cf:after, .cf:before {	content: "";	display: table;}
.cf:after {	clear: both;}

/* 비주얼 */
.visualWrap{position:relative;width:980px;overflow:hidden;border-radius: 8px; margin-bottom:26px;}
.visual{position:relative; top:0; left:0; width:100%;height:344px; overflow:hidden;}
.img div{position:absolute; top:0; left:50%; width:100%; transform:translate(-50%);}
.img div > img{width:100%; height:344px;}
.visual dl{position:absolute;top: 63px;left:0;z-index:2;width:100%;color:#fff;text-align:center;}
.visual dt{margin: 0px 0 26px 0;font-size: 36px;font-weight: 400;/* line-height: 50px; */color:#fff;font-family: Arial, 'Arial';}
.visual dd{font-size: 13px;line-height: 24px;color:#fff;font-family: 'Nanum Gothic';font-weight:100;}
.visual dd > span{font-size: 30px;margin-bottom: 7px;display: block;font-family: 'Nanum Myeongjo', Nanum Myeongjo, '나눔명조';}
.visual .paging{position:absolute; left:0; bottom:45px; width:100%; text-align:center}
.visual .paging span{display:inline-block; width:13px; height:13px; margin:0 5px; overflow:hidden; text-indent:-9999px; cursor:pointer; background:url(/myvpn/images/common/paging.png) no-repeat 0 bottom;}
.visual .paging span.current{background:url(/myvpn/images/common/paging.png) no-repeat 0 top;}