/* 리뉴얼후 추가된 CSS */ * { margin: 0; padding: 0; } html, body { width: 100%; height: 100%; } html { overflow-y: scroll; } body { background-color: #fff; } body, input, button { color: #000; font-family: "돋움",Dotum,Helvetica,AppleGothic,Sans-serif; font-size: 12px; line-height: 1.5em; } h1, h2, h3, h4, h5, h6 { font-size: 12px; text-align: left; } img, fieldset, iframe { border: 0 none; } li { list-style: none outside none; } a { color: #2F3743; text-decoration: none; } a:hover { color: #339900; text-decoration: underline; } em, address { font-style: normal; } button, label { cursor: pointer; } legend { display: none; } form { display: inline; } .hide { display: none; } .inline { display: inline; } .block { display: block; } .orange { color: #ff7200; } .blue { color: #0066FF; } .hide { display: none; } .clb { clear: both; } .fl { float: left !important; } .fr { float: right !important; } .clb { clear: both; } .f12 { font-size:12px !important } .f13 { font-size:13px !important } .bold { font-weight:bold !important } /* JUNE version */ .topmenu_sub { width:970px; height: 247px; margin:0 auto; overflow: hidden; } /*나눔고딕 폰트 */ @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 400; src: local('NanumGothic'), url(/fonts/nanumgothic/PN_3Rfi-oW3hYwmKDpxS7F_D-djY.woff) format('woff'); } @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 700; src: local('NanumGothic Bold'), local('NanumGothic-Bold'), url(/fonts/nanumgothic/PN_oRfi-oW3hYwmKDpxS7F_LQv3LyVsg.woff) format('woff'); } @font-face { font-family: 'Nanum Gothic'; font-style: normal; font-weight: 800; src: local('NanumGothic ExtraBold'), local('NanumGothic-ExtraBold'), url(/fonts/nanumgothic/PN_oRfi-oW3hYwmKDpxS7F_LXv7LyVsg.woff) format('woff'); } /* MAIN */ #main { width: 983px; height: 990px; padding-top: 90px; position: relative; overflow: hidden; } #main20150609 { width: 983px; height: 990px; padding-top: 90px; position: relative; overflow: hidden; border:1px solid red; } /*이니페이*/ .inipay01 {color:#cccccc} .inipay02 {color:#000} /* CONTAINER */ .container {width:970px; margin:0 auto;} /* footer */ .footer { margin-top: 30px; text-align: center; } .subMenu { width: 185px; margin: 0 auto; } .subMenu p { margin-bottom: 10px; } .subBanner { width: 185px; margin: 0 auto; } .subBanner p { margin-bottom: 10px; } .loginBox { border: 1px solid #d8d8d8; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; padding:5px; width: 185px; } /* 서브 상단 현재위치 */ #location { width: 754px; height: 32px; border: 3px solid #ccc; font: 11px dotum; color: #a3a3a3; } #location table { width: 95%; margin: 8px auto 0; } #location td { font: 11px dotum; line-height: 1.2em; vertical-align: middle; } #location a.a1 { font-family: Dotum; font-size: 11px; color: #a3a3a3; text-decoration: none; vertical-align: middle; line-height: 1.2em; } #location a.a1:hover { font-family: Dotum; font-size: 11px; text-decoration: underline; } #location a.a2 { font-family: Dotum; font-size: 11px; color: #333; font-weight: bold; text-decoration: none; vertical-align: middle; line-height: 1.2em; } #location a.a2:hover { font-family: Dotum; font-size: 11px; text-decoration: underline; } /* Floating Banner */ #floatingBanner { width: 90px; height: 355px; position: absolute; top: 0; left: 0; display: none; } #speed_qna { width: 90px; height: 195px; background: url('/img/floating/speed.png') no-repeat 0 0; } #speed_qna .phone { width: 70px; height: 14px; padding: 2px; font-family: Tahoma; font-size: 11px; color: #999; position: relative; top: 53px; left: 7px; border: 1px solid #d3d3d3; } #speed_qna .memo { width: 70px; height: 65px; padding: 2px; font-family: Dotum; font-size: 11px; color: #999; line-height: 1.2em; position: relative; top: 75px; left: 7px; border: 1px solid #d3d3d3; } #speed_qna .btn { position: relative; top: 81px; left: 23px; cursor: pointer; } /* FAQ */ #faq { width: 630px; margin: 0 auto; } #faq .question { font-family: Gulim; font-size: 13px; font-weight: bold; color: #555; margin: 20px 0 0 0; cursor: pointer; } #faq .answer { margin: 5px 0 0px 0; padding: 5px; font-family: Gulim; font-size: 12px; color: #333; line-height: 1.8em; background-color: #EAEAEA; display: none; } /* cyber > accounts */ #accounts { width: 680px; height: 260px; background: url("/img/cyber/accounts_02.jpg") no-repeat 0 0; overflow: hidden; position: relative; } #accounts select { font-family: Gulim; font-size: 12px; } #accounts .desc { font-family: Gulim; font-size: 12px; position: absolute; top: 100px; left: 140px; line-height: 1.5em; } #accounts .desc2 { font-family: Gulim; font-size: 12px; position: absolute; top: 145px; left: 140px; line-height: 1.5em; } #accounts .payment { position: absolute; top: 42px; left: 140px; line-height: 1.5em; } #accounts .goods { position: absolute; top: 71px; left: 140px; line-height: 1.5em; } #accounts .price { position: absolute; top: 175px; left: 140px; line-height: 1.5em; } #accounts .buyer { position: absolute; top: 200px; left: 140px; line-height: 1.5em; } #accounts .buyer input { height: 16px; padding: 1px 3px 1px 3px; font: 11px dotum; line-height: 1.5em; } #accounts .price_txt { font-family: Gulim; font-size: 12px; line-height: 1.5em; } #accounts .buyer_name { border: 1px solid #AAA; line-height: 1.5em; } #accounts .btn { width: 100%; height: 24px; margin: 0 auto; position: absolute; top: 237px; left: 0px; line-height: 1.5em; text-align: center; } #service_requests .desc1 { font-family: Dotum; font-size: 13px; } #service_requests .desc2 { font-family: Dotum; font-size: 11px; } #service_requests .desc3 { font-family: Dotum; font-size: 11px; color: #747474} #service_requests .desc4 { font-family: Dotum; font-size: 11px; color: #bebebe} #service_requests .desc5 { font-family: Gulim; font-size: 14px; color: #747474} #service_requests .text { border: 1px solid #AAA; } #service_requests .date { border: 1px solid #AAA;width:100px; } #service_requests .buyer { position: relative; top: 109px; left: 140px; } #service_requests .price_txt { font-family: Gulim; font-size: 12px; } #service_requests .buyer_name { border: 1px solid #AAA; } #service_requests .btn { width: 67px; height: 24px; margin: 0 auto; position: relative; top: 125px; left: 0px; } /* other > agreement */ #agreement .title1 { margin: 20px 0 0 30px; } #agreement .title2 { margin: 20px 0 0 30px; } #agreement .box { width: 600px; height: 400px; margin: 5px 0 0 30px; padding: 10px; border: 1px solid #CCC; font-family: Gulim; font-size: 12px; line-height: 1.4em; color: #333; overflow: auto; } /* other > private */ #private { font-family: Dotum; font-size: 12px; line-height: 1.5em; margin: 20px 0 0 20px; } #private h1 { font-family: Dotum; font-size: 15px; margin-bottom: 10px; } #private h2 { font-family: Dotum; font-size: 13px; margin-top: 10px; } #private a { text-decoration: none; } /* Content tail */ #content_tail { width: 100%; margin: 50px 0 30px 0; text-align: center; } /* map */ .map { margin: 30px 0 0 18px; } /* test_service_request table */ .test_service_request tbody tr { border-bottom:1px dot #c9c9c9; } .test_service_request tbody th, tabletest_service_request tbody td { background: #ffffff; font-family: Gulim; font-size: 14px; line-height: 1.4em; color: #000000; text-align: center; } .test_service_request tbody th.odd { background: #f0f0f0; line-height: 1.4em; font-family: Gulim; font-size: 14px; color: #000000; text-align: center; } /* main > kin */ #main .kin { width: 674px; height: 324px; position: absolute; top: 695px; left: 3px; border: 0 none; overflow: hidden; } #main .kin_inner { position: relative; } #main .search_area { width: 445px; height: 57px; background-color: yellow; position: absolute; top: 65px; right: 4px; background: url("/img/main/kin_search_bg.jpg") no-repeat 0 0; overflow: hidden; } #main .search_area .inp01 { width: 400px; height: 25px; padding-top: 5px; background: url('/img/main/kin_search_txt_01.jpg') no-repeat 0 10px; position: absolute; top: 12px; left: 15px; border: 0 none; line-height: 1.5em !important; font: 14px gulim; font-weight: bold; color: #666; } #main .search_area .inp02 { position: absolute; top: 1px; right: 1px; } #main .lists dt { height: 30px; } #main .lists dd { height: 20px; margin-bottom: 7px; padding: 0 0 0 25px; } #main .lists dt a { width: 281px; height: 22px; display: inline-block; } #main .lists dd a { font: 12px gulim; color: #444; line-height: 1.6em; } #main .list01 { position: absolute; top: 147px; left: 49px; } #main .list01 dt a { background: url('/img/main/kin_txt_01.jpg') no-repeat 0 0; } #main .list01 dd { background: url('/img/main/kin_icon_q.jpg') no-repeat 0 0; } #main .list02 { position: absolute; top: 147px; left: 375px; } #main .list02 dt a { background: url('/img/main/kin_txt_02.jpg') no-repeat 0 0; } #main .list02 dd { background: url('/img/main/kin_icon_a.jpg') no-repeat 0 0; } #main .banner { width: 274px; height: 146px; overflow: hidden; position: absolute; bottom: 176px; right: 15px; } #main .bbs_area { width: 262px; height: 96px; overflow: hidden; position: absolute; bottom: 73px; right: 15px; } #main .bbs_area a.more { width: 262px; height: 18px; margin-bottom: 5px; background: url('/img/main/m_bbs_tab_02.jpg') no-repeat 0 0; display: block; } #main .bbs_area .list03 { margin: 0 0 0 0px; } #main .bbs_area .list03 a { float: left; font: 11px dotum; color: #666; line-height: 1.2em; } #main .bbs_area .list03 em { float: right; font-size: 10px; font-family: verdana; color: #999; letter-spacing: -1px; line-height: 1.2em; } #main .bbs_area .list03 li { line-height: 1.3em; } #main .cs_area { width: 274px; height: 63px; position: absolute; bottom: 336px; right: 15px; overflow: hidden; } #main .banner_flash { position: absolute; top: 1010px; left: 30px; width: 938px; height: 70px; overflow: hidden; } /* main20150609*/ #main20150609 .banner { width: 274px; height: 146px; overflow: hidden; position: absolute; bottom: 176px; right: 15px; } /* COMMON */ .blind, .hide{display:none} .block{display:block} body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, form, fieldset, p, button{margin:0;padding:0} body, th, td, input{color:#333333;font-family:"굴림", gulim, sans-serif;font-size:12px;font-weight:normal;line-height:1.5em} ul, li, dl, dd, ol, dt{list-style:none outside none} hr, legend{display:none} button{background:none repeat scroll 0 0 transparent;border:0 none;cursor:pointer} form{display:inline} label{cursor:pointer} img, fieldset{border:0 none} .fl{float:left !important} .fr{float:right !important} .fn{float:none !important} .clb{clear:both} .tal{text-align:left !important} .tac{text-align:center !important} .tar{text-align:right !important} .pointer{cursor:pointer !important} .mt0{margin-top:0 !important} .mt5{margin-top:5px !important} .mt10{margin-top:10px !important} .mt15{margin-top:15px !important} .mt20{margin-top:20px !important} .ml0{margin-left:0 !important} .ml5{margin-left:5px !important} .ml10{margin-left:10px !important} .mr0{margin-right:0 !important} .mr5{margin-right:5px !important} .mr10{margin-right:10px !important} .mr30{margin-right:30px !important} .mb5{margin-bottom:5px !important} .mb10{margin-bottom:-30px !important} .mb20{margin-bottom:20px !important} .pt0{padding-top:0px !important} .pt20{padding-top:20px !important} .pb10{padding-bottom:10px !important} .pl5{padding-left:5px !important} .f11{font:11px dotum !important} .nobg{background-image:url('') !important} .pl0{padding-left:0 !important} .bold{font-weight:bold !important;letter-spacing:-1px !important} .bold0{font-weight:bold !important} .ls0{letter-spacing:0 !important} .lsm1{letter-spacing:-1px !important} .noborder{border:0 none !important} .gray{color:#999 !important} .blue{color:#097DD5 !important} .orange{color:#FF8300 !important} .sky{color:#00bfff !important} .subf{color:#aaa !important} .red{color:red !important} .wordbreak {word-break:break-all; word-wrap:break-word} .wrap {position:relative; width:100%} /* mr wrap */ #mr_wrap {position:relative; width:100%; height:100%} /* mr header */ #mr_header .wrap {position:relative; width:970px; height:126px; margin:0 auto} #mr_header .wrap a.btn_home {position:absolute; top:0; left:0; display:block; width:182px; height:101px; background:url("/img/youngip/logo/h_logo.jpg") no-repeat 0 0; text-indent:-9999em;} #mr_header .wrap .menu_area {overflow:hidden; position:absolute; top:5px; right:0;} #mr_header .wrap .menu_area li {float:left; margin:0 0 0 0px; zoom:1;} #mr_header .wrap a.topmenu {display:block; overflow:hidden; height:42px; background:url("/img/youngip/h_menu.jpg") no-repeat 0 0; text-indent:-9999em;} #mr_header .wrap a.menu1 {width:98px; background-position:0 0} #mr_header .wrap a.menu2 {width:122px; background-position:0 -42px} #mr_header .wrap a.menu3 {width:122px; background-position:0 -84px} #mr_header .wrap a.menu4 {width:65px; background-position:0 -126px} #mr_header .wrap a.menu5 {width:82px; background-position:0 -168px} #mr_header .wrap a.menu6 {width:82px; background-position:0 -208px} #mr_header .wrap a.menu1:hover {background-position:-150px 0} #mr_header .wrap a.menu2:hover {background-position:-150px -42px} #mr_header .wrap a.menu3:hover {background-position:-150px -84px} #mr_header .wrap a.menu4:hover {background-position:-150px -126px} #mr_header .wrap a.menu5:hover {background-position:-150px -168px} #mr_header .wrap a.menu6:hover {background-position:-150px -208px} /* 메인 Top */ .topMenuex { position:relative; width:970px; height:102px;} .topMenuex .hightop{height:1px; position: absolute; top:0; right:0;} .topMenuex .hightop li {float:right; width:70px;} .topMenuex .hightop li a{display:block; height:24px; text-indent:-9999px;} .topMenuex .hightop li.btn01 {width:70px;} .topMenuex .hightop li.btn01 a {background:url("/img/youngip/top/topmenu/top_btn_00_login_off.gif") 0 0 no-repeat;}; .topMenuex .hightop li.btn01 a:hover {background:url("/img/youngip/top/topmenu/top_btn_00_login_on.gif") 0 0 no-repeat;}; .topMenuex .hightop li.btn02 {width:70px;} .topMenuex .hightop li.btn02 a {background:url("/img/youngip/top/topmenu/top_btn_01_join_off.gif") 0 0 no-repeat;}; .topMenuex .hightop li.btn02 a:hover {background:url("/img/youngip/top/topmenu/top_btn_01_join_on.gif") 0 0 no-repeat;}; .topMenuex .hightop li.btn03 {width:70px;} .topMenuex .hightop li.btn03 a {background:url("/img/youngip/top/topmenu/top_btn_03_mys_off.gif") 0 0 no-repeat;}; .topMenuex .hightop li.btn03 a:hover {background:url("/img/youngip/top/topmenu/top_btn_03_mys_on.gif") 0 0 no-repeat;}; .topMenuex .hightop li.btn04 {width:70px;} .topMenuex .hightop li.btn04 a {background:url("/img/youngip/top/topmenu/top_btn_00_logout_off.gif") 0 0 no-repeat;}; .topMenuex .hightop li.btn04 a:hover {background:url("/img/youngip/top/topmenu/top_btn_00_logout_on.gif") 0 0 no-repeat;}; .topMenuex .hightop li.btn05 {width:70px;} .topMenuex .hightop li.btn05 a {background:url("/img/youngip/top/topmenu/top_btn_01_help_off.gif") 0 0 no-repeat;}; .topMenuex .hightop li.btn05 a:hover {background:url("/img/youngip/top/topmenu/top_btn_01_help_on.gif") 0 0 no-repeat;}; .topMenuex .hightop li.btn06 {width:70px;} .topMenuex .hightop li.btn06 a {background:url("/img/youngip/top/topmenu/top_btn_03_mys_off.gif") 0 0 no-repeat;}; .topMenuex .hightop li.btn06 a:hover {background:url("/img/youngip/top/topmenu/top_btn_03_mys_on.gif") 0 0 no-repeat;}; .topMenuex .menuWrap { position:relative; width:790px; height:18px;} .topMenuex .menuWrap .topMenuBar {position:relative; top:50px; width:100px; height:2px; background:url("/img/youngip/top/topMenuBar.gif") 0 0 no-repeat; } .topMenuex .menuWrap li {float:left; height:18px; padding-top:25px;} .topMenuex .menuWrap li a {display:block; height:18px; text-indent:-9999px;} .topMenuex .menuWrap li.menu1 {width:106px;} .topMenuex .menuWrap li.menu1 a { background:url("/img/youngip/top/top_btn_00_pay_off.gif") 0 0 no-repeat; } .topMenuex .menuWrap li.menu1 a:hover { background:url("/img/youngip/top/top_btn_00_pay_on.gif") 0 0 no-repeat; } .topMenuex .menuWrap li.menu2 {width:106px} .topMenuex .menuWrap li.menu2 a { background:url("/img/youngip/top/top_btn_01_company_off.gif") 0 0 no-repeat; } .topMenuex .menuWrap li.menu2 a:hover { background:url("/img/youngip/top/top_btn_01_company_on.gif") 0 0 no-repeat; } .topMenuex .menuWrap li.menu3 {width:106px;} .topMenuex .menuWrap li.menu3 a { background:url("/img/youngip/top/top_btn_02_vpn_off.gif") 0 0 no-repeat; } .topMenuex .menuWrap li.menu3 a:hover { background:url("/img/youngip/top/top_btn_02_vpn_on.gif") 0 0 no-repeat; } .topMenuex .menuWrap li.menu8 {width:106px; background:url("/img/youngip/top/top_btn_02_vpn_on.gif") 0 0 no-repeat; } .topMenuex .menuWrap li.menu8 a:hover {width:106px; background:url("/img/youngip/top/top_btn_02_vpn_on.gif") 0 0 no-repeat; } .topMenuex .menuWrap li.menu4 {width:106px; } .topMenuex .menuWrap li.menu4 a { background:url("/img/youngip/top/top_btn_03_proxy_off.gif") 0 0 no-repeat; } .topMenuex .menuWrap li.menu4 a:hover { background:url("/img/youngip/top/top_btn_03_proxy_on.gif") 0 0 no-repeat; } .topMenuex .menuWrap li.menu5 {width:106px; } .topMenuex .menuWrap li.menu5 a { background:url("/img/youngip/top/top_btn_05_vpnc_off.gif") 0 0 no-repeat; } .topMenuex .menuWrap li.menu5 a:hover { background:url("/img/youngip/top/top_btn_05_vpnc_on.gif") 0 0 no-repeat; } .topMenuex .menuWrap li.menu6 {width:106px; } .topMenuex .menuWrap li.menu6 a { background:url("/img/youngip/top/top_btn_06_love_off.gif") 0 0 no-repeat; } .topMenuex .menuWrap li.menu6 a:hover { background:url("/img/youngip/top/top_btn_06_love_on.gif") 0 0 no-repeat; } .topMenuex .menuWrap li.menu7 {width:106px; } .topMenuex .menuWrap li.menu7 a { background:url("/img/youngip/top/top_btn_07_test_off.gif") 0 0 no-repeat; } .topMenuex .menuWrap li.menu7 a:hover { background:url("/img/youngip/top/top_btn_07_test_on.gif") 0 0 no-repeat; } .topMenuex .mainSubMenu {position:absolute; width:790px; height:55px; top:80px; right:0; z-index:9999;} .topMenuex .mainSubMenu .sub_menu1 {margin-left:0px; width:410px; height:25px;} .topMenuex .mainSubMenu .sub_menu2 {margin-left:95px; width:410px; height:25px;} .topMenuex .mainSubMenu .sub_menu3 {margin-left:216px; width:410px; height:25px;} .topMenuex .mainSubMenu .sub_menu4 {margin-left:320px; width:410px; height:25px;} .topMenuex .mainSubMenu .sub_menu5 {margin-left:424px; width:410px; height:25px;} .topMenuex .mainSubMenu .sub_menu6 {margin-left:470px; width:410px; height:25px;} .topMenuex .mainSubMenu .sub_menu7 {margin-left:600px; width:410px; height:25px;} .topMenuex .mainSubMenu li {float:left; height:20px; margin-left:0px;} .topMenuex .mainSubMenu li a { color:#666; margin-left:20px; } .topMenuex .mainSubMenu li a:hover { color:#09389d; text-decoration:none;} .topMenuex_sub { width: 100%; height: 200px; overflow: hidden;} .topMenuex_sub .topMenu_flash { position: absolute; z-index: 9999; top: 0; left: 0;} .topMenuex_sub .topMenu_bot { position: absolute; top:100px;} /* 메인 Top .topMenu { position:relative; width:980px; height:102px;} .topMenu .menuWrap { position:relative; margin-left:260px; padding-top:35px; width:710px; height:72px; background:url("/img/youngip/top/top_bg.gif") 0 5px no-repeat; } .topMenu .menuWrap .topMenuBar { position:absolute; top:67px; left:34px; width:104px; height:2px; background:url("/img/youngip/top/topMenuBar.gif") 0 0 no-repeat; } .topMenu .menuWrap li { float:left; height:32px; } .topMenu .menuWrap li a { display:block; height:32px; text-indent:-9999px;} .topMenu .menuWrap li.menu1 { width:102px; } .topMenu .menuWrap li.menu1 a { background:url("/img/youngip/top/topMenu_01.gif") 0 0 no-repeat; } .topMenu .menuWrap li.menu1 a:hover { background:url("/img/youngip/top/topMenu_01_over.gif") 0 0 no-repeat; } .topMenu .menuWrap li.menu2 { width:127px} .topMenu .menuWrap li.menu2 a { background:url("/img/youngip/top/topMenu_02.gif") 0 0 no-repeat; } .topMenu .menuWrap li.menu2 a:hover { background:url("/img/youngip/top/topMenu_02_over.gif") 0 0 no-repeat; } .topMenu .menuWrap li.menu3 { width:127px; } .topMenu .menuWrap li.menu3 a { background:url("/img/youngip/top/topMenu_03.gif") 0 0 no-repeat; } .topMenu .menuWrap li.menu3 a:hover { background:url("/img/youngip/top/topMenu_03_over.gif") 0 0 no-repeat; } .topMenu .menuWrap li.menu4 { width:100px; } .topMenu .menuWrap li.menu4 a { background:url("/img/youngip/top/topMenu_04.gif") 0 0 no-repeat; } .topMenu .menuWrap li.menu4 a:hover { background:url("/img/youngip/top/topMenu_04_over.gif") 0 0 no-repeat; } .topMenu .menuWrap li.menu5 { width:87px; } .topMenu .menuWrap li.menu5 a { background:url("/img/youngip/top/topMenu_05.gif") 0 0 no-repeat; } .topMenu .menuWrap li.menu5 a:hover { background:url("/img/youngip/top/topMenu_05_over.gif") 0 0 no-repeat; } .topMenu .mainSubMenu { position:absolute; width:710px; height:25px; top:76px; right:0; z-index:9999;} .topMenu .mainSubMenu .sub_menu1 {margin-left:0px; width:410px; height:25px;} .topMenu .mainSubMenu .sub_menu2 {margin-left:95px; width:410px; height:25px;} .topMenu .mainSubMenu .sub_menu3 {margin-left:230px; width:410px; height:25px;} .topMenu .mainSubMenu .sub_menu4 {margin-left:400px; width:410px; height:25px;} .topMenu .mainSubMenu .sub_menu5 {margin-left:400px; width:410px; height:25px;} .topMenu .mainSubMenu li { float:left; height:20px; margin-left:30px;} .topMenu .mainSubMenu li a { color:#666;} .topMenu .mainSubMenu li a:hover { color:#09389d; text-decoration:none;} .topmenu_sub { width: 100%; height: 200px; overflow: hidden;} .topmenu_sub .topmenu_flash { position: absolute; z-index: 9999; top: 0; left: 0;} .topmenu_sub .topmenu_bot { position: absolute; top:100px;} */ /* mr header_ex #mr_header .wrapex {position:relative; width:970px; height:126px; margin:0 auto} #mr_header .wrapex a.btn_home {position:absolute; top:0; left:0; display:block; width:182px; height:101px; background:url("/img/youngip/logo/h_logo.jpg") no-repeat 0 0; text-indent:-9999em;} #mr_header .wrapex .menu_area {overflow:hidden; position:absolute; top:5px; right:0;} #mr_header .wrapex .menu_area li {float:left; margin:0 0 0 0px; zoom:1;} #mr_header .wrapex a.topmenu {display:block; overflow:hidden; height:42px; background:url("/img/youngip/h_menu.jpg") no-repeat 0 0; text-indent:-9999em;} #mr_header .wrapex a.menu1 {width:98px; background-position:0 0} #mr_header .wrapex a.menu2 {width:122px; background-position:0 -42px} #mr_header .wrapex a.menu3 {width:122px; background-position:0 -84px} #mr_header .wrapex a.menu4 {width:65px; background-position:0 -126px} #mr_header .wrapex a.menu5 {width:82px; background-position:0 -168px} #mr_header .wrapex a.menu6 {width:82px; background-position:0 -168px} #mr_header .wrapex a.menu1:hover {background-position:-150px 0} #mr_header .wrapex a.menu2:hover {background-position:-150px -42px} #mr_header .wrapex a.menu3:hover {background-position:-150px -84px} #mr_header .wrapex a.menu4:hover {background-position:-150px -126px} #mr_header .wrapex a.menu5:hover {background-position:-150px -168px} #mr_header .wrapex a.menu7:hover {background-position:-150px -168px} */ /* 메인 Top */ .topMenu { position:relative; width:980px; height:102px;} .topMenu .menuWrap { position:relative; margin-left:260px; padding-top:35px; width:710px; height:72px;} .topMenu .menuWrap .topMenuBar {position:absolute; top:67px; left:0px; width:104px; height:2px; background:url("/img/youngip/top/topMenuBar.gif") 0 0 no-repeat; } .topMenu .menuWrap li {float:left; height:32px; } .topMenu .menuWrap li a {display:block; height:32px; text-indent:-9999px;} .topMenu .menuWrap li.menu1 {width:103px; } .topMenu .menuWrap li.menu1 a { background:url("/img/youngip/topex/topMenu_01.gif") 0 0 no-repeat; } .topMenu .menuWrap li.menu1 a:hover { background:url("/img/youngip/topex/topMenu_01_over.gif") 0 0 no-repeat; } .topMenu .menuWrap li.menu2 {width:127px} .topMenu .menuWrap li.menu2 a { background:url("/img/youngip/topex/topMenu_02.gif") 0 0 no-repeat; } .topMenu .menuWrap li.menu2 a:hover { background:url("/img/youngip/topex/topMenu_02_over.gif") 0 0 no-repeat; } .topMenu .menuWrap li.menu3 {width:103px; } .topMenu .menuWrap li.menu3 a { background:url("/img/youngip/topex/topMenu_03.gif") 0 0 no-repeat; } .topMenu .menuWrap li.menu3 a:hover { background:url("/img/youngip/topex/topMenu_03_over.gif") 0 0 no-repeat; } .topMenu .menuWrap li.menu4 {width:127px; } .topMenu .menuWrap li.menu4 a { background:url("/img/youngip/topex/topMenu_04.gif") 0 0 no-repeat; } .topMenu .menuWrap li.menu4 a:hover { background:url("/img/youngip/topex/topMenu_04_over.gif") 0 0 no-repeat; } .topMenu .menuWrap li.menu5 {width:123px; } .topMenu .menuWrap li.menu5 a { background:url("/img/youngip/topex/topMenu_05.gif") 0 0 no-repeat; } .topMenu .menuWrap li.menu5 a:hover { background:url("/img/youngip/topex/topMenu_05_over.gif") 0 0 no-repeat; } .topMenu .menuWrap li.menu6 {width:88px; } .topMenu .menuWrap li.menu6 a { background:url("/img/youngip/topex/topMenu_06.gif") 0 0 no-repeat; } .topMenu .menuWrap li.menu6 a:hover { background:url("/img/youngip/topex/topMenu_06_over.gif") 0 0 no-repeat; } .topMenu .mainSubMenu {position:absolute; width:710px; height:25px; top:76px; right:0; z-index:9999;} .topMenu .mainSubMenu .sub_menu1 {margin-left:0px; width:410px; height:25px;} .topMenu .mainSubMenu .sub_menu2 {margin-left:95px; width:410px; height:25px;} .topMenu .mainSubMenu .sub_menu3 {margin-left:216px; width:410px; height:25px;} .topMenu .mainSubMenu .sub_menu4 {margin-left:320px; width:410px; height:25px;} .topMenu .mainSubMenu .sub_menu5 {margin-left:424px; width:410px; height:25px;} .topMenu .mainSubMenu .sub_menu6 {margin-left:470px; width:410px; height:25px;} .topMenu .mainSubMenu li {float:left; height:20px; margin-left:0px;} .topMenu .mainSubMenu li a { color:#666; margin-left:20px; } .topMenu .mainSubMenu li a:hover { color:#09389d; text-decoration:none;} .topMenu_sub { width: 100%; height: 200px; overflow: hidden;} .topMenu_sub .topMenu_flash { position: absolute; z-index: 9999; top: 0; left: 0;} .topMenu_sub .topMenu_bot { position: absolute; top:100px;} /* footer */ #mr_footer {clear:both; margin: 16px 0 0 0} #mr_footer .link {background-color:#707070} #mr_footer .link .inner {width:970px; height:31px; margin:0 auto} #mr_footer .link .inner ul {position:relative; top:6px} #mr_footer .link .inner li {float:left; margin:0 0 0 10px; zoom:1} #mr_footer .link .inner li.first {margin:0} #mr_footer .link .inner li a {font-family:dotum; font-size:11px; color:#ddd} #mr_footer .copyright {width:970px; height:80px; margin:0 auto} #mr_footer .copyright .top {position:relative; height:30px; padding:0px 0 0 0} #mr_footer .copyright .box {position:absolute; height:18px; padding:0 10px; border:1px solid #333} #mr_footer .copyright .box dl {margin:0 auto} #mr_footer .copyright .box dt {float:left} #mr_footer .copyright .box dd {float:left; margin:0 0 0 5px} #mr_footer .copyright .tel1 dd {color:red} #mr_footer .copyright .tel1 { position:absolute; right:360px} #mr_footer .copyright .tel2 { left:1280px;} #mr_footer .copyright .family { right:0} #mr_footer .copyright .family select {width:170px; height:20px} #mr_footer .copyright .address {clear:both; margin: 5px 0 0 0} #mr_footer .copyright .address dt {float:left; margin:0 3px 0 0; font-family:dotum; font-size:11px; font-weight:bold; letter-spacing:-1px} #mr_footer .copyright .address dd {float:left; margin:0 10px 0 0; font-family:dotum; font-size:11px} #mr_footer .copyright .address dlb { float:left; color:#06C; margin:0 10px 0 0; font-family:dotum; font-size:11px; letter-spacing:-1px border:1px solid #333} #mr_footer .copyright .tailfont0 {font-size:8pt;color:#8b8b8b;font-weight:bold;} #mr_footer .copyright .tailfont00 {font-size:8pt;color:#8b8b8b;} #mr_footer .copyright .tailfont01 {font-size:8pt;color:#0066cc;} /* container */ #mr_container {border-top:5px solid #333} /* content */ #mr_container .content {width:970px; margin:0 auto} #mr_container .content_sub {float:right; width:731px;} #mr_container .content_sub_full {height:4587px; width:100%;} #mr_container .content_sub_792 {float:right; width:792px;}/*상품구매 페이지*/ #mr_container .content_sub_740 {float:right; width:740px;}/*faq 페이지*/ #mr_container .content_sub_770 {position:relative; display:block; float:right; width:770px; height:100%; background-color:#edf0f5; Z-INDEX:3;}/*구매 페이지*/ #mr_container .content_sub_770w {position:relative; display:block; float:right;width:770px; height:100%; Z-INDEX:3;}/*구매 페이지*/ /*content_top*/ .content_sub_large_top_tab {position:relative; top:206px; left:525px; width:566px; text-indent:-9999em;} .content_sub_large_top_tab_01test_on {position:relative; display:block; float:left; width:208px; height:79px; background:url("/img/youngip/common/tab/common_tab_01test_on.png") no-repeat 0 0;} .content_sub_large_top_tab_01test_off {position:relative; display:block; float:left; top:24px; width:154px; height:55px; background:url("/img/youngip/common/tab/common_tab_01test_off.png") no-repeat 0 0;} .content_sub_large_top_tab_02buy_on {position:relative; display:block; float:left; width:208px; height:79px; background:url("/img/youngip/common/tab/common_tab_02buy_on.png") no-repeat 0 0;} .content_sub_large_top_tab_02buy_off {position:relative; display:block; float:left; top:24px; width:154px; height:55px; background:url("/img/youngip/common/tab/common_tab_02buy_off.png") no-repeat 0 0;} .content_sub_large_top_tab_03how_on {position:relative; display:block; float:left; width:208px; height:79px; background:url("/img/youngip/common/tab/common_tab_03how_on.png") no-repeat 0 0;} .content_sub_large_top_tab_03how_off {position:relative; display:block; float:left; top:24px; width:154px; height:55px; background:url("/img/youngip/common/tab/common_tab_03how_off.png") no-repeat 0 0;} /* spot */ #mr_container .spot .wrap {height:391px; background:url("/img/youngip/c_bg.jpg"); z-index:1;} #mr_container .spot .wrap .inner {overflow:hidden; position:relative; width:970px; height:391px; margin:0 auto; background:url("/img/youngip/main/c_img_20160504.jpg") no-repeat 0 0} #mr_container .spot .wrap .inner a {display:block; position:absolute; text-indent:-9999em;} #mr_container .spot .wrap .inner a.btn4 {width:334px; height:55px; top:17px; left:636px;}/*강풀이 소개하는 회사소개*/ #mr_container .spot .wrap .inner a.btn1 {width:334px; height:95px; top:77px; left:636px;}/*100 VPN 서비스*/ #mr_container .spot .wrap .inner a.btn2 {width:334px; height:95px; top:175px; left:636px;}/*광 고정프록시*/ #mr_container .spot .wrap .inner a.btn3 {width:334px; height:95px; top:273px; left:636px;}/*광 유동프록시*/ #mr_container .spot .wrap .inner a.btn5 {width:560px; height:80px; top:30px; left:10px;;}/*테스트신청하기*/ #mr_container .spot .wrap .inner a.btn6 {width:397px; height:231px; top:150px; left:0px;}/*자세히보기*/ /* spotex-2014년동 */ #mr_container .spotex .wrap {height:391px; background:url("/img/youngip/c_bg.jpg")} #mr_container .spotex .wrap .inner {overflow:hidden; position:relative; width:970px; height:391px; margin:0 auto; background:url("/img/youngip/main/c_img_20150326.jpg") no-repeat 0 0} #mr_container .spotex .wrap .inner a {display:block; position:absolute; text-indent:-9999em} #mr_container .spotex .wrap .inner a.btn4 {width:334px; height:55px; top:17px; left:636px;}/*강풀이 소개하는 회사소개*/ #mr_container .spotex .wrap .inner a.btn1 {width:334px; height:95px; top:77px; left:636px;}/*100 VPN 서비스*/ #mr_container .spotex .wrap .inner a.btn2 {width:334px; height:95px; top:175px; left:636px;}/*광 고정프록시*/ #mr_container .spotex .wrap .inner a.btn3 {width:334px; height:95px; top:273px; left:636px;}/*광 유동프록시*/ #mr_container .spotex .wrap .inner a.btn5 {width:560px; height:80px; top:30px; left:10px;;}/*테스트신청하기*/ #mr_container .spotex .wrap .inner a.btn6 {width:397px; height:231px; top:150px; left:0px;}/*자세히보기*/ /* spotex-20150601 */ #mr_container .spot20150601 .wrap {height:390px; background:url("/img/youngip/main/20150609/c_img_bg_00.gif")} #mr_container .spot20150601 .wrap .inner {overflow:hidden; position:relative; width:1174px; height:390px; margin:0 auto; background:url("/img/youngip/main/c_img_20160504.jpg") no-repeat 0 0} #mr_container .spot20150601 .wrap .inner a {display:block; position:absolute; text-indent:-9999em} #mr_container .spot20150601 .wrap .inner a.btn4 {width:234px; height:55px; top:17px; left:836px;}/*강풀이 소개하는 회사소개*/ #mr_container .spot20150601 .wrap .inner a.btn1 {width:234px; height:95px; top:77px; left:836px;}/*100 VPN 서비스*/ #mr_container .spot20150601 .wrap .inner a.btn2 {width:234px; height:95px; top:175px; left:836px;}/*광 고정프록시*/ #mr_container .spot20150601 .wrap .inner a.btn3 {width:234px; height:95px; top:273px; left:836px;}/*광 유동프록시*/ #mr_container .spot20150601 .wrap .inner a.btn5 {width:560px; height:80px; top:48px; left:90px;;}/*테스트신청하기*/ #mr_container .spot20150601 .wrap .inner a.btn6 {width:397px; height:231px; top:150px; left:100px;}/*자세히보기*/ /* spotex-20151209 */ #mr_container .spot20151209 .wrap {height:390px; background:url("/img/youngip/main/20150609/c_img_bg_00.gif")} #mr_container .spot20151209 .wrap .inner {overflow:hidden; position:relative; width:1174px; height:390px; margin:0 auto; background:url("/img/youngip/main/c_img_20160504.jpg") no-repeat 0 0} #mr_container .spot20151209 .wrap .inner a {display:block; position:absolute; text-indent:-9999em} #mr_container .spot20151209 .wrap .inner a.btn1 {width:560px; height:80px; top:48px; left:90px; }/*테스트신청하기*/ #mr_container .spot20151209 .wrap .inner a.btn2 {width:397px; height:231px; top:150px; left:100px; }/*자세히보기*/ #mr_container .spot20151209 .wrap .inner a.btn3 {width:102px; height:167px; top:17px; left:1075px; }/*강풀이 소개하는 회사소개*/ #mr_container .spot20151209 .wrap .inner a.btn4 {width:241px; height:81px; top:17px; left:825px; }/*100 VPN 고정서비스*/ #mr_container .spot20151209 .wrap .inner a.btn5 {width:241px; height:81px; top:107px; left:825px; }/*100 VPN 유동서비스*/ #mr_container .spot20151209 .wrap .inner a.btn6 {width:241px; height:81px; top:199px; left:825px; }/*광 고정프록시*/ #mr_container .spot20151209 .wrap .inner a.btn7 {width:241px; height:81px; top:293px; left:825px; }/*광 유동프록시*/ #mr_container .spot20151209 .wrap .inner a.btn8 {width:102px; height:167px; top:215px; left:1075px; }/*한 눈에 보는 청춘IP*/ /* spotex-20160526 */ #mr_container .spot20160526 .wrap {height:463px; background:url("/img/youngip/main/20160526/c_img_bg_00.gif")} #mr_container .spot20160526 .wrap .inner {overflow:hidden; position:relative; width:970px; height:463px; margin:0 auto; background:url("/img/youngip/main/20160526/c_img_20160526.jpg") no-repeat 0 0} #mr_container .spot20160526 .wrap .inner a {display:block; position:absolute; text-indent:-9999em} #mr_container .spot20160526 .wrap .inner a.btn2 {width:600px; height:115px; top:0px; left:0px; }/*자세히보기*/ #mr_container .spot20160526 .wrap .inner a.btn1 {width:100px; height:130px; top:0px; left:867px; }/*테스트 신청하기*/ #mr_container .spot20160526 .wrap .inner a.btn3 {width:100px; height:143px; top:140px; left:867px; }/*한눈에 청춘ip*/ #mr_container .spot20160526 .wrap .inner a.btn4 {width:233px; height:157px; top:295px; left:0px; }/*100 VPN 고정서비스*/ #mr_container .spot20160526 .wrap .inner a.btn5 {width:233px; height:157px; top:295px; left:247px; }/*100 VPN 유동서비스*/ #mr_container .spot20160526 .wrap .inner a.btn6 {width:233px; height:157px; top:295px; left:491px; }/*광 고정프록시*/ #mr_container .spot20160526 .wrap .inner a.btn7 {width:233px; height:157px; top:295px; left:735px; }/*광 유동프록시*/ /* spotex-20160601 */ #mr_container .spot20160601 .wrap {height:576px; background:url("/img/youngip/main/20160601/c_img_bg_00.jpg")} #mr_container .spot20160601 .wrap .inner {overflow:hidden; position:relative; width:970px; height:576px; margin:0 auto; background:url("/img/youngip/main/20180309/c_img_20180309.jpg") no-repeat 0 0} #mr_container .spot20160601 .wrap .inner a {display:block; position:absolute; text-indent:-9999em} #mr_container .spot20160601 .wrap .inner a.btn2 {width:600px; height:115px; top:30px; left:0px; }/*자세히보기*/ #mr_container .spot20160601 .wrap .inner a.btn1 {width:100px; height:130px; top:10px; left:867px; }/*테스트 신청하기*/ #mr_container .spot20160601 .wrap .inner a.btn3 {width:100px; height:143px; top:150px; left:867px; }/*한눈에 청춘ip*/ #mr_container .spot20160601 .wrap .inner a.btn4 {width:233px; height:157px; top:411px; left:0px; }/*100 VPN 고정서비스*/ #mr_container .spot20160601 .wrap .inner a.btn5 {width:233px; height:157px; top:411px; left:247px; }/*100 VPN 유동서비스*/ #mr_container .spot20160601 .wrap .inner a.btn6 {width:233px; height:157px; top:411px; left:491px; }/*광 고정프록시*/ #mr_container .spot20160601 .wrap .inner a.btn7 {width:233px; height:157px; top:411px; left:735px; }/*광 유동프록시*/ /* spotex-20191216 -수정중 */ #mr_container .spot20191216 .wrap {height:576px; background:url("/img/youngip/main/20160601/c_img_bg_00.jpg");} #mr_container .spot20191216 .wrap .inner {overflow:hidden; position:relative; width:970px; height:576px; margin:0 auto; background:url("/img/youngip/main/c_img_20220817.jpg") no-repeat 0 0} #mr_container .spot20191216 .wrap .inner a {display:block; position:absolute;} #mr_container .spot20191216 .wrap .inner a.btn2 {width:600px; height:115px; top:30px; left:0px;}/*자세히보기*/ #mr_container .spot20191216 .wrap .inner a.btn1 {width:100px; height:95px; top:10px; left:867px;}/*테스트 신청하기*/ #mr_container .spot20191216 .wrap .inner a.btn8 {width:100px; height:103px; top:115px; left:867px;}/*스마트폰*/ #mr_container .spot20191216 .wrap .inner a.btn3 {width:100px; height:73px; top:225px; left:867px;}/*한눈에 청춘ip*/ #mr_container .spot20191216 .wrap .inner a.btn4 {width:233px; height:157px; top:411px; left:0px;}/*100 VPN 고정서비스*/ #mr_container .spot20191216 .wrap .inner a.btn5 {width:233px; height:157px; top:411px; left:247px;}/*100 VPN 유동서비스*/ #mr_container .spot20191216 .wrap .inner a.btn6 {width:233px; height:157px; top:411px; left:491px;}/*광 고정프록시*/ #mr_container .spot20191216 .wrap .inner a.btn7 {width:233px; height:157px; top:411px; left:735px;}/*광 유동프록시*/ /*main banner 20150601 */ #mr_container .banner20150609 {clear:both; Z-INDEX:0;} #mr_container .banner20150609 li {float:left; zoom:1; Z-INDEX:0;} /*#mr_container .banner20150609 li a {display:block; overflow:hidden; height:130px; Z-INDEX:100;}*/ #mr_container .banner20150609 .banner01 {width:216px; height:130px; background:url("/img/youngip/main/20150609/c_img_pay_00.jpg") no-repeat 0 0; Z-INDEX:100; display:block;} #mr_container .banner20150609 .banner01 {width:216px; height:130px; background:url("/img/youngip/main/20150609/c_img_pay_00.jpg") no-repeat 0 0; Z-INDEX:100; display:block;} #mr_container .banner20150609 .banner02 {width:534px; height:130px; background:url("/img/youngip/main/20150609/c_img_guide_00.jpg") no-repeat 0 0; Z-INDEX:100; text-indent:-9999em; display:block;} #mr_container .banner20150609 .banner02 .btn01 {width:122px; height:130px;} #mr_container .banner20150609 .banner02 .btn02 {width:96px; height:130px;} #mr_container .banner20150609 .banner02 .btn03 {width:96px; height:130px;} #mr_container .banner20150609 .banner02 .btn04 {width:96px; height:130px;} #mr_container .banner20150609 .banner02 .btn05 {width:96px; height:130px;} #mr_container .banner20150609 .banner03 {width:183px; height:130px; background:url("/img/youngip/main/20150609/c_img_call_00.gif") no-repeat 0 0; Z-INDEX:100; text-indent:-9999em; display:block;} #mr_container .banner20150609 .banner04 {width:183px; height:130px; background:url("/img/youngip/main/20150609/c_img_call_00.gif") no-repeat 0 0; Z-INDEX:100; text-indent:-9999em; display:block;} #mr_container .banner20150609 .banner01_20160311 {width:323px; height:130px; background:url("/img/youngip/main/20160311/c_img_pay_00.jpg") no-repeat 0 0; Z-INDEX:100; display:block;} #mr_container .banner20150609 .banner02_20160311 {width:420px; height:130px; background:url("/img/youngip/main/20160311/c_img_guide_00.jpg") no-repeat 0 0; Z-INDEX:100; text-indent:-9999em; display:block;} #mr_container .banner20150609 .banner02_20160311 .btn01 {width:96px; height:130px;} #mr_container .banner20150609 .banner02_20160311 .btn02 {width:96px; height:130px;} #mr_container .banner20150609 .banner02_20160311 .btn03 {width:96px; height:130px;} #mr_container .banner20150609 .banner02_20160311 .btn04 {width:96px; height:130px;} /*main banner 20160526*/ #mr_container .quickmenu20160526 {width:575px; height:139px; background:url("/img/youngip/main/20160526/c_img_quickmenu.jpg") no-repeat 0 0; Z-INDEX:100; text-indent:-9999em; display:block;} #mr_container .quickmenu20160526 .quickbtn {width:480px;position:relative;top:33px; left:148px;text-indent:-9999em; display:block;} #mr_container .quickmenu20160526 .quickbtn .btn01 {width:88px; height:88px; } #mr_container .quickmenu20160526 .quickbtn .btn02 {width:88px; height:88px; margin-left:8px;} #mr_container .quickmenu20160526 .quickbtn .btn03 {width:88px; height:88px; margin-left:8px;} #mr_container .quickmenu20160526 .quickbtn .btn04 {width:88px; height:88px; margin-left:8px;} #mr_container .banner20160526_01 {width:553px; height:130px; background:url("/img/youngip/main/20160526/c_img_banner01.jpg") no-repeat 0 0; Z-INDEX:100; text-indent:-9999em; display:block;} #mr_container .banner20160526_01_small {width:281px; height:130px; background:url("/img/youngip/main/20160601/c_img_banner01.gif") no-repeat 0 0; Z-INDEX:100; text-indent:-9999em; display:block;} #mr_container .banner20160526_infodesk {width:553px; height:130px; background:url("/img/youngip/main/20160526/c_img_infodesk.gif") no-repeat 0 0; Z-INDEX:100; text-indent:-9999em; display:block;} /*main banner 20191216 수정중*/ #mr_container .quickmenu20191216 {width:575px; height:139px; background:url("/img/youngip/main/20191216/c_img_quickmenu.jpg") no-repeat 0 0; Z-INDEX:100; text-indent:-9999em; display:block;} #mr_container .quickmenu20191216 .quickbtn {width:575px;position:relative;top:0px;text-indent:-9999em; display:block; } #mr_container .quickmenu20191216 .quickbtn .btn01 {width:144px; height:139px; } #mr_container .quickmenu20191216 .quickbtn .btn02 {width:144px; height:139px; margin-left:8px;} #mr_container .quickmenu20191216 .quickbtn .btn03 {width:144px; height:139px; margin-left:8px;} #mr_container .quickmenu20191216 .quickbtn .btn04 {width:144px; height:139px; margin-left:8px;} #mr_container .banner20191216_01 {width:553px; height:130px; background:url("/img/youngip/main/20191216/c_img_banner01.jpg") no-repeat 0 0; Z-INDEX:100; text-indent:-9999em; display:block;} #mr_container .banner20191216_01_small {width:281px; height:130px; background:url("/img/youngip/main/20160601/c_img_banner01.gif") no-repeat 0 0; Z-INDEX:100; text-indent:-9999em; display:block;} #mr_container .banner20191216_infodesk {width:553px; height:130px; background:url("/img/youngip/main/20191216/c_img_infodesk.gif") no-repeat 0 0; Z-INDEX:100; text-indent:-9999em; display:block;} /*qna_wrap 20160526*/ #mr_container .qna_wrap_20160526 { width:970px; height:130px; padding-top:17px;} #mr_container .qna_wrap_20160526 .qna_form {width:100%; height:100px; background:url("/img/main/mr_bl_04.jpg") no-repeat 15px 20px} #mr_container .qna_wrap_20160526 .qna_form .title {display:block; width:187px; height:13px; background:url("/img/main/mr_tit_04.jpg") no-repeat 0 0} #mr_container .qna_wrap_20160526 .qna_form .box {position:relative; margin:5px 0 0 0; border-top:1px solid #ccc} #mr_container .qna_wrap_20160526 .qna_form .box .inner {position:absolute; top:10px; left:85px; width:460px; height:35px; border:1px solid #ccc} #mr_container .qna_wrap_20160526 .qna_form .box .inner input {width:440px; height:25px; margin:5px 0 0 0; padding:0 10px; border:0 none; font-size:11px; font-family:dotum;line-height:1.3em; color:#aaa; vertical-align:top; zoom:1} #mr_container .qna_wrap_20160526 .qna_form .box button {display:block; position:absolute; top:10px; right:0px; width:85px; height:41px; background:url("/img/main/mr_btn_qna_submit.jpg") no-repeat 0 0; text-indent:-9999em} #mr_container .qna_wrap_20160526 .qna_list {float:right; width:100%} #mr_container .qna_wrap_20160526 .qna_list a.title {display:block; float:left; width:116px; height:15px; background:url("/img/main/mr_tit_02.jpg") no-repeat 0 0} #mr_container .qna_wrap_20160526 .qna_list a.more {display:block; float:right; width:49px; height:14px; background:url("/img/main/mr_btn_more.jpg") no-repeat 0 0} #mr_container .qna_wrap_20160526 .qna_list ul {clear:both; padding-top:10px} #mr_container .qna_wrap_20160526 .qna_list li {zoom:1; padding:3px 0 4px 0} #mr_container .qna_wrap_20160526 .qna_list li a {display:block; padding:0 0 0 20px; background:url("/img/main/mr_bl_01.jpg") no-repeat 0 50%; font-family:dotum; font-size:11px; color:#333} #mr_container .qna_wrap_20160526 .qna_list li a:hover {text-decoration:underline; color:#333} #mr_container .qna_wrap_20160526 .qna_list li a em {color:#ff7200; letter-spacing:-1px} #mr_container .qna_wrap_20160526 .qna_list li.last {border-bottom:0 none !important} #mr_container .qna_wrap_20160526 .qna_best {float:left; width:100%} #mr_container .qna_wrap_20160526 .qna_best a.title {display:block; float:left; width:84px; height:15px; background:url("/img/main/mr_tit_03.jpg") no-repeat 0 0} #mr_container .qna_wrap_20160526 .qna_best a.more {display:block; float:right; width:49px; height:14px; background:url("/img/main/mr_btn_more.jpg") no-repeat 0 0} #mr_container .qna_wrap_20160526 .qna_best ul {clear:both; padding-top:10px} #mr_container .qna_wrap_20160526 .qna_best li {zoom:1; padding:3px 0 4px 0} #mr_container .qna_wrap_20160526 .qna_best li a {display:block; padding:0 0 0 10px; background:url("/img/youngip/bl_01.jpg") no-repeat 0 50%; font-family:dotum; font-size:11px; color:#333} #mr_container .qna_wrap_20160526 .qna_best li a:hover {text-decoration:underline; color:#333} #mr_container .qna_wrap_20160526 .qna_best li.last {border-bottom:0 none !important} /*qna_wrap_원본*/ #mr_container .qna_wrap {float:left; width:700px; height:160px; padding:20px 20px 10px} #mr_container .qna_wrap .qna_form {width:100%; height:100px; background:url("/img/main/mr_bl_04.jpg") no-repeat 15px 20px} #mr_container .qna_wrap .qna_form .title {display:block; width:187px; height:13px; background:url("/img/main/mr_tit_04.jpg") no-repeat 0 0} #mr_container .qna_wrap .qna_form .box {position:relative; margin:5px 0 0 0; border-top:1px solid #ccc} #mr_container .qna_wrap .qna_form .box .inner {position:absolute; top:10px; left:85px; width:460px; height:35px; border:1px solid #ccc} #mr_container .qna_wrap .qna_form .box .inner input {width:440px; height:25px; margin:5px 0 0 0; padding:0 10px; border:0 none; font-size:11px; font-family:dotum;line-height:1.3em; color:#aaa; vertical-align:top; zoom:1} #mr_container .qna_wrap .qna_form .box button {display:block; position:absolute; top:10px; right:0px; width:85px; height:41px; background:url("/img/main/mr_btn_qna_submit.jpg") no-repeat 0 0; text-indent:-9999em} #mr_container .qna_wrap .qna_list {float:right; width:320px} #mr_container .qna_wrap .qna_list a.title {display:block; float:left; width:116px; height:15px; background:url("/img/main/mr_tit_02.jpg") no-repeat 0 0} #mr_container .qna_wrap .qna_list a.more {display:block; float:right; width:49px; height:14px; background:url("/img/main/mr_btn_more.jpg") no-repeat 0 0} #mr_container .qna_wrap .qna_list ul {clear:both; padding-top:10px} #mr_container .qna_wrap .qna_list li {zoom:1; padding:3px 0 4px 0} #mr_container .qna_wrap .qna_list li a {display:block; padding:0 0 0 20px; background:url("/img/main/mr_bl_01.jpg") no-repeat 0 50%; font-family:dotum; font-size:11px; color:#333} #mr_container .qna_wrap .qna_list li a:hover {text-decoration:underline; color:#333} #mr_container .qna_wrap .qna_list li a em {color:#ff7200; letter-spacing:-1px} #mr_container .qna_wrap .qna_list li.last {border-bottom:0 none !important} #mr_container .qna_wrap .qna_best {float:left; width:320px} #mr_container .qna_wrap .qna_best a.title {display:block; float:left; width:84px; height:15px; background:url("/img/main/mr_tit_03.jpg") no-repeat 0 0} #mr_container .qna_wrap .qna_best a.more {display:block; float:right; width:49px; height:14px; background:url("/img/main/mr_btn_more.jpg") no-repeat 0 0} #mr_container .qna_wrap .qna_best ul {clear:both; padding-top:10px} #mr_container .qna_wrap .qna_best li {zoom:1; padding:3px 0 4px 0} #mr_container .qna_wrap .qna_best li a {display:block; padding:0 0 0 10px; background:url("/img/youngip/bl_01.jpg") no-repeat 0 50%; font-family:dotum; font-size:11px; color:#333} #mr_container .qna_wrap .qna_best li a:hover {text-decoration:underline; color:#333} #mr_container .qna_wrap .qna_best li.last {border-bottom:0 none !important} #mr_container .aside {float:right} #mr_container .aside .notice {padding:10px} #mr_container .aside .notice a.title {display:block; float:left; width:66px; height:14px; background:url("/img/main/mr_tit_01.jpg") no-repeat 0 0} #mr_container .aside .notice a.more {display:block; float:right; width:35px; height:7px; background:url("/img/main/mr_btn_more.jpg") no-repeat 0 0} #mr_container .aside .notice ul {clear:both; padding-top:6px} #mr_container .aside .notice li {zoom:1} #mr_container .aside .notice li a {display:block; padding:0 0 0 13px; background:url("/img/main/mr_bl_03.jpg") no-repeat 5px 50%; font-family:dotum; font-size:11px; color:#333} #mr_container .aside .notice li a:hover {text-decoration:underline; color:#333} /*main banner */ #mr_container .banner {clear:both; Z-INDEX:100;} #mr_container .banner li {float:left; zoom:1; Z-INDEX:100;} #mr_container .banner li a {display:block; overflow:hidden; height:125px; text-indent:-9999em; Z-INDEX:100;} #mr_container .banner li a.banner01 {width:445px; background:url("/img/youngip/main/main_banner_01.jpg") no-repeat 0 0; Z-INDEX:100;} #mr_container .banner li a.banner02 {width:191px; background:url("/img/youngip/main/main_banner_02.jpg") no-repeat 0 0; Z-INDEX:100;} #mr_container .banner li a.banner03 {width:334px; background:url("/img/youngip/main/main_banner_03_20140902.jpg") no-repeat 0 0; Z-INDEX:100;} #mr_container .banner li a.banner04 {width:334px; background:url("/img/youngip/main/main_banner_03_off.jpg") no-repeat 0 0; Z-INDEX:100;} /* left menu */ #mr_container .leftmenu {float:left; width:219px} #mr_container .leftmenu .banner {margin:10px 0 0 0} #mr_container .leftmenu .banner li {zoom:1; border-right:1px solid #e0e0e0; margin-bottom:5px;} #mr_container .leftmenu .banner a {display:block; text-indent:-9999em} #mr_container .leftmenu .banner a.banner01 {width:219px; height:104px; background:url("/img/youngip/aside_banner_01.jpg") no-repeat 0 0} #mr_container .leftmenu .banner a.banner02 {width:219px; height:104px; background:url("/img/youngip/aside_banner_02.jpg") no-repeat 0 0} #mr_container .leftmenu .banner a.banner03 {width:219px; height:104px; background:url("/img/youngip/aside_banner_03.jpg") no-repeat 0 0} #mr_container .leftmenu .banner a.banner04 {width:219px; height:104px; background:url("/img/youngip/aside_banner_04.gif") no-repeat 0 0} #mr_container .leftmenu .banner a.banner05 {width:219px; height:104px; background:url("/img/youngip/aside_banner_05.gif") no-repeat 0 0} /* left menu_ex */ #mr_container .leftmenuex {float:left; width:219px} #mr_container .leftmenuex .banner {margin:10px 0 0 0} #mr_container .leftmenuex .banner li {zoom:1; border-right:1px solid #e0e0e0; margin-bottom:5px;} #mr_container .leftmenuex .banner a {} #mr_container .leftmenuex .banner a.banner01 {display:block; text-indent:-9999em; width:219px; height:104px; background:url("/img/youngip/aside_banner_01.jpg") no-repeat 0 0} #mr_container .leftmenuex .banner a.banner02 {display:block; text-indent:-9999em; width:219px; height:104px; background:url("/img/youngip/aside_banner_02.jpg") no-repeat 0 0} #mr_container .leftmenuex .banner a.banner03 {display:block; text-indent:-9999em; width:219px; height:70px; background:url("/img/youngip/aside_banner_03_20130702.jpg") no-repeat 0 0} #mr_container .leftmenuex .banner a.banner04 {display:block; text-indent:-9999em; width:219px; height:104px; background:url("/img/youngip/aside_banner_04.gif") no-repeat 0 0} #mr_container .leftmenuex .banner a.banner05 {display:block; text-indent:-9999em; width:219px; height:104px; background:url("/img/youngip/aside_banner_05.gif") no-repeat 0 0} /* login box */ #mr_container .loginbox {overflow:hidden; width:219px; height:192px; background:url("/img/youngip/loginbox_bg.jpg") no-repeat 0 0} #mr_container .loginbox .inner {margin:30px 0 0 20px} /*vpn_static */ .vpn_static .title_01{position:relative; width:731px; height:318px; background:url("/img/youngip/title/title_vpn_static_01.jpg") no-repeat 0 0;} .vpn_static .title_02{width:672px; height:31px; background:url("/img/youngip/title/title_vpn_static_02.jpg") no-repeat 0 0; margin-left:30px; margin-top:25px; } .vpn_static .btn_01{width:731px; height:174px; background:url("/img/youngip/btn/btn_vpn_static_01.jpg") no-repeat 0 0; } .vpn_static .img_01{width:731px; height:439px; background:url("/img/youngip/company/2014214_introduce/img_vpn_static_01.jpg") no-repeat 0 0; margin-top:25px;} .vpn_static .img_02{width:731px; height:414px; background:url("/img/youngip/company/2014214_introduce/img_vpn_static_02.jpg") no-repeat 0 0; margin-top:90px;} .vpn_static .img_03{width:731px; height:271px; background:url("/img/youngip/company/2014214_introduce/img_vpn_static_03.jpg") no-repeat 0 0; margin-top:90px;} .vpn_static .img_04{width:731px; height:209px; background:url("/img/youngip/company/2014214_introduce/img_vpn_static_04.jpg") no-repeat 0 0; margin-top:90px;} .vpn_static .img_05{width:731px; height:440px; background:url("/img/youngip/company/2014214_introduce/img_vpn_static_05.jpg") no-repeat 0 0; margin-top:90px;} .vpn_static .img_06{width:731px; height:293px; background:url("/img/youngip/company/2014214_introduce/img_vpn_static_06.jpg") no-repeat 0 0; margin-top:90px;} .vpn_static .img_07{width:731px; height:384px; background:url("/img/youngip/company/2014214_introduce/img_vpn_static_07.jpg") no-repeat 0 0; margin-top:90px;} .vpn_static .tbl_01{padding-left:31px; background-color:#f9f9f9; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8;} .vpn_static .img_08{width:731px; height:309px; background:url("/img/youngip/company/2014214_introduce/img_vpn_static_08.jpg") no-repeat 0 0; margin-top:90px;} .vpn_static .img_09{width:731px; height:83px; background:url("/img/youngip/company/2014214_introduce/img_vpn_static_09.jpg") no-repeat 0 0; margin-top:90px;} .vpn_static .img_10{width:731px; height:224px; background:url("/img/youngip/company/2014214_introduce/img_vpn_static_10_20150305.jpg") no-repeat 0 0;} .vpn_static .img_11{width:731px; height:26px; background:url("/img/youngip/company/2014214_introduce/img_vpn_static_11.jpg") no-repeat 0 0;} /*vpn_static_20150601 */ .vpn_static_20150601_large_top_back {position:relative; margin:0 auto; width:100%; height:285px; background-color:#e8e8e8; border-bottom:1px solid #d1d1d1;} .vpn_static_20150601_large_top {margin:0 auto; width:1080px; height:285px; background:url("/img/youngip/company/20150601_introduce/vpn_top.jpg"); z-index:1;} .vpn_static_20150601 {height:4587px;} .vpn_static_20150601_large {position:relative; margin:0 auto; width:970px; height:4587px;} .vpn_static_20150601 .img_01{width:970px; height:3066px; background:url("/img/youngip/company/20150601_introduce/VPN_01.jpg") no-repeat 0 0; margin-top:25px;} .vpn_static_20150601 .img_02{width:970px; height:746px; background:url("/img/youngip/company/20150601_introduce/VPN_02.jpg") no-repeat 0 0;} .vpn_static_20150601 .img_03{width:970px; height:775px; background:url("/img/youngip/company/20150601_introduce/VPN_03.jpg") no-repeat 0 0;} .vpn_static_20150601 .img_02 .tbl_01{padding-left:88px; padding-top:410px;} .noaction {text-indent:-9999em; position:relative; float:left; display:block; top:484px; left:764px; width:166px; height:28px;} .gotest {text-indent:-9999em; position:relative; float:left; display:block; top:1448px; left:110px; width:407px; height:75px;} /*vpn_dynamic*/ .vpn_dynamic_large_top_back {position:relative; margin:0 auto; width:100%; height:285px; background-color:#e8e8e8; border-bottom:1px solid #d1d1d1;} .vpn_dynamic_large_top {margin:0 auto; width:1080px; height:285px; background:url("/img/youngip/company/20151216_dynamic/vpn_d_top.jpg"); z-index:1;} .vpn_dynamic {height:4187px;} .vpn_dynamic_large {position:relative; margin:0 auto; width:970px; height:4187px;} .vpn_dynamic .img_01{width:970px; height:4187px; background:url("/img/youngip/company/20180529_dynamic/VPN_d_01.jpg") no-repeat 0 0; margin-top:25px;} .vpn_dynamic .noaction {text-indent:-9999em; position:relative; float:left; display:block; top:574px; left:764px; width:166px; height:28px;} .vpn_dynamic .gotest {text-indent:-9999em; position:relative; float:left; display:block; top:1915px; left:110px; width:407px; height:75px;} /*proxy_static_20150601*/ .proxy_static_20150601_large_top_back {position:relative; margin:0 auto; width:100%; height:285px; background-color:#e8e8e8; border-bottom:1px solid #d1d1d1;} .proxy_static_20150601_large_top {margin:0 auto; width:1080px; height:285px; background:url("/img/youngip/proxy/static/proxy_static_top.jpg"); z-index:1;} .proxy_static_20150601 {} .proxy_static_20150601_large {position:relative; margin:0 auto; width:970px; height:6150px;} .proxy_static_20150601 .img_01{width:970px; height:6100px; background:url("/img/youngip/proxy/static/proxy_static_02.jpg") no-repeat 0 0; margin-top:25px;} .proxy_static_20150601 .proxy_clickangel {margin:0 auto; display:block; width:940px; height:104px; background:url("/img/youngip/proxy/click_angel.jpg") no-repeat 0 0;} /*proxy_dynamic_20150601*/ .proxy_dynamic_20150601_large_top_back {position:relative; margin:0 auto; width:100%; height:285px; background-color:#e8e8e8; border-bottom:1px solid #d1d1d1;} .proxy_dynamic_20150601_large_top {margin:0 auto; width:1080px; height:285px; background:url("/img/youngip/proxy/dynamic/proxy_dynamic_top.jpg"); z-index:1;} .proxy_dynamic_20150601 {} .proxy_dynamic_20150601_large {position:relative; margin:0 auto; width:970px; height:5180px;} .proxy_dynamic_20150601 .img_01{width:970px; height:5089px; background:url("/img/youngip/proxy/dynamic/proxy_dynamic_02.jpg") no-repeat 0 0; margin-top:25px;} .proxy_dynamic_20150601 .proxy_clickangel {margin:0 auto; display:block; width:940px; height:104px; background:url("/img/youngip/proxy/click_angel.jpg") no-repeat 0 0;} .location {width:690px; height:37px; } .location .print{ float:right; width:45px; height:18px; padding-top:8px;} .location .print a{ display:block; width:45px; height:18px; background:url("/img/hvpn/btn_print.gif") 0 0 no-repeat; text-indent:-9999px; } .registerInfo td {padding:3px 0 ;} .registerInfo input[type=text] { height:16px; border:1px solid #dadada;} .registerInfo input[type=password] { height:16px; border:1px solid #dadada;} .infoRegisterResult { width:639px; height:210px; padding:150px 0 0 51px; background:url("/img/hvpn/reg_step3_info.gif") 0 0 no-repeat; } .infoRegisterResult li { float:left; margin-right:34px; padding-top:20px; width:174px; height:42px; text-align:center; font-weight:bold; color:#666; font-size:14px;} .downloadRegisterResult { width:678px; height:70px; margin-top:31px; padding:144px 0 0 12px; background:url("/img/hvpn/reg_step3_download.gif") 0 0 no-repeat;} .downloadRegisterResult li { float:left; width:315px; height:70px;} .downloadRegisterResult a { display:block; width:315px; height:70px; text-indent:-9999px;} .downloadRegisterResult .download {background:url(/img/hvpn/reg_step3_download.gif) -12px -144px no-repeat;} .downloadRegisterResult .useGuide {margin-left:35px; background:url(/img/hvpn/reg_step3_download.gif) -362px -144px no-repeat;} .loginForm { width:309px; height:156px; padding:141px 0 0 381px; background:url("/img/hvpn/login_form.gif") 0 0 no-repeat; } .loginForm .loginDiv { width:277px; height:41px; } .loginForm .loginDiv .loginInput { float:left; width:148px; padding:1px 0 0 45px;} .loginForm .loginDiv .loginInput div { width:135px; height:14px; } .loginForm .loginDiv .loginInput input { width:135px; height:14px; border:0px;} .loginForm .loginDiv .loginInput .myip_pw { padding-top:11px; } .loginForm .loginDiv .btnLogin { float:left; width:83px; height:41px;} .loginForm .btnLoginOption { width:231px; height:21px; padding-top:36px; } .loginForm .btnLoginOption li { float:left; width:108px; height:21px; } .loginForm .btnLoginOption li a { display:block; width:108px; height:21px; text-indent:-9999px; } .loginForm .btnLoginOption li.register { background:url("/img/hvpn/login_form.gif") -381px -218px no-repeat; } .loginForm .btnLoginOption li.searchInfo { margin-left:15px; background:url("/img/hvpn/login_form.gif") -504px -218px no-repeat; } .registerBenefit { position:relative; width:690px; height:244px; background:url("/img/hvpn/login_info.gif") 0 0 no-repeat; } .registerBenefit .loginBenefitTitle { position:absolute; width:216px; top:23px; left:-5px; height:38px; background:url("/img/hvpn/login_info_title.gif") 0 0 no-repeat; } /*login_chk form */ .loginchkForm { width:426px; border:2px solid #eeeeee; border-top:4px solid #0088ff; margin-top:50px; margin-bottom:50px;} .loginchkForm .title{ width:126px; height:32px; background:url("/img/youngip/loginchk/title_login_chk.gif") 0 0 no-repeat; } .loginchkForm .loginDiv { width:277px; height:41px; } .loginchkForm .loginDiv .loginInput { float:left; width:148px; padding:1px 0 0 45px;} .loginchkForm .loginDiv .loginInput div { width:135px; height:14px; } .loginchkForm .loginDiv .loginInput input { width:135px; height:14px; border:0px;} .loginchkForm .text01 {float:left; font-weight:bold;} .loginchkForm .text02 {float:left; font-weight:bold; color:#a2a2a2;} .loginchkForm .myip_id {float:right; border:1px solid #999999; width:234px; height:33px; } .loginchkForm .myip_pw {float:right; border:1px solid #999999; width:234px; height:33px;} .loginchkForm .loginDiv .btnLogin { float:left; width:83px; height:41px;} .loginchkForm .register {float:right; display:block; width:81px; height:21px; text-indent:-9999px; background:url("/img//youngip/loginchk/btn_login_chk_join.gif") no-repeat; } .loginchkForm .searchInfo {float:right; display:block; width:117px; height:21px; text-indent:-9999px; background:url("/img//youngip/loginchk/btn_login_chk_idpw.gif") no-repeat;} /*manual_multi_windows*/ .manual_multi_windows {float:right; width:731px;} .manual_multi_windows .top {position:relative; width:731px; height:192px; background:url('/img/youngip/myip_top_02.jpg') no-repeat 0 0; padding-bottom:15px;} .manual_multi_windows .manualTabMenu { width:731px; height:49px;} .manual_multi_windows .manualTabMenu li { float:left; width:163px; height:70px; } .manual_multi_windows .manualTabMenu li a {display:block; width:163px; height:49px; text-indent:-9999px; } .manual_multi_windows .contents {} .manual_multi_windows .contents .title {position:relative; width:731px; height:87px; background:url('/img/youngip/title/title_manual_multiwindow_01.jpg') no-repeat 0 0;} .manual_multi_windows .contents .item01 {position:relative; width:156px; height:24px; background:url('/img/youngip/manual/howpc/item_manual_multiwindow_01.jpg') no-repeat 0 0; left:0px;} .manual_multi_windows .contents .item01_01 {position:relative; width:731px; height:216px; background:url('/img/youngip/manual/howpc/item_manual_multiwindow_01_01.jpg') no-repeat 0 0; left:0px; border:none;} .manual_multi_windows .contents .item02 {position:relative; width:291px; height:23px; background:url('/img/youngip/manual/howpc/item_manual_multiwindow_02.jpg') no-repeat 0 0; left:0px;} .manual_multi_windows .contents .item02_01 {position:relative; width:705px; height:39px; background:url('/img/youngip/manual/howpc/item_manual_multiwindow_02_01.jpg') no-repeat 0 0; left:0px;} .manual_multi_windows .contents .item02_02 {position:relative; width:705px; height:229px; background:url('/img/youngip/manual/howpc/item_manual_multiwindow_02_02.jpg') no-repeat 0 0; left:0px;} .manual_multi_windows .contents .item03 {position:relative; width:292px; height:20px; background:url('/img/youngip/manual/howpc/item_manual_multiwindow_03.jpg') no-repeat 0 0; left:0px;} .manual_multi_windows .contents .item03_01 {position:relative; width:358px; height:448px; background:url('/img/youngip/manual/howpc/item_manual_multiwindow_03_01.jpg') no-repeat 0 0; left:0px;} .manual_multi_windows .contents .item03_02 {position:relative; width:104px; height:35px; background:url('/img/youngip/manual/howpc/item_manual_multiwindow_03_02.gif') no-repeat 0 0; left:0px;} .manual_multi_windows .contents .item04 {position:relative; width:501px; height:20px; background:url('/img/youngip/manual/howpc/item_manual_multiwindow_04.jpg') no-repeat 0 0; left:0px;} .manual_multi_windows .contents .item04_01 {position:relative; width:358px; height:448px; background:url('/img/youngip/manual/howpc/item_manual_multiwindow_04_01.jpg') no-repeat 0 0; left:0px;} .manual_multi_windows .contents .item04_02 {position:relative; width:110px; height:35px; background:url('/img/youngip/manual/howpc/item_manual_multiwindow_04_02.gif') no-repeat 0 0; left:0px;} .manual_multi_windows .contents .item04_03 {position:relative; width:110px; height:34px; background:url('/img/youngip/manual/howpc/item_manual_multiwindow_04_03.gif') no-repeat 0 0; left:0px;} .manual_multi_windows .contents .item05 {position:relative; width:335px; height:20px; background:url('/img/youngip/manual/howpc/item_manual_multiwindow_05.jpg') no-repeat 0 0; left:0px;} .manual_multi_windows .contents .item05_01 {position:relative; width:354px; height:193px; background:url('/img/youngip/manual/howpc/item_manual_multiwindow_05_01.jpg') no-repeat 0 0; left:0px;} .manual_multi_windows .contents .item05_02 {position:relative; width:353px; height:182px; background:url('/img/youngip/manual/howpc/item_manual_multiwindow_05_02.jpg') no-repeat 0 0; left:0px;} .manual_multi_windows .contents .item05_03 {position:relative; width:117px; height:35px; background:url('/img/youngip/manual/howpc/item_manual_multiwindow_05_03.gif') no-repeat 0 0; left:0px;} .manual_multi_windows .contents .banner_01 {position:relative; width:731px; height:258px; background:url('/img/youngip/banner/banner_manual_multiwindow_01.jpg') no-repeat 0 0; left:0px;} .manual_multi_windows .contents li {padding-bottom:5px;} .manual_multi_windows .contents li a { text-decoration:underline;} .manual_multi_windows .tbl01 {position:relative; padding-top:50px;} .manual_multi_windows .pattern01 {position:relative;background:url('/img/youngip/pattern/pattern_manual_multiwindow_01.gif') repeat 0 0;} /*multi_windows_20150602*/ .manual_multi_windows_large {position:relative; margin:0 auto; width:970px;} .manual_multi_windows_large_top_back {width:100%; height:285px; background-color:#dffaf4; border-bottom:1px solid #d1d1d1;} .manual_multi_windows_large_top {position:relative; margin:0 auto; width:1080px; height:285px; background:url("/img/youngip/manual/howpc_20150601/multi_windows_top.jpg"); z-index:1;} .manual_multi_windows_20150601 {} .manual_multi_windows_20150601 .img_01{width:970px; height:375px; background:url("/img/youngip/manual/howpc_20150601/multi_windows_tab.jpg") no-repeat 0 0; margin-top:25px;} .manual_multi_windows_20150601 .manualTabMenu {float:left; margin-left:38px; margin-top:50px; width:663px; height:75px;} .manual_multi_windows_20150601 .manualTabMenu li {float:left; width:221px; height:75px; } .manual_multi_windows_20150601 .manualTabMenu li a {display:block; width:221px; height:75px; text-indent:-9999px; } .manual_multi_windows_20150601 .contents {} .manual_multi_windows_20150601 .contents .item01 {position:relative; width:970px; height:4204px; left:0px; margin:0 auto;} .manual_multi_windows_20150601 .contents .item01 .link{position:relative; display:block; } .manual_multi_windows_20150601 .contents .item01 .link01{text-indent:-9999em; position:relative; float:left; display:block; width:932px; height:75px;} .manual_multi_windows_20150601 .contents .item01 .link02{top:2485px; left:680px; text-indent:-9999em; position:absolute; float:left; display:block; width:235px; height:148px;}/*무료테스트신청*/ .manual_multi_windows_20150601 .contents .item01 .link03{top:908px; left:765px; text-indent:-9999em; position:absolute; float:left; display:block; width:66px; height:22px;}/*1)테스트신청*/ .manual_multi_windows_20150601 .contents .item01 .link04{top:952px; left:765px; text-indent:-9999em; position:absolute; float:left; display:block; width:66px; height:22px;}/*1)연장신청*/ .manual_multi_windows_20150601 .contents .item01 .link05{top:1602px; left:765px; text-indent:-9999em; position:absolute; float:left; display:block; width:66px; height:22px;}/*2)테스트신청*/ .manual_multi_windows_20150601 .contents .item01 .link06{top:1625px; left:765px; text-indent:-9999em; position:absolute; float:left; display:block; width:66px; height:22px;}/*2)연장신청*/ .manual_multi_windows_20150601 .contents .item01 .link07{top:2224px; left:765px; text-indent:-9999em; position:absolute; float:left; display:block; width:66px; height:22px;}/*3)테스트신청*/ .manual_multi_windows_20150601 .contents .item01 .link08{top:2247px; left:765px; text-indent:-9999em; position:absolute; float:left; display:block; width:66px; height:22px;}/*3)연장신청*/ .manual_multi_windows_20150601 .contents .item01 .link09{top:245px; left:747px; text-indent:-9999em; position:absolute; float:left; display:block; width:204px; height:31px;}/*연결이 안돼세요?*/ .manual_multi_windows_20150601 .contents .item01 .btop1 {text-indent:-9999px; position:relative; float:left; display:block; top:600px;} .manual_multi_windows_20150601 .contents .item01 .btop2 {text-indent:-9999px; position:relative; float:left; display:block; top:1200px;} .manual_multi_windows_20150601 .contents .item01 .btop3 {text-indent:-9999px; position:relative; float:left; display:block; top:1880px; } .manual_multi_windows_20150601 .contents li {padding-bottom:5px;} .manual_multi_windows_20150601 .contents li a { text-decoration:underline;} /*multi_windows_20160316*/ .manual_multi_windows_20160316 {} .manual_multi_windows_20160316_back {width:100%; height:85px; background-color:#d9d9d9;} .manual_multi_windows_20160316_back_tab_static {position:relative; margin:0 auto; width:970px; height:85px; background:url("/img/youngip/manual/howpc_20160316/static/multi_windows_tab_staic.jpg");text-indent:-9999em;} .manual_multi_windows_20160316_back_tab_dynamic {position:relative; margin:0 auto; width:970px; height:85px; background:url("/img/youngip/manual/howpc_20160316/dynamic/multi_windows_tab_dynamic.jpg");text-indent:-9999em;} .manual_multi_windows_20160316_backline {} .manual_multi_windows_20160316_backline .static{position:relative; margin:0 auto; width:1180px; height:263px; background:url("/img/youngip/manual/howpc_20160316/static/multi_windows_tab_staic_bg.jpg"); z-index:1;text-indent:-9999em;} .manual_multi_windows_20160316_backline .dynamic{position:relative; margin:0 auto; width:1180px; height:263px; background:url("/img/youngip/manual/howpc_20160316/dynamic/multi_windows_banner_dynamic_bg.jpg"); z-index:1;text-indent:-9999em;} .manual_multi_windows_20160316_backline .img01 {position:relative; margin:0 auto; width:970px; height:258px; background:url("/img/youngip/manual/howpc_20160316/static/multi_windows_banner_static.jpg"); z-index:1;text-indent:-9999em;}/*고정배너*/ .manual_multi_windows_20160316_backline .img02 {position:relative; margin:0 auto; width:970px; height:258px; background:url("/img/youngip/manual/howpc_20160316/dynamic/multi_windows_banner_dynamic.jpg"); z-index:1;text-indent:-9999em;}/*유동배너*/ .manual_multi_windows_20160316_backline .tab{position:relative; margin:0 auto; width:970px; height:54px; background:url("/img/youngip/manual/howpc_20160316/static/multi_windows_tab_os.jpg") no-repeat 0 0;} .manual_multi_windows_20160316_backline .manualTabMenu {float:left; margin-left:520px; margin-top:15px; width:438px; height:37px;} .manual_multi_windows_20160316_backline .manualTabMenu li {float:left; width:144px; height:38px;} .manual_multi_windows_20160316_backline .manualTabMenu li a {display:block; width:144px; height:38px; text-indent:-9999px;} .manual_multi_windows_20160316 .contents {} .manual_multi_windows_20160316 .contents .static{position:relative; width:970px; height:4004px; left:0px; margin:0 auto;} .manual_multi_windows_20160316 .contents .windows00 {position:relative; margin:0 auto; width:970px; height:360px; background:url("/img/youngip/manual/howpc_20160316/static/multi_windows_windows_00.jpg"); z-index:1;text-indent:-9999em;} .manual_multi_windows_20160316 .contents .windows01 {position:relative; margin:0 auto; width:970px; height:71px; background:url("/img/youngip/manual/howpc_20160316/static/multi_windows_windows_static_android.jpg"); z-index:1;text-indent:-9999em;} .manual_multi_windows_20160316 .contents .windows02 {position:relative; margin:0 auto; width:970px; height:71px; background:url("/img/youngip/manual/howpc_20160316/static/multi_windows_windows_static_ios.jpg"); z-index:1;text-indent:-9999em;} .manual_multi_windows_20160316 .contents .dynamic{position:relative; width:970px; height:2384px; left:0px; margin:0 auto;} .manual_multi_windows_20160316 .contents .windows11 {position:relative; margin:0 auto; width:970px; height:1241px; background:url("/img/youngip/manual/howpc_20160316/dynamic/multi_windows_windows_dynamic_00.jpg"); z-index:1;text-indent:-9999em;} .manual_multi_windows_20160316 .contents .movie_vpnstatic {position:relative; margin:0 auto; width:970px; height:132px; background:url("/img/youngip/manual/howpc_20160316/static/multi_windows_windows_movie.jpg"); z-index:1;text-indent:-9999em;} .manual_multi_windows_20160316 .contents .movie_vpndynamic {position:relative; margin:0 auto; width:970px; height:132px; background:url("/img/youngip/manual/howpc_20160316/dynamic/multi_windows_windows_movie.jpg"); z-index:1;text-indent:-9999em;} .manual_multi_windows_20160316 .contents .youtube{position:relative; margin:0 auto; width:773px;height:650px;display:block;} .manual_multi_windows_20160316 .contents .item01 {position:relative; width:970px; height:2363px; left:0px; margin:0 auto;} .manual_multi_windows_20160316 .contents .item01 .link{position:relative; display:block;top:157px;left:20px;} .manual_multi_windows_20160316 .contents .item01 .link01{text-indent:-9999em; position:relative; float:left; display:block; width:932px; height:75px;z-index:1;}/*자세히*/ .manual_multi_windows_20160316 .contents .item01 .link02{top:2485px;left:680px; text-indent:-9999em; position:absolute; float:left; display:block; width:235px; height:148px;}/*무료테스트신청*/ .manual_multi_windows_20160316 .contents .item01 .link03{top:926px;left:765px; text-indent:-9999em; position:absolute; float:left; display:block; width:66px; height:22px;}/*1)테스트신청*/ .manual_multi_windows_20160316 .contents .item01 .link04{top:952px;left:765px; text-indent:-9999em; position:absolute; float:left; display:block; width:66px; height:22px;}/*1)연장신청*/ .manual_multi_windows_20160316 .contents .item01 .link05{top:1602px;left:765px; text-indent:-9999em; position:absolute; float:left; display:block; width:66px; height:22px;}/*2)테스트신청*/ .manual_multi_windows_20160316 .contents .item01 .link06{top:1625px;left:765px; text-indent:-9999em; position:absolute; float:left; display:block; width:66px; height:22px;}/*2)연장신청*/ .manual_multi_windows_20160316 .contents .item01 .link07{top:2224px;left:765px; text-indent:-9999em; position:absolute; float:left; display:block; width:66px; height:22px;}/*3)테스트신청*/ .manual_multi_windows_20160316 .contents .item01 .link08{top:2247px;left:765px; text-indent:-9999em; position:absolute; float:left; display:block; width:66px; height:22px;}/*3)연장신청*/ .manual_multi_windows_20160316 .contents .link09 {top:295px;left:747px;text-indent:-9999em; position:absolute; float:left; display:block; width:204px; height:31px;}/*연결이 안돼세요?*/ .manual_multi_windows_20160316 .contents .item01 .btop1 {position:relative;float:left;display:block;top:250px;} .manual_multi_windows_20160316 .contents .item01 .btop2 {position:relative;float:left;display:block;top:850px;} .manual_multi_windows_20160316 .contents .item01 .btop3 {position:relative;float:left;display:block;top:1530px;} .manual_multi_windows_20160316 .contents .item02 {position:relative; display:block;top:30px;margin:0 auto;width:970px;} .manual_multi_windows_20160316 .contents .item03 {position:relative; margin:0 auto; width:940px; height:71px; background:url("/img/youngip/manual/howios/iphone_alert.jpg") no-repeat 0 0;} .manual_multi_windows_20160316 .contents li {padding-bottom:5px;} .manual_multi_windows_20150601 .contents li a { text-decoration:underline;} /*mypageTabMenu5번부터 프록시아이피 결제용*/ .mypageTabMenu {} .mypageTabMenu1 { background:url("/img/youngip/service/myip/myip/myip_tab_01.jpg") 0 0 no-repeat; width:731px; height:39px; margin-top:10px; } .mypageTabMenu2 { background:url("/img/youngip/service/myip/myip/myip_tab_02.jpg") 0 0 no-repeat; width:731px; height:39px; margin-top:10px;} .mypageTabMenu3 { background:url("/img/youngip/service/myip/myip/myip_tab_04.jpg") 0 0 no-repeat; width:731px; height:39px; margin-top:10px;} .mypageTabMenu4 { background:url("/img/youngip/service/myip/myip/myip_tab_05.jpg") 0 0 no-repeat; width:731px; height:39px; margin-top:10px;} .mypageTabMenu10{ background:url("/img/youngip/service/myip/myip/myip_tab_03.jpg") 0 0 no-repeat; width:731px; height:39px; margin-top:10px;}/*VPN유동IP*/ .mypageTabMenu5 { background:url("/img/youngip/service/myip/proxyip/myproxy_tab_01.jpg") 0 0 no-repeat; width:731px; height:39px; margin-top:10px;} .mypageTabMenu6 { background:url("/img/youngip/service/myip/proxyip/myproxy_tab_02.jpg") 0 0 no-repeat; width:731px; height:39px; margin-top:10px;} .mypageTabMenu7 { background:url("/img/youngip/service/myip/proxyip/myproxy_tab_03.jpg") 0 0 no-repeat; width:731px; height:39px; margin-top:10px;} .mypageTabMenu8 { background:url("/img/youngip/service/myip/proxyip/myproxy_tab_04.jpg") 0 0 no-repeat; width:731px; height:39px; margin-top:10px;} .mypageTabMenu9 { background:url("/img/youngip/service/myip/proxyip/myproxy_tab_05.jpg") 0 0 no-repeat; width:731px; height:39px; margin-top:10px;} .mypageTabMenu li { float:left; width:146px; height:43px;} .mypageTabMenu li a { display:block; width:146px; height:43px; text-indent:-9999px; } .mypageTabMenu li a.mypageTab1 { display:block; width:146px; height:43px; text-indent:-9999px; } .mypageTabMenu li a.mypageTab2 { display:block; width:146px; height:43px; text-indent:-9999px; } .mypageTabMenu li a.mypageTab3 { display:block; width:146px; height:43px; text-indent:-9999px; } .mypageTabMenu li a.mypageTab4 { display:block; width:146px; height:43px; text-indent:-9999px; } .mypageTabMenu li a.mypageTab5 { display:block; width:146px; height:43px; text-indent:-9999px; } .mypageTabMenu li a.mypageTab10 { display:block; width:146px; height:43px; text-indent:-9999px; } /*mypageTabMenu 2016버전*/ .mypage2016TabMenu {} .mypage2016TabMenu1 { background:url("/img/youngip/service/myip/myip/tab_2016/myip_tab_01.jpg") 0 0 no-repeat; width:792px; height:44px; margin-bottom:10px;} .mypage2016TabMenu2 { background:url("/img/youngip/service/myip/myip/tab_2016/myip_tab_02.jpg") 0 0 no-repeat; width:792px; height:44px; margin-bottom:10px;} .mypage2016TabMenu3 { background:url("/img/youngip/service/myip/myip/tab_2016/myip_tab_04.jpg") 0 0 no-repeat; width:792px; height:44px; margin-bottom:10px;} .mypage2016TabMenu4 { background:url("/img/youngip/service/myip/myip/tab_2016/myip_tab_05.jpg") 0 0 no-repeat; width:792px; height:44px; margin-bottom:10px;} .mypage2016TabMenu10{ background:url("/img/youngip/service/myip/myip/tab_2016/myip_tab_03.jpg") 0 0 no-repeat; width:792px; height:44px; margin-bottom:10px;}/*VPN유동IP*/ .mypage2016TabMenu5 { background:url("/img/youngip/service/myip/proxyip/myproxy_tab_01.jpg") 0 0 no-repeat; width:792px; height:44px; margin-bottom:10px;} .mypage2016TabMenu6 { background:url("/img/youngip/service/myip/proxyip/tab_2016/myproxy_tab_02.jpg") 0 0 no-repeat; width:792px; height:44px; margin-bottom:10px;} .mypage2016TabMenu7 { background:url("/img/youngip/service/myip/proxyip/tab_2016/myproxy_tab_03.jpg") 0 0 no-repeat; width:792px; height:44px; margin-bottom:10px;} .mypage2016TabMenu8 { background:url("/img/youngip/service/myip/proxyip/tab_2016/myproxy_tab_04.jpg") 0 0 no-repeat; width:792px; height:44px; margin-bottom:10px;} .mypage2016TabMenu9 { background:url("/img/youngip/service/myip/proxyip/tab_2016/myproxy_tab_05.jpg") 0 0 no-repeat; width:792px; height:44px; margin-bottom:10px;} .mypage2016TabMenu li { float:left; width:146px; height:43px;} .mypage2016TabMenu li a { display:block; width:146px; height:43px; text-indent:-9999px; } .mypage2016TabMenu li a.mypageTab1 { display:block; width:146px; height:43px; text-indent:-9999px; } .mypage2016TabMenu li a.mypageTab2 { display:block; width:146px; height:43px; text-indent:-9999px; } .mypage2016TabMenu li a.mypageTab3 { display:block; width:146px; height:43px; text-indent:-9999px; } .mypage2016TabMenu li a.mypageTab4 { display:block; width:146px; height:43px; text-indent:-9999px; } .mypage2016TabMenu li a.mypageTab5 { display:block; width:146px; height:43px; text-indent:-9999px; } .mypage2016TabMenu li a.mypageTab10 { display:block; width:146px; height:43px; text-indent:-9999px; } /*my페이지>내 서비스 조회*/ .mypage {position:relative; float:left; width:970px; } .mypage .catagory {height:60px; width:120px; position: relative; float:left; display: block; background:#89b1f3; color: #ffffff; font-size: 18px; text-align:center; text-transform: uppercase; border:1px solid #3b66ba;} .mypage .ViewInfo {position:relative; width:800px; height:121px; margin-top:17px;} .mypage .ViewInfo .memberLeave { width:200px; height:25px; } .mypage .ViewInfo .bg { padding-left:150px; padding-top:14px; background:url("/img/hvpn/mypageViewInfo.gif") 0 0 no-repeat;} .mypage .ViewInfo li { float:left; width:230px; height:26px; padding-top:5px; text-align:center;} .mypage .ViewInfo li.mgn { margin-left:114px; } .mypage .myIpList thead th { height:30px; background:#ededed; border-top:1px solid #2fb6bc; border-bottom:1px solid #2fb6bc; } .mypage .myIpList tbody td { height:28px; text-align:center; background:#f5f5f5; border-bottom:1px solid #2fb6bc; } /*my페이지>정보수정*/ .pay_top_back {position:relative; margin:0 auto; width:100%; height:285px; background-color:#e8e8e8; border-bottom:1px solid #d1d1d1;} .pay_top {margin:0 auto; width:1080px; height:285px; background:url("/img/youngip/guide/pay/pay_top.jpg"); z-index:1;} .pay_back_top {margin:0 auto; width:970px; height:52px; background:url("/img/youngip/guide/pay/pay_back_top.jpg") 0 0 no-repeat; z-index:1;} .pay_back {margin:0 auto; width:970px; height:272px; background:url("/img/youngip/guide/pay/pay_back.jpg") 0 0 no-repeat; z-index:1; padding-bottom:30px;} .pay_click {float:left; display:block; margin:0 right; width:35px; height:30px; background:url("/img/youngip/guide/pay/click.png") 0 0 no-repeat; z-index:1;} .pay {position:relative; font-family:'nanumgothiccoding', cursive; letter-spacing:-2px; top:20px;} .pay .pay_back .go{ font-size:20px; position:relative; top:120px; left:30px; letter-spacing:0px;} .pay .pay_back .go a {font-size:16px; font-weight:bold;text-decoration:underline;} .pay .accordion-heading {width:250px;} .pay .accordion-heading .accordion-toggle {height:60px;position: relative; display: block; padding-top: 40px; background:#eff0f2; color: #333333; font-size: 18px; text-align:center; text-transform: uppercase;} .pay .accordion-heading .accordion-toggle2 {height:60px; position: relative; display: block; padding-top: 40px; background:#eff0f2; color: #333333; font-size: 18px; text-align:center; text-transform: uppercase;} .pay .accordion-heading .accordion-toggle3 {width:190px; height:30px;float:left; display: block; position: relative;padding-top: 15px; font-size: 15px; font-weight:bold; text-transform: uppercase;text-align:center;color:#666;text-decoration:none;letter-spacing:0px; background-color:#f2f2f2; border:1px solid #385d8a;} .pay .accordion-toggle {cursor: pointer;} .pay .accordion-heading .accordion-toggle:hover {background:#f92245; color:#FFFFFF; text-decoration:none;} .pay .accordion-heading .accordion-toggle2:hover{background:#2282f9; color:#FFFFFF; text-decoration:none;} .pay .accordion-heading .accordion-toggle3:hover{background:#2282f9; color:#FFFFFF; text-decoration:none; border:1px solid #2282f9;} .pay .h1 {font-size: 45px; font-weight:800; text-align:center; width:100%;} .pay .h2 {font-size:18px; text-align:center; padding-top:20px;} .pay .btns { padding-top:20px; letter-spacing:-1px; padding-bottom:50px;} /*Guide>결제바로가기 작업중*/ .pay_top_back2 {position:relative; margin:0 auto; width:100%; height:285px; background-color:#434fe0; border-bottom:1px solid #d1d1d1;} .pay_topimg {margin:0 auto; width:970px; height:283px; background:url("/img/youngip/guide/pay/pay_top/00_pay_top.jpg"); z-index:1;} .pay_topimg a {display:block; position:relative; text-indent:-9999em;} .pay_topimg a.btn1 {top:83px; left:253px; width:115px; height:30px;}/*결제방법설명 버튼*/ .pay_back_img {margin:0 auto; width:970px; height:263px; background:url("/img/youngip/guide/pay/pay_top/01_pay_Contents.jpg") 0 0 no-repeat; z-index:1;} .pay_back_contents {position: relative; top:45px; left:15px; width:940px; height:144px; display:block;} .pay_back_contents a {display:block; position:absolute; text-indent:-9999em;} .pay_back_contents a.btn1 {width:140px; height:140px; }/*VPN 고정IP*/ .pay_back_contents a.btn2 {width:140px; height:140px; left:155px;}/*VPN유동IP*/ .pay_back_contents a.btn3 {width:140px; height:140px; left:312px;}/*VPN교체권*/ .pay_back_contents a.btn4 {width:140px; height:140px; left:484px;}/*프록시고정*/ .pay_back_contents a.btn5 {width:140px; height:140px; left:642px;}/*프록시유동*/ .pay_back_contents a.btn6 {width:140px; height:140px; left:798px;}/*프록시교체권*/ .pay_back_bigdeal {margin-top:15px; width:970px; height:65px; background:url("/img/youngip/guide/pay/pay_top/02_pay_BigDeal.jpg") 0 0 no-repeat; z-index:1;} .pay_back_bigdeal a {display:block; position:absolute; text-indent:-9999em;} .pay_back_bigdeal a.btn {width:970px; height:65px; }/*대량결제*/ .pay_back_how {margin-top:15px; width:970px; height:338px; background:url("/img/youngip/guide/pay/pay_top/03_pay_how.jpg") 0 0 no-repeat; z-index:1;} .pay_back_how a {display:block; position:absolute; text-indent:-9999em;} .pay_back_how a.btn1 {width:468px; height:296px; }/*결제방법*/ .pay_back_how a.btn2 {padding-top:10px;width:468px; height:296px; left:500px;} /*나에게 맞는 상품*/ .convertAgree {margin-top:20px; width:494px; height:696px; position:relative; background:url("/img/hvpn/convert_agree.jpg") 0 0 no-repeat;} .convertAgree ul {position:relative; } .convertAgree li.agree1 { top:200px; left:20px; position:absolute;} .convertAgree li.agree2 { top:410px; left:20px; position:absolute;} .convertAgree li.info { top:278px; left:20px; overflow:auto; width:454px; height:125px; display:block; position:absolute; overflow:auto;} .convertAgree li a { float:left; display:block; position:absolute; } .convertAgree li a.xp { top:493px; left:17px; width:142px; height:25px; text-indent:-9999px;} .convertAgree li a.w7 { top:493px; left:176px; width:142px; height:25px;; text-indent:-9999px;} .convertAgree li a.install { top:493px; left:334px; width:142px; height:25px; text-indent:-9999px;} .convertAgree li a.agree { top:543px; left:395px; width:80px; height:25px; text-indent:-9999px;} .mypageViewInfo {position:relative; width:574px; height:121px; margin-top:17px; padding:0 0 0 116px; background:url("/img/hvpn/mypageViewInfo.gif") 0 0 no-repeat; } .mypageViewInfo .memberLeave { width:200px; height:25px; padding:8px 0 0 380px;} .mypageViewInfo li { float:left; width:230px; height:26px; padding-top:3px; text-align:center; } .mypageViewInfo li.mgn { margin-left:114px;} .myIpList thead th { height:30px; background:#ededed; border-top:1px solid #2fb6bc; border-bottom:1px solid #2fb6bc; } .myIpList tbody td { height:28px; text-align:center; background:#f5f5f5; border-bottom:1px solid #2fb6bc; } .btnReload { width: 100%; height:17px; } .btnReload a { display:block; width: 42px; height:17px; background:url("/img/hvpn/btnReload.gif") 0 0 no-repeat; text-indent:-9999px;} .btnReload a.startReload { display:block; width: 42px; height:17px; background:url("/img/hvpn/btnReload.gif") 0 -29px no-repeat; text-indent:-9999px;} .myIpAccount thead th { height:30px; background:#ededed; border-top:2px solid #2fb6bc; border-bottom:1px solid #2fb6bc; } .myIpAccount tbody td { height:28px; text-align:center; background:#f5f5f5; border-bottom:1px solid #2fb6bc; } /*결제페이지 개편 이전 코드*/ .addIpAccount {width:718px; height:21px; padding-left:12px; background:url("/img/hvpn/addIpAccount.gif") 0 0 no-repeat; margin:24px 0 10px 0; } .addIpAccount li { float:left; } .addIpAccount li.addEaInput { width:25px; height:19px; padding-left:112px; } .addIpAccount li.addEaInput input { width:25px; height:19px; border:0px;} .addIpAccount li.btnPlusMinus { width:17px;px; height:21px; padding-left:4px; } .addIpAccount li.btnPlusMinus div { width:17px; height:7px; cursor:pointer; } .addIpAccount li.btnPlusMinus .plus { margin-bottom:7px; background:url("/img/hvpn/addIpAccount.gif") -153px 0 no-repeat; } .addIpAccount li.btnPlusMinus .minus { background:url("/img/hvpn/addIpAccount.gif") -153px -14px no-repeat; } /*결제페이지 개편_20131024*/ .addIpAccount2 {width:718px; height:30px; padding-left:12px; background:url("/img/youngip/service/myip/buy/addIpAccount.gif") 0 0 repeat; border:solid 1px #fe434c; } .addIpAccount2 li { float:left; } .addIpAccount2 li.addEaInput { width:25px; height:19px; padding-left:112px; padding-top:4px; } .addIpAccount2 li.addEaInput input { width:25px; height:19px; border:0px;} .addIpAccount2 li.btnPlusMinus { width:17px;px; height:21px; padding-left:4px; } .addIpAccount2 li.btnPlusMinus div { width:17px; height:7px; cursor:pointer;} .addIpAccount2 li.btnPlusMinus .plus { margin-bottom:7px; background:url("/img/youngip/service/myip/buy/addIpAccount.gif") -153px 0 no-repeat; } .addIpAccount2 li.btnPlusMinus .minus { background:url("/img/youngip/service/myip/buy/addIpAccount.gif") -153px -14px no-repeat; } /*결제페이지 개편_20160127*/ .addIpAccount3 {position:relative; width:700px; height:30px; top:42px; left:12px;} .addIpAccount3 li { float:left; } .addIpAccount3 li.addEaInput { width:25px; height:19px; padding-left:113px; padding-top:5px; } .addIpAccount3 li.addEaInput input { width:27px; height:19px; border:0px; font-size:12pt; text-align:center;} .addIpAccount3 li.btnPlusMinus { width:17px; height:21px; padding-left:7px; padding-top:3px; } .addIpAccount3 li.btnPlusMinus div { width:17px; height:7px; cursor:pointer;} .addIpAccount3 li.btnPlusMinus .plus { margin-bottom:7px; background:url("/img/youngip/service/myip/common/plusminus.png") 0 0 no-repeat; } .addIpAccount3 li.btnPlusMinus .minus { background:url("/img/youngip/service/myip/common/plusminus.png") 0px no-repeat; } /*결제페이지 개편_2021123 작업중*/ .addIpAccount4 {position:relative; margin-left:30px; width:692px; height:30px; } .addIpAccount4 li { float:left; } .addIpAccount4 li.addEaInput { width:49px; height:29px;} .addIpAccount4 li.addEaInput input {margin-top:1px; width:49px; height:27px; border:0px; font-size:15px; text-align:center;} .addIpAccount4 li.btnPlusMinus { width:30px; height:29px;} .addIpAccount4 li.btnPlusMinus div { width:30px; height:29px; cursor:pointer;} .addIpAccount4 li.btnPlusMinus .plus {background:url("/img/youngip/service/myip/2021del/ip_plus_button.jpg")no-repeat;} .addIpAccount4 li.btnPlusMinus .minus {background:url("/img/youngip/service/myip/2021del/ip_minus_button.jpg")no-repeat;} .addIpAccount4 li.btnPlusMinus .adds {background:url("/img/youngip/service/myip/2021del/ip_ippm_apply_button.jpg")no-repeat;} /*따라다니는 메뉴 */ #quickLink {position:relative; left:1005px; top:0px; width:100px; height:100%;} /*따라다니는 메뉴_new(2016완료시 삭제)*/ .newquickLink {position:relative; top:50; left:-230px; width:50px; height:50px; } .newquickLink .menu-container {position:fixed; top:450px; width:143px; height:301px; -webkit-transition: padding-left 200ms linear; -moz-transition: padding-left 200ms linear; -ms-transition: padding-left 200ms linear; -o-transition: padding-left 200ms linear; transition: padding-left 200ms linear; color: #000 } .newquickLink .menu-container .menu-icon {display: none !important; } .newquickLink .menu-container .menu-icon.on{display: block !important; text-indent:-9999em; width:107px; height:30px; background:url("/img/youngip/quick/quick_06.jpg") no-repeat 0 0} .newquickLink .menu-container .fixed {top:50;} .newquickLink .menu-container table {border:1px solid #cccccc;} .newquickLink .menu-container td {border-bottom:1px solid #cccccc;} .newquickLink .menu-container .q1 {display:block; text-indent:-9999em; width:107px; height:98px; background:url("/img/youngip/quick/quick_01.jpg") no-repeat 0 0} .newquickLink .menu-container .q2 {display:block; text-indent:-9999em; width:107px; height:98px; background:url("/img/youngip/quick/quick_02.jpg") no-repeat 0 0} .newquickLink .menu-container .q3 {display:block; text-indent:-9999em; width:107px; height:98px; background:url("/img/youngip/quick/quick_03.jpg") no-repeat 0 0} .newquickLink .menu-container .q4 {display:block; text-indent:-9999em; width:107px; height:98px; background:url("/img/youngip/quick/quick_04.jpg") no-repeat 0 0} .newquickLink .menu-container .q5 {display:block; text-indent:-9999em; width:107px; height:111px; background:url("/img/youngip/quick/quick_05.jpg") no-repeat 0 0} /*FAQ고객센터 메뉴*/ #faqsubmenu {position:relative; left:0px; top:0px; width:100px; } .faqsubmenu {float:left; display:block; left:0px; width:50px; height:50px;height:1200px;} .faqsubmenu .q1 {display:block; text-indent:-9999em; width:194px; height:194px; background:url("/img/youngip/guide/faq/infodesk_logo.jpg") no-repeat 0 0}/*고객센터 로고*/ .faqsubmenu .q2 {display:block; text-indent:-9999em; width:194px; height:51px; background:url("/img/youngip/guide/faq/infodesk_tab_00.jpg") no-repeat 0 0}/*자주찾는 질문*/ .faqsubmenu .q3 {display:block; text-indent:-9999em; width:194px; height:51px; background:url("/img/youngip/guide/faq/infodesk_tab_01.jpg") no-repeat 0 0}/*나의 정보조회*/ .faqsubmenu .q4 {display:block; text-indent:-9999em; width:194px; height:51px; background:url("/img/youngip/guide/faq/infodesk_tab_03.jpg") no-repeat 0 0}/*서비스 안내*/ .faqsubmenu .q5 {display:block; text-indent:-9999em; width:194px; height:101px; background:url("/img/youngip/guide/faq/infodesk_tab_04.jpg") no-repeat 0 0}/*서비스 결제 바로가기 공지사항*/ .faqsubmenu .q5 a {display:block; text-indent:-9999em; width:192px; height:50px;}/*서비스 결제 바로가기 공지사항 링크*/ .faqsubmenu .q6 {display:block; text-indent:-9999em; width:194px; height:121px; background:url("/img/youngip/guide/faq/infodesk_tab_05.jpg") no-repeat 0 0; margin-top:10px; }/*1:1문의 링크 2개*/ .faqsubmenu .q6 a {display:block; text-indent:-9999em; width:192px; height:63px;}/*/*1:1문의 링크 2개 링크*/ .faqsubmenu .q7 {display:block; text-indent:-9999em; width:194px; height:141px; background:url("/img/youngip/guide/faq/infodesk_tab_banner.jpg") no-repeat 0 0; margin-top:10px}/*고객센터 이용안내*/ .faqsubmenu .faqtd00 {border-left:1px solid #d0d0d0; border-right:1px solid #d0d0d0;} .faqsubmenu ul {position:relative;margin-top:10px;margin-bottom:10px;left:13px;} .faqsubmenu li { background:url("/img/youngip/guide/faq/infodesk_dot.jpg") no-repeat 0 0;margin-bottom:3px;} .faqsubmenu li a {margin-left:11px;} .faqsubmenu li a:hover {color:#ec386f; text-decoration:none} .faqsubmenu .faqtable table {} /*FAQ페이지 */ .faqtabletd {width:185px; font-weight:bold; text-align:left; border-bottom:1px solid #e0e0e0; height:50px;vertical-align: middle;} .faqtable ul{margin-top:15px;} .faqtable li{margin-bottom:2px;} .faqtable li a{} .quickmenuicon {float:left;text-indent:-9999em;display:block; width:121px; height:123px;} .faqgo {float:left; position:absolute; display:block; width:450px; height:40px; top:128px; left:53px;} .faqgo a {color:#747474; font-size:8pt;} .faqgo a:hover {color:#ec386f; text-decoration:none} /*팝업*/ #poplayer_No { position:absolute; font-family:굴림; font-size:12px; width:399; VISIBILITY: hidden;} .notice { padding-top:0; height:0; color:#ffffff; font-weight:bold; background-color:black;} .contents { clear:both; width:399; height:399; padding:0} .winClose { width:150; font-weight:bold; cursor:pointer; } /* 결제 상단탭 */ .payment_tab { margin-top:10px; margin-bottom:10px; border-top:2px solid #444444; border-left:1px solid #ccc; border-right:1px solid #ccc; background-color:#fff; } .payment_tab:after {display:block; content:''; clear:both} .payment_tab li {position:relative; float:left; width:120px;} .payment_tab li:nth-child(6) a {width:130px; border-right:0} .payment_tab li a { display:block; padding:10px 0; border-right:1px solid #ccc; border-bottom:1px solid #ccc; color:#686868; font-size:12px; font-weight:900; text-align:center; text-decoration:none } .payment_tab li a:hover {background-color:#f0f0f0} .payment_tab li.active a {color:#308dfe; border-bottom:0px} /*결제페이지 관련*/ .pay_header { border-bottom: 2px solid #2fb6bc; display: block; } .pay_header h2 { margin:-1px; padding: 5px 10px; font-weight: bold; width: 200px; font-size: 14px; font-weight: 900; border-radius: 5px 5px 0 0; } .pay_header h2.green { background-color: #2fb6bc; color: #FFF; } .pay_header h2.red { background-color: #fe434c; color: #FFF; width: 200px; } .buttonWrap { display: inline-block; padding: 5px 10px; border: 0; font-size: 12px; font-weight: 900; border-radius:15px; } .buttonWrap.buttonDanger { color: #fff; background-color: #ff060d; } .buttonWrap.buttonWarn { color: #fff; background-color: #fc871e; } .buttonWrap.buttonPrimary { color: #fff; background-color: #007bff; } .buttonWrap.buttonNormal { color: #454545; background-color: #c4c4c4; } .last_pay_date { margin-left: 10px; color: #fc871e; } .next_pay_date { margin-left: 10px; color: #ff060d; } .box_wrap { display: block; margin: 0; padding: 10px; border: 0; border-bottom: 1px solid #ccc; } .linethrough { text-decoration : line-through; } .coupon_msg { font-size: 12px; font-weight: 900; float: right; color: #ff060d; } .addIpBlock { height:30px; padding-left:12px; padding-top: 1px; background:url("/img/youngip/service/myip/buy/addIpAccount.gif") 0 0 repeat; } .addIpBlock li { float:left; } .addIpBlock li.addEaInput { width:25px; height:19px; padding-left:112px; padding-top:4px; } .addIpBlock li.addEaInput input { width:25px; height:19px; border:0px;} .addIpBlock li.btnPlusMinus { width:17px;px; height:21px; padding-left:4px; } .addIpBlock li.btnPlusMinus div { width:17px; height:7px; cursor:pointer;} .addIpBlock li.btnPlusMinus .plus { margin-bottom:7px; background:url("/img/youngip/service/myip/buy/addIpAccount.gif") -153px 0 no-repeat; } .addIpBlock li.btnPlusMinus .minus { background:url("/img/youngip/service/myip/buy/addIpAccount.gif") -153px -14px no-repeat; } /*결제결과테이블*/ .paytable {width:100%; border-collapse:collapse; border-top:1px solid #00a9eb} .paytable th {padding:10px 0; background-color:#00a9eb; color:#fff; border-bottom:1px solid #006186; text-align:center; font-weight:bold} .paytable th:last-child {border-right:1px solid #00a9eb; border-bottom:1px solid #00a9eb;} .paytable td {padding:10px; background-color:#ffffff; border-right:1px solid #006186; border-bottom:1px solid #006186} .paytable td:last-child {border-right:1px solid #00a9eb; border-bottom:1px solid #00a9eb;}