@charset "utf-8"; @font-face { font-family:MalgunGothic; src:url('/new/css/fonts/MalgunGothic.eot'); } /* NotoSans */ @font-face { font-family: 'NotoSans'; src:url('/new/css/fonts/NotoSans/NotoSansKR-Regular.eot'); src:url('/new/css/fonts/NotoSans/NotoSansKR-Regular.woff'); } @font-face { font-family: 'NotoSans'; font-weight:bold; src:url('/new/css/fonts/NotoSans/NotoSansKR-Bold.eot'); src:url('/new/css/fonts/NotoSans/NotoSansKR-Bold.woff'); } /* Roboto */ @font-face { font-family: 'Roboto'; font-weight:400; src: url('/new/css/fonts/Roboto/Roboto-Regular.woff2') format('woff2'); src: url('/new/css/fonts/Roboto/Roboto-Regular.woff') format('woff'), } @font-face { font-family: 'Roboto'; font-weight:500; src: url('/new/css/fonts/Roboto/Roboto-Medium.woff2') format('woff2'); src: url('/new/css/fonts/Roboto/Roboto-Medium.woff') format('woff'), } @font-face { font-family: 'Roboto'; font-weight:700; src: url('/new/css/fonts/Roboto/Roboto-Bold.woff2') format('woff2'); src: url('/new/css/fonts/Roboto/Roboto-Bold.woff') format('woff'), } /* Chosunilbo_myungjo */ @font-face { font-family: 'Chosunilbo_myungjo'; src: url('/new/css/fonts/Chosunilbo_myungjo.woff') format('woff'), url('/new/css/fonts/Chosunilbo_myungjo.woff2') format('woff2'); font-weight: normal; font-style: normal; } /* GmarketSans */ @font-face { font-family: 'GmarketSansBold'; src: url('/new/css/fonts/GmarketSans/GmarketSansBold.woff2') format('woff2'); src: url('/new/css/fonts/GmarketSans/GmarketSansBold.woff') format('woff'), } @font-face { font-family: 'GmarketSansMedium'; src: url('/new/css/fonts/GmarketSans/GmarketSansMedium.woff2') format('woff2'); src: url('/new/css/fonts/GmarketSans/GmarketSansMedium.woff') format('woff'), } @font-face { font-family: 'GmarketSansLight'; src: url('/new/css/fonts/GmarketSans/GmarketSansLight.woff2') format('woff2'); src: url('/new/css/fonts/GmarketSans/GmarketSansLight.woff') format('woff'), } /* Montserrat */ @font-face { font-family: 'Montserrat-Bold'; src: url('/new/css/fonts/Montserrat/Montserrat-Bold.woff2') format('woff2'); src: url('/new/css/fonts/Montserrat/Montserrat-Bold.woff') format('woff'), } @font-face { font-family: 'Montserrat-Regular'; font-weight:500; src: url('/new/css/fonts/Montserrat/Montserrat-Regular.woff2') format('woff2'); src: url('/new/css/fonts/Montserrat/Montserrat-Regular.woff') format('woff'), } /*호스팅 리뉴얼*/ html, body {width:100%; height:100%;} html {overflow-y:scroll;} html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, img, ins, q, samp, strong, sub, sup, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button {vertical-align:baseline; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif; font-weight:inherit; font-style:inherit; font-size:inherit; outline:0; padding:0; margin:0; border:0 none; line-height:inherit;} strong {font-weight:bold; font-family:inherit; } body {background:#FFF; color:#555; } input {margin:0; padding:0; font-size:inherit; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif; color:inherit; vertical-align:middle;} legend, hr, .blind {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} hr {clear:both;} div, h1, h2, h3, h4, h5, h6, fieldset, ul, ol, dl, li, dd, dt {display:block;} div {position:relative;} :focus {outline: 0;} dl, ul, ol {list-style: none;} button {text-indent:-10000px; cursor:pointer;} a {color:#555;cursor:pointer;} a:hover {color:#005CBA;cursor:pointer;} em {font-style:normal;} :link, :visited {text-decoration:none; font-size:inherit;} table {border-collapse: collapse; border-spacing: 0;font-size:12px; line-height:18px;} table td {vertical-align:middle; } caption, td {font-weight: normal; text-align: left;font-size:12px;} th {text-align:center;font-size:12px;} button:active {-ms-background-position-x:1px; -ms-background-position-y:1px;} label{cursor:pointer;} input[type=checkbox] { cursor:pointer; accent-color: rgb(0 117 255); width:17px; height:17px; } input[type=radio] {cursor:pointer; accent-color: rgb(0 117 255); width:17px; height:17px; } .ck_bg_style {background-image:url('/images/common/bg_color_y.gif'); width:20px; height:23px; padding:0 2px 4px 3px;} .txt_input{border:solid 1px #c3c3c3; height:20px; margin-right:4px;padding-left:3px; padding-top:2px; font-size:12px;color:#6f6f6f; font-weight:bold;} .txt_sup {vertical-align: super; font-size:10px; padding-left:2px; line-height:8px;} .tblfx{table-layout:fixed;} .dot_line{ height:6px; background: url('/images/common/dot_line.gif') repeat-x; background-position:center; } .f-roboto {font-family: 'Roboto';} .white{color:#FFF;font-family:inherit;} .orange{color:#ED521E !important;} .orange2{color:#F76809;font-family:inherit;} .pink{color:#cb1b7e;font-family:inherit;} .blue{color:#2F477E;font-family:inherit;} .blue_b{color:#2F477E; font-weight:bold;} .blue2{color:#0038B7;font-family:inherit;} .blue3{color:#2547b4;font-family:inherit;} .blue4{color:#0674b8;font-family:inherit;} .blue5{color:#0000ff;font-family:inherit;} .blue6{color:#4e5dba;font-family:inherit;} .white{color:#FFFFFF;font-family:inherit;} .green{color:#4D7F05;font-family:inherit;} .green2{color:#1d9a00;font-family:inherit;} .green3{color:#007042;font-family:inherit;} .purple{color:#79149E;font-family:inherit;} .purple2{color:#475ad2;font-family:inherit;} .yellow{color:#FCF300;font-family:inherit;} .gray6{color:#222222; font-weight:bold;font-family:inherit;} .purple3{color:#858ecd;font-family:inherit;} .gray7{color:#555555; letter-spacing:-1px; font-family:inherit;} .red2{color:#ed1c24; font-family:inherit;} .scp_gray_yellow{ background: #fef7d8; color: #333; display: inline-block; padding: 0 5px; line-height: 2;} .red{color:#CC0000; font-family:inherit;} .red a:link, .red a:active, .red a:visited{color: #CC0000; text-decoration: none;font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif;} .red a:hover {color: #CC0000;text-decoration: underline;font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif;} .gray3{color:#888;text-decoration : none; } .gray3 a:link, .gray3 a:visited, .gray3 a:active, .gray3 a:hover{color:#888; text-decoration : none; } .gray2{color:#555;} .gray2 a:link, .gray2 a:visited, .gray2 a:active, .gray2 a:hover{color:#555; text-decoration : none; } .gray4 a:link, .gray4 a:visited, .gray4 a:active{color:#888; text-decoration : none; letter-spacing:-1px;} .gray4 a:hover{color:#2861be;text-decoration : none; } .gray5{color:#555;} .gray5 a:link, .gray5 a:visited, .gray5 a:active{color:#555; text-decoration : none; line-height:16px; font-weight:bold;} .gray5 a:hover{color:#2861be; text-decoration : none; line-height:16px; font-weight:bold; } .dom_service ul, li{ list-style:none;list-style-type:none} .white_link{color:#bebbbb;} .white_link a:link, .white_link a:visited, .white_link a:active, .white_link a:hover{color:#bebbbb; text-decoration : none; } .line_strike{text-decoration:line-through; } .f-montserrat {font-family: 'Montserrat', 'Roboto' , 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif !important; } .tbl_blue{color:#2F477E; font-weight:bold; padding-right:25px; letter-spacing:-1px;} .tbl_blue1{color:#2F477E; font-weight:bold; letter-spacing:-1px;} .tbl_green{color:#006C0D; font-weight:bold; padding-right:25px; letter-spacing:-1px;} .tbl_green1{color:#006C0D; font-weight:bold; letter-spacing:-1px;} .link_none a:link, .link_none a:active, .link_none a:visited{text-decoration: none;} .link_none a:hover {text-decoration: none; color:#333} .leftmenu{color:#141414;text-decoration : none; font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif;} .leftmenu a:link, .leftmenu a:visited, .leftmenu a:active{color:#141414; text-decoration : none; font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif;} .leftmenu a:hover{color: #0B4AA4;text-decoration: underline; font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif;} .tbl_t{border-top:1px solid #bcc6ec;} .tbl_b{border-bottom:1px solid #bcc6ec;} .tbl_l{border-left:1px solid #bcc6ec;} .tbl_r{border-right:1px solid #bcc6ec;} .tbl_br{border-bottom:1px solid #bcc6ec;border-right:1px solid #bcc6ec;} .tbl_line{ height:1px; background-color:#bcc6ec;} .tbl_top{color:#3c559b; font-weight:bold; vertical-align:middle; font-size:13px;} .tbl_top a:link, .tbl_top a:visited, .tbl_top a:active{color:#3c559b; font-weight:bold; text-decoration : none; } .tbl_top a:hover{color:#3c559b; font-weight:bold; text-decoration : underline;} .tbl_border2{border:1px solid #bcc6ec;} .tbl_bg {background-color:#f0f1fa;} .tbl_t_g{border-top:1px solid #CCCCCC;} .tbl_b_g{border-bottom:1px solid #CCCCCC;} .tbl_r_g{border-right:1px solid #CCCCCC;} .tbl_tr_g{border-top:1px solid #CCCCCC;border-right:1px solid #CCCCCC;} .tbl_left{color:#3c559b; font-weight:bold; padding-left:10px; vertical-align:middle; font-size:13px; letter-spacing:-0.5px;} .tbl_left2{color:#444; font-weight:bold; padding-left:10px; vertical-align:middle;font-size:13px;letter-spacing:-0.5px; } .tbl_center{color:#3c559b; font-weight:bold; text-align:center; vertical-align:middle;font-size:13px; letter-spacing:-0.5px;} .t_dom{font-weight:bold; padding-left:15px; padding-bottom:6px; padding-top:6px; padding-right:6px;letter-spacing:0;} .t_dom_red{font-weight:bold; padding-left:5px; padding-bottom:6px; padding-top:6px; padding-right:3px;letter-spacing:0; color:#CC0000;} .tbl_select{background-color:#F5F8FC;} .tbl_select2{background-color:#fffee3;} .tbl_rf{ border-right:1px solid #ffffff;border-top:1px solid #bcc6ec;} .tbl_rf2{ border-right:1px solid #ffffff;} .tbl_restore{border-right:1px solid #ffffff;border-top:1px solid #bcc6ec;border-bottom:1px solid #ffffff;} .t_dom2{font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'gulim', 굴림; font-size:18px; font-weight:bold; padding: 10px 6px 10px 15px !important;letter-spacing:0;} .t_dom5{font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'gulim', 굴림; font-size:18px; font-weight:bold; padding-bottom:10px; padding-top:10px; padding-right:6px;letter-spacing:0;color:#555; line-height:28px;} .f_reg{ font-size:12px;border-left:1px solid #808080;border-top:1px solid #808080;border-right:1px solid #BAC7E3;border-bottom:1px solid #BAC7E3;background-color:#edeefb; color:#102E56; padding:2px 3px 2px 5px; vertical-align:middle; behavior:url(/css/field_cyan.htc); } .f_reg30{ font-size:13px;border-left:1px solid #808080;border-top:1px solid #808080;border-right:1px solid #BAC7E3;border-bottom:1px solid #BAC7E3;background-color:#edeefb; color:#102E56; padding:2px 3px 2px 5px; vertical-align:middle; height:30px; box-sizing:border-box; behavior:url(/css/field_cyan.htc); } .f_reg_select{ font-size:12px;border-left:1px solid #808080;border-top:1px solid #808080;border-right:1px solid #BAC7E3;border-bottom:1px solid #BAC7E3;background-color:#edeefb; color:#102E56; padding:2px 3px 2px 5px; margin:0; vertical-align:middle; behavior:url(/css/field_cyan.htc); } .f_reg_select30{ font-size:13px;border-left:1px solid #808080;border-top:1px solid #808080;border-right:1px solid #BAC7E3;border-bottom:1px solid #BAC7E3;background-color:#edeefb; color:#102E56; padding:2px 3px; margin:0; vertical-align:middle; height:30px; box-sizing:border-box; behavior:url(/css/field_cyan.htc); } .f_reg_red{ font-size:12px;border-left:1px solid #FF0000;border-top:1px solid #FF0000;border-right:1px solid #FF0000;border-bottom:1px solid #FF0000;background-color:#edeefb; color:#FF0000; padding:2px 3px 2px 5px; height:17px; behavior:url(/css/field_cyan.htc); } .f_reg14{font-size:14px; font-weight:bold;border-left:1px solid #808080;border-top:1px solid #808080;border-right:1px solid #BAC7E3;border-bottom:1px solid #BAC7E3;background-color:#edeefb; color:#102E56; padding:2px 3px 1px 5px; height:22px;} .f_reg14_w{font-size:14px; font-weight:bold;border-left:1px solid #808080;border-top:1px solid #808080;border-right:1px solid #BAC7E3;border-bottom:1px solid #BAC7E3;background-color:#ffffff; color:#102E56; padding:2px 3px 1px 5px; height:22px;} .f_reg14_w2{font-size:14px; font-weight:bold;border-left:1px solid #808080;border-top:1px solid #808080;border-right:1px solid #BAC7E3;border-bottom:1px solid #BAC7E3;background-color:#ffffff; color:#102E56; padding:1px 3px 1px 5px; height:26px;} .f_reg14_select{font-size:14px; font-weight:bold;border-left:1px solid #808080;border-top:1px solid #808080;border-right:1px solid #BAC7E3;border-bottom:1px solid #BAC7E3;background-color:#edeefb; color:#102E56; padding:1px 0 1px 5px; height:30px; } .f_reg16_w{font-size:16px; font-weight:bold;border-left:1px solid #808080;border-top:1px solid #808080;border-right:1px solid #BAC7E3;border-bottom:1px solid #BAC7E3;background-color:#ffffff; color:#102E56; padding:4px 3px 5px 5px; } .f_reg16_n{font-size:16px; font-weight:normal;border-left:1px solid #808080;border-top:1px solid #808080;border-right:1px solid #BAC7E3;border-bottom:1px solid #BAC7E3;background-color:#ffffff; color:#102E56; padding:4px 3px 5px 5px; } .f_reg16_n:placeholder{ font-size:14px; color: #bababa; } .f_reg16_n:-ms-input-placeholder{ font-size:14px; color: #bababa; } .f_reg16_n::-webkit-input-placeholder{ font-size:14px; color: #bababa; } .f_reg16_n::-moz-placeholder{ font-size:14px; color: #bababa; } .f_reg_disabled{font-size:12px;border-left:1px solid #808080;border-top:1px solid #808080;border-right:1px solid #BAC7E3;border-bottom:1px solid #BAC7E3;background-color:#eaeaea; color:#102E56; padding:1px 3px 1px 5px; height:18px;} .f_reg2{font-size:12px;border-left:1px solid #808080;border-top:1px solid #808080;border-right:1px solid #BAC7E3;border-bottom:1px solid #BAC7E3;background-color:#edeefb; color:#102E56; padding:1px 3px 1px 5px;} .f_reg_w{ font-size:12px;border-left:1px solid #808080;border-top:1px solid #808080;border-right:1px solid #BAC7E3;border-bottom:1px solid #BAC7E3;background-color:#fff; color:#102E56; padding:1px 3px 1px 5px; height:18px; behavior:url(/css/field_cyan.htc); } .f_reg_w2{ font-size:12px;border-left:1px solid #808080;border-top:1px solid #808080;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;background-color:#fff; color:#102E56; padding:1px 1px 1px 2px; height:17px; behavior:url(/css/field_cyan.htc); } .f_reg_w3{ font-size:12px;border-left:1px solid #808080;border-top:1px solid #808080;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;background-color:#fff; color:#102E56; padding:1px 1px 1px 2px; height:15px; behavior:url(/css/field_cyan.htc); } .f_reg_w4{ font-size:12px;border-left:1px solid #808080;border-top:1px solid #808080;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;background-color:#fff; color:#102E56;padding:3px 1px 1px 2px; height:18px; behavior:url(/css/field_cyan.htc); vertical-align:middle; } .f_reg11_w{font-size:11px;border-left:1px solid #808080;border-top:1px solid #808080;border-right:1px solid #BAC7E3;border-bottom:1px solid #BAC7E3;background-color:#fff; color:#102E56; padding:1px 3px 1px 3px; height:18px;behavior:url(/css/field_cyan.htc);} .f_reg11{font-size:11px;border-left:1px solid #808080;border-top:1px solid #808080;border-right:1px solid #BAC7E3;border-bottom:1px solid #BAC7E3;background-color:#edeefb; color:#102E56; padding:3px 3px 1px 2px; height:18px; letter-spacing:-1px;behavior:url(/css/field_cyan.htc);} .t_bulk{font-size:14px;border:1px solid #BAC7E3; background-color:#edeefb; color:#102E56; padding:10px 15px 10px 15px; font-weight:bold; line-height:22px;} .t_bulk2{font-size:12px;border:1px solid #5186DB;color:#2760BE; padding:10px 15px 10px 15px; font-weight:bold; line-height:17px;} .t_bulk_w{font-size:14px;border:1px solid #BAC7E3; background-color:#ffffff; color:#102E56; padding:10px 15px 10px 15px; font-weight:bold; line-height:22px;} .f_reg_login{ font-size:13px;border-left:1px solid #d0d0d0;border-top:1px solid #d0d0d0;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background-color:#fafafa; color:#102E56; padding:1px 3px 1px 5px; height:22px;} .f_reg_login2{ font-size:16px;border-left:1px solid #d0d0d0;border-top:1px solid #d0d0d0;border-right:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background-color:#fafafa; color:#102E56; padding:1px 3px 1px 5px; height:22px;} .f_reg_main_new{font-size:14px;border-right: #1676fe 6px solid; border-left: #1676fe 6px solid; border-top: #3664fa 6px solid; border-bottom: #1676fe 6px solid ;background-color:#f9f9fb; color:#2760be; padding:4px 3px 1px 5px; height:24px; font-weight:bold;vertical-align:middle} .pl5{padding-left:5px;} .pl8{padding-left:8px;} .pl10{padding-left:10px;} .pl15a{padding-left:15px !important; } .pl15{padding-left:15px; padding-top:6px; padding-bottom:6px;padding-right:10px;} .pl15_2{padding-left:15px; padding-top:10px; padding-bottom:15px;padding-right:10px;} .pl15_3{padding-left:15px; padding-top:8px; padding-bottom:8px;padding-right:10px;} .pl20{padding-left:20px;} .pl25{padding-left:25px;} .pl30{padding-left:30px;} .pl32{padding-left:32px;} .pl35{padding-left:35px;} .pl40{padding-left:40px;} .pl45{padding-left:45px;} .pl60{padding-left:60px;} .pl70{padding-left:70px;} .pl90{padding-left:90px;} .pt3{padding-top:3px; } .pt5{padding-top:5px;} .pt7{padding-top:7px; } .pt10{padding-top:10px;} .pt15{padding-top:15px;} .pt15a{margin-top:15px;} .pt20{padding-top:20px;} .pt25{padding-top:20px;} .pt30{padding-top:30px;} .pt35{padding-top:35px;} .pt40{padding-top:40px;} .pt60{padding-top:60px;} .pt80{padding-top:80px;} .p2{padding:2px;} .p3{padding:3px; } .p5{padding:5px; } .p6{padding:6px;} .p7{padding:7px; } .p8{padding:8px;} .p10{padding:10px;} .p15{padding:15px !important;} .p20{padding:20px;} .p30{padding:30px;} .pr3{padding-right:3px; } .pr5{padding-right:5px; } .pr7{padding-right:7px; } .pr10{padding-right:10px; } .pr15{padding-right:15px;} .pr20{padding-right:20px;} .pr30{padding-right:30px;} .pr50{padding-right:50px;} .pb3{padding-bottom:3px;} .pb5{padding-bottom:5px;} .pb10{padding-bottom:10px;} .pb15{padding-bottom:15px;} .pb20{padding-bottom:20px;} .pb22{padding-bottom:22px; } .pb30{padding-bottom:30px; } .prl5{padding-right:5px; padding-left:5px;} .prl8{padding-right:8px; padding-left:8px;} .prl10{padding-right:10px; padding-left:10px;} .prl15{padding-right:15px; padding-left:15px;} .ptb5{padding-top:5px; padding-bottom:5px;} .ptb7{padding-top:7px; padding-bottom:7px;} .ptb8{padding-top:8px; padding-bottom:8px;} .ptb10{padding-top:10px; padding-bottom:10px;} .ptb10i {padding-top:10px !important; padding-bottom:10px !important;} .p510{padding:5px 5px 5px 10px;} .p_t{padding:10px 20px 10px 30px;} .p_t2{padding:8px 20px 10px 15px;} .p_t3{padding:8px 20px 15px 15px;} .p_preview{padding:0px 12px 0px 8px;} .p_svc1{padding:20px 20px 20px 20px;} .p_svc2{padding:20px 20px 20px 30px;} .p_ddos{padding:290px 689px 10px 48px;} .fwN {font-weight:normal !important} .fwB {font-weight:bold !important} .b { font-weight:bold; } .n { font-weight:normal; font-size:12px; color:#333333; font-family:inherit;} .n2 { font-weight:normal; font-size:12px;} .n3 { font-weight:normal; font-size:12px; color:inherit; font-family:inherit;;} .n4 { font-weight:normal; color:inherit; font-family:inherit;} .sp{letter-spacing:-1px !important;} .sp0{letter-spacing:0 !important;} .sp2{letter-spacing:-2px !important;} .f11 {font-size:11px;} .f11_k {font-size:11px; line-height:14px; } .f11_k a:link, .f11_k a:visited, .f11_k a:active .f11_k a:hover{font-size:11px; line-height:14px; } .f13 {font-size:13px !important; line-height:20px;} .f14 {font-size:14px; } .f16 {font-size:16px; } .f18b {font-size:18px; font-weight:bold; letter-spacing:-0.5px;} .f24 {font-size:24px; line-height:24px;} .f26 {font-size:26px !important; line-height:28px;} .f28 {font-size:28px; line-height:28px;} .f_ns {font-size:9.5px; font-family:tahoma, helvetica; color:#666666; line-height:12px; letter-spacing:-0.5px;} .f_kr {font-size:12px; color:#666666; letter-spacing:-1px; font-weight:bold;} .f12{font-size:12px; font-family:inherit; line-height:18px; } .f12_orange{font-size:12px; font-family:inherit; line-height:14px; color:#ED521E; font-weight:bold; } .f12_red2{font-size:12px; font-family:inherit; line-height:14px; color:#b71c17; font-weight:bold; } .f14_red{font-size:14px; font-family:inherit; line-height:18px; color:#b71c17; font-weight:bold; } .f14_blue{font-size:14px; font-family:inherit; line-height:18px; color:#0000ff; font-weight:bold; } .f_18b{font-weight:bold; font-size:18px; line-height:26px; font-family:inherit;color:#333;} .f_22b{font-weight:bold; font-size:22px; line-height:26px; font-family:inherit;color:#333;} .f_22_red{font-weight:bold; font-size:30px; line-height:26px; font-family:inherit; color:#cc0000;} .f_16{font-size:16px; line-height:26px; color:#ED521E;} .f_14{font-size:14px !important; line-height:22px; } .f_13{font-size:13px !important; line-height:18px; } .f_24{font-size:24px !important; line-height:18px;} .f38{line-height:38px; font-size:38px; font-weight:bold; font-family:inherit;color:#000; vertical-align:middle;} .f12_event {font-size:12px; letter-spacing:-1px; color:#0260d6; font-weight:bold; } .f12_event2 {font-size:12px; letter-spacing:-1px; color:#555; font-weight:bold; } .f12_event3 {font-size:12px; letter-spacing:-1px; color:#8c1ed8; font-weight:bold; } .f12_event4 {font-size:12px; letter-spacing:-1px; color:#cb1b7e; font-weight:bold; } .f12_event5 {font-size:12px; letter-spacing:-1px; color:#259c1d; font-weight:bold; } .f12_event5 strong {font-size:12px; letter-spacing:0px; color:#259c1d; font-weight:900; } .event_f14{font-size:14px; color:#F6FF00; font-weight:bold;} .line_12{line-height:12px;} .line_14{line-height:14px;} .line_16{line-height:16px;} .line_20{line-height:20px;} .line_24{line-height:24px;} .line_26{line-height:26px !important;} .clear_b{clear:both;} .spcing05 {letter-spacing:-0.5px;} /* layer */ .l_b{border:4px solid #FF9600;z-index:20;background-color:#fff; } .l_t{text-align:left; font-size:13px; color:#fff; font-weight:bold; background-color:#FF9600; padding:4px 7px 5px 7px; line-height:16px; z-index:10;} .l_s{text-align:left; font-size:13px; background-color:#fff; padding:7px; color:#555; font-weight:normal;z-index:10; line-height:18px; word-break:keep-all;} .l_b2{border:4px solid #8E8E8E} .l_t2{color:#fff; font-weight:bold; background-color:#8E8E8E; padding:3px; line-height:14px;} .l_s2{background-color:#fff; padding:5px; color:#333; word-break:keep-all;} .l_b3{border:2px solid #8E8E8E} .l_t3{color:#fff; font-weight:bold; background-color:#8E8E8E; padding:3px; line-height:14px;} .l_s3{background-color:#fff; padding:5px; color:#333; word-break:keep-all; } .m1{margin:1px;} .m5{margin:5px;} .m10{margin:10px;} .m20{margin:20px;} .ml3{margin-left:3px} .ml5{margin-left:5px} .ml8{margin-left:8px} .ml10{margin-left:10px;} .ml15{margin-left:15px;} .ml20{margin-left:20px;} .ml25{margin-left:25px;} .ml35{margin-left:35px;} .ml50{margin-left:50px;} .ml55{margin-left:55px;} .ml60{margin-left:60px;} .ml70{margin-left:70px;} .ml75{margin-left:75px;} .ml80{margin-left:80px;} .ml110{margin-left:110px;} .mb2{margin-bottom:2px} .mb5{margin-bottom:5px} .mb8{margin-bottom:8px} .mb10{margin-bottom:10px} .mb15{margin-bottom:15px} .mb20{margin-bottom:20px} .mb30{margin-bottom:30px} .mb40{margin-bottom:40px} .mb45{margin-bottom:45px} .mb50{margin-bottom:50px} .mt30_m{margin-top:-30px;} .mt40_m{margin-top:-40px;} .mt50_m{margin-top:-50px;} .mt3{margin-top:3px} .mt5{margin-top:5px} .mtb5{margin-top:5px; margin-bottom:5px} .mtb10{margin-top:10px; margin-bottom:10px} .mt16{margin-top:16px} .mt20{margin-top:20px} .mt25{margin-top:25px} .mrl5{margin-left:5px; margin-right:5px;} .mrl7{margin-left:7px; margin-right:7px;} .mrl15{margin-left:15px; margin-right:15px;} .mt7{margin-top:7px} .mt10{margin-top:10px} .mt12{margin-top:12px} .mt15{margin-top:15px} .mt25{margin-top:25px} .mt30{margin-top:30px} .mt40{margin-top:40px} .mt50{margin-top:50px} .mt60{margin-top:60px} .mt80{margin-top:80px} .mr5{margin-right:5px} .mr8{margin-right:8px} .mr10{margin-right:10px} .mr15{margin-right:15px} .mr20{margin-right:20px} .mr25{margin-right:25px} .mr30{margin-right:30px} .m_auto{margin:0 auto !important;} .txt_center{text-align:center !important;} .txt_left{text-align:left !important;} .txt_right{text-align:right !important;} .txt_vmiddle{vertical-align:middle !important;} .txt_vtop{vertical-align:top !important;} .txt_vbottom{vertical-align:bottom !important;} .txt_normal{font-weight:normal !important;} .txt_line{text-decoration:underline !important;} .f_left{float:left;} .f_right{float:right;} .c_pointer {cursor:pointer; } .v_align5{vertical-align:-5px !important;} .txt_multi {font-weight:normal; line-height:28px; padding-left:26px; } .d_inline_b {display:inline-block;} .d_b {display:block;} .price_blue {font-size:13px; background:#ededf7; padding:10px 15px 3px 10px; font-weight:bold; color:#2F477E; } .price_blue2 {background:#ededf7; padding:10px 15px 3px 10px; font-weight:bold; color:#2F477E; } .price_blue14 {font-size:14px; background:#ededf7; padding:5px 1px 10px 15px; font-weight:bold;color:#2F477E; } .W110 {width:110px !important; } .W120 {width:120px !important; } .W150 {width:150px !important; } .W200 {width:200px !important; } .W250 {width:250px !important; } .W300 {width:300px !important; } .borderR3 {border-radius:3px !important; } .btn_icon_arrow {font-family:'GmarketSansBold', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; color:inherit; line-height:inherit; } #wrap {position:relative; margin:0 auto; width:960px;font-size:12px; line-height:18px; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif;} #header {position:relative; width:960px; height:92px; z-index:10;margin:0; padding:0;} #header h1 {position:absolute; left:10px; top:44px; z-index:-1;} #header .ban_iso{position:absolute; right:5px; top:60px; z-index:-1;} #header h2{position:absolute;left:115px; top:61px; z-index:-1; font-family:'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif; } #header h2 a {color:#325cd6; font-size:30px; font-family:'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif; letter-spacing:-1px;} #header h2 a:hover, #header h3 a:hover {text-decoration:none; } #header h3{position:absolute;left:310px; top:57px; z-index:-1; font-family:'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif; } #header h3 a {font-size:11.5px; font-family:'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif; letter-spacing:-0.5px; line-height:14px; } #header .ban_H_nworks {position:absolute; right:10px; top:63px; height:35px; padding-top:3px; z-index:-1; background:url('/images/gnb/logo_nworks2.svg') no-repeat left top; background-size: 30px 21px; text-indent:36px; z-index:3} #header .ban_H_nworks a{font-size:18px; font-family:'GmarketSansBold', 'Malgun Gothic', 'Apple SD Gothic Neo', '맑은 고딕', verdana, tahoma, 'gulim', '굴림'; letter-spacing:-1px; color:#202936; } #header .ban_H_nworks a:hover {text-decoration:none; box-shadow: inset 2px -9px 0px #fff736;} #header .ban_H_nworks a strong {font-family:inherit; color:#e12020; } .service_btn{height:72px; text-align:center; margin-top:30px;} .service_btn img{vertical-align:middle; margin-right:15px;} .service_btn .no_margin{vertical-align:middle; margin-right:0px;} #lnb{float:left;display:inline; width:180px; overflow:hidden; margin-right:27px;margin-top:10px; margin-bottom:30px; } #main{float:left;width:750px; display:block;margin-top:10px; margin-bottom:50px;} #footer {float:left; position:relative; margin:0 auto; width:960px;height:115px; z-index:1;} #lnb .lnb_menu { border: solid 1px #a9a9a9; border-top: solid 2px #216dc1; background: #fdfdfd; padding-bottom: 30px; min-height:250px; } #lnb .lnb_menu .lnb_top { width: 178px; box-sizing: border-box; background: #fff; font-family: 맑은 고딕, tahoma, 굴림, gulim, sans-serif; padding: 7px 5px 10px 15px; font-size: 11px; color: #888; font-style: italic; } #lnb .lnb_menu .lnb_top strong { font-size: 24px; line-height: 30px; font-weight: normal; font-style: normal; letter-spacing: -2px; font-family: 'NotoSans', 맑은 고딕, tahoma, 굴림, gulim, sans-serif; color: #216dc1; display: block; padding-top: 0px; } /*#lnb .lnb_menu{border:solid 1px #a9a9a9; background:#fdfdfd; padding-bottom:30px; }*/ #lnb .lnb_menu ul li {width:168px; border-top:solid 1px #dcdcdc; padding:5px 0 7px 5px; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'gulim', 굴림; font-size:13px; letter-spacing:-1px; } #lnb .lnb_menu ul li a{font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'gulim', 굴림; font-size:13px; letter-spacing:-1px; font-weight:bold; } #lnb .lnb_menu ul li.menu_1st{font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'gulim', 굴림; font-size:14px; letter-spacing:-1px; border-top:none; } #lnb .lnb_menu ul li.on{display:block; background:url('/images/lnb/lnb_bg_on.gif') no-repeat left 3px; } #lnb .lnb_menu ul li.on a{color:#fff; padding-left:5px;} #lnb .lnb_menu img{margin:0 0 0 16px; padding:0;} /*#lnb .lnb_menu .menu_1st{margin-top:80px;} #lnb .lnb_webh{width:180px; height:298px;background:url('/images/lnb/lnb01_bg.gif') no-repeat; } #lnb .lnb_hosting{width:180px; height:310px;background:url('/images/lnb/lnb01_bg_hosting.gif') no-repeat; } #lnb .lnb_special{width:180px; height:298px;background:url('/images/lnb/lnb02_bg.gif') no-repeat; } #lnb .lnb_ssl{width:180px; height:298px;background:url('/images/lnb/lnb04_bg.gif') no-repeat; } #lnb .lnb_help{width:180px; height:298px;background:url('/images/lnb/lnb05_bg.gif') no-repeat; } #lnb .lnb_mng{width:180px; height:298px;background:url('/images/lnb/lnb06_bg5n.gif') no-repeat; }*/ #lnb .lnb_idc{width:180px; height:310px;background:url('/images/lnb/lnb01_bg_idc.gif') no-repeat; } #lnb .lnb_server{width:180px; height:298px;background:url('/images/lnb/lnb03_bg.gif') no-repeat; } #lnb .lnb_cs{width:178px; margin-top:25px;} #lnb .lnb_cs2 a{display:block; width:180px; height:23px; text-indent:-1000px;} #lnb .lnb_cs2 .d_line{display:block; height:1px; background: url('/images/lnb/cs_line.gif') repeat-x ; padding-top:8px; } #lnb .lnb_cs2 .d_line2{display:block; height:1px; background: url('/images/lnb/cs_line.gif') repeat-x ; padding-top:10px; margin-top:10px; } #lnb .lnb_cs2 .chat_on a{background: url('/images/lnb/cs_chat_on.gif') no-repeat ; height:28px;} #lnb .lnb_cs2 .chat_ff a{background: url('/images/lnb/cs_chat_off.gif') no-repeat ; height:28px;} #lnb .lnb_cs2 .kind a{background: url('/images/lnb/cs_kind.gif') no-repeat ; height:28px; } #lnb .lnb_cs2 .kind a:hover{background: url('/images/lnb/cs_kind_over.gif') no-repeat; } #lnb .lnb_cs2 .tax a{background: url('/images/lnb/cs_tax.gif') no-repeat ; } #lnb .lnb_cs2 .tax a:hover{background: url('/images/lnb/cs_tax_over.gif') no-repeat; } #lnb .lnb_cs2 .credit a{background: url('/images/lnb/cs_credit.gif') no-repeat ; } #lnb .lnb_cs2 .credit a:hover{background: url('/images/lnb/cs_credit_over.gif') no-repeat; } #lnb .lnb_cs2 .search a{background: url('/images/lnb/cs_search.gif') no-repeat ; } #lnb .lnb_cs2 .search a:hover{background: url('/images/lnb/cs_search_over.gif') no-repeat; } #lnb .lnb_cs2 .bank a{background: url('/images/lnb/cs_bank.gif') no-repeat ; } #lnb .lnb_cs2 .bank a:hover{background: url('/images/lnb/cs_bank_over.gif') no-repeat; } #lnb .lnb_ns{height:140px; margin-top:0px; border:solid 1px #b5b5b5; font-size:10px; font-family: tahoma; line-height:14px; color:#666666;} #lnb .lnb_ns img{margin:8px 0 0 8px;} #lnb .lnb_ns .b_line{width:178px;height:1px;border-top:solid 1px #e3e3e3;margin-top:8px;} #lnb .lnb_ns .txt_ns{padding:0 8px; letter-spacing:-0.5px;} #login_area{position:relative;margin:0 auto; width:960px; background:#f7f7f7; height:30px; overflow:hidden; display:block;} #login_area .member_btn{float:left;display:inline;margin-left:15px;margin-top:4px; } #login_area .member_btn .txt_ext{display:inline-block; /*height:30px; margin-bottom:3px;*/ vertical-align:middle; padding-left:15px; } #login_area .member_info{float:left;display:inline;color:#333;margin-left:20px;margin-top:5px; color:#666; } #login_area .member_info a{color:#666; } #login_area .member_name{color:#5057d9; font-weight:bold} #login_area .top_rolling_notice{height:25px; float:right; text-align:left; margin:3px 0px 5px 0;} #login_area .top_rolling_notice img{margin-right:5px;vertical-align:middle;} #login_area .top_rolling_notice ul{vertical-align:top; padding-top:0px; padding-left:20px;} #main_contents{float:left; display:inline; width:960px; margin:19px 0 0 0; padding:0;} #main_contents .main_login{float:left; display:inline;width:258px; height:431px;text-align:center;background: url('/images/main/bg_main_left.gif') no-repeat left top; } #main_contents .main_login .member_login{float:left; text-align:left; width:218px; height:75px; margin-bottom:12px; padding-left:20px;letter-spacing:-1px;} #main_contents .main_login .member_login .m_id{height:22px;position:absolute;top:0px;} #main_contents .main_login .member_login .m_pw{height:22px; position:absolute;top:18px;} #main_contents .main_login .member_login .m_pw .btn_login{position:relative;top:5px;} #main_contents .main_login .member_login .m_member{height:22px; position:absolute;top:50px;} #main_contents .main_login .member_login .save_id{height:22px;color:#737373; font-size:11px; font-family: dotum, 돋움; letter-spacing:-1px;} #main_contents .main_login .member_login .m_join a{height:22px;font-weight:bold; color:#204bd4;} #main_contents .main_login .member_login .m_info{height:75px;width:205px;line-height:20px;position:absolute;} #main_contents .main_login .member_login .m_info .m_name{ line-height:14px; font-weight:bold;color:#204bd4} #main_contents .main_login .cine{margin-top:13px;} #main_contents .main_login .search_dom{text-align:left; margin:17px 0 3px 20px;} #main_contents .main_login .search_dom img{text-align:left;vertical-align:middle;} #main_contents .main_login ul{margin:0;padding:10px 15px 0 15px;} #main_contents .main_login ul li{text-align:left; margin-left:5px; margin-bottom:5px; color:#777777; letter-spacing:-1px;} #main_contents .main_login ul li a{text-align:left; margin-left:5px; margin-bottom:5px; color:#777777; letter-spacing:-1px;} #main_contents .main_login ul li h2{font-size:12px;font-weight:bold; color:#204bd4; } #main_contents .main_login ul li h2 .date{font-weight:normal; color:#333;margin-left:3px;letter-spacing:0;} #main_contents .main_img{float:left; width:702px;height:430px;} #main_contents .main_img2{float:left; width:960px;} #main_contents .main_img3{float:left; width:960px; border-bottom:solid 2px #777777; margin-top:-19px} #main_contents .main_img3 .banner_num{position:absolute; bottom:-5px; right:10px; } #main_contents .main_img3 .banner_num .banner_num_on{display:block; text-align:center; width:20px; height:20px; background:#4f63de; color:#fff; font-weight:bold;margin-bottom:3px; cursor:pointer;} #main_contents .main_img3 .banner_num .banner_num_off{display:block; text-align:center;width:20px; height:20px; background:#dedede; color:#555; font-weight:bold; margin-bottom:3px;cursor:pointer;} /* -------- 메인 UI개편 2022.09.27 -------- */ #main_contents .main_img3 .mainVisual {width:960px; height:290px; padding: 40px 0 0 30px; box-sizing: border-box; background: url('/images/main/main_visual_01.png') no-repeat;} /*#main_contents .main_img3 .mainVisual:hover a {background:#d11901; color:#fff; transition:0.5s; cursor:pointer; } */ #main_contents .main_img3 .mainVisual h2 {font-size:48px; color:#111111; line-height:1; letter-spacing:-4px; margin-bottom: 20px; font-weight: bold; font-family:'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum';} #main_contents .main_img3 .mainVisual h2 strong {color:#4f63de; font-family:'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum';} #main_contents .main_img3 .mainVisual h2 em {font-style:italic;} #main_contents .main_img3 .mainVisual h4 {font-size:17px; color:#111111; line-height:1.3; letter-spacing:-0.5px; margin-bottom: 10px; font-weight:normal; font-family:'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ;} #main_contents .main_img3 .mainVisual h4 strong {color:#4f63de; font-family:'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum';} #main_contents .main_img3 .mainVisual .sms_sale {display: inline-block; font-size: 24px; letter-spacing: -2.5px; padding-left: 15px; vertical-align: top; padding-top: 53px; font-family:'GmarketSansMedium', 'Malgun Gothic', 'Apple SD Gothic Neo', '맑은 고딕', verdana, tahoma, 'gulim', '굴림'; } #main_contents .main_img3 .mainVisual .sms_sale strong {font-weight:bold; color:#e12020; font-family:'GmarketSansBold', 'Malgun Gothic', 'Apple SD Gothic Neo', '맑은 고딕', verdana, tahoma, 'gulim', '굴림'; } #main_contents .main_img3 .mainVisual.sms {width:960px; height:290px; padding: 40px 0 0 30px; box-sizing: border-box; background: url('/images/main/main_visual_02.png') no-repeat;} #main_contents .main_img3 .mainVisual.media {width:960px; height:290px; padding: 40px 0 0 30px; box-sizing: border-box; background: url('/images/main/main_visual_03.png') no-repeat;} /* -------- 메인 UI개편 2022.09.27 -------- */ #main_contents .main_service{float:left;display:inline;width:960px; height:161px;border-bottom:solid 1px #dfdfdf; } #main_contents .main_service .service_area{float:left; display:inline;width:243px;height:161px; border-right:solid 1px #dfdfdf;margin-left:15px;} #main_contents .main_service .service_area h4 a{display:block; font-size:16px; font-weight:bold; padding-top:18px; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; color:#325cd6; letter-spacing:-1px; } #main_contents .main_service .service_area img{margin-bottom:7px} #main_contents .main_service .service_area2{float:left; width:350px;height:161px; border-right:solid 1px #dfdfdf;background:#f3fbf1;} #main_contents .main_service .service_area2 img{float:right; margin:0 0 0 33px; margin:16px 0 0 0;} #main_contents .main_service .service_area3{float:left; width:350px;height:161px;background:#eef3fa;} #main_contents .main_service .service_area3 img{margin:16px 0 0 33px;} #main_contents .main_service .ban_ssd2{float:left; width:701px;} #main_contents .main_service .service_area ul{margin:0;padding:15px 5px 0 0;} #main_contents .main_service .service_area ul li{text-align:left; margin-left:0px; margin-bottom:5px; color:#777777; background: url('/images/common/dot_blue.gif') no-repeat left center; } #main_contents .main_service .service_area ul li a{text-align:left; margin-left:10px; margin-bottom:5px; color:#777777;} #main_contents .main_service .service_area ul li h2{font-size:12px;font-weight:bold; color:#204bd4; } #main_contents .main_service .service_area ul li h2 .date{font-weight:normal; color:#333;margin-left:3px;letter-spacing:0;} /*#main_contents .main_cs{float:left;width:960px; height:415px; border-bottom:solid 3px #707070;}*/ #main_contents .main_cs{float:left;width:960px; height:270px; margin-bottom:50px;} #main_contents .main_cs .cs_area{float:left;display:inline; width:238px;height:335px; border-right:solid 1px #dfdfdf;margin-left:20px;} #main_contents .main_cs .cs_area .title_img{margin:8px 0;} #main_contents .main_cs .cs_area2{float:left; width:350px;height:107px; border-right:solid 1px #dfdfdf;border-bottom:solid 1px #dfdfdf;} #main_contents .main_cs .cs_area2 img{margin:23px 0 0 33px} #main_contents .main_cs .cs_area3{float:left; width:350px;height:107px; border-bottom:solid 1px #dfdfdf;} #main_contents .main_cs .cs_area3 img{margin:23px 0 0 33px} #main_contents .main_cs .cs_area4{float:left; width:350px;height:153px; border-right:solid 1px #dfdfdf; } #main_contents .main_cs .cs_area4 table{width:280px;margin-left:33px; overflow:hidden;} #main_contents .main_cs .cs_area4 .title_img{margin:22px 0 6px 33px;} #main_contents .main_cs .cs_area5{float:left; width:350px;height:142px; } #main_contents .main_cs .cs_area5 table{width:280px;margin-left:33px;overflow:hidden;} #main_contents .main_cs .cs_area5 .title_img{margin:22px 0 6px 33px;} #main_contents .main_cs .ban_ssd{float:left; width:701px;} #main_contents .main_cs .ban_area{width:238px; margin-top:10px;} #main_contents .main_cs .ban_area img{margin-right:5px;} /*#main_contents .main_cs .main_ban_area{float:left;width:258px;height:415px;border-right:solid 1px #dfdfdf;}*/ #main_contents .main_cs .main_ban_area{float:left;width:258px;height:270px;border-right:solid 1px #dfdfdf;} #main_contents .main_cs .main_ban_area .b_bottom{border-bottom:solid 1px #dfdfdf; background:#fbfbfb;} #main_contents .main_cs .service_area4{float:left; width:350px;height:161px; border-right:solid 1px #dfdfdf;border-bottom:solid 1px #dfdfdf;background:#eef3fa;} #main_contents .main_cs .service_area4 img{float:right; margin:0 0 0 33px; margin:16px 0 0 0;} #main_contents .main_cs .service_area5{float:left; width:350px;height:161px;background:#f3fbf1;border-bottom:solid 1px #dfdfdf;} #main_contents .main_cs .service_area5 img{margin:16px 0 0 33px;} #main_contents .b_404 {width:960px; background:url('/images/common/img_404.gif') no-repeat 50px top;} #main_contents .b_404 h3{font-weight:bold; font-size:40px; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; color:#000; line-height:50px; margin-top:80px; letter-spacing:-3px; margin-bottom:10px; padding-left:190px;} #main_contents .b_404 h4{font-weight:normal; font-size:18px; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; color:#444; margin-top:50px; line-height:30px; letter-spacing:-1px; padding-left:198px;} #main_contents .b_404 h4 a{font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; color:#444; text-decoration:underline; } .total_service{float:left;width:960px; height:360px;background:#fafafa; border-top:solid 3px #707070; } .total_service .apply_event{z-index:100;display:none; position:absolute;text-indent:-1000px; width:77px; height:23px; left:95px; top:63px; background: #fafafa url('/images/main/service_event_apply.gif') no-repeat; } .total_service .b_event{z-index:100;display:none; position:absolute;text-indent:-1000px; width:101px; height:94px; left:304px; top:100px; background: #fafafa url('/images/main/service_builder_event.gif') no-repeat; } .total_service .ipin_event{z-index:100;display:none; position:absolute;text-indent:-1000px; width:105px; height:28px; left:22px; top:307px; background: #fafafa url('/images/main/service_ipin.gif') no-repeat; } .total_service .rolling_notice{height:26px; border-bottom:solid 1px #9d9d9d; padding-top:1px; padding-bottom:4px; text-indent:45px;background:#fff url('/images/common/evnet_icon.gif') no-repeat 20px 10px; overflow:hidden;} .total_service .rolling_notice ul{padding:0;vertical-align:top; padding-top:5px;} .total_service .service_list{display:inline-block; padding-top:15px;} .total_service .service_list .list_line{float:left;width:192px;height:295px;background: url('/images/common/dot_vertical.gif') repeat-y right top;} .total_service .service_list .list_line.none{background:#fafafa; } .total_service .service_list .list_line ul{height:140px;padding:5px 0 0 20px; margin:0;} .total_service .service_list .list_line ul li{color:#888; margin:0; font-size:13px; letter-spacing:-0.5px;} .total_service .service_list .list_line ul li .service_vps{display:block; margin:0;} .total_service .service_list .list_line ul li .service_vps a{margin:0;} .total_service .service_list .list_line ul li .service_sms{display:block; margin:0;padding-top:3px; } .total_service .service_list .list_line ul li .service_sms a{margin:0;} .total_service .service_list .list_line ul li .service_media{display:block; margin:0;padding-top:3px; } .total_service .service_list .list_line ul li .service_media a{margin:0;} .total_service .service_list .list_line ul li a{color:#888; } .total_service .service_list .list_line ul li.list_title{color:#555; font-weight:bold;margin-bottom:10px; font-size:14px; letter-spacing:-0.5px;} .total_service .service_list .list_line ul li.list_title a{color:#555; font-weight:bold;margin-bottom:10px; font-size:14px; letter-spacing:-0.5px;} .total_service .service_list .list_banner{display:none; float:left; text-align:right;width:320px; height:285px;} .total_service .service_list .icon_arrow{margin-left:7px;margin-bottom:1px;} .total_service .service_list .ban_cine{width:328px;height:130px;position:absolute; right:35px; top:163px;border-top:solid 15px #fafafa;} .total_service .service_list .ban_cine img{float:left;} .total_service2{float:left;width:960px; height:570px; } .total_service2 .cs_center{display:inline-block; width:958px; height:270px; border:solid 1px #cbcbcb;} .total_service2 .cs_center h3{background:#f6f6f6; padding:15px 0 20px 23px; margin-bottom:20px;} .total_service2 .cs_center .list_line{float:left; padding-left:13px; width:225px;height:180px;background: url('/images/common/dot_vertical.gif') repeat-y right top; } .total_service2 .cs_center .list_line.none{background:#fff; } .total_service2 .cs_center .list_line .cs_image{width:210px; height:190px; background:url('/images/main/bottom_cs_img.gif') 105px 57px; background-repeat:no-repeat; letter-spacing:-1px; color:#666;} .total_service2 .cs_center .list_line .cs_txt_blue{color:#327ee0; font-size:13px; font-weight:bold; padding-bottom:12px;} .total_service2 .cs_center .list_line ul{padding:0; width:183px;} .total_service2 .cs_center .list_line ul li{padding-left:10px; padding-top:5px; height:23px; z-index:100; background:url('/images/main/cs_dot2.gif'); background-repeat:repeat-x; background-position:left bottom; font-size:12px; font-weight:bold;letter-spacing:-1px; line-height:18px;} .total_service2 .cs_center .list_line ul li a{color:#777; text-decoration:none;} .total_service2 .cs_center .list_line ul li.none{padding-top:5px; height:21px; z-index:10; background:none;} .total_service2 .cs_center .list_line ul li.cs_chat{width:183px; height:80px; background:none;} .total_service2 .cs_center .list_line ul.cs_chat2{width:201px; } .total_service2 .cs_center .list_line ul.cs_chat2 li{background:none; margin:0; padding:0; line-height:none;} .total_service2 .cs_center .list_line ul.cs_chat2 li.cs_div2{height:1px; background:url('/images/common/cs_dot3.gif'); background-repeat:no-repeat;} .total_service2 .cs_center .cs_center_star{display:block; background:#f6f6f6; } .total_service2 .service_list{display:inline-block; padding:18px 0;background:#fafafa; border:solid 1px #fafafa; } .total_service2 .service_list .list_line{float:left;width:239px;height:260px;background: url('/images/common/dot_vertical.gif') repeat-y right top;} .total_service2 .service_list .list_line.none{background:#fafafa; } .total_service2 .service_list .list_line ul{height:80px;padding:5px 0 0 23px; margin:0;} .total_service2 .service_list .list_line ul li{color:#888; margin:0; font-size:12px; letter-spacing:-0.5px;} .total_service2 .service_list .list_line ul li .service_vps{display:block; margin:0;} .total_service2 .service_list .list_line ul li .service_vps a{margin:0;} .total_service2 .service_list .list_line ul li .service_sms{display:block; margin:0;padding-top:0px; } .total_service2 .service_list .list_line ul li .service_sms a{margin:0;} .total_service2 .service_list .list_line ul li a{color:#888; } .total_service2 .service_list .list_line ul li.list_title{color:#555; font-weight:bold;margin-bottom:8px; font-size:14px; letter-spacing:-0.5px;} .total_service2 .service_list .list_line ul li.list_title a{color:#555; font-weight:bold;margin-bottom:8px; font-size:14px; letter-spacing:-0.5px;} .total_service2 .service_list .list_banner{display:none; float:left; text-align:right;width:320px; height:285px;} .total_service2 .service_list .icon_arrow{margin-left:7px;margin-bottom:1px;} .total_service2 .service_list .list_line .banner_mobile {position:relative; left:30px; top:53px;} #hosting_contents{width:100%; font-size:12px;margin-bottom:50px; } #hosting_contents .main_copy{margin-bottom:20px;} #hosting_contents .list h2{margin-top:10px;background: url('/images/common/dot_purple.gif') no-repeat left center; padding-left:15px; color:#475ad3; font-size:16px; line-height:22px; font-weight:bold; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'gulim', 굴림; } #hosting_contents .list h3{margin-top:10px;} #hosting_contents .list h2 .txt_vat, .popup .p_content h2 .txt_vat{font-size:12px; float:right; font-weight:normal; color:#666; padding-top:8px;} #hosting_contents .list .list_contents, ul{padding:10px 15px 30px 15px; line-height:20px;} #hosting_contents .list ul li{background: url('/images/common/icon_dash.gif') no-repeat left 11px; padding-left:10px; padding-top:2px;} #hosting_contents .table_info{margin-top:10px; line-height:18px;} #hosting_contents .list .list_contents ol{padding:15px 15px 30px 0; line-height:18px;} #hosting_contents .list .list_contents ol li{padding-top:2px;} #hosting_contents .list .txt_right_align{position:absolute; right:5px; font-weight:normal; font-size:12px;} #hosting_contents .list .txt_left_align{position:absolute; padding-left:10px; font-weight:normal; font-size:12px; color:#444;} .sms_logout{text-align:right; margin:0; padding:0;} .sms_sender{width:100%; margin-top:10px; } .sms_sender .tab_title_sms ul{height:35px;margin:0 0 10px 0;padding:0px; width:960px;} .sms_sender .tab_title_sms ul li{float:left;} .sms_sender .point_status{background:#f2f3fe; border:solid 1px #d0d4f2; height:55px; padding:18px 24px; margin-bottom:40px; font-size:20px; color:#4f63de; font-family:'Noto Sans Kr', 'Malgun Gothic', 'Apple SD Gothic Neo', '맑은 고딕', verdana, tahoma, 'gulim', '굴림'; font-weight:bold; vertical-align:middle; } .sms_sender .point_status img{vertical-align:middle;} .sms_sender .point_status .point_count{font-weight:bold; font-family:inherit; font-size:24px; color:#1f234e;padding:3px 3px 0 10px; } .sms_sender .point_status .bg_point{background:#d6dafc; color:#333; padding:3px 5px; margin:0 5px 0 0; font-size:14px; font-family:inherit;line-height: 1.5;} .sms_sender .point_refund_status{background:#fef8f8; border:solid 1px #f0d1d1; height:55px; padding:18px 24px; margin-bottom:20px;} .sms_sender .point_refund_status img{vertical-align:middle;} .sms_sender .point_refund_status .point_count{vertical-align:middle;font-weight:bold; font-family:tahoma, arial, gulim; font-size:20px; color:#1f234e;padding:0px 3px 0 10px;} .sms_sender .point_refund_status .bg_point{background:#d6dafc; padding:2px 5px; margin:0 5px;} .sms_sender .sms_add{float:left; width:590px; display:inline; height:600px; /*background:url('/images/sms/sms_txt_01.gif') no-repeat left top; */margin-bottom:50px;} .sms_sender .sms_add h3 {font-size: 18px; color: #222; font-weight: bold; letter-spacing: -2px; line-height: 1; margin-bottom: 15px;} .sms_sender .sms_add .bg{padding:40px 20px 40px 35px; /*margin-top:25px; */ width:590px; height:600px; background:#f7f7f7; border:solid 1px #e6e6e6; box-sizing:border-box;} .sms_sender .sms_add .bg h4 {font-size: 14px; font-weight: bold; letter-spacing: -1px; margin-bottom: 7px;} .sms_sender .sms_add .bg h4.inline {display:inline-block;} .sms_sender .sms_add input{background:#fff; border:solid 1px #cbcbcb; height:25px; padding:3px 5px; width:200px; color:#555; /* font-family:inherit; */ font-size:13px; box-sizing:border-box;} .sms_sender .sms_add input:placeholder{color: #bababa; } .sms_sender .sms_add input:-ms-input-placeholder{color: #bababa; } .sms_sender .sms_add input::-webkit-input-placeholder{color: #bababa; } .sms_sender .sms_add input::-moz-placeholder{color: #bababa; } .sms_sender .sms_add select{background:#fff; border:solid 1px #cbcbcb; padding:10px; width:200px;color:#555; /*font-family:tahoma, 맑은고딕, gulim; */ font-size:13px; box-sizing:border-box;} .sms_sender .sms_add .sms_btn{text-align:center;width:65px;margin-top:25px;} .sms_sender .sms_add .sms_btn img{margin-bottom:10px;} .sms_sender .sms_add .add {width:65px;} .sms_sender .sms_add .add::after { position: absolute; right: 13px; top: calc(50% - 4px); content: ''; width: 5px; height: 5px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); } .sms_sender .sms_add .del {width:65px;} .sms_sender .sms_add .del::after { position: absolute; left: 13px; top: calc(50% - 4px); content: ''; width: 5px; height: 5px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(225deg); } .sms_sender .sms_add .btn_ST1 {display: inline-block; width: 65px; font-size: 14px; font-weight: bold; padding: 4px 0 5px 13px; font-family: 맑은고딕; color:#fff; letter-spacing: -2px; text-align:center; height: auto; background: #333; border:none; border-radius: 2px;text-align: left;} .sms_sender .sms_add .btn_ST1:hover {background:#356bc7} .sms_sender .sms_add .btn_ST2 {display: inline-block; width: 65px; font-size: 14px; font-weight: bold; padding: 4px 15px 5px 0; font-family: 맑은고딕; color:#fff; letter-spacing: -2px; text-align:center; height: auto; background: #777; border:none; border-radius: 2px; text-align: right;} .sms_sender .sms_add .btn_ST2:hover {background:#c94949} .sms_sender .sms_add a.btn_small {padding:0;} .sms_sender .sms_add .btn_small {display: inline-block; width: 72px; font-size: 12px; font-weight: bold; padding: 2px 0 3px; font-family: 맑은고딕; letter-spacing: -2px; text-align:center; height: auto; background: linear-gradient(#ffffff, #cccccc); border: solid 1px #a3a3a3; border-radius: 2px;} .sms_sender .sms_add .btn_small:hover {color:#356bc7;} .sms_sender .sms_add .btn_small.v2 {vertical-align: baseline; width: auto; padding: 2px 10px;} .sms_sender .sms_phone {float:left; margin-left:10px; width:350px; height:680px; /*float:right; margin-left:30px; background:url('/images/sms/sms_txt_02.gif') no-repeat left top;}*/} .sms_sender .sms_phone h3 {font-size: 18px; color: #222; font-weight: bold; letter-spacing: -2px; line-height: 1; margin-bottom: 10px;} .sms_sender .sms_phone input{margin:0; padding:0;} .sms_sender .sms_phone .img_attach{position:absolute; right:0; vertical-align:middle; } .sms_sender .sms_phone .img_attach2{position:absolute; right:0; vertical-align:middle; } .sms_sender .sms_phone .bg{padding-left:;margin-top:25px; padding-top:89px; width:250px; height:496px; background:url('/images/sms/bg_phone_30_1.gif') no-repeat left top;} .sms_sender .sms_phone .bg.new { padding: 27px; font-size:13px; margin-top:0; width:350px; height:600px; background:url('/images/sms/bg_phone4.png') no-repeat left top; box-sizing: border-box;} .sms_sender .sms_phone .bg_txtarea {box-sizing:border-box; background:#fff; width:100%; padding:8px 5px; height:320px; } /*.sms_sender .sms_phone .bg.new { padding: 27px; margin-top:0; width:291px; height:496px; background:url('/images/sms/bg_phone.png') no-repeat left top; box-sizing: border-box;}*/ .sms_sender .sms_phone .txt_field{background:#fff; border:none;padding:3px; width:280px; height:300px; color:#555;font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic',tahoma, gulim; overflow:hidden;} .sms_sender .sms_phone .txt_field2{box-sizing:border-box; background:#f0f2fe; border:none;padding:5px; width:98%; min-height:225px; color:#555;font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic',tahoma, gulim; overflow:hidden;} .sms_sender .sms_phone .txt_input{background:#fff; border:solid 1px #cbcbcb; height:18px; padding:2px 4px; width:162px; color:#555;font-family:inherit;} .sms_sender .sms_phone .txt_input2{background:#fff; border:solid 1px #cbcbcb; height:17px; padding:1px 4px; width:80px; color:#555;font-family:inherit;} .sms_sender .sms_phone .txt_input3{background:#fff; border-top:none; border-right:none; border-left:none; border-bottom:solid 1px #cbcbcb; height:18px; padding:2px 4px; width:167px; color:#555;font-family:inherit;} .sms_sender .sms_phone .txt_input4{box-sizing:border-box; background:#f0f2fe; font-size:13px; border-top:none; border-right:none; border-left:none; border-bottom:solid 1px #cbcbcb; height:24px; padding:5px; width:83%; color:#555;font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic',tahoma, gulim;} .sms_sender .sms_phone select{background:#fff; border:solid 1px #cbcbcb; padding:1px; height:21px; width:43px;color:#555;font-family:inherit; font-size:12px;} .sms_sender .sms_phone select.f_reg_select {background:#fff; border:solid 1px #cbcbcb; padding:3px 20px 4px 5px; width:173px; height:auto; color:#555;font-family:inherit; font-size:12px;} .sms_sender .sms_phone .div_line{border-top:solid 1px #cbcbcb; height:1px; width:300px; margin-top:7px; margin-bottom:4px;} .sms_sender .sms_phone .sms_save{ /*position:absolute; right:0px; padding-top:15px; */display:inline-block;font-size:11px; color:#858585; text-align:right;} .sms_sender .sms_phone .btn_send{position:absolute; top:515px;} .sms_sender .sms_phone .btn_send span {display:block; text-align:center; font-size:12px; padding-top:5px; letter-spacing:-0.5px;} .sms_sender .sms_phone .sms_send_info{ position:absolute; top:415px; width:300px;} .sms_sender .sms_phone .sms_calendar img, input, select{vertical-align:middle;} .sms_sender .sms_phone .sms_calendar input{margin-right:3px;} .sms_sender .sms_phone h4 {font-size: 14px; font-weight: bold; letter-spacing: -1px; margin-bottom: 7px;} .sms_sender .sms_phone h4.inline {display:inline-block;} .sms_sender .sms_phone h5 {font-size: 13px; font-weight: bold; letter-spacing: -1px; margin-bottom: 7px;} .sms_sender .sms_phone h5.inline {display:inline-block;} .sms_input{background:#fff; border:solid 1px #cbcbcb; height:25px; padding:2px 4px; width:70px; color:#555;font-family:inherit;} .btn_small2 {display: inline-block; font-size: 12px; line-height:14px; font-weight: bold; padding: 2px 10px 3px; font-family: 맑은고딕; letter-spacing: -2px; text-align:center; height: auto; background: linear-gradient(#ffffff, #cccccc); border: solid 1px #a3a3a3; border-radius: 2px;} .btn_small2:hover {color:#356bc7;} #webh_service{width:100%;} #webh_service .webh_img{text-align:center;padding:20px 0 0 0; vertical-align:bottom;margin:0;} #webh_service .tab_webh{display:none; height:34px; margin:0; padding-left:15px;border-top:solid 2px #606060;} #webh_service .tab_webh img{margin-left:15px;} #webh_service .btn_window{position:absolute; right:0; top:210px;} #webh_service .webh_main{display:block; padding:30px 0 15px 0px; box-sizing:border-box; vertical-align:top; } #webh_service .webh_main span{display:inline-block; vertical-align:top; } #webh_service .webh_main h3{font-weight:bold; font-size:37px; font-family:'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; color:#222; line-height:50px; margin-top:10px; letter-spacing:-3px; margin-bottom:10px; } #webh_service .webh_main h3.webh {font-weight:bold; font-size:43px; font-family:'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; color:#222; line-height:50px; margin-top:20px; letter-spacing:-3px; margin-bottom:20px; } #webh_service .webh_main h3.ssl {font-weight:bold; font-size:40px; font-family:'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; color:#222; line-height:50px; margin-top:15px; letter-spacing:-3.5px; margin-bottom:20px; } #webh_service .webh_main h3.ssl2 {font-weight:bold; font-size:37px; font-family:'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; color:#222; line-height:50px; margin-top:0px; letter-spacing:-3.5px; margin-bottom:10px; } #webh_service .webh_main h3 strong{color:#4f63de; font-family:'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; } #webh_service .webh_main h4{font-weight:400; font-size:18px; font-family:'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; color:#333; line-height:26px; letter-spacing:-1px; } #webh_service .webh_main h4 span.txt_b {font-weight:normal; font-size:18px; font-family:'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; color:#4f63de; line-height:24px; letter-spacing:-1px;} #webh_service .webh_main h4 strong{color:#e00000; /*font-size:24px;*/ line-height:28px; font-family:'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; } #webh_service .webh_main h4 em{color:#4f63de; font-weight:bold; letter-spacing:-1.5px;} #webh_service .webh_main h4 em.red{color:#e00000; font-weight:bold; font-size:24px; letter-spacing:-2px;} #webh_service .webh_main h5{font-weight:normal; padding-top:20px; font-size:12px; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; color:#333; line-height:24px; letter-spacing:-1px; } #webh_service .webh_main ul{border:solid 8px #ebebeb; width: 345px; box-sizing:border-box; margin-left:0px; padding:10px 0 10px 15px; } #webh_service .webh_main ul li{font-size:13px; letter-spacing:-1px; padding:1px 0; font-family:'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; } #webh_service .webh_main ul li:nth-child(1){font-size:16px; font-weight:500; letter-spacing:-1px; line-height:20px; padding-bottom:5px; color:#cc0000} #webh_service .webh_main ul li strong{color:#e00000} #webh_service .webh_main ul li em{color:#4f63de; font-style:normal; font-family:inherit; text-decoration:underline;} #webh_service .webh_main ul li .webh_no{display:inline-block; background:#4f63de; color:#fff; font-size:12px; width:14px; height:15px; margin-right:5px; box-sizing:border-box; font-weight:bold; text-align:center; line-height:14px; vertical-align:middle; padding-right:2px;} #webh_service .webh_main ul li .webh_no2{display:inline-block; background:#e00000; color:#fff; font-size:12px; width:14px; height:15px; margin-right:5px; box-sizing:border-box; font-weight:bold; text-align:center; line-height:14px; vertical-align:middle;padding-right:2px;} #webh_service .webh_main ul.txt_box {border:solid 11px #ebebeb; width: 340px; box-sizing:border-box; margin-left:0px; padding:10px 0 10px 15px; } #webh_service .webh_main ul.txt_box li {font-size:13px; letter-spacing:-1.5px; padding:1px 0; font-weight:bold; font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ;} #webh_service .webh_main ul.txt_box li h5 {font-size:16px; font-weight:bold; padding-top:0; padding-bottom:5px; line-height:22px;} #webh_service .webh_main ul.txt_box li:nth-child(1) {font-size:13px; letter-spacing:-0.5px; color:#555; font-weight:normal; padding:1px 0; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; } #webh_service .webh_main ul.txt_box li em{color:#4f63de; font-style:normal; font-family:inherit; text-decoration:none;} #webh_service .webh_main ul.txt_box li em.red {color:#e00000; font-style:normal; font-family:inherit; text-decoration:none;} #webh_service .webh_main ul.txt_box li span {width:18px; height:19px; background:#4f5fc7; color:#fff; font-weight:bold; text-align:center; margin-right:5px;} .u_line {height:2px; background:#606060; } .ddos_visual{float:left; width:960px; height:416px; background:url('/images/ssl/ddos_visual.jpg') no-repeat left top;} #ip_check{background:url('/images/common/bg_ip_check.gif') no-repeat left 20px; height:158px;padding-left:450px; padding-top:170px; } #ip_check img{vertical-align:middle} #ip_check .ip_no{color:#4b60df; font-size:46px; font-weight:bold; padding:17px 0 30px 0;} .service_table table, th{border:solid 1px #e9e9e9;} .service_table th.cell_left{vertical-align:middle;color:#333333;text-indent:35px; border:solid 1px #e9e9e9; font-weight:bold; text-align:left; background: url('/images/common/dot_blue.gif') no-repeat 26px center;} .service_table th.p_img{background: url('/images/reg/txt_p_info.gif') no-repeat 25px 30px;} .service_table td{border-bottom:solid 1px #e9e9e9;} .service_table td.cell1{font-weight:bold;background:#fef6f2; text-align:center; padding:7px 0;vertical-align:middle} .service_table td.cell2{font-weight:bold;background:#fcf0ea; text-align:center; padding:7px 0;border-right:solid 1px #e9e9e9;vertical-align:middle} .service_table td.cell3{background:#fff; text-align:left; padding:7px 5px 7px 25px ;border-right:solid 1px #e9e9e9;vertical-align:middle} .service_table td.cell4{background:#fff; text-align:left; padding:7px 10px ;border-right:solid 1px #e9e9e9;vertical-align:middle} .service_table .sale_event{color:#f61700 !important; letter-spacing:0;} .service_table td.price{color:#0d2ce7; letter-spacing:-0.05em;} .service_table2 table, th{border:solid 1px #e9e9e9;} .service_table2 th.cell_left{vertical-align:middle;color:#333333; text-indent:35px; border:solid 1px #e9e9e9; font-weight:bold; text-align:left; background: url('/images/common/dot_blue.gif') no-repeat 26px center;} .service_table2 th.p_img{background: url('/images/reg/txt_p_info.gif') no-repeat 25px 30px;} .service_table2 th.cellimg_r{vertical-align:top; border-right:none;} .service_table2 th.cellimg_l{vertical-align:top; border-left:none;} .service_table2 td{border-bottom:solid 1px #e9e9e9; border-collapse:separate;} .service_table2 td.cell1{background:#fef6f2; text-align:center; padding:7px 0;vertical-align:top; border-left:solid 1px #e9e9e9;} .service_table2 td.cell1_left{background:#fef6f2; text-align:left; padding:7px 0;vertical-align:top; border-left:solid 1px #e9e9e9;} .service_table2 td.cell1_right{background:#fef6f2; text-align:center; padding:7px 0;vertical-align:top; border-right:solid 1px #e9e9e9;} .service_table2 td.cell1_none{background:#fef6f2; text-align:center; padding:7px 0;vertical-align:top; border-right:solid 1px #e9e9e9;} .service_table2 td.cell1_none2{background:#fef6f2; text-align:center; padding:7px 0;vertical-align:top; border-right:none 1px #e9e9e9;} .service_table2 td.cell1_none3{background:#f1f9ee; text-align:center; padding:7px 0;vertical-align:top; border-right:solid 1px #e9e9e9;} .service_table2 td.cell1_none4{background:#f1f9ee; text-align:center; padding:7px 0;vertical-align:top; border-right:none;} .service_table2 td.cell2{background:#fcf0ea; text-align:center; padding:7px 0;border-right:solid 1px #e9e9e9;vertical-align:top} .service_table2 td.cell2_left{background:#fcf0ea; text-align:center; padding:7px 0;border-left:solid 1px #e9e9e9;vertical-align:top} .service_table2 td.cell2_none{background:#fcf0ea; text-align:center; padding:7px 0;border-right:none; vertical-align:top} .service_table2 td.cell3{background:#fff; text-align:left; padding:7px 5px 30px 25px ;border-right:solid 1px #e9e9e9;vertical-align:top} .service_table2 td.cell4{background:#fff; text-align:left; padding:7px 10px ;border-right:solid 1px #e9e9e9;vertical-align:top} .service_table2 td.cell1{background:#fef6f2; text-align:center; padding:7px 0;vertical-align:top; border-left:solid 1px #e9e9e9;} .service_table2 td.cell1_top{background:#fef6f2; text-align:center; padding:7px 0;vertical-align:top; border-left:solid 1px #e9e9e9; border-right:solid 1px #e9e9e9;} .service_table2 .sale_event{color:#f61700 !important; letter-spacing:0;} .service_table2 td.price{height:40px; font-weight:bold; font-size:14px; color:#555; letter-spacing:-0.05em; vertical-align:middle; } .service_table2 td.price strong{font-size:22px; color:#333; } .service_table2 td ol li{text-align:left; padding-left:15px; background:none !important; text-indent: -10px; padding-bottom:2px; line-height:18px;} .service_table2 td ol li::before {content:'ㆍ'; width: 10px; height:10px; padding-left:0; } /*.service_table2 td ol li{text-align:left; padding-left:17px; padding-bottom:2px; background: url('/images/common/dot_gray.gif') no-repeat 10px 10px; }*/ .service_table2 td ol li.none{text-align:left; padding-left:17px; padding-bottom:2px; background: none; } .service_table2 td.space_left ol li{text-align:left; padding-left:12px; padding-bottom:2px; background: url('/images/common/dot_gray.gif') no-repeat 7px center ; letter-spacing:0} .service_table2 td.space_left2 ol li{text-align:left; vertical-align:top; padding-left:15px; padding-right:10px; padding-bottom:2px; background: url('/images/common/dot_gray.gif') no-repeat 10px 10px ; letter-spacing:-1} .service_table2 td.space_left2 ol li.servie_title{text-align:left; vertical-align:top; padding-left:10px; padding-right:10px; padding-bottom:2px; letter-spacing:-1; background:none; font-weight:bold; color:#0000ff;} .service_table2 td .star_ban{margin:40px 0 0 0;} .service_table2 td .star_ban2{margin:20px 0 0 0;} .service_table2 th.tb_green {border-bottom: solid 1px #cdedc3;} .service_table2 th.tb_blue {border-bottom: solid 1px #ccdaed;} .service_table2 .tb_green {background: #f3fbf1; border-right:solid 1px #e9e9e9; text-align:center; font-size:15px; padding: 15px; font-weight:bold; line-height:28px; letter-spacing:-1px} .service_table2 .tb_green strong {font-family: 'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; font-size:32px; padding: 18px; color:#6fc918; line-height:48px; letter-spacing:-2px} .service_table2 .tb_green em {font-size:20px; color:#333 !important; vertical-align:top; letter-spacing:-1px} .service_table2 .tb_blue {background: #eef3fa; border-right:solid 1px #e9e9e9; text-align:center; font-size:15px; padding: 15px; font-weight:bold; line-height:28px; letter-spacing:-1px} .service_table2 .tb_blue strong {font-family: 'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; font-size:32px; padding: 18px; color:#4d72ba; line-height:48px; letter-spacing:-2px} .service_table2 .tb_blue em {font-size:20px; color:#333 !important; vertical-align:top; letter-spacing:-1px; } .service_table2 .cell_left2 {border-left:solid 1px #e9e9e9;} .service_table2 .cell_price {font-family: 'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; font-size:15px; color:#333; vertical-align:middle !important; letter-spacing:-1px; line-height:20px; } .service_table2 .cell_price strong{font-size:20px; color:#333; letter-spacing:-1px} .service_table2 .cell_price em{font-size:20px; color:#fd2821 !important; letter-spacing:-1px; font-weight:bold; } .service_table2 .cell_price strike{font-size:14px; color:#999; letter-spacing:0px; font-style: italic; } /* 210910 클라우드 상품변경 */ .service_table2 th.C_light {background:#f3fbf1; padding:25px 0 15px 0; } .service_table2 th.C_light h3 {font-family: 'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; display:block; color:#6fc918; font-size:34px; font-weight:bold; letter-spacing:-3px; line-height:46px; margin-top:2px;} .service_table2 th.C_light p {font-size:14px; line-height: 20px;font-weight:bold; padding:5px 0; letter-spacing:-1px; font-family: 'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; } .service_table2 th.C_standard {background:#f4f4f4; padding:30px 0 15px 0; position:relative;} .service_table2 th.C_standard .redT {position:absolute; top:0; width:100%; background:#d92512; font-size:14px; font-weight:bold; color:#fff; padding:5px 10px; box-sizing:border-box; letter-spacing:-1px; font-family: 'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; } .service_table2 th.C_standard .redT strong {color:#fbf200; font-family:inherit; } .service_table2 th.C_standard h3 {font-family: 'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; display:block; color:#333; font-size:34px; font-weight:bold; letter-spacing:-3px; line-height:46px; margin-top:2px;} .service_table2 th.C_standard p {font-size:14px;line-height: 20px; font-weight:bold; padding:5px 0; letter-spacing:-1px; font-family: 'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; } .service_table2 th.C_premium {background:#eef3fa; padding:25px 0 15px 0; } .service_table2 th.C_premium h3 {font-family: 'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; display:block; color:#4d72ba; font-size:34px; font-weight:bold; letter-spacing:-3px; line-height:46px; margin-top:2px;} .service_table2 th.C_premium p {font-size:14px; line-height: 20px;font-weight:bold; padding:5px 0; letter-spacing:-1px; font-family: 'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; } .service_table2 td.L_pice {background:#f3fbf1; font-size:14px; letter-spacing:-1px; font-weight:bold; padding:10px 0; } .service_table2 td.L_pice h4 {font-size:18px; font-weight:bold; margin-bottom:0px; margin-top:2px;} /*margin-bottom:20px;*/ .service_table2 td.L_pice h4 strong {color:#66c20c; padding-left:3px;} .service_table2 td.L_pice div {padding-top:38px;} .service_table2 td.L_pice div strong {font-size:21px; font-family:'Montserrat', 'Roboto' , 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif; letter-spacing:-1px; padding-right:2px;} .service_table2 td.S_pice {background:#f4f4f4; font-size:14px; letter-spacing:-1px; font-weight:bold; padding:10px 0; } .service_table2 td.S_pice h4 {font-size:18px; font-weight:bold; margin-bottom:0px; margin-top:2px;} .service_table2 td.S_pice h4 strong {color:#e92c35; padding-left:3px;} .service_table2 td.S_pice div {position:relative;} .service_table2 td.S_pice div img.arrow {position:absolute; top:6px; right:28%;} .service_table2 td.S_pice div span {font-size:18px; margin-bottom:5px; display:inline-block; letter-spacing:-0.5px;} .service_table2 td.S_pice div strong {font-size:21px; font-family:'Montserrat', 'Roboto' , 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif; letter-spacing:-1px; padding-right:2px;} .service_table2 td.P_pice {background:#eef3fa; font-size:14px; letter-spacing:-1px; font-weight:bold; padding:10px 0; } .service_table2 td.P_pice h4 {font-size:18px; font-weight:bold; margin-bottom:0px; margin-top:2px;} .service_table2 td.P_pice h4 strong {color:#4d72ba; padding-left:3px;} .service_table2 td.P_pice div {padding-top:38px;} .service_table2 td.P_pice div strong {font-size:21px; font-family:'Montserrat', 'Roboto' , 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif; letter-spacing:-1px; padding-right:2px;} .service_table2 td .price_50 {display:block; position:relative; text-align:left; padding:15px 7px 5px !important; font-weight:bold; font-size:14px;} .service_table2 td .price_50.pd0 {display:block; position:relative; text-align:left; padding:0 7px !important; font-weight:bold; font-size:14px;} .service_table2 td .price_50 strike {display:inline-block; padding:0 0 5px 7px;} .service_table2 td .price_50 strike.RDL {font-family: 'Montserrat', 'Roboto', 'NotoSans', sans-serif; font-size:15px; line-height:24px; font-weight: 500; text-decoration: underline; text-underline-offset: -.3em; text-decoration-skip-ink: none; text-decoration-color: #d92512; text-decoration-thickness: 2px; padding:0;} .service_table2 td .price_50 strong {font-size:18px; letter-spacing:-1px; padding-right:2px;} .service_table2 td .sale_50 {display:block; position:absolute !important; width:42px; height:42px; text-align:center; top:15px; right:5px; border: solid 1px #e51a13; background:#fff; color:#e51a13; line-height:20px; letter-spacing:-1px;} .service_table2 td .sale_50 strong {display:block; font-weight:bold; font-size:18px !important; letter-spacing:-1px; padding-top:2px; } .service_table3 table{ } .service_table3 th.cell1_th{background:#f3fbf1; text-align:center; font-size: 14px; font-weight:bold; padding:5px 0 20px;vertical-align:top; border-left:solid 1px #e9e9e9;} .service_table3 th.cell1_th h3 {display:block; color: #6fc918; font-size: 32px; font-weight:bold; letter-spacing:-2px; line-height:46px;} .service_table3 th.cell2_th{background:#f4f4f4; text-align:center; font-size: 14px; font-weight:bold; padding:5px 0 20px;border-right:solid 1px #e9e9e9; vertical-align:top} .service_table3 th.cell2_th2{background:#f51700; text-align:left; font-size: 14px; font-weight:bold; padding:3px 20px 7px; border-right:solid 1px #f51700; border-top:solid 1px #f51700; color:#fff; } .service_table3 th.cell2_th2 strong {color:#fcff00;} .service_table3 th.cell2_th h3 {display:block; color: #3d3d3d; font-size: 32px; font-weight:bold; letter-spacing:-2px; line-height:46px;} .service_table3 th.cell3_th{background:#eef3fa; text-align:center; font-size: 14px; font-weight:bold; padding:5px 0 20px; border-right:solid 1px #e9e9e9;vertical-align:top} .service_table3 th.cell3_th h3 {display:block; color: #4d72ba; font-size: 32px; font-weight:bold; letter-spacing:-2px; line-height:46px;} .service_table3 td{border-bottom:solid 1px #e9e9e9; } .service_table3 td.cell1_top{background:#f3fbf1; text-align:center; padding:15px 0;vertical-align:top; border-left:solid 1px #e9e9e9; border-right:solid 1px #e9e9e9;} .service_table3 td.cell1_top h4 {display:block; color: #444; font-size: 16px; font-weight:bold; } .service_table3 td.cell1_top h4 strong {color:#66c20c; padding-left:3px;} /*font-style:italic;*/ .service_table3 td.cell2_top{background:#f4f4f4; text-align:center; padding:15px 0;border-right:solid 1px #e9e9e9;vertical-align:top; } .service_table3 td.cell2_top h4 {display:block; color: #444; font-size: 16px; font-weight:bold; } .service_table3 td.cell2_top h4 strong {color:#e92c35; padding-left:3px;}/*font-style:italic;*/ .service_table3 td.cell3_top{background:#eef3fa; text-align:center; padding:15px 0;border-right:solid 1px #e9e9e9;vertical-align:top; } .service_table3 td.cell3_top h4 {display:block; color: #444; font-size: 16px; font-weight:bold; } .service_table3 td.cell3_top h4 strong {color:#4d72ba; padding-left:3px;}/*font-style:italic;*/ .service_table3 td.cell1{background:#fef6f2; text-align:center; padding:7px 0;vertical-align:top; border-left:solid 1px #e9e9e9; border-right:solid 1px #e9e9e9;} .service_table3 td.cell2{background:#fcf0ea; text-align:center; padding:7px 0;border-right:solid 1px #e9e9e9; vertical-align:top} .service_table3 td ol li{text-align:left; padding-left:12px; padding-bottom:2px; background: url('/images/common/dot_gray.gif') no-repeat 7px 8px ;} /* background: url('/images/common/dot_gray.gif') no-repeat 10px 8px ; */ .service_table3 td ol li.none{text-align:left; padding-left:12px; padding-bottom:2px; background: none;} /* background: url('/images/common/dot_gray.gif') no-repeat 10px 8px ; */ .service_table3 td .price_50 {display:block; position:relative; text-align:left; padding:20px 7px 10px; font-weight:bold; font-size:13px;} .service_table3 td .price_50 strong {font-size:18px; letter-spacing:-1px; padding-right:2px;} .service_table3 td .sale_50 {display:block; position:absolute; width:44px; height:44px; text-align:center; top:20px; right:7px; border: solid 1px #e51a13; background:#fff; color:#e51a13; line-height:20px; letter-spacing:-1px;} .service_table3 td .sale_50 strong {display:block; font-weight:bold; font-size:18px; letter-spacing:-1px; } .service_table4 table{ } .service_table4 th.cell1_th{background:#f3fbf1; text-align:center; font-size: 14px; font-weight:bold; padding:5px 0 20px;vertical-align:top; border-left:solid 1px #e9e9e9;} .service_table4 th.cell1_th h3 {display:block; color: #6fc918; font-size: 32px; font-weight:bold; letter-spacing:-2px; line-height:46px;} .service_table4 th.cell2_th{background:#f4f4f4; text-align:center; font-size: 14px; font-weight:bold; padding:5px 0 20px;border-right:solid 1px #e9e9e9; vertical-align:top} .service_table4 th.cell2_th2{background:#d92512; text-align:left; font-size: 16px; font-weight:bold; padding:5px 20px 5px; border-right:solid 1px #d92512; border-top:solid 1px #d92512; color:#fff; letter-spacing:-1px;} .service_table4 th.cell2_th2 strong {color:#fbf200; font-weight:bold;} .service_table4 th.cell2_th h3 {display:block; color: #3d3d3d; font-size: 32px; font-weight:bold; letter-spacing:-2px; line-height:46px;} .service_table4 th.cell3_th{background:#eef3fa; text-align:center; font-size: 14px; font-weight:bold; padding:5px 0 20px; border-right:solid 1px #e9e9e9;vertical-align:top} .service_table4 th.cell3_th h3 {display:block; color: #4d72ba; font-size: 32px; font-weight:bold; letter-spacing:-2px; line-height:46px;} .service_table4 td{border-bottom:solid 1px #e9e9e9; } .service_table4 td.cell1_top{background:#f3fbf1; text-align:center; padding:15px 0;vertical-align:top; border-left:solid 1px #e9e9e9; border-right:solid 1px #e9e9e9;} .service_table4 td.cell1_top h4 {display:block; color: #444; font-size: 16px; font-weight:bold; } .service_table4 td.cell1_top h4 strong {color:#66c20c; padding-left:3px;} /*font-style:italic;*/ .service_table4 td.cell2_top{background:#f4f4f4; text-align:center; padding:15px 0;border-right:solid 1px #e9e9e9;vertical-align:top; } .service_table4 td.cell2_top h4 {display:block; color: #444; font-size: 16px; font-weight:bold; } .service_table4 td.cell2_top h4 strong {color:#e92c35; padding-left:3px;}/*font-style:italic;*/ .service_table4 td.cell3_top{background:#eef3fa; text-align:center; padding:15px 0;border-right:solid 1px #e9e9e9;vertical-align:top; } .service_table4 td.cell3_top h4 {display:block; color: #444; font-size: 16px; font-weight:bold; } .service_table4 td.cell3_top h4 strong {color:#4d72ba; padding-left:3px;}/*font-style:italic;*/ .service_table4 td.cell1{background:#fef6f2; text-align:center; padding:10px 0;vertical-align:top; border-left:solid 1px #e9e9e9; border-right:solid 1px #e9e9e9;} .service_table4 td.cell2{background:#fcf0ea; text-align:center; padding:10px 0;border-right:solid 1px #e9e9e9; vertical-align:top} /*.service_table4 td ol li{text-align:left; padding-left:12px; padding-bottom:2px; background: url('/v2/images/common/dot_gray.gif') no-repeat 7px 8px ;} */ .service_table4 td ol li{text-align:left; padding-left:12px; background:none !important; text-indent: -10px; padding-bottom:5px; line-height:16px;} .service_table4 td ol li::before {content:'ㆍ'; width: 10px; height:10px; padding-left:0; } /* background: url('/v2/images/common/dot_gray.gif') no-repeat 10px 8px ; */ .service_table4 td ol li img.star_coupon {padding-top:20px;} .service_table4 td ol li img.star_coupon2 {padding-top:40px;} .service_table4 td .price_50 {display:block; position:relative; text-align:left; padding:20px 7px 10px; font-weight:bold; font-size:14px;} .service_table4 td .price_50 strong {font-size:18px; letter-spacing:-1px; padding-right:2px;} .service_table4 td .sale_50 {display:block; position:absolute; width:44px; height:44px; text-align:center; top:20px; right:7px; border: solid 1px #e51a13; background:#fff; color:#e51a13; line-height:20px; letter-spacing:-1px;} .service_table4 td .sale_50 strong {display:block; font-weight:bold; font-size:18px; letter-spacing:-1px; } .service_info{margin-top:50px; } .service_info img{float:left; margin-right:15px;z-index:1;} .service_info .text{padding:17px 17px 18px 18px; border-top:solid 3px #ececec; border-right:solid 3px #ececec;border-bottom:solid 3px #ececec;z-index:-1;} .service_info .text2{padding:17px 17px 18px 18px; border:solid 3px #ececec;z-index:-1; line-height:20px;} .service_info .text2 a{font-size:12px; font-family:gulim, 굴림; text-decoration:underline; font-weight:bold;} .service_info .text strong{font-weight:bold; color:#ff341f} .service_info2{width:748px; min-height:100px; margin-top:50px; background: url('/images/common/check_bg.gif') no-repeat -1px -3px; border-top:solid 3px #737373; border-left:solid 1px #d5d5d5; border-bottom:solid 1px #d5d5d5; border-right:solid 1px #d5d5d5;} .service_info2 .text{padding:10px 15px 15px 140px; line-height:20px;} .service_info2 .text2{padding:5px 20px 18px 140px; line-height:20px; text-indent:20px;} .service_info2 .text, .service_info2 .text2 a{font-size:12px;} .service_info2 .text2 img{margin-left:5px;} .service_info2 .text2 ol li{padding-top:10px;background: url('/images/common/dot_blue.gif') no-repeat 5px 16px;} .service_info2 .text2 ol li:nth-child(1){background: url('/images/common/n_01.gif') no-repeat left 13px;} .service_info2 .text2 ol li:nth-child(2){background: url('/images/common/n_02.gif') no-repeat left 13px;} .service_info2 .text2 ol li:nth-child(3){background: url('/images/common/n_03.gif') no-repeat left 13px;} .service_info2 .text2 ol li:nth-child(4){background: url('/images/common/n_04.gif') no-repeat left 13px;} .service_info2 .text2 ol li:nth-child(5){background: url('/images/common/n_05.gif') no-repeat left 13px;} .service_info2 .text2 ol li:nth-child(6){background: url('/images/common/n_06.gif') no-repeat left 13px;} .service_info2 .text2 ol li:nth-child(7){background: url('/images/common/n_07.gif') no-repeat left 13px;} .service_info2 .text2 ol li:nth-child(8){background: url('/images/common/n_08.gif') no-repeat left 13px;} .service_info2 .text2 ol li:nth-child(9){background: url('/images/common/n_09.gif') no-repeat left 13px;} .service_info2 .text2 ol li:nth-child(10){background: url('/images/common/n_10.gif') no-repeat left 13px;} .service_info3{width:708px; margin-top:50px; border:solid 1px #e3e3e3; padding:20px; background:#f4f4f4;font-size:12px;} .service_info3 ul{margin:0; padding:0;} .service_info3 ul li{text-align:left; background: url('/images/common/dot_gray.gif') no-repeat left 8px !important; padding-left:8px; padding-bottom:5px;} .service_info4{margin-top:50px; border:solid 1px #e3e3e3; padding:20px; background:#fff;} .service_info4 ul{margin:0; padding:0;} .service_info4 ul li{text-align:left; background: url('/images/common/dot_gray.gif') no-repeat left 8px !important; padding-left:8px;} .service_info5{width:708px; border:solid 1px #e3e3e3; padding:20px; background:#f4f4f4;} .service_info5 ul{margin:0; padding:0;} .service_info5 ul li{text-align:left; background: url('/images/common/dot_gray.gif') no-repeat left 8px !important; padding-left:8px; padding-bottom:5px;} #free_service{width:100%; display:none;} #free_service .title_free{margin:30px 0 10px 5px} #free_service .img_free img{margin:3px 4px 3px 0;} .box01 {border:1px solid #dedede; padding:20px 15px 25px 35px; margin:15px 0 15px 0;} .bg01_han {background:#fafafa;} .box02 {border:1px solid #dedede;background:#fafafa; padding:10px 10px 10px 10px; } .box03 {background:#f4f4f4; padding:10px 10px 10px 10px; } .box03 a {text-decoration:underline;} .table01 {margin-top:10px;border-collapse: collapse;} .table01 th{font-weight:bold;font-size:12px; height:30px;border:solid 1px #d7d7d7; background:#f8f8f8; border-left:none; vertical-align:middle; letter-spacing:0; padding:3px; } .table01 th.normal{font-weight:normal;font-size:12px; height:30px;border:solid 1px #d7d7d7; background:#f8f8f8; border-left:none;vertical-align:middle;letter-spacing:0;padding:3px; } .table01 th.t_top{ font-size:13px; height:30px;background:#f8f8f8; border-top:solid 2px #7f8fcd;border-left:none; letter-spacing:-1px;} .table01 th.gray{border-top:2px solid #9c9c9c; background:#f8f8f8;} .table01 th.white_none{font-size:12px; font-weight:normal; text-align:left; padding-left:20px;background:#fff; border-top:solid 2px #9c9c9c;border-right:none;} .table01 th.none{font-size:12px; background:#f8f8f8; border-bottom:solid 1px #d7d7d7; border-right:none;} .table01 td{padding:7px 10px; text-align:center;border-bottom:solid 1px #d7d7d7; border-right:solid 1px #d7d7d7; vertical-align:middle; letter-spacing:0;} .table01 td.none{text-align:center;border-bottom:solid 1px #d7d7d7; border-right:0} .table01 td.white_none_top{text-align:left; padding-left:20px; border-top:solid 2px #9c9c9c; border-right:0} .table01 td.white_none{text-align:left; padding-left:20px; border-bottom:solid 1px #d7d7d7; border-right:0} .table01 td ol li{text-align:left; padding-left:10px; padding-bottom:2px; background: url('/images/common/dot_gray.gif') no-repeat 3px 8px;} .table02 th{font-weight:bold;font-size:12px; height:23px;border:solid 1px #d7d7d7; background:#f0f0f0; border-left:none;vertical-align:middle;letter-spacing:0;padding:3px; } .table02 th.t_top{ font-size:12px; height:23px;background:#f0f0f0; border-top:solid 2px #7f8fcd;border-left:none; } .table02 th.gray{font-size:12px; background:#f0f0f0; border-top:solid 2px #9c9c9c;} .table02 th.white_none{font-size:12px; font-weight:normal; text-align:left; padding-left:20px;background:#fff; border-top:solid 2px #9c9c9c;border-right:none;} .table02 th.none{font-size:12px; background:#f0f0f0; border-bottom:solid 1px #d7d7d7; border-right:none;} .table02 td{padding:2px 5px 2px 10px; text-align:left;border-bottom:solid 1px #d7d7d7; border-right:solid 1px #d7d7d7; vertical-align:middle; letter-spacing:0;} .table02 td.none{text-align:left;border-bottom:solid 1px #d7d7d7; border-right:0} .table02 td.none2{text-align:left;border-bottom:solid 1px #d7d7d7; border-top:solid 1px #d7d7d7; border-right:0} .table02 td.white_none{text-align:left; padding-left:20px; border-bottom:solid 1px #d7d7d7; border-right:0} .table03 {margin-top:10px; } .table03 td.content1{text-align:center; vertical-align:middle; border-top:solid 2px #9c9c9c; border-right:solid 1px #d7d7d7; border-bottom:solid 1px #d7d7d7;} .table03 td.content2{padding:15px 0 15px 15px; border-top:solid 2px #7f8fcd;border-right:solid 1px #d7d7d7; border-bottom:solid 1px #d7d7d7; font-size:14px; font-weight:bold; color:#5a6dd6;background: url('/images/server/bg_server.gif') repeat-x left bottom; } .table03 td.content3{padding:15px 0 15px 15px; border-top:solid 2px #7ea9cc;border-bottom:solid 1px #d7d7d7;font-size:14px; font-weight:bold; color:#5a6dd6;background: url('/images/server/bg_server.gif') repeat-x left bottom; } .table03 td.content2 .p_img, .table03 td.content3 .p_img{float:left; margin-right:20px; margin-top:10px;} .table03 td.content2 ol, .table03 td.content3 ol {width:100%;padding-top:25px;} .table03 td.content2 ol li, .table03 td.content3 ol li {font-size:12px; font-weight:normal; color:#555;} .table03 td.content2 ol li .m_left, .table03 td.content3 ol li .m_left{display:inline-block; font-weight:bold; width:85px;color:#555 !important;} .table04 {margin-top:10px; } .table04 th{font-weight:bold;font-size:12px; height:27px;border:none;vertical-align:middle;letter-spacing:0;padding:3px; text-align:left; } .table04 th input{width:250px;} .table05 {margin-top:10px; } .table05 th{font-weight:bold;font-size:13px; height:30px;border:solid 1px #d7d7d7; background:#f9f9fe;vertical-align:middle;letter-spacing:0;padding:3px;border-top:solid 1px #8997eb;} .table05 th.t_left{text-align:left;font-weight:bold;font-size:13px; height:30px;border:solid 1px #d7d7d7; background:#f9f9fe;vertical-align:middle;letter-spacing:0;padding:3px 0 3px 25px;border-top:solid 1px #8997eb;} .table05 th.t_left_none{text-align:left;font-weight:bold;font-size:13px; height:30px;border:solid 1px #d7d7d7; background:#f9f9fe;vertical-align:middle;letter-spacing:0;padding:3px 0 3px 25px;} .table05 td{padding:7px 10px; text-align:center; border-bottom:solid 1px #d7d7d7; background:#fff; border-right:solid 1px #d7d7d7; border-left:solid 1px #d7d7d7;vertical-align:middle; letter-spacing:0;} .table05 td.t_left{padding:3px 0 3px 25px;text-align:left; border-bottom:solid 1px #d7d7d7; background:#fff; border-right:solid 1px #d7d7d7; border-left:solid 1px #d7d7d7;vertical-align:middle; letter-spacing:0;} .table05 td.t_line{font-size:13px; border:solid 1px #d7d7d7; background:#fff;vertical-align:middle;letter-spacing:0;padding:7px 10px;border-top:solid 1px #8997eb;} .table06 {margin-top:10px; } .table06 th{font-weight:bold;text-align:left;font-size:12px; height:30px;border:solid 1px #d7d7d7; background:#f9f9fe;vertical-align:middle;letter-spacing:0;padding:3px 0 3px 25px; } .table06 th.t_line{border-top:solid 2px #8997eb;} .table06 th.t_center{font-weight:bold;text-align:center;font-size:12px; height:30px;background:#f9f9fe;vertical-align:middle;letter-spacing:0;padding:3px 0; } .table06 td{ text-align:left; border:solid 1px #d7d7d7; background:#fff; vertical-align:middle; letter-spacing:0;padding:5px 0 5px 15px; word-break:break-all;} .table06 td.t_line{border-top:solid 2px #9c9c9c;} .table06 td.t_center{ text-align:center; border:solid 1px #d7d7d7; background:#fff; vertical-align:middle; letter-spacing:0;padding:5px 0; word-break:break-all;} .table06 td img{margin-right:5px;vertical-align:middle;} .table07 {margin-top:10px;border-collapse: collapse;} .table07 th{font-weight:bold;font-size:13px;color:#333; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'gulim', '굴림'; height:30px;border:solid 1px #777; background:#f8f8f8; border-left:none; vertical-align:middle; letter-spacing:0; padding:3px; } .table07 th.t_top{ font-size:13px; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'gulim', '굴림';height:30px;background:#f8f8f8; border-top:solid 2px #7f8fcd;border-left:none; } .table07 th.gray{border-top:2px solid #9c9c9c; background:#f8f8f8;} .table07 th.none{ background:#f8f8f8; border-bottom:solid 1px #777; border-right:none;} .table07 td{padding:7px 10px; text-align:right;border-bottom:solid 1px #d7d7d7; border-right:solid 1px #d7d7d7; vertical-align:middle; letter-spacing:0;} .table07 td.none{text-align:right;border-bottom:solid 1px #d7d7d7; border-right:0} .table07 td.border_black{border-bottom:solid 1px #777; vertical-align:middle; letter-spacing:0;} .table07 td.border_black_r{border-right:solid 1px #777; vertical-align:middle; letter-spacing:0;} .table07 td.border_black_none{border-bottom:solid 1px #777; border-right:none;vertical-align:middle; letter-spacing:0;} .table07 td.bg_yellow{background:#fffdd4;} .table08 {margin-top:10px;border-collapse: collapse;} .table08 th{font-weight:bold; font-size:14px; height:38px;border:solid 1px #d7d7d7; background:#f8f8f8; border-left:none; vertical-align:middle; letter-spacing:0; padding:7px; } .table08 th.white{font-weight:bold; font-size:14px; height:38px;color:#555;border:solid 1px #d7d7d7; background:#fff; border-left:none; vertical-align:middle; letter-spacing:0; padding:7px; } .table08 th.gray{font-weight:normal; font-size:13px; height:38px;color:#555; border:solid 1px #d7d7d7; background:#f8f8f8; border-left:none; vertical-align:middle; letter-spacing:0; padding:7px; } .table08 th.t_top{ font-size:14px; height:30px;background:#f8f8f8; border-top:solid 2px #7f8fcd;border-left:none; letter-spacing:-1px;} .table08 th.none{font-size:14px; background:#f8f8f8; border-bottom:solid 1px #d7d7d7; border-right:none;} .table08 td.t_top{font-size:13px; padding:10px; border-top:solid 2px #7f8fcd; vertical-align:middle; letter-spacing:0; line-height:22px; } .table08 td{font-size:13px; padding:10px; text-align:center;border-bottom:solid 1px #d7d7d7; border-right:solid 1px #d7d7d7; vertical-align:middle; letter-spacing:0; line-height:18px; } .table08 td.none{text-align:center;border-bottom:solid 1px #d7d7d7; border-right:0} .table08 td.left {text-align:left; padding-left:20px;} .table08 td.left strong {font-weight:bold; color:#333;} .table08 td.left p {} .table09 {} .table09 th{font-weight:bold;font-size:13px; height:34px; border-left:none; border-right:none; border-bottom:solid 1px #d7d7d7; background:#f0f0f0; vertical-align:middle;letter-spacing:0;padding:3px; text-align:center; } .table09 td{font-size:13px; border:none;vertical-align:middle; border-bottom:solid 1px #d7d7d7; letter-spacing:0; padding:10px 5px; text-align:center; } .table09 td.b-none{border-bottom:none; } .table09 td.p-05{padding:0 5px 10px 75px; text-align:left; font-size:13px; letter-spacing:-0.5px; } .table09 .txtL {text-align:left;} .table09.multi_table2 td { padding:5px 3px; } .table09.multi_table2 td.dom{text-align: left; font-weight: bold; font-size: 18px; line-height: 1.3; font-family: inherit; color: #333; font-family: 'Roboto'; word-break: break-all;} .table09.multi_table2 tr:last-of-type td {border-bottom:none;} #page_title{height:50px; background: url('/images/common/dot_line_title.gif') repeat-x left bottom; margin-bottom:30px;} #page_title .title_img{margin-top:8px} #page_title .location{color:#595959; letter-spacing:-1px; float:right; padding:8px;} #page_title h2 {padding-top:15px; font-family: 'Chosunilbo_myungjo', 'Noto Serif KR', 'Nanum Myeongjo', serif, 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic' !important; font-size:32px; font-weight:300; letter-spacing:0px; color:#000;} #page_title2{z-index:1;display:inline; position:absolute; top:0px; right:0} #page_title2 .location{color:#595959; letter-spacing:-1px; float:right; padding:8px;} #page_title2 .location2{color:#595959; letter-spacing:-1px; float:right; padding:110px 8px 0 0;} #sub_title{width:750px; display:block;margin-top:-10px; margin-bottom:30px;font-size:12px; } #sub_title .title_s{margin-bottom:13px} #sub_title .process_img{ margin: 15px 0 15px 10px} #sub_title ul{list-style:none; margin:0;padding:0 0 0 10px;} #sub_title li{background: url('/images/common/icon_gray.gif') no-repeat left 6px !important; padding-left:10px;margin-bottom:3px; font-size:13px; letter-spacing:-0.5px; } #sub_title h2{margin-top:10px; margin-bottom:10px; background: url('/images/common/dot_purple.gif') no-repeat left center; padding-left:15px; color:#475ad3; font-size:16px; line-height:22px; font-weight:bold; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; letter-spacing: -1px; } #sub_title h2:before { content: ''; position: absolute; top: 5px; left: 0; width: 10px; height: 10px; background: #8c94dd; border-radius: 50%; } #sub_title2{width:100%px; display:block;margin-bottom:10px;font-size:12px; } #sub_title2 ul{list-style:none; margin:0;padding:0 0 0 10px;} #sub_title2 li{ font-size:13px; background: url('/images/common/icon_gray.gif') no-repeat left 6px !important; padding-left:10px;margin-bottom:3px;} .confirm_check ul, .confirm_check2 ul, .confirm_check3 ul {list-style:none; margin:0;padding:10px 10px 5px 10px;} .confirm_check li, .confirm_check2 li{display:block; margin-bottom:7px;padding:0 0 5px 15px; border-bottom: solid 1px #bcc6ec;font-size:13px;word-break: keep-all; } .confirm_check li.info_confirm, .confirm_check2 li.info_confirm{margin-bottom:7px;padding:0 5px 5px 5px; border-bottom: solid 1px #bcc6ec;} .confirm_check li.last_li, .confirm_check2 li.last_li{padding:0 0 0 15px;border-bottom: none;} .confirm_check li.last_li_dom{padding:0 5px 0 15px; border-bottom: none;} .confirm_check li label{display:block; margin-bottom:3px;text-indent:-15px; word-break:keep-all;} .confirm_check div{padding:10px 10px 10px 15px;} .confirm_check2 li label{display:block;margin-bottom:3px;text-indent:-15px} .confirm_check2 li .confirm_btn{margin-left:10px; vertical-align:middle;} .confirm_check2 li:last-child {padding:0 0 0 15px;border-bottom: none;} .confirm_check3 li{display:; margin-bottom:7px;padding:0 0 5px 5px; border-bottom: solid 1px #bcc6ec; font-size:13px; } .confirm_check3 li label{display:; margin-bottom:3px;text-indent:-15px} .confirm_check3 li.last_li{padding:0 0 0 5px;border-bottom: none;} .confirm_check3 li .confirm_btn{margin-left:10px; vertical-align:middle;} .form_title{font-size:12px; line-height:12px; font-weight:bold; color:#ffffff; width:155px; padding:6px 10px 6px 10px; margin-left:12px; background-color:#5978c0; border-left:solid 6px #7f96e2; z-index:-1; } .form_title_180{font-size:12px; line-height:12px;font-weight:bold; color:#ffffff; width:180px; padding:6px 10px 6px 10px; margin-left:12px; background-color:#5978c0; border-left:solid 6px #7f96e2;} .form_title_w{font-size:12px; line-height:12px;font-weight:bold; color:#ffffff; padding:6px 10px 6px 10px; margin-left:12px; background-color:#5978c0; border-left:solid 6px #7f96e2;} .form_title_g{font-size:12px; line-height:12px; font-weight:bold; color:#ffffff; width:155px; padding:6px 10px 6px 10px; margin-left:12px; background-color:#8d8d8d; border-left:solid 6px #cdcdcd; z-index:-1; } /* tab 사용*/ #tab_title{display:block; height: 36px; overflow:hidden; } #tab_title ul {padding:0; height: 36px;width:750px; background:url('/images/reg/tab_bg.gif') repeat-x;} #tab_title ul li {float:left; width:120px;height:36px; } #tab_title ul li a {width:120px;height: 36px;} #tab_title ul li.wide{float:left;width:145px;height:36px; } #tab_title ul li.wide a {width:145px;height: 36px;} #tab_title ul li.wide2{float:left;height:36px; } #tab_title ul li.wide2 a {height: 36px;} #tab_sub{display:block; height: 27px; overflow:hidden; } #tab_sub ul {padding:0; height: 27px; background:url('/images/common/tab_bg2.gif') repeat-x bottom;} #tab_sub ul li {float:left;} #tab_sub2{display:block; } #tab_sub2 ul {padding:0; margin:0; width:960px; height: 30px; background:url('/images/common/tab_bg2.gif') repeat-x bottom;} #tab_sub2 ul li a{float:left; width:100px; height: 30px; font-size:13px; border-bottom:solid 1px red; border:solid 1px #c3c3c3; border-left:none; text-align:center; line-height:28px; background:#eeeeee; color:#333; box-sizing:border-box;} #tab_sub2 ul li:first-child a{ border-left:solid 1px #c3c3c3; } #tab_sub2 ul li.t_on a{font-weight:bold; border-top:solid 1px #a7a7a7; border-right:solid 1px #a7a7a7; border-left:solid 1px #a7a7a7; border-bottom:solid 2px #fff; color:#222; background:#fff; } .btn_del {position: absolute; top: 180px; right: 0;} .tab_content{display:block; font-size:12px; } .tab_content dl {clear:both;} .tab_content dl dt{float:left; display:inline;margin-right:40px;margin-left:20px;margin-bottom:10px;} .tab_content dl dd{margin-left:240px;min-height:70px;line-height:18px;} .tab_content dl dd h2, .tab_content dl dd .txt_title{background:none; padding-left:-15px; color:#555555; font-size:13px; font-weight:bold;padding-bottom:7px;} .tab_content dl dd img{vertical-align:middle;} .tab_content dl dd .btn_img{display:inline-block; margin-top:5px; vertical-align:middle;} .tab_content dl dd .icon_img{vertical-align:middle; margin-left:5px;} .tab_content dl dd .text2{margin-top:5px; color:#919bd4;} .tab_content .content_notice{border:solid 1px #99a3d8; padding:23px 35px; margin-top:-25px; margin-bottom:35px; background:#fafbff; color:#333335;} .tab_content .content_notice .border_line{border:solid 1px #fff;} .content_notice2{border-collapse:separate; border-spacing:0px; border:1px solid #99a3d8; padding:23px 15px 23px 20px; margin-top:10px; margin-bottom:10px; background:#fafbff; color:#333335;} .content_notice2 .btn_apply{position:absolute; right:0px; top:-5px} .content_notice2 .border_line{border:solid 1px #fff;} .content_notice3{border:1px solid #99a3d8; padding:25px 30px 25px 30px; margin-top:10px; margin-bottom:10px; background:#fafbff; } .content_notice3 ul {padding:0px !important; } .content_notice3 ul li {padding-bottom:7px; font-size:14px; line-height:22px; color:#333333; letter-spacing:-0.5px;} .content_notice3 .btn_apply{display:block; margin:10px 0 5px 10px; } .popup{position:relative; display:block; z-index:1000; border:solid 1px #5a6bd7; margin:0;background:#ffffff;} .popup.b_green{position:relative; display:block; z-index:1000; border:solid 1px #319817; margin:0;background:#ffffff;} .popup .p_title{float:left;width:100%; height:40px; background:#5a6bd7;} .popup .p_title.bg_green{float:left;width:100%; height:40px; background:#319817;} .popup .p_title .p_text{position:absolute; font-weight:bold; font-size:15px; line-height:22px; color:#fff; top:8px; left:15px; margin:0; padding:0; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'gulim', '굴림';} .popup .p_title .p_close{position:absolute; float:right; cursor:pointer; right:10px; top:10px;} .popup .p_title .p_btn{position:absolute; left:150px; top:5px;} .popup .p_content{display:block; margin-top:40px;padding:10px 20px 15px 20px; font-size:12px; line-height:18px;} .popup .p_content h2{margin-top:10px;background: url('/images/common/dot_purple.gif') no-repeat left center; padding-left:15px; margin-bottom:10px; color:#475ad3; font-size:13px; font-weight:bold;} .popup .p_content .p_command{background:#333; color:#fff; padding:5px 15px; margin:3px 0 10px 0; font-weight:bold;} .popup .p_content img{display:block; margin:5px 0 15px 0;} .popup .p_content .p_dia{margin:10px 0 0 0;} .popup .p_content .p_dia img{float:left; margin-right:20px;} .popup .p_content .p_dia .txt_dia{display:block; height:95px; padding:10px 0 5px 20px;} .popup .p_content .p_back{background:#f0f0f0; padding:10px 15px; margin:5px 0} .popup .p_iframe{width:100%; height:740px; padding:0;margin:0;} .popup2{position:relative; display:block; border:solid 1px #a0a4c7; margin:0;background:#ffffff;}/*z-index:1000;*/ .popup2 .p_title{display:block; height:49px; background: url('/images/sms/pop_bg.gif') repeat-x;} .popup2 .p_title .p_text {position:absolute; font-weight:bold; font-size:15px; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', gulim, '굴림'; line-height:22px; color:#fff; top:13px; left:30px; margin:0; padding:0;} .popup2 .p_title .p_close{ position:absolute; float:right; cursor:pointer; right:10px; top:10px; z-index:1;} .popup2 .p_content{padding:15px 30px 15px 20px;display:block; font-size:12px; line-height:18px;} .popup2 .p_content .p_back{padding:25px 30px; margin-top:15px; width:540px; background:#f7f7f7; border:solid 1px #e6e6e6; } .popup2 .p_content .p_back2{padding:3px 15px; background:#e6e6e6; } .popup2 .p_content .p_back3{padding:25px 30px; margin-top:15px; background:#f7f7f7; border:solid 1px #e6e6e6; } .popup2 .p_content input[type="text"]{background:#fff; border:solid 1px #cbcbcb; height:20px; padding:3px 5px; width:218px; color:#555;font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'gulim', '굴림';} .popup2 .p_content select{background:#fff; border:solid 1px #cbcbcb; padding:4px 5px; width:230px;color:#555;font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'gulim', '굴림'; font-size:12px;} .popup2 .txt_field{background:#fff; border:none;padding:3px; width:200px; height:150px; color:#555;font-family:inherit; overflow:hidden; border:solid 1px #999;} .popup2 .txt_input5{background:#fff; padding:3px; font-size:13px; width:200px; height:25px !important; color:#555;font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; overflow:hidden; border:solid 1px #999 !important;} .popup3{position:relative; display:block; border:solid 2px #5e6efc; margin:0;background: url('/images/sms/load_bg.gif') repeat-x;}/*z-index:1000;*/ .popup3 .p_title{float:center; width:100%; height:32px; top:40px; left:150px; background: url('/images/sms/icon_loader.gif') repeat-x;} .txt_pop_view{ font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'gulim', 굴림; font-size:16px; line-height:26px; text-align:left; padding:15px; color:#444; letter-spacing:-1px; } .txt_pop_view a{font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'gulim', 굴림; font-size:14px; line-height:30px; text-align:left; color:#444; letter-spacing:-1px; text-decoration:underline;} .txt_pop_view a.txt_nn{font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'gulim', 굴림; font-size:16px; line-height:30px; padding:0 !important; text-align:center; color:#444; letter-spacing:-1px; text-decoration:underline; } .smsh_tab .s_dia{margin:10px 0 0 0;} .smsh_tab .s_dia img{float:left; margin-right:20px;} .smsh_tab .s_dia .txt_dia{display:block; height:95px; padding:10px 0 5px 20px;} .smsh_tab h4 {font-size:16px; line-height:22px; font-weight:normal; margin:30px 0; font-family: 'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; letter-spacing:-1px; } .smsh_tab h4 strong {color:#475ad3; font-size:22px; font-weight:bold; display:block; margin-bottom:10px; font-family: 'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; letter-spacing:-2px; } .page_chat {position:relative; _width:750px;right:0; z-index:1;} .page_chat .ban_chat{position:absolute; right:0; top:45px; z-index:1;} .login_page{display:block; width:958px; height:330px; border:solid 1px #d9d9d9; margin-top:40px;margin-bottom:30px;} .login_page .login_area2{display:block; float:left;width:425px;padding-left:45px; padding-top:20px;} .login_page .login_area2 .login_input{float:left;padding-top:10px;} .login_page .login_area2 .login_btn{position:absolute; left:325px; top:49px;} .login_page .login_area2 .join_member{display:inline-block;position:absolute; left:45px; top:110px;} .login_page .login_area2 .join_member img{vertical-align:middle;} .login_page .banner_area{float:left;background: url('/images/common/bar.gif') no-repeat left center;} .login_page .banner_area img{margin-left:40px; margin-top:25px;} .sms_login_page{display:block; width:958px; height:430px; border:none; margin-top:40px;} .sms_login_page h2{font-size:16px; letter-spacing:-1px; color:#000; font-family: 'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; } .sms_login_page h2 strong{font-size:30px; letter-spacing:-2px; color:#000; font-family:inherit; padding-right:20px;} .sms_login_page .login_area3{width:958px; height:300px; background:#f8f9ff; border:solid 1px #a2acef; margin-left: auto; margin-right:auto; margin-top:20px;} /*background:url('/images/sms/bg_sms_login2.gif') no-repeat center;*/ .sms_login_page .login_area3 .login_txt{float:left; text-align:right; font-weight:bold; font-size:14px; width:150px; padding:60px 0 0 200px; line-height:29px; letter-spacing:-1px; } .sms_login_page .login_area3 .login_input{float:left;width:270px; padding:60px 0 0 10px;} .sms_login_page .login_area3 .login_btn{position:absolute; left:570px; top:60px;} .sms_login_page .login_area3 .login_save{position:absolute; left:360px; top:130px;} .sms_login_page .login_area3 .login_notice {clear:both; position: absolute; width:500px; height:70px; display:block; border-top:solid 1px #dfe2fc; left:200px; top:190px; padding:15px 0 0 80px; font-size:15px; letter-spacing:-1px; line-height:24px; font-weight:bold; color:#555; background:url('/images/common/icon_alert2.png') no-repeat left 10px; background-size:60px 56px; } .sms_login_page .login_area3 .login_notice em {font-style:normal; color: #e00000;} .sms_login_page .login_area3 .sec_txt { display:block; text-align:left; font-weight:bold; font-size: 15px; padding: 60px 150px 10px; line-height: 28px; word-break: keep-all;letter-spacing:-1px; } .sms_login_page .login_area3 .sec_txt2 { display:block; text-align:left; font-weight:normal; font-size: 13px; padding: 30px 150px 20px; line-height: 20px; word-break: keep-all;letter-spacing:-0.5px; } .sms_login_page .login_area3 .sec_input { display:block; text-align:left; padding:0px 150px; line-height:29px; letter-spacing:-1px; } .layer_over{display:inline; } .layer_over .layer_over_contents{padding:3px 5px 5px 5px;color:#414100;border:#8a8a53 solid 1px; background: #fff6ac; } .layer_over img{position:absolute; left:0; bottom:-7px; z-index:1;} /*cgv이벤트 .gnb_banner {width:100%; height:250px; background:#07253f; text-align:center; }*/ .gnb_banner {width:100%; height:250px; background:#008f60; text-align:center; } .gnb_banner .movie_link{ position:relative; width:960px; margin:0 auto; } .gnb_banner .movie_link div{ position:absolute; top:-240px; left:760px; z-index:100; color:#fff; text-decoration:underline; width:320px; height:40px; } .gnb_banner .movie_link .gnb_btn{ position:absolute; top:-40px; left:720px; z-index:10;} .gnb_banner .movie_link .gnb_btn img{margin-left:5px;} .gnb_banner .movie_link .gnb_btn_hosting{ position:absolute; top:-120px; left:-35px; z-index:10;} .gnb_banner_login {width:100%; height:120px; background:#ddf5b7; text-align:center; } .gnb_banner_login .movie_link{position:relative;width:960px; margin:0 auto;} .gnb_banner_login .movie_link .gnb_btn_login{position:absolute; top:-40px; left:790px; z-index:10;} .gnb_banner_login .movie_link .gnb_btn_login img{margin-left:5px;} .ban_media_movie {position:relative; display:block; padding-top:0px; } .ban_media_movie_view {position:absolute; display:block; right:15px; top:15px;} .icon_warn{position:absolute; display:block; } .icon_warn img{position:relative;left:130px; top:10px} .page_num { display:block;padding:10px;} .paging {width:100%; font-size:13px; margin:0px; padding:0px; text-align:center; } .paging a {display:inline-block;font-family:tahoma, 굴림, "gulim"; font-weight:normal; text-align:center; vertical-align:middle; color:#666; background:#FFF; text-decoration:none; border:solid 1px #dfdfdf; width:21px; height:20px; margin-right:5px;} .paging a:hover {font-family:tahoma, 굴림, "gulim"; color:#666; border:1px solid #7f8fcd; background:#fff; text-decoration:none; } .paging a.current {font-family:tahoma, 굴림, "gulim"; color:#4f5e99; border:1px solid #7f8fcd; background:#eaedf7; text-decoration:none; } .paging strong {width:21px; display: inline-block;} .paging .pre, .paging .next{display:inline-block; width:21px; height:20px; text-indent:-10000px;} .paging .pre{margin-right:12px;background:url('/images/common/icon_prev2.gif') no-repeat center !important;} .paging .pre a:hover{border:solid 1px red;} .paging .next{margin-left:12px;background:url('/images/common/icon_next2.gif') no-repeat center !important;} .paging .pre2, .paging .next2{ display:inline-block; width:21px; height:20px; text-indent:-10000px;} .paging .pre2{margin-right:4px;background:url('/images/common/icon_first2.gif') no-repeat center !important; } .paging .next2{margin-left:4px; background:url('/images/common/icon_last2.gif') no-repeat center !important;} .ssl_info_img{display:block;position:relative; left:5px; top:45px; vertical-align:middle} .ssl_info_img2{display:block;position:relative; left:5px; top:15px; vertical-align:middle} .ssl_info_img3{display:block;position:relative; left:5px; top:5px; vertical-align:middle} .ssl_info_img_mng{display:block;position:relative; left:90px; top:45px; vertical-align:middle} .form_info{background:#f3f3f3; margin-top:5px;padding:3px 5px;} .list_blit{} .list_blit ol{margin:0; padding:0;} .list_blit ol li{text-align:left;background: url('/images/common/dot_gray.gif') no-repeat left 8px !important; padding-left:8px;} .sms_search{position:relative;width:960px;right:0; z-index:1;} .sms_search .search_area{position:absolute; right:0; top:-30px; z-index:1;} .pop_login{width:610px; height:300px; border:solid 5px #7683f6;} .pop_login .login_input{float:left;padding-top:10px; padding-left:110px;} .pop_login .login_btn{position:absolute; left:400px; top:170px;} .pop_login .login_btn_close{position:absolute; left:530px; top:270px; cursor:pointer;} .div_loading{position:absolute;display:none;text-align:center;background:#E6E6E6;z-index:2;z-index:10;opacity: .7; filter:Alpha(Opacity=70);} .table_calendar {margin-top:20px;border:solid 1px #ebebe9; } .table_calendar th{font-weight:bold;font-size:12px; height:25px; background:#f8f8f8; vertical-align:middle;letter-spacing:0;padding:3px; text-align:center; } .table_calendar th.sun{color:#ed1c24;} .table_calendar th.sat{color:#0000ff;} .table_calendar td{border:solid 1px #ebebe9;text-align:center; height:85px; color:#666; padding:8px 10px; font-size:11px;} .table_calendar td.weekdays{text-align:left; color:#999; font-size:11px; } .table_calendar td.sun{text-align:left; color:#ed1c24; background:#fef8f8; font-size:11px;} .table_calendar td.sat{text-align:left; color:#0000ff; background:#f8fcfe; font-size:11px;} .table_calendar td .stats_no{color:#555; text-align:center; margin-top:10px; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'gulim', '굴림';font-size:14px;} .table_calendar td.total_w{background:#fbfbfb; color:#fbfbfb; } .table_calendar td.total_w .stats_no{color:#555;font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'gulim', '굴림'; font-size:14px;} .c_month{color:#2d3587; font-weight:bold; font-size:24px; text-align:center; margin-top:30px; } .bg_gray{background:#f6f6f6; padding:15px 30px; width:900px;} .bg_gray2{background:#f6f6f6; padding:15px 20px; width:920px;} #my_hosting{width:100%;} #my_hosting .main_img{text-align:center;padding:20px 0 0 0; vertical-align:bottom;margin:0;} #my_hosting .my_summary{background:url('/images/mng/myhosting_sum_top.gif') no-repeat left top; padding:30px 25px 20px 30px;} #my_hosting .webh_detail {background:#f5f5f5; margin-top:15px; padding:30px 33px;} #my_hosting .webh_detail .detail_title{height:45px; background: url('/images/mng/dot_line3.gif') repeat-x left bottom;} #my_hosting .webh_detail .detail_title .btn_area{position:absolute; right:0px; top:0px; width:307px; } #my_hosting .webh_detail .detail_title strong{background:url('/images/mng/icon_arrow2.gif') no-repeat left center; font-weight:bold; font-size:18px; color:#333333; padding-left:15px;} #my_hosting .webh_detail .detail_title2{height:35px; } #my_hosting .webh_detail .detail_title2 strong{background:url('/images/mng/icon_arrow2.gif') no-repeat left center; font-weight:bold; font-size:18px; color:#333333; padding-left:15px;} #my_hosting .webh_detail .detail_capacity{margin-top:25px;height:135px;} #my_hosting .webh_detail .detail_capacity ul{padding:0; margin:0;} #my_hosting .webh_detail .detail_capacity ul li {float:left; } #my_hosting .webh_detail .detail_capacity ul li .c_title{color:#111; } #my_hosting .webh_detail .detail_capacity ul li .box{width:180px; height:60px; border:solid 1px #dadada; background:#fff; margin-top:10px; padding:5px 15px; font-size:12px;} #my_hosting .webh_detail .detail_capacity ul li .box .green_graph {width:100%; height:22px; background: url('/images/mng/bar_gray_bg.gif') repeat-x;} #my_hosting .webh_detail .detail_capacity ul li .box .green_graph .data_use{height:22px; background: url('/images/mng/bar_green_use.gif'); border-right:solid 1px #8dc73f;} #my_hosting .webh_detail .detail_capacity ul li .box .blue_graph {width:100%; height:22px; background: url('/images/mng/bar_gray_bg.gif') repeat-x;} #my_hosting .webh_detail .detail_capacity ul li .box .blue_graph .data_use{height:22px; background: url('/images/mng/bar_blue_use.gif'); border-right:solid 1px #78ace7;} #my_hosting .webh_detail .detail_capacity ul li .box .blue2_graph {width:100%; height:22px; background: url('/images/mng/bar_gray_bg.gif') repeat-x;} #my_hosting .webh_detail .detail_capacity ul li .box .blue2_graph .data_use{height:22px; background: url('/images/mng/bar_blue2_use.gif'); border-right:solid 1px #6979e5;} #my_hosting .webh_detail .detail_capacity ul li .box .purple_graph {width:100%; height:22px; background: url('/images/mng/bar_gray_bg.gif') repeat-x;} #my_hosting .webh_detail .detail_capacity ul li .box .purple_graph .data_use{height:22px; background: url('/images/mng/bar_purple_use.gif'); border-right:solid 1px #8c69e5;} #my_hosting .webh_detail .detail_capacity ul li .box .text_01{text-align:right; color:#999} #my_hosting .webh_detail .detail_capacity ul li .box .text_02_g{ text-align:left; color:#75b124;} #my_hosting .webh_detail .detail_capacity ul li .box .text_02_g_use{ text-align:left; color:#75b124; float:left;} #my_hosting .webh_detail .detail_capacity ul li .box .text_02_b{ text-align:left; color:#518fd9;} #my_hosting .webh_detail .detail_capacity ul li .box .text_02_b_use{ text-align:left; color:#518fd9; float:left;} #my_hosting .webh_detail .detail_capacity ul li .box .text_02_b2{ text-align:left; color:#6979e5;} #my_hosting .webh_detail .detail_capacity ul li .box .text_02_b2_use{ text-align:left; color:#6979e5; float:left;} #my_hosting .webh_detail .detail_capacity ul li .box .text_02_p{ text-align:left; color:#8b6ae0;} #my_hosting .webh_detail .detail_capacity ul li .box .text_02_p_use{ text-align:left; color:#8b6ae0; float:left;} #my_hosting .webh_detail .detail_capacity ul li .box .text_03{text-align:right; color:#666; position:absolute; right:15px; top:45px; } #my_hosting .webh_detail .detail_capacity ul li img{margin-top:10px; margin-right:3px;} #my_hosting .webh_detail .detail_capacity .green_graph {width:170px; height:22px; background: url('/images/mng/bar_green_bg.gif') repeat-x;} #my_hosting .webh_detail .detail_capacity .green_graph img{margin:0; padding:0;} #my_hosting .webh_detail .detail_setting{} #my_hosting .webh_detail .detail_btn{background: url('/images/mng/dot_line3.gif') repeat-x left top;} #my_hosting .webh_detail .detail_btn img{margin-top:25px;} #my_hosting .webh_detail .detail_btn2{} #my_hosting .webh_detail .detail_btn2 img{margin-top:25px;} #my_hosting .smsh_detail {background:#f5f5f5; margin-top:15px; padding:30px 33px; } #my_hosting .detail_none {background:#f5f5f5; margin-top:15px; height:150px; vertical-align:middle; font-size:14px; text-align:center;} .hosting_detail {margin-top:20px; border-top:solid 3px #606060; border-right:solid 1px #d7d7d7; border-left:solid 1px #d7d7d7; border-bottom:solid 1px #d7d7d7;padding:20px 50px; background:#f9f9fe;} .hosting_detail select {background:#fff; border:solid 1px #cbcbcb; padding:1px; height:30px; width:300px;color:#555;font-family:inherit; font-size:14px; font-weight:bold;} .hosting_detail .input_text {background:#fff; border:solid 1px #cbcbcb; padding:1px; height:26px; width:240px;color:#555;font-family:inherit; font-size:14px; font-weight:bold;} .table_line{height:2px; background-color:#8997eb;} .renew_direct{border:#7394d7 10px solid;} .renew_direct img{margin-top:10px; margin-bottom:25px;} .renew_direct .comment{background:#e5edfa; padding:16px 30px; font-size:13px; line-height:21px;} .renew_direct .renew_direct_msg {font-size:27px; letter-spacing:-1px; font-family:'GmarketSansMedium', 'Malgun Gothic', 'Apple SD Gothic Neo', '맑은 고딕', verdana, tahoma, 'gulim', '굴림'; box-sizing:border-box; padding: 40px 10px 20px 34px ; } .renew_direct .renew_direct_msg strong {font-size:inherit; font-family:inherit; color:#4170f2} .landing{width:960px;} .landing_main{width:960px; height:400px;background: url('/images/reg/landing_main_bg.jpg') no-repeat } .landing_main h3 {font-size:48px; letter-spacing:-2px; line-height:56px; font-weight:bold; color:#333; padding:40px 0 20px 45px; font-family:'NotoSans', 맑은 고딕, tahoma, 굴림, gulim, sans-serif; } .landing_main ol {margin-left:45px;} .landing_main ol li {position:relative; padding:0 0 2px 11px; font-size:19px; /*font-weight:bold;*/ color:#5c5c5c; line-height:28px; letter-spacing:-0.5px; font-family:'NotoSans', 맑은 고딕, tahoma, 굴림, gulim, sans-serif; } .landing_main ol li::after {content:''; position:absolute; top:12px; left:0; width:6px; height:6px; border-radius:50%; background:#0763ec;} .landing_main ol li span {color:#0763ec;} .landing_main a{position:absolute; left:45px; top:280px; cursor:pointer;} .landing_main .lan_btn {position:absolute; left:45px; top:310px; line-height:24px; cursor:pointer;} .landing_main span.landing_banner {display:block;position:absolute; left:255px; top:0px;} /* .landing .landing_contents{padding-left:10px; height:1200px; background: url('/images/reg/server_bg.jpg') no-repeat right bottom;} 하단 서버이미지 */ .landing .landing_contents img{display:block; margin-top:50px; margin-bottom:15px;} .landing .landing_contents .img_logo{display:block; margin-top:10px; margin-bottom:15px;} .landing .landing_contents h2{margin:40px 0 15px 0;background: url('/images/common/dot_purple.gif') no-repeat left center; padding-left:15px; color:#475ad3; font-size:16px; font-weight:bold; font-family:'Apple SD Gothic Neo', 'NotoSans', '맑은 고딕', 'Malgun Gothic', 'gulim', 굴림; } .landing .landing_contents .star_detail img{display:block; float:left; margin:10px 20px;} .landing .landing_contents .star_detail span{display:block;float:left;margin-top:13px;} #my_hosting2{width:100%;} #my_hosting2 .main_img{text-align:center;padding:20px 0 0 0; vertical-align:bottom;margin:0;} #my_hosting2 .my_summary{background:url('/images/mng/myhosting_sum_top.gif') no-repeat left top; padding:30px 25px 20px 30px;} #my_hosting2 .webh_detail {background:#fff; margin-top:15px; border:solid 1px #c4c4e4; } #my_hosting2 .webh_detail table{margin-left:35px; } #my_hosting2 .webh_detail .detail_open{background:#f3f3f3;padding:9px 7px 9px 25px; vertical-align:middle; border-top:solid 1px #f3f3f3;} #my_hosting2 .webh_detail .detail_title{background:#f6f6fd;padding:25px 25px;vertical-align:middle;} #my_hosting2 .webh_detail .detail_title .btn_area{position:absolute; right:25px; top:28px; } #my_hosting2 .webh_detail .detail_title strong{background:url('/images/mng/icon_arrow2.gif') no-repeat left center; font-weight:bold; font-size:18px; color:#333333; padding-left:15px; padding-right:5px;} #my_hosting2 .webh_detail .detail_title_ftp{background:#fef2f7;padding:25px 35px;vertical-align:middle;} #my_hosting2 .webh_detail .detail_title_ftp .btn_area{position:absolute; right:35px; top:28px; } #my_hosting2 .webh_detail .detail_title_ftp strong{background:url('/images/mng/icon_arrow2.gif') no-repeat left center; font-weight:bold; font-size:18px; color:#333333; padding-left:15px; padding-right:10px;} #my_hosting2 .webh_detail .detail_title_new{background:#f6f6fd;padding:25px 15px 25px 25px;vertical-align:middle; border-top:solid 1px #c4c4e4; } #my_hosting2 .webh_detail .detail_title_new strong{width:470px; display:block; background:url('/images/mng/icon_arrow2.gif') no-repeat left center; font-weight:bold; font-size:26px; color:#333333; padding-left:15px; padding-right:5px; line-height:22px;} #my_hosting2 .webh_detail .detail_title_new .txt_pkg{display:block; height:20px; padding-left:15px; padding-top:8px; padding-bottom:15px; font-weight:bold; color:#4e5dba; font-size:14px; background:none; letter-spacing:-1px;} #my_hosting2 .webh_detail .detail_title_new .date_area{} #my_hosting2 .webh_detail .detail_title_new .date_area .a_date{float:left;width:105px; height:40px; font-weight:bold; color:#222; padding-left:15px; padding-right:5px; font-size:12px; border-right: solid 1px #8d97dc; margin-right:10px; } #my_hosting2 .webh_detail .detail_title_new .date_area .a_date img{vertical-align:middle; margin-right:5px; } #my_hosting2 .webh_detail .detail_title_new .date_area .b_date{padding-left:150px; font-size:13px; color: #555; display:block; } #my_hosting2 .webh_detail .detail_title_new .date_area .b_date img{vertical-align:middle; } #my_hosting2 .webh_detail .detail_title2{height:35px; } #my_hosting2 .webh_detail .detail_title2 strong{background:url('/images/mng/icon_arrow2.gif') no-repeat left center; font-weight:bold; font-size:18px; color:#333333; padding-left:15px;} #my_hosting2 .webh_detail .detail_capacity{padding-top:10px;height:135px; padding-left:30px; text-align:left;} #my_hosting2 .webh_detail .detail_capacity ul{padding:0; margin:0;} #my_hosting2 .webh_detail .detail_capacity ul li {float:left; } #my_hosting2 .webh_detail .detail_capacity ul li .c_title{color:#111; font-size:14px; } #my_hosting2 .webh_detail .detail_capacity ul li img{vertical-align:bottom;} #my_hosting2 .webh_detail .detail_capacity ul li .box{width:180px; height:60px; border:solid 1px #dadada; background:#fff; margin-top:10px; padding:5px 15px; font-size:12px;} #my_hosting2 .webh_detail .detail_capacity ul li .box .green_graph {width:100%; height:22px; background: url('/images/mng/bar_gray_bg.gif') repeat-x;} #my_hosting2 .webh_detail .detail_capacity ul li .box .green_graph .data_use{height:22px; background: url('/images/mng/bar_green_use.gif'); border-right:solid 1px #8dc73f;} #my_hosting2 .webh_detail .detail_capacity ul li .box .blue_graph {width:100%; height:22px; background: url('/images/mng/bar_gray_bg.gif') repeat-x;} #my_hosting2 .webh_detail .detail_capacity ul li .box .blue_graph .data_use{height:22px; background: url('/images/mng/bar_blue_use.gif'); border-right:solid 1px #78ace7;} #my_hosting2 .webh_detail .detail_capacity ul li .box .blue2_graph {width:100%; height:22px; background: url('/images/mng/bar_gray_bg.gif') repeat-x;} #my_hosting2 .webh_detail .detail_capacity ul li .box .blue2_graph .data_use{height:22px; background: url('/images/mng/bar_blue2_use.gif'); border-right:solid 1px #6979e5;} #my_hosting2 .webh_detail .detail_capacity ul li .box .purple_graph {width:100%; height:22px; background: url('/images/mng/bar_gray_bg.gif') repeat-x;} #my_hosting2 .webh_detail .detail_capacity ul li .box .purple_graph .data_use{height:22px; background: url('/images/mng/bar_purple_use.gif'); border-right:solid 1px #8c69e5;} #my_hosting2 .webh_detail .detail_capacity ul li .box .text_01{text-align:right; color:#999} #my_hosting2 .webh_detail .detail_capacity ul li .box .text_02_g{ text-align:left; color:#75b124;} #my_hosting2 .webh_detail .detail_capacity ul li .box .text_02_g_use{ text-align:left; color:#75b124; float:left;} #my_hosting2 .webh_detail .detail_capacity ul li .box .text_02_b{ text-align:left; color:#518fd9;} #my_hosting2 .webh_detail .detail_capacity ul li .box .text_02_b_use{ text-align:left; color:#518fd9; float:left;} #my_hosting2 .webh_detail .detail_capacity ul li .box .text_02_b2{ text-align:left; color:#6979e5;} #my_hosting2 .webh_detail .detail_capacity ul li .box .text_02_b2_use{ text-align:left; color:#6979e5; float:left;} #my_hosting2 .webh_detail .detail_capacity ul li .box .text_02_p{ text-align:left; color:#8b6ae0;} #my_hosting2 .webh_detail .detail_capacity ul li .box .text_02_p_use{ text-align:left; color:#8b6ae0; float:left;} #my_hosting2 .webh_detail .detail_capacity ul li .box .text_03{text-align:right; color:#666; position:absolute; right:15px; top:45px; } #my_hosting2 .webh_detail .detail_capacity ul li img{margin-top:10px; margin-right:3px;} #my_hosting2 .webh_detail .detail_capacity ul li .img_mng{margin-top:-3px;} #my_hosting2 .webh_detail .detail_capacity .green_graph {width:170px; height:22px; background: url('/images/mng/bar_green_bg.gif') repeat-x;} #my_hosting2 .webh_detail .detail_capacity .green_graph img{margin:0; padding:0;} #my_hosting2 .webh_detail h3{position:relative; margin-left:35px; margin-top:35px; font-weight:bold; color:#475ad3; font-size:14px; letter-spacing:-1px;} #my_hosting2 .webh_detail h3 .txt_right_align{position:absolute; right:5px; font-weight:normal; font-size:12px; color:#666;} #my_hosting2 .webh_detail h3 .txt_right_align3{display:block; position:absolute; left:170px; bottom:-5px; } #my_hosting2 .webh_detail .detail_setting{padding-bottom:25px; } #my_hosting2 .webh_detail .detail_setting_ftp{padding-bottom:25px; background:#fef2f7; border-top:solid 1px #c4c4e4; padding-top:20px;} #my_hosting2 .webh_detail .detail_btn{background: url('/images/mng/dot_line3.gif') repeat-x left top;} #my_hosting2 .webh_detail .detail_btn img{margin-top:25px;} #my_hosting2 .webh_detail .detail_btn2 img{margin-top:25px;} #my_hosting2 .webh_detail .detail_btn2 .txt_right_align2{position:absolute; right:0px;top:5px; font-weight:normal; font-size:12px; color:#666;} #my_hosting2 .smsh_detail {background:#f5f5f5; margin-top:15px; padding:30px 33px; } #my_hosting2 .detail_none {background:#f5f5f5; margin-top:15px; height:150px; line-height:150px; vertical-align:middle; font-size:14px; text-align:center;} #my_hosting2 .medh_detail {background:#f5f5f5; margin-top:15px; padding:30px 33px; } #my_hosting2 .medh_detail .detail_title2{height:35px; } #my_hosting2 .medh_detail .detail_title2 strong{background:url('/images/mng/icon_arrow2.gif') no-repeat left center; font-weight:bold; font-size:22px; color:#333333; padding-left:15px;} #my_hosting2 .medh_detail .detail_title2 em{font-weight:bold; } /*도메인 신청 폼 레이어 color:#765a2b; */ .domain_service_layer{margin-top:5px; margin-bottom:2px; color:#2a496f; letter-spacing:-1px;} .domain_service_layer .domain_service_layer_info{background:#d13c90; cursor:pointer;color:#fff; padding:0 3px;} .domain_service_layer2{margin-top:5px; margin-bottom:10px; color:#2a496f; letter-spacing:-1px; font-size:14px;} .domain_service_layer2 .domain_service_layer_info{background:#d13c90; cursor:pointer;color:#fff; padding:2px 10px 3px 10px;font-weight:bold; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'gulim', 굴림;} /*.domain_service_layer .domain_service_layer_info{background:#4a80c2; cursor:pointer;color:#fff; padding:0 3px;}*/ .domain_service_layer strong{color:#cb1b7e; } .domain_service_table{background:#fff; } .domain_service_table th{font-weight:bold; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'gulim', 굴림; font-size:14px; text-align:left; padding:5px; color:#444; letter-spacing:-1px; background:#f1f1f1;} .domain_service_table th strong{color:#cb1b7e; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'gulim', 굴림;} .domain_service_table th img{background:#765a2b; position:absolute; top:20px; right:20px;} .domain_service_table td{text-align:left; padding:5px 20px 15px 5px; color:#555;} .domain_service_table ul li{background:url('/images/mng/icon_dot.gif'); background-repeat:no-repeat; background-position:left 7px; text-indent:10px;} .s_area_l{background-color:#efefef; padding-left:15px;color:#444; font-weight:bold; } .s_area_r{padding:6px 0 6px 15px; } .s_line{background-color:#eaefff; height:1px; border-top:4px solid #fff; border-bottom:4px solid #fff;} .tbl_line2{ background-color:#efefef; height:20px; border-bottom:solid 1px #2755c1; } .ban_ars{position:relative;} .ban_ars span{position:absolute; right:0px; top:32px; z-index:1;} .style_renew_click {display:block; margin:20px 0 20px 0; height:30px; width:730px; background: #f5f5f5; color:#666; vertical-align:middle; padding-left:20px; line-height:30px;} .style_renew_click strong{color:#4484de; text-decoration:none; font-weight:normal; } .style_renew_click2 {height:45px; background: #4484de; color:#fff; vertical-align:middle; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 'gulim', 굴림; letter-spacing:-1px; font-size:14px; } .style_renew_click2 strong{color:#fff600; font-weight:bold; font-family:inherit } .style_renew_click2 a{color:#fff; font-weight:bold; font-family:inherit; letter-spacing:-1px; text-decoration:underline; } .div_tab {display:block; } .div_tab td a{display:block; line-height:38px; height:40px;text-align:center; font-size:16px;font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 'gulim', 굴림; text-decoration:none; color:#333; border-right:none; border-top:solid 1px #c7d0d7; border-left:solid 1px #c7d0d7;border-bottom:solid 1px #7f96e2; background:#fafafa;} .div_tab td a:hover{color:#3c559b; font-weight:bold;font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 'gulim', 굴림;border-right:solid 1px #7f96e2; border-top:solid 3px #7f96e2; border-left:solid 1px #7f96e2;border-bottom:solid 1px #fff; background:#fff;outline:none;position:relative; transition:border-color .3s linear; text-decoration:none;} .div_tab td.tab_seleted{font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 'gulim', 굴림;} .div_tab td.tab_seleted a{color:#3c559b; font-weight:bold;font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 'gulim', 굴림;border-right:solid 1px #7f96e2; border-top:solid 3px #7f96e2; border-left:solid 1px #7f96e2;border-bottom:solid 1px #fff; background:#fff;} .div_tab td.last_td{border-right:solid 1px #c7d0d7; } .div_tab td a.bg_gtld{background:#e9f4ff; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 'gulim', 굴림;} .div_tab td a:hover .bg_gtld{background:#e9f4ff;} .div_tab td img{margin-top:11px;} #alert_layer {position:absolute; display:inline; padding:0; margin:0;} #alert_layer .contents{position:relative; border:solid 3px #cc0000; background:#fff; z-index:10; width:280px;} #alert_layer .contents .alert_layer_t{padding:8px 15px; font-size:13px; letter-spacing:-1px; color:#cc0000; } #alert_layer .contents .alert_layer_a{position:absolute; left:10px; z-index:1000; } #alert_layer .contents .alert_layer_c{position:absolute; top:5px; right:5px; z-index:1000; cursor:pointer; } #event_kr_banner2 {width:960px; margin:0 auto; height:210px; z-index:10; background:url('/images/banner/bg_han_event2.gif') #1482d3 no-repeat; background-position: top left; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif;} #event_kr_banner2 .header_banner_area {position:relative; width:960px; margin: 0 auto; } #event_kr_banner2 .header_banner_area h3 {padding-top:20px; padding-bottom:20px; padding-left:210px; font-size: 52px; color:#fff; line-height:86px; font-weight:normal; letter-spacing:-6px; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif;} #event_kr_banner2 .header_banner_area h3 strong {font-weight:normal; color:#ffea00; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif;} #event_kr_banner2 .header_banner_area .btn_area{position:absolute; left:215px; top:120px; } #event_kr_banner2 .header_banner_area .btn_han {display:inline-block; width: 250px; padding:15px; cursor:pointer; background:#ffea00; color:#373737; font-size:18px; font-weight:bold; letter-spacing:-2px; border:none; text-align:center; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif;} .coupon_details {font-size:14px; line-height:20px; color:#555; padding:15px 15px;} .coupon_details h5 {display:block; font-size:18px; margin-bottom:15px; font-weight:normal; letter-spacing:-1px;} .coupon_details h5 strong {color:#cc0000; font-weight:normal;} .ban_star_renew_txt {background:#3fa863; color:#fff; padding:6px 5px 7px 10px; font-weight:normal; font-size:15px; display:block; margin-bottom:5px; letter-spacing:-1px;} .ban_star_renew_txt a {color:#fff; text-decoration:underline; } .layer_style {position:absolute; text-align:left; left:20px; top:150px; display:block; width:720px; background: #fff; border: solid 1px #353b4c; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif; z-index:100} .layer_style h4{height:50px; background: #353b4c; color:#fff; font-family:inherit; font-size:18px; font-weight:bold; letter-spacing:-1px; line-height:44px; padding-left:20px;} .layer_style h5{color: #353b4c; font-family:inherit; font-size:32px; font-weight:bold; letter-spacing:-1px; padding: 30px 0 25px 35px; line-height:40px;} .layer_style h6{color: #353b4c; font-family:inherit; font-size:32px; font-weight:bold; letter-spacing:-1px; padding: 30px 0 25px 35px; } .layer_style h6 strong{color: #4170f2; font-family:inherit; } .layer_style .ls_contents{ font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif !important; padding-left:35px; font-size:15px; line-height:22px; letter-spacing:-1px; } .layer_style .ls_comment{font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif; padding:20px 0 0 35px; font-size:13px; letter-spacing:-1px; color:#8f8f8f; } .layer_style .ls_comment a{font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif; color:#8f8f8f; text-decoration:underline; } .layer_style .ls_button{padding-left:35px; margin-top:20px; vertical-align:middle;} .layer_style .ls_button input{margin-right:15px; vertical-align:middle; } .layer_style .ls_button img{margin-right:15px; vertical-align:middle; } .layer_style .ls_button span{display:block; padding-top:17px; vertical-align:middle; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif; font-size:13px; text-decoration:underline; color:#888; } .layer_style .ls_button2{padding-left:35px; padding-bottom:20px; margin-top:-5px; vertical-align:middle;} .layer_style .ls_footer{height:35px; background: #eaeaea;font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif; font-size:14px; letter-spacing:-1px; text-align:left !important; padding-right:20px; line-height:32px; margin-top:30px; } .layer_style .ls_footer a{font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif; color: #353b4c; padding-left:30px;} .layer_style strong{font-weight:bold; color: #dc0000; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif; } .layer_style b{font-weight:bold; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif; } .layer_style em{font-weight:bold; color: #555;font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif; font-size:22px; font-style:normal; line-height:30px; letter-spacing:0; padding-left:10px; } .layer_style u{text-decoration:underline;font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif; letter-spacing:0; } .layer_style span{font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif; letter-spacing:0; } .layer_style.new {box-shadow: 10px 10px 30px 5px rgb(0 0 0 / 50%);} .layer_style.new em {color:#222;} .layer_style.new .ev_star2 {margin:0 35px; padding:17px 20px; background:#219b69 url('https://domain.whois.co.kr/img/common/popup_img_star.png') no-repeat right; } .layer_style.new .ev_star2 h2 {font-size:18px; color:#fff; letter-spacing:-1px;} .layer_style.new .ev_star2 h2 strong {color:#ffd800;} .layer_style.new .ls_comment {padding:10px 0 0 35px; } .layer_style.new .ls_contents {padding-right:35px;} .layer_style.new .ls_contents .com_box {border:solid 1px #cfcfcf; padding: 13px 20px; margin-bottom: 20px;} .layer_style.new .ls_contents .com_box span.tit {color:#888; font-size: 14px; line-height: 1.5;} .layer_style.new .ls_contents .com_box span.star2 {display:none;} .layer_style.new .ls_layer{ padding:30px 35px 15px 35px; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif !important; font-size:15px; line-height:28px; box-sizing:border-box; } .layer_style.new .ls_layer .com_box {border:solid 1px #cfcfcf; padding: 18px 20px; } .layer_style.new .ls_layer .com_box p strong {font-size:15px; color:#555; font-weight:bold; margin-bottom:0; } .layer_style.new .ls_layer strong { font-weight:normal; display:block; font-size:20px; margin-bottom:18px; color:#4d72ba; letter-spacing:-1px; font-weight:bold; } .layer_style.new .ls_layer p{ display:inline-block; width:48%; box-sizing:border-box; letter-spacing:-1px; } .layer_style.new .ls_layer a{ display:inline-block; margin-top:8px; } .layer_style_02 {position:absolute; text-align:left; left:20px; top:150px; display:block; background: #fff; font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif; z-index:100; width:680px; height:500px; border:solid 5px #3d59b6; padding:15px; overflow:hidden; box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;} .layer_style_02 h4 {height:50px; color:#353b4c; font-family:inherit; font-size:24px; font-weight:bold; letter-spacing:-1px; line-height:44px; padding-left:5px; font-family:'Notosans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif;} .layer_style_02 h5 {color:#353b4c; font-family:inherit; font-size:13px; font-weight:normal; letter-spacing:-0.5px; line-height:24px; padding-left:5px; padding-bottom:10px; } /* IDC 추가 */ #idc_svc {display:block; font-size:14px; line-height:22px; word-break: keep-all; word-wrap: break-word; } #idc_svc em{color:#5364d6; font-weight:bold; } #idc_svc h2{display:block; font-size: 22px; padding: 5px 20px 30px 0; line-height:20px; color:#444; font-weight:bold; letter-spacing:-1px; } #idc_svc h2.tab-tit {display:block; font-size: 22px; padding-bottom: 20px; line-height:20px; color:#444; font-weight:bold; letter-spacing:-1px; } #idc_svc h2 strong{color:#4f63de; } #idc_svc h3{display:block; font-size: 14px; padding: 15px 20px; line-height:20px; } #idc_svc h4{display:block; position:relative; background:#f6f6f6; border:solid 1px #ebebeb; padding: 15px 20px; font-size: 15px; line-height:24px; letter-spacing:-1px; font-weight:bold;} #idc_svc h4 strong{color:#5364d6; font-size: 17px; } #idc_svc h4 strong span{font-style:italic; } #idc_svc h4 img {position:absolute; right:20px; top: 50%; transform: translate(0, -50%);} #idc_svc h5{margin-top:40px; margin-bottom:10px; background: url('/images/common/dot_purple.gif') no-repeat left center; padding-left:15px; color:#5364d6; font-size:16px; line-height:22px; font-weight:bold; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; } #idc_svc h6 {clear:both; color:#ff2a00; letter-spacing:-1px; } #idc_svc .idc_building {margin-top:20px; width:753px; height:265px; background: url('/images/idc/bg_idc.jpg') no-repeat; } #idc_svc .idc_building span {display:block; padding: 65px 0 0 25px; width:290px; } #idc_svc .idc_building span em {display:block; font-size:17px; font-weight:bold; color:#475ad3; margin-bottom:10px; } #idc_svc .idc_img{text-align:center; padding-top:25px; vertical-align:bottom; margin-bottom:17px;} #idc_svc .idc_img2{text-align:center; padding-top:40px; vertical-align:bottom;} /* -----부가서비스----- */ ul.idc_service {margin:0px; padding:0 0 50px 0; width:960px ; float:left;} ul.idc_service li {width:472px; border:solid 1px #daddeb; border-radius:7px; margin-bottom:10px; padding:20px 30px; float:left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } ul.idc_service li:first-child {background: url('/images/idc/svc_icon_01.png') no-repeat 95% 75%; margin-right:10px;} ul.idc_service li:nth-child(2) {background: url('/images/idc/svc_icon_02.png') no-repeat 95% 75%;} ul.idc_service li:nth-child(3) {background: url('/images/idc/svc_icon_03.png') no-repeat 95% 75%; margin-right:10px;} ul.idc_service li:nth-child(4) {background: url('/images/idc/svc_icon_04.png') no-repeat 95% 75%;} ul.idc_service li:nth-child(5) {background: url('/images/idc/svc_icon_05.png') no-repeat 95% 75%; margin-right:10px;} ul.idc_service li:nth-child(6) {background: url('/images/idc/svc_icon_06.png') no-repeat 95% 75%;} ul.idc_service li:nth-child(7) {background: url('/images/idc/svc_icon_07.png') no-repeat 95% 75%; margin-right:10px;} ul.idc_service li:nth-child(8) {background: url('/images/idc/svc_icon_08.png') no-repeat 95% 75%;} ul.idc_service li:nth-child(9) {background: url('/images/idc/svc_icon_09.png') no-repeat 95% 75%; margin-right:10px;} ul.idc_service li:nth-child(10) {background: url('/images/idc/svc_icon_10.png') no-repeat 95% 75%;} ul.idc_service li a {display:block;} /*ul.idc_service li a div img {padding-top:30px;} ul.idc_service li a:hover div img { transform: translate(0px, -10px);} */ ul.idc_service li a div.text {width:310px; padding-right:10px; float:left;} ul.idc_service li a div.text span {text-decoration:underline; font-family:'Roboto', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; font-size:16px; font-weight:bold; color:#475ad3; font-style:italic;} ul.idc_service li a div.text p.servie_tit {font-family:'Roboto', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; font-size:20px; color:#353744; font-weight:bold; padding-top:5px; padding-bottom:15px; } ul.idc_service li a:hover div.text p.servie_tit {color:#21243f;} ul.idc_service li a div.text p {font-family:'Roboto', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; font-size:13px; color:#666; line-height:18px;} ul.idc_service li a:hover div.text p {color:#21243f;} /*--tab--*/ #idc_svc ul.tab {width:100%; height:110px; margin:-10px 0 5px 0; padding:0px; } #idc_svc ul.tab li {float:left; width:187px; height:40px; background:#eef2f8; border-top:solid 1px #bec9df; border-left:solid 1px #bec9df; text-align:center; box-sizing:border-box; } #idc_svc ul.tab li:nth-child(4) {border:solid 1px #bec9df; border-bottom:none;} #idc_svc ul.tab li:nth-child(5), #idc_svc ul.tab li:nth-child(6), #idc_svc ul.tab li:nth-child(7) {border:solid 1px #bec9df; border-right:none;} #idc_svc ul.tab li:nth-child(8) {border:solid 1px #bec9df;} #idc_svc ul.tab li.current{background: #ffffff; border:solid 1px #475ad3;} #idc_svc ul.tab li a {color:#666666; font-size:14px; font-weight:bold;letter-spacing:-0.5px; width:187px; height:40px; padding-top:0px; display:block;} #idc_svc ul.tab li a p {padding-top:9px; } #idc_svc ul.tab li.current a {color:#475ad3; font-size:14px; font-weight:bold;} #idc_svc .tabcontent {display: none;} #idc_svc .tabcontent.current {display: block;} /* -----부가서비스----- */ .btn_yellow {background: #fcd73b; color: #111; font-size: 13px; line-height:20px; padding: 1px 15px 2px 15px; border: solid 1px #bc9501; text-decoration: none; font-weight:400; font-family:'Notosans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 'gulim', 굴림; cursor:pointer; vertical-align:middle; } .btn_yellow:hover {background:#d11901; color:#fff; transition:0.5s; cursor:pointer; } .btn_gray {background: #f2f2f2; color: #666; font-size: 13px; line-height:20px; letter-spacing:-1px; padding: 1px 15px 2px 15px; border: solid 1px #c1c1c1; text-decoration: none; font-weight:400; font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 'gulim', 굴림; cursor:pointer; vertical-align:middle; } .btn_gray:hover {background:#333; color:#fff; transition:0.5s; cursor:pointer; } .btn_gray:hover img{ filter: invert(1);} .btn_black { display:inline-block; background: #333; color: #fff; font-size: 13px; height:22px; letter-spacing:-1px; padding: 3px 15px; border: solid 1px #c1c1c1; text-decoration: none; font-weight:400; font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 'gulim', 굴림; cursor:pointer; vertical-align:middle; border-radius: 1px; } .btn_black:hover {background:#666; color:#fff; transition:0.5s; cursor:pointer; } .btn_black2 {background: #333; color: #fff; font-size: 13px; line-height:20px; letter-spacing:-1px; padding: 1px 15px 2px 15px; border: solid 1px #c1c1c1; text-decoration: none; font-weight:400; font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 'gulim', 굴림; cursor:pointer; vertical-align:middle; } .btn_black2:hover {background:#666; color:#fff; transition:0.5s; cursor:pointer; } .btn_yellow4 {background: #fcd73b; color: #111; display:inline-block; font-size: 16px; text-align:center; line-height:30px; padding: 10px 30px 12px 30px; border: solid 1px #bc9501; text-decoration: none; font-weight:bold; cursor:pointer; vertical-align:middle; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; } .btn_yellow4:hover{color:#555} .btn_yellow4.mbtn {width: 200px; font-size: 15px; line-height:20px; letter-spacing:-0.5px; padding: 10px 20px 11px 20px; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; font-family:'NotoSans' , 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 'gulim', 굴림; box-sizing: border-box;} .btn_yellow4.mbtn:hover {background:#d11901; color:#fff; transition:0.5s; cursor:pointer; } .btn_yellow_con {display:inline-block; width:150px; background:#ffcc00; font-size:14px !important; color:#3b300e; letter-spacing:-1px; font-weight:bold; text-align:center; padding:8px 0; border:none; transition:0.5s; } .btn_yellow_con:hover {background:#d11901; color:#fff; transition:0.5s; cursor:pointer; } .btn_yellow_con_agree {display:inline-block; width:90px; background:#BDBDBD; font-size:14px !important; color:#3b300e; letter-spacing:-1px; font-weight:bold; text-align:center; padding:8px 0; border:none; } .btn_yellow_con_agree:hover {background:#d11901; color:#fff; transition:0.5s; cursor:pointer; } .btn_yellow_con2 {display:inline-block; width:150px; background:#ffcc00; font-size:16px; color:#3b300e; letter-spacing:-1px; font-weight:bold; text-align:center; padding:12px 0; border:none; } .btn_yellow_con2:hover {background:#d11901; color:#fff; transition:0.5s; cursor:pointer; } .btn_yellow_con_90 {display:inline-block; width:90px; background:#ffcc00; font-size:14px; color:#3b300e; letter-spacing:-1px; font-weight:bold; text-align:center; padding:8px 0; border:none; } .btn_yellow_con_90:hover {background:#d11901; color:#fff; transition:0.5s; cursor:pointer; } .btn_yellow_con16 {display:inline-block; width:150px; background:#ffcc00; font-size:16px; color:#3b300e; letter-spacing:-1px; font-weight:bold; text-align:center; padding:12px 0; border:none; cursor:pointer; } .btn_yellow_con16:hover {background:#d11901; color:#fff; transition:0.5s; cursor:pointer; } .btn_yellow_con15 {display:inline-block; width:150px; background:#ffcc00; font-size:15px; color:#3b300e; letter-spacing:-1px; font-weight:bold; text-align:center; padding:10px 0; border:none; cursor:pointer; } .btn_yellow_con15:hover {background:#d11901; color:#fff; transition:0.5s; cursor:pointer; } .btn_yellow_con14 {display:inline-block; background:#ffcc00; font-size:14px; color:#3b300e; letter-spacing:-1px; font-weight:bold; text-align:center; padding:7px 10px; border:none; } .btn_yellow_con14:hover {background:#d11901; color:#fff; transition:0.5s; cursor:pointer; } .btn_yellow_s {display:inline-block; background:#ffcc00; font-size:12px; line-height:18px; color:#3b300e; letter-spacing:-0.5px; font-weight:bold; text-align:center; padding:2px 8px 1px 8px; border:none; vertical-align:middle; height:23px; box-sizing:border-box;} .btn_yellow_s:hover {background:#d11901; color:#fff; transition:0.5s; cursor:pointer; } .btn_gray_con15 { display: inline-block; width: 150px; background: #d4d4d4; font-size: 15px; color: #222222; letter-spacing: -1px; font-weight: bold; text-align: center; padding: 10px 0; border: none; } .btn_gray_con15:hover { background: #a1a1a1; color: #fff; transition: 0.5s; cursor: pointer; text-decoration: none; } .sms_sender .sms_phone input.btn_yellow_con {padding: 12px 30px; width: 233px; box-sizing: border-box; font-size: 16px; } ul.idc_svc01 {margin: 20px 0 0px 0; padding:0; vertical-align:top; } ul.idc_svc01 li {position:relative; display:inline-block; color:#666; background:#f4f6fc; padding:20px 110px 20px 25px !important; margin-bottom:15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border:solid 1px #dde0ed; vertical-align:middle; text-align:left; width:100%; font-size:13px; line-height:18px !important; letter-spacing:-1px; word-break: keep-all; word-wrap: break-word; } ul.idc_svc01 li.bg_fff {background:#fff; } ul.idc_svc01 li em {color:#333 !important; display:block; font-size:15px; font-weight:bold; margin-bottom:10px; } ul.idc_svc01 li img {position:absolute; display:block; right:25px; top:20%; } ul.idc_svc02 {margin: 20px 0 0px 0; padding:0; vertical-align:top; } ul.idc_svc02 li {display:inline-block; color:#666; margin-right:10px; margin-bottom: 15px; padding:15px 20px !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border:solid 1px #dde0ed; vertical-align:middle; text-align:left; width:240px; height:160px; background-size: 240px 160px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size:13px; line-height:18px !important; letter-spacing:-1px; word-break: keep-all; word-wrap: break-word; } ul.idc_svc02 li:last-child {margin-right:0; } ul.idc_svc02 li strong {color:#475ad3; display:inline-block; border-bottom: solid 1px #475ad3; margin-bottom:10px; font-size:15px;} ul.idc_svc02 li em {color:#333 !important; display:block; font-size:16px; font-weight:bold; margin-bottom:10px; } ul.idc_svc03 {margin: 20px 0 0px 0; padding:0; vertical-align:top; } ul.idc_svc03 li {display:inline-block; color:#666; margin-right:8px; margin-bottom: 15px; padding:20px !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border:solid 1px #dde0ed; vertical-align:middle; text-align:left; width:230px; height:130px; background-size: 230px 130px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size:13px; line-height:18px !important; letter-spacing:-1px; word-break: keep-all; word-wrap: break-word; } ul.idc_svc03 li:last-child {margin-right:0; } ul.idc_svc03 li strong {color:#889dd8; vertical-align:top; font-size:30px; float:left; display:inline-block; margin-right:15px; } ul.idc_svc03 li span {display:inline-block; vertical-align:top; width:140px; } ul.idc_svc03 li em {color:#333 !important; display:block; font-size:14px; font-weight:bold; margin-bottom:5px; } ul.idc_svc04 {margin: 20px 0 0 0; padding:0; vertical-align:top; } ul.idc_svc04 li {float:left; display:flex; justify-content:center; align-items:center; color:#666; margin-bottom: 5px; padding:5px !important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border:solid 1px #dde0ed; vertical-align:middle; text-align:center; width:170px; height:60px; background-size: 170px 60px; border-radius: 55px; -webkit-border-radius: 55px; -moz-border-radius: 55px; font-size:13px; line-height:20px !important; letter-spacing:-1px; word-break: keep-all; word-wrap: break-word; } ul.idc_svc04 li:last-child {margin-right:0px; } ul.idc_svc04 li strong {color:#475ad3; display:inline-block; border-bottom: solid 1px #475ad3; margin-bottom:10px; font-size:15px;} ul.idc_svc04 li em {color:#737cb7; display:block; font-size:13px; font-weight:bold; } ul.idc_svc04 li.p_next {border:none; width:27px; margin:0px; padding:0px; } ul.idc_svc04 li.p_none {display:inline-block; border:none; vertical-align:top; width:170px; margin-right:25px; padding-left:20px !important; text-align:center; } dl.idc_svc05 {display:block; height:270px; } dl.idc_svc05 dt {float:left; height:270px; padding:10px 20px 0 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} dl.idc_svc05 dd {height:270px; color:#666; padding-top:2px; font-size:13px; letter-spacing:-1px; line-height:18px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } dl.idc_svc05 dd strong {display:block; color: #333; font-size:14px; line-height:24px; margin-top:10px;} ul.idc_svc06 {display:block; height:40px; } ul.idc_svc06 li {padding:10px 0px; width:350px; font-size:13px; color:#666; letter-spacing:-0.5px; float:left; overflow:hidden;} ul.idc_svc06 li:last-child {float:right} div.table_text {font-size:13px; color:#666; line-height:18px; padding-top:5px;} div span.bullet {float:left; padding-right:2px; width:19px; font-weight:bold; overflow:hidden; font-size:13px; color:#444; font-weight:bold; display:block;} div span.svc_etc_text {width:732px; font-size:13px; color:#666; display:table-cell;} ul.ms_service {width:750px; height:130px; margin-top:10px;} ul.ms_service li {width:150px; text-align:center; float:left} ul.ms_service li p {margin-top:10px; font-size:14px; color:#333; letter-spacing:-0.5px;} /* footer ------------------------------------------------------ */ #footer {width:100%; } /* -------- 고객센터 -------- */ .customer-wrap {position:static; padding-top:30px; border:solid 1px #aaa; border-left:none; border-right:none; background:#f6f6f6; overflow:hidden; display:inline-block;} .customer-wrap h2 {font-size:31px; color:#333; text-align:center; font-weight:300; margin-bottom:5px; line-height:30px; font-family:'Apple SD Gothic Neo', 'Roboto', 'NotoSans', sans-serif; letter-spacing:-1px;} .customer-wrap .cs-box {margin:0px; padding:0px; width:960px; height:230px; background:#fff; border-top:solid 1px #e3e3e3; box-sizing:border-box; } .customer-wrap .cs-info {float:left; margin:0px; display:inline-block; padding:16px 20px 16px 20px; width:240px; border-right:solid 1px #e3e3e3; box-sizing:border-box;} .customer-wrap .cs-info ul {padding:0;} .customer-wrap .cs-info li {padding:6px 0; border-bottom:dashed 1px #c8c8c8; font-size:15px; background: url('/images/common/cs_arrow.png') no-repeat 8px 12px; background-position: 99% 50%} .customer-wrap .cs-info li:last-child {border-bottom:none;} .customer-wrap .cs-info li a { font-family:'Apple SD Gothic Neo', 'Roboto', 'NotoSans', sans-serif; font-size:15px; letter-spacing:-1px; font-weight:500; } .customer-wrap .cs-info li a:hover {color:#3977ca;} .customer-wrap .cs-serive {margin:0px; float:left; padding:24px 15px; width:240px; height:100%; border-right:solid 1px #e3e3e3; vertical-align:top; box-sizing:border-box;} .customer-wrap .cs-serive ul {padding:0} .customer-wrap .cs-on {height:13px; padding:1px 5px 2px 5px; background:#f64d00; font-size:10px; color:#fff; border-radius:3px;} .customer-wrap .cs-off {height:13px; padding:1px 5px 2px 5px; background:#787878; font-size:10px; color:#fff; border-radius:3px;} /*고객만족도*/ .star_area {display:block; margin:0 auto; min-width:300px; color:#ccc; font-size:26px; line-height:28px; text-align:center;margin-bottom:15px;} .star_area h3 { display:inline-block; white-space:pre; word-wrap: break-word; word-break: break-all; color:#555; font-size: 14px; line-height:18px; text-align:left; font-weight:400;} .star_area h3 strong { color:#fff; letter-spacing:0px; font-weight:700; color:#333; } .star_area h4 { display:inline-block; color:#000000; font-size: 42px; line-height:50px; letter-spacing:-2px; text-align:left; font-weight:800;} .star_area .star_graph{display:inline-block; width:136px; height:24px; /* background: url('../images/common/icon_star_n1.png') left ; background-size: 136px 24px; -webkit-background-size: 136px 24px; */} .star_area .star_graph {/* float:left; */ padding:10px 0 5px 5px;} #star ul.star {margin:0; padding:0; width:150px; height:30px; left:8px; top:0px; position:relative; float:left; background: url('/images/common/icon_star_n1.png') repeat-x;} #star li.curr {background: url('/images/common/icon_star_n1.png') left 31px; font-size:1px; height:31px;} #star li {margin:0; padding:0; float:left; display:block; width:15px; height:8px; text-decoration:none; z-index:20; position:absolute;} /*랜딩페이지 고객만족도*/ .star_area2 {display:block; min-width:300px; color:#ccc; font-size:26px; line-height:28px; margin-bottom:10px;margin-top:10px;} .star_area2 .cs_score {display:inline-block;} .star_area2 .cs_score_date {display:inline-block; font-size:13px; line-height:20px; letter-spacing:-1px; color:#333; text-align:left; margin-top:15px;} .star_area2 h3 { display:inline-block; white-space:pre; word-wrap: break-word; word-break: break-all; color:#555; font-size: 14px; line-height:18px; text-align:left; font-weight:400;} .star_area2 h3 strong { color:#fff; letter-spacing:0px; font-weight:700; color:#333; } .star_area2 h4 { display:inline-block; color:#000000; font-size: 42px; line-height:50px; letter-spacing:-2px; text-align:left; font-weight:800;} .star_area2 h5 {display:inline-block; font-size:15px; color:#333333; line-height:2.5; letter-spacing:-1px; vertical-align:top;} .star_area2 .star_graph{display:inline-block; width:136px; height:24px; /* background: url('../images/common/icon_star_n1.png') left ; background-size: 136px 24px; -webkit-background-size: 136px 24px; */} .star_area2 .star_graph {/* float:left; */ padding:10px 0 5px 5px;} /*친절상담*/ .customer-wrap .cs_counseling {display:inline-block; padding-top:15px;} .customer-wrap .cs_counseling img {height:49px; display:inline-block; float:left; padding-right:4px;} .customer-wrap .cs_counseling p {float:left; line-height:2;} .customer-wrap .cs_counseling a {display:block;font-size:14px; color:#333; letter-spacing:-1.5px; font-weight:700;} .customer-wrap .cs_counseling a strong {color:#347adc; font-weight:700;} /*네이버톡톡*/ .customer-wrap .cs_naver {display:inline-block; padding-bottom:15px;} .customer-wrap .cs_naver img {height:49px; display:inline-block; float:left; padding-right:4px;} .customer-wrap .cs_naver p {float:left; line-height:2;} .customer-wrap .cs_naver a {display:block;font-size:14px; color:#333; letter-spacing:-1.5px; font-weight:700;} .customer-wrap .cs_naver a strong {color:#36b044; font-weight:700;} /*카카오상담*/ .customer-wrap .cs_kakao {display:inline-block;} .customer-wrap .cs_kakao img {height:49px; display:inline-block; float:left; padding-right:4px;} .customer-wrap .cs_kakao p {float:left; line-height:2;} .customer-wrap .cs_kakao a {display:block;font-size:14px; color:#333; letter-spacing:-1.5px; font-weight:700;} /*ARS 전화*/ .customer-wrap .cs-tel {margin:0px; float:left; background:#fff; padding:30px 10px 22px 25px; width:480px; height:100%; vertical-align:top; box-sizing:border-box;} .customer-wrap .cs-tel .tel-ars h3 {display:inline-block; font-family:'Apple SD Gothic Neo', 'Roboto', 'NotoSans', sans-serif; font-size:43px; color:#347adc; letter-spacing:-2px; font-weight:400; line-height:1; margin-bottom:3px;} .customer-wrap .cs-tel .tel-ars dl {display:inline-block; font-size:14px; color:#222; font-weight:400; margin-bottom:15px;} .customer-wrap .cs-tel .tel-ars dl dt{float:left; line-height:1.6;} .customer-wrap .cs-tel .tel-ars dl dd{float:left; padding-right:13px; font-size:14px; line-height:1.3;} .customer-wrap .cs-tel .tel-ars .tel_only {display:inline-block; margin-left:5px; width:200px; background:url('/images/common/only.png') no-repeat ; background-position: 100% top; background-size: 63px 28px;} .customer-wrap .cs-tel .tel-ars .tel_only p {font-size:15px; color:#222; font-style:italic; letter-spacing:-1px; font-weight:700; line-height:20px;} .customer-wrap .cs-tel .tel-ars .tel_only p strong {display:block; margin-left:20px; color:#347adc;} .customer-wrap .cs-tel .quick-num {float:left; width:210px;} .customer-wrap .cs-tel .quick-num li {font-size:13px; margin-bottom:3px; font-family:'Apple SD Gothic Neo', 'Roboto', 'NotoSans', sans-serif; font-weight:400; letter-spacing: -0.5px;} .customer-wrap .cs-tel .quick-num span {background:#dfe5ee; font-size:12px; border:solid 1px #809dc6; color:#1d4d90; padding:0px 4px; margin-right:7px;} .customer-wrap .cs-tel .quick-num li.night-call {color:#222; font-size:13px; letter-spacing:-0.5px; padding-top:4px;} .customer-wrap .cs-tel .quick-num li.night-call strong {color:#555} /* -------- 사이트맵 -------- */ .site-map {position: relative; width:960px; height: 420px; /*border-top:solid 2px #333; border-bottom:solid 1px #c6c6c6; padding-bottom:30px; */ margin-top:10px; overflow:hidden;} /* .site-map:before {content:''; position:absolute; bottom:300px; left:50%; margin-left:-550px; width:1100px; height:1px; background:#dfdfdf; } */ .site-map .sitemap-box {float:left; width:25%; height:320px; margin:30px 0 0 0; padding:0 0 0 20px; box-sizing:border-box; border-left:dashed 1px #dedede;} .site-map .sitemap-box:nth-child(1) { border:none;} .site-map .sitemap-box:nth-child(5) {clear:both; border:none;} .site-map .sitemap-box h3 {margin-bottom:10px; } .site-map .sitemap-box h3 a {font-size:17px; color:#111; font-weight:700; font-family:'Apple SD Gothic Neo', 'Roboto', 'NotoSans', sans-serif; letter-spacing: -1px;} .site-map .sitemap-box h3 a:hover {color:#3977ca; text-decoration:underline; font-weight:500; } .site-map .sitemap-box ul {padding:0;} .site-map .sitemap-box li {height:22px;} .site-map .sitemap-box li a {font-size:14px; color:#777; line-height:20px; font-weight:400; font-family:'Apple SD Gothic Neo', 'Roboto', 'NotoSans', sans-serif; letter-spacing: -1px;} .site-map .sitemap-box li a:hover {color:#3977ca; text-decoration:underline;} .site-map .sitemap-box div{height:180px;} .tel_4259 {background:url('/images/common/cs_only_n.png') no-repeat ; background-size: 170px 202px; width:170px; display:block; position:absolute; top:175px; z-index:100;/* background-position: 60% 100%;*/} .hosting_mobile {background:url('/images/common/footer_event_3.png') no-repeat ; background-size: 200px 170px; width:200px; display:block; position:absolute; top:160px; z-index:100;cursor:pointer;} .hosting_mobile a {display:block; height:170px;} .hosting_mobile2 {background:#e7e4f8 url('/images/common/footer_img_3.png') no-repeat 95% bottom; background-size:inherit; text-align:center; font-family:'Apple SD Gothic Neo', 'Roboto', 'NotoSans', sans-serif; cursor:pointer;} .hosting_mobile2 h4 {font-size:21px; padding-top:23px; letter-spacing:-2px; font-weight:700;} .hosting_mobile2 p {font-size:14px; padding-top:5px; letter-spacing:-1.5px; color:#332377; } .dom_transfer {background:url('/images/common/footer_event_2.png') no-repeat ; background-size: 170px 160px; width:170px; display:block; position:absolute; top:156px; z-index:100;/* background-position: 60% 100%;*/} .dom_transfer a {display:block; height:160px;} .dom_transfer2 {background:url('/images/common/footer_img_2.png') no-repeat 5% 90%; background-size:170px 75px; cursor:pointer;} .dom_transfer2 p {font-size:19px; text-align:left; font-family:'Apple SD Gothic Neo', 'Roboto', 'NotoSans', sans-serif; color:#333333; letter-spacing:-0.5px; line-height:25px; font-weight:500;} .dom_transfer2 p strong {font-size:19px; color:#fe2319; letter-spacing:-2px; } /*스벅 기관이전 이벤트 footer_img_2_star_ice */ .dom_transfer3 {background:url('/images/common/footer_img_2_star.png') no-repeat 50% 100%; background-size:179px 128px; cursor:pointer;} .dom_transfer3 p {font-size:18px; text-align:left; font-family:'Apple SD Gothic Neo', 'Roboto', 'NotoSans', sans-serif; color:#333333; letter-spacing:-1px; line-height:25px; font-weight:500; text-align:center;} .dom_transfer3 p strong {font-size:18px; color:#099c6b; letter-spacing:-2px; } /* .sitemap-key-event {position:absolute; top:312px; left:775px; width:90px; height:142px; background:url('../images/common/site_keystone_n.png') no-repeat; background-size:90px 142px;} */ .sitemap-event {margin-left:3px; height:12px; padding:0px 5px 1px 5px; background:#f64d00; font-size:11px; color:#fff; border-radius:10px; vertical-align:top; letter-spacing:0.5px;} .sitemap-event2 {position:absolute; top:50px; left:0; height:19px; padding:1px 5px 1px 5px; background:#ff3027; font-size:12px; color:#fff; vertical-align:top; letter-spacing:-1px;} .sitemap-event3 {position:absolute; top:80px; left:0; height:19px; padding:1px 5px 1px 5px; background:#986ee2; font-size:12px; color:#fff; vertical-align:top; letter-spacing:-1px;} .sitemap-event4 {position:absolute; top:140px; left:0; height:19px; padding:1px 5px 1px 5px; background:#ff3027; font-size:12px; color:#fff; vertical-align:top; letter-spacing:-1px;} .free {height:12px; padding:0px 7px; font-size:13px; color:#f64d00; letter-spacing:0.5px; font-weight:700;} /* -------- 파트너 -------- */ .partner-wrap {position:relative;} .partner-wrap div{padding:5px 0px; width:960px; height:81px; margin-bottom:30px;} .partner-wrap h2 {font-size:32px; color:#333; text-align:center; font-family:'Apple SD Gothic Neo', 'Roboto', 'NotoSans', sans-serif; font-weight:500; letter-spacing:-1px; padding:30px 0 5px; /* overflow:hidden;*/} .partner-wrap h3 {text-align:center;} .partner-wrap h3 a{display:inline-block; font-size:18px; color:#555; text-align:center; font-family:'Apple SD Gothic Neo', 'Roboto', 'NotoSans', sans-serif; font-weight:400; letter-spacing:-1px; padding:20px 0 30px; /* overflow:hidden;*/} .partner-wrap h3 a:hover {color:#347adc; text-decoration:none;} .partner-wrap h3 a:after {display:block; clear:both; content:""; position: absolute; top:81px; right:355px; margin-top:-4px; width:6px; height:6px; border:2px solid #347adc; border-width:2px 2px 0 0; transform: rotate( 45deg );} .partner-wrap img{width:149px; border:solid 1px #e8e8e8; margin-right:10px;} /* .partner-wrap .owl-carousel {width:100%; font-size:0; box-sizing:border-box;} .partner-wrap .owl-item {display:inline-block;} .partner-wrap .owl-item img {border:1px solid #e8e8e8; width:157px;} */ /* -------- 하단유틸 -------- */ .footer-utils {clear:both; padding:40px 0 10px 0; width:100%; height:45px; background:#1e2026} .footer-utils .utils {overflow:hidden; display:inline;} .footer-utils .utils li {float:left;} .footer-utils .utils li a {display:block; padding:0 21px; font-size:15px; line-height:38px; color:#7f838e; font-weight:500; letter-spacing:0px;} .footer-utils .utils li a.footer_privacy{color:#dbdbdb; } .footer-utils .utils li:first-child a {padding-left:0;} .footer-utils .utils li:last-child a {padding-right:0;} .footer-utils .utils li:hover a {color:#3977ca;} /* 패밀리사이트 */ .footer-utils .family-site {position:relative; float:right; padding:0 0 0 16px; width:200px; height:38px; box-sizing:border-box; background:#fff url('/images/common/family_site_arrow.png') no-repeat 173px 15px;} .footer-utils .family-site.on {background:#fff url('/images/common/family_site_arrow_on.png') no-repeat 173px 15px;} .footer-utils .family-site h3 {font-weight:400; font-size:14px; line-height:39px; color:#777; cursor:pointer;} .footer-utils .family-site ul {display:none; position:absolute; top:37px; left:0; z-index:22; padding:9px 0; width:100%; background:#fff;} .footer-utils .family-site ul a {display:block; padding:0 15px; font-size:14px; line-height:30px; color:#777;} .footer-utils .family-site ul li:hover a {background:#4992e1; color:#fff;} /* 주소 */ .address-wrap {background:#1e2026; padding:10px 0 50px; clear:both; } .address-wrap .inner {overflow:hidden;} .address-wrap .footer-logo {float:left; margin-right:50px; margin-bottom:30px;} .address-wrap address{width:700px; float:left; font-style:normal; } .address-wrap address span { float:left; margin-right:20px; font-weight:500; font-size:14px; line-height:22px; color:#5b5f6a; letter-spacing:-1px;} .address-wrap address span:nth-child(5), .address-wrap address span:nth-child(8) {clear:both;} .address-wrap address span a {color:#5b5f6a; text-decoration:underline;} /* sns */ ul.footer-sns {float:right; width:255px; text-align:right; } ul.footer-sns li{float:left; margin-left:10px;} ul.footer-sns li img {width:41px;} /* 인증 텍스스 */ .footer-text {clear:both; padding-top:10px;} .footer-text li {float:left; padding-right:23px; color:#fff; font-weight:500; letter-spacing:-1px; font-size:14px;} .footer-text li:last-child {padding-right:0; } a.con_btn {display:inline-block; background:#ffcc00; font-size:16px; color:#3b300e; letter-spacing:-1px; font-weight:bold; text-align:center; padding:10px 30px;} a.con_btn:hover {background:#2767c1; color:#fff; } /*도메인 등록 혜택 변경 210506 한민자*/ .domain_service_benefits {/*margin-top:1px; margin-bottom:0; vertical-align:middle;*/ } .domain_service_benefits .domain_service_text {color:#2a496f; font-weight:bold; /*vertical-align:middle;*/ letter-spacing:-1.5px;} .domain_service_benefits strong{color:#cb1b7e; } .domain_service_benefits .domain_service_arrow {display:inline-block; /*width:100px;*/ text-align:left; color:#cb1b7e; font-weight:bold; letter-spacing:0; background:url('/images/common/icon_event_arrow.png') no-repeat 1px 4px; padding-left:13px; margin-right:0px; /*vertical-align:middle;*/} .domain_service_benefits .domain_service_arrow2 {display:inline-block; padding-right:5px; font-weight:bold; font-size:12px; color:#2a496f; /*vertical-align:text-top; */} .domain_service_benefits .star {display:inline-block; color:#007042; letter-spacing:-1px; /*background:url('/images/common/icon_stars.svg') no-repeat 12px 4px; background-size: 93px 13px; line-height:1.8; vertical-align:middle; padding-bottom:2px;*/} .domain_service_benefits .star strong {font-weight:bold; font-size:15px; color:#007042; } /*margin-right:95px;*/ .domain_service_benefits .star strong::after {content:' STARBUCKS'; font-weight:900; font-size:13.5px; letter-spacing:0.7px; font-family: 'Montserrat', 'Roboto', 'NotoSans', Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움";} .benefits_text {display:inline-block; float:left; font-size:13px; color:#2a496f; font-weight:bold; /* background:url('/images/common/icon_event.png') no-repeat; padding-left:22px; */ box-sizing:border-box; } .benefits_text strong {color:#cd2d87;} .benefits_text a.btn_more {/* background:#2a496f; color:#fff; font-size:11px; */ border-radius:50px; padding:2px; font-weight:normal; text-decoration:underline; cursor: pointer;} .benefits_layer {position:absolute; top:22px; left:-20px; width:750px; z-index:100; width:750px; background:#fff; border:solid 3px #2a496f; border-radius:10px; padding:30px; text-align:left; box-sizing:border-box;} .benefits_layer h3 {display:inline-block; /* background:#f6eabb;*/ font-size:15px; font-weight:bold; color:#2a496f; letter-spacing:-1px; margin-bottom:20px;} .benefits_layer h3 strong {color:#ce2d88;} .benefits_layer .btn_close {background:url('/images/common/icon_event_close.png') no-repeat right; width:47px; height:18px; position:absolute; top:20px; right:20px; z-index:100; cursor:pointer;} .benefits_layer ul {text-align:left; height:120px;} .benefits_layer ul li {width:48%; float:left; line-height:1.9; font-size:13px; letter-spacing:-0.5px;} .benefits_layer ul li span {width:20px; display:inline-block; font-weight:bold;} .total_price {display:inline-block;} .product_table {padding-bottom:32px; } .product_table * {font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; } .product_table table {border-top:2px solid #111111; margin:0 auto; } .product_table th, .product_table td {border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; vertical-align:top; } .product_table th:last-child, .product_table td:last-child {border-bottom:1px solid #e4e4e4; border-right:none; } .product_table th {padding:30px 0 20px; line-height:1.4; font-size:18px; font-weight:500; font-family: 'NotoSans', Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움"; } .product_table td {padding:10px 5px 10px 6px; text-align:left; font-size:12.2px; color:#444; line-height:24px; letter-spacing:-0.8px; word-break: keep-all; word-wrap: break-word; } .product_table .txtL {text-align:left;} .product_table .txtR {text-align:right;} .product_table .txtC {text-align:center;} .product_table tfoot td{padding:15px 10px; background:#fff; font-size:13px; line-height:1.6; letter-spacing:0;} .product_table .p01 {background:#f3fbf1; text-align:center; } .product_table .p02 {background:#f7f2f2; text-align:center; } .product_table .p03 {background:#eef3fa; text-align:center; } .product_table .p01 img {margin:10px 0; } .product_table .p02 img {margin:10px 0; } .product_table .p03 img {margin:10px 0; } .product_table th.p01 {color:#6fc918; } .product_table th.p02{color:#3d3d3d; } .product_table th.p03{color:#4d72ba; } .product_table .bg01 {background:#f4f4f4; } .product_table .bg02 {background:#f8f8f8; } .product_table td.noline1 {border-bottom:none;} .product_table td.mail_em {background:#d92512; padding:3px 10px 5px; color:#fff; text-align:center; font-size: 14px; font-family: 'NotoSans', Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움"; line-height:18px; letter-spacing:-0.5px; font-weight:500; } .product_table td.mail_em strong{color:#fbf200;} .product_table td.mail_em2 {background:#3da87f; padding:3px 10px 5px; color:#fff; text-align:center; font-size: 14px; font-family: 'NotoSans', Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움"; line-height:18px; letter-spacing:-0.5px; font-weight:500; } .product_table .pro_title {display:block; font-family: 'NotoSans', Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움"; font-size: 17px; padding-bottom:5px; font-weight:500; } .product_table .pro_title strong{font-style:italic; font-family: 'Montserrat', 'Roboto', 'NotoSans', Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움"; font-size: 18px; padding-bottom:5px; font-weight:700; } .product_table .pro_price {display:block; font-family: Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움"; font-size: 13px; padding-bottom:5px; font-weight:400; } .product_table .pro_price.wdh-sale {width: 90%; text-align: left; margin: 0 auto;} .product_table .pro_price strong{ font-family: 'Montserrat', 'Roboto', 'NotoSans', sans-serif; font-size:22px; padding-right:2px;} .product_table .pro_price strike {font-size:13px; font-weight:normal;} .product_table .pro_price strike.RDL {font-family: 'Montserrat', 'Roboto', 'NotoSans', sans-serif; font-size:18px; line-height:24px; font-weight: 500; text-decoration: underline; text-underline-offset: -.3em; text-decoration-skip-ink: none; text-decoration-color: #d92512; text-decoration-thickness: 2px; } .product_table .pro_sale {display:block; font-weight:bold; font-family: Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움"; font-size: 16px; color:#d92512;} .product_table .pro_sale strong{ font-family: 'Montserrat', 'Roboto', 'NotoSans', sans-serif; font-size:24px; } ul.ul_Dot {padding:0px 0 20px 0px; } ul.ul_Dot li {background:none !important; text-indent: -10px; padding-bottom:5px; line-height:18px;} ul.ul_Dot li::before {content:'ㆍ'; width: 10px; height:10px; padding-left:0; } ul.ul_Dot li em{position: relative; z-index:0; } ul.ul_Dot li em:after { display: block; clear: both; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background: #fff95f; z-index: -1; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} .btnSY7 {display:inline-block; width:90px; height:34px; line-height:32px; text-align:center; font-size:14px; font-weight:bold; letter-spacing:-1px; color:#3b300e; background:#ffcc00; text-decoration:none; border:none; } .btnSY7:hover {background:#d11901; color:#fff; -khtml-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s; transition:all 0.5s; text-decoration:none; cursor:pointer; } .btnSY7_g {display:inline-block; width:90px; height:34px; line-height:30px; text-align:center; font-size:13px; font-weight:bold; letter-spacing:-1px; color:#333; background:#e1e1e1; text-decoration:none; border:none; } .btnSY7_g:hover {background:#bababa; color:#fff; -khtml-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s; transition:all 0.5s; text-decoration:none; cursor:pointer; } .btnSY7_b {display:inline-block; width:90px; line-height:26px; text-align:center; font-size:13px; font-weight:bold; letter-spacing:-1px; color:#fff; background:#5b78d6; text-decoration:none; border:none; } .btnSY7_b:hover {background:#095289; color:#fff; -khtml-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s; transition:all 0.5s; text-decoration:none; cursor:pointer; } .ssl_Pinfo {font-size: 24px; font-family: 'NotoSans', Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움"; font-weight:500; color:#333; padding-bottom:10px; } .ssl_Pinfo img {margin-right:10px; vertical-align:top; } .ssl_Pdetail {font-size:13px; background: #fffac6; padding:10px; margin:10px 0 5px; } /*고객센터 추가*/ #cs_contents {float:left; display:block; width:960px; height:auto; margin:0 auto; } #cs_contents .cs_search {display:block; background:#eff2f8; padding:25px 0 25px 60px; margin:20px 0; font-size:18px; vertical-align:middle; letter-spacing:-2px;} #cs_contents .cs_search_select {cursor:pointer; border: solid 1px #b6b6b6; font-size:16px; width:150px; height:50px; padding:0 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; appearance:none; -moz-appearance:none; -webkit-appearance:none; background:url('/images/common/cs_arrow2.png') no-repeat #fff right 9px center;} #cs_contents .cs_search_select::-ms-expand {display: none; } #cs_contents .cs_search_input {border: solid 1px #b6b6b6; border-right:none; font-size:16px; width:450px; height:50px; padding:0 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #cs_contents .cs_search_img {cursor:pointer; width:50px; height:50px; border: solid 1px #b6b6b6; border-left:none; background:url('/images/common/cs_search.png') no-repeat #fff right 9px center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} #cs_contents ul.cs_manual {display:inline-block; padding:0; margin:0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; vertical-align:top;} #cs_contents ul.cs_manual li {font-size: 14px; line-height:32px; color:#666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-right:10px; letter-spacing:-1px;} #cs_contents ul.cs_manual li strong {color:#325bd7; padding-right:5px; letter-spacing:-1px;} #cs_contents ul.cs_manual li a:hover {text-decoration:underline; } #cs_contents ul.cs_manual li:last-child a {line-height:42px; color:#333; border-bottom:solid 1px #999; font-weight:bold; } #cs_contents ul.cs_manual li:last-child a:hover {color:#325bd7; text-decoration:none; } #cs_contents h2{margin:50px 0 10px; color:#333; font-size:20px; line-height:22px; font-weight:bold; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; letter-spacing:-3px;} #cs_contents h2 strong{font-size:24px; letter-spacing:0; color:#325bd7;} #cs_contents .cs_notice {display:table; margin:60px 0 10px; vertical-align:top;} #cs_contents .cs_notice h2{display:table-cell; width:115px; color:#333; font-size:20px; line-height:36px; font-weight:bold; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; letter-spacing:-3px; vertical-align:top; } #cs_contents .cs_notice h2 a{color:#333;} #cs_contents ul.cs_notice_list {display:table-cell; width:845px; padding:0; margin:0; vertical-align:top; } #cs_contents ul.cs_notice_list li {font-size: 14px; line-height:32px; color:#777; background:url('/v2/images/customer/icon_dot2.gif') no-repeat left center; text-indent:5px; width:420px; letter-spacing:-0.5px; display:inline-block; } #cs_contents ul.cs_notice_list li em {text-align:right; display:inline-block; font-size:12px; color:#999; vertical-align:middle; font-weight:normal; } #cs_contents ul.cs_notice_list li a {display:inline-block; width:330px; text-align:left; vertical-align:middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color:#777; } #cs_contents ul.cs_notice_list li a:hover {text-decoration:underline; } #cs_contents ul.cs_notice_list li:nth-child(1) a{font-weight:bold; color:#333; } #cs_contents ul.cs_notice_list li span {vertical-align:middle; color:#777;} .cs_tip1 {display:inline-block; width:310px; height:180px; border:solid 1px #c1c1c1; padding: 27px 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; vertical-align:top; margin-right:10px; font-size:13px; word-break: keep-all; word-wrap: break-word; background:url('/v2/images/customer/img_tip_01.gif') no-repeat #fff right 15px bottom 5px; } .cs_tip2 {display:inline-block; width:310px; height:180px; border:solid 1px #c1c1c1; padding: 27px 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; vertical-align:top; margin-right:10px; font-size:13px; word-break: keep-all; word-wrap: break-word; background:url('/v2/images/customer/img_tip_02.gif') no-repeat #f9f9f9 right 15px bottom 15px; } .cs_tip3 {display:inline-block; width:310px; height:180px; border:solid 1px #c1c1c1; padding: 27px 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; vertical-align:top; font-size:13px; word-break: keep-all; word-wrap: break-word; background:url('/v2/images/customer/img_tip_03.gif') no-repeat #fff right 15px bottom 5px; } .cs_tip1 h3, .cs_tip2 h3, .cs_tip3 h3 {font-weight:bold; font-size:18px; color:#222; display:block; margin-bottom:20px; letter-spacing:-0.5px;} .cs_tip1 .a_link, .cs_tip2 .a_link, .cs_tip3 .a_link {width:80px; font-size:13px; font-weight:bold; color:#325bd7; display:inline-block; background:url('/v2/images/customer/icon_arrow.png') no-repeat 65px 3px; letter-spacing:-0.5px;} .cs_tip1 span, .cs_tip2 span, .cs_tip3 span {display:block; height:60px; margin-bottom:10px;} /*탭*/ ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 40px; width: 100%; font-family:'Malgun Gothic', 'Apple SD Gothic Neo', '맑은 고딕', 'tahoma', '굴림', 'gulim', 'sans-serif'; font-size:14px; letter-spacing:-0.5px; color:#666; z-index:10; } ul.tabs li { font-family:'Malgun Gothic', 'Apple SD Gothic Neo', '맑은 고딕', 'tahoma', '굴림', 'gulim', 'sans-serif'; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; text-align:center; cursor: pointer; height: 40px; line-height: 39px; border: 1px solid #bfcae0; border-left: none; border-bottom: 1px solid #4d72b9; font-weight: bold; background: #eff2f8; color:#666; z-index:100; } ul.tabs li:first-child{ border-left:1px solid #bfcae0; } ul.tabs li.active:first-child{ border-left:1px solid #4d72b9; } ul.tabs li:hover { background: #fff; transition: all .5s; } ul.tabs li a{ display:block; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', tahoma, 굴림, gulim, sans-serif; color:#666; text-decoration:none; } ul.tabs li img{ margin-left: 5px; margin-bottom: 4px; vertical-align: middle; } ul.tabs li.active { background: #fff; border-top: 3px solid #4d72b9; border-right: 1px solid #4d72b9; border-left: 1px solid #4d72b9; border-bottom:none; color:#1f3cb2; } .tab_container { border: none; clear: both; float: left; width: 100%; background: #fff; position: relative; z-index:1; padding-bottom:100px; } .tab_content4 { padding: 20px 30px; font-size: 13px; display: none; word-break: keep-all; word-wrap: break-word; border: solid 1px #4d72b9; border-top:none; vertical-align:top; } .domCancel {display:inline-block; margin-left:5px; width:22px; height:20px; cursor:pointer; border:none; background:#efefef; font-size:20px; vertical-align:middle; padding-bottom:7px; line-height:16px; text-align:center; line-height:12px; color: #666; } #freeSvc {display:inline-block; } .titleSvc {font-family:'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; font-size:16px !important; font-weight:bold; color:#333; margin:40px 0 15px 0; } .info_box { float:left; margin-right:20px; margin-bottom:15px; border:solid 1px #cfd5e6; width:470px; height:115px; box-sizing:border-box; border-radius: 5px; padding:15px 18px; word-break: keep-all; word-wrap: break-word;background:#fafbff; line-height:24px; } .info_box:nth-child(2), .info_box:nth-child(4), .info_box:nth-child(6) {margin-right:0; } .info_box h4{ font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; font-size:26px !important; font-weight:bold; display:block; color:#899ed9; vertical-align:middle; margin-bottom:0px;} .info_box h4 em{font-size:18px; font-weight:normal; color:#cfd5e6; font-style:normal; display:inline-block; vertical-align:top; margin-bottom:10px; padding: 0 10px 0 5px; vertical-align:middle; } .info_box h4 strong { font-family:'NotoSans', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; font-size:17px !important; font-weight:bold; color:#333; vertical-align:top; padding-top:5px;} .info_box h5{font-size:13px; font-weight:normal; display:block; color:#666; letter-spacing:0px; line-height:22px; padding-left:50px; } /*네이버웍스 배너*/ .email_ban_nworks2 {position:relative; width:960px; height:210px; background:url('/images/banner/email_ban_nworks3.png') no-repeat; margin-top:30px; margin-bottom:100px; } .email_ban_nworks2.my {margin-top:30px; margin-bottom:100px;} .email_ban_nworks2 a {width:160px; position:absolute; display:block; top:135px; left:590px; font-size:14px; box-sizing:border-box;} .email_sban_nworks2 {position:relative; width:750px; height:180px; background:url('/images/banner/email_sban_nworks3.png') no-repeat; margin-top:30px } .email_sban_nworks2 a {width:180px; position:absolute; display:block; top:115px; left:30px; font-size:13px; padding:9px 0; box-sizing:border-box;} .btn_purple_s {display:inline-block; background:#6375e4; font-size:12px; line-height:18px; color:#fff; letter-spacing:-0.5px; font-weight:normal; text-align:center; padding:0px 8px; border:none; vertical-align:middle; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; height:19px; box-sizing:border-box;letter-spacing: -0.5px} .btn_purple_s:hover {background:#8393f6; color:#fff; transition:0.5s; cursor:pointer; } .btn_purple_s2 {display:inline-block; background:#6375e4; font-size:12px; line-height:18px; color:#fff; letter-spacing:-0.5px; font-weight:normal; text-align:center; padding:1px 8px; border:none; vertical-align:middle; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; height:22px; box-sizing:border-box;letter-spacing: -0.5px} .btn_purple_s2:hover {background:#8393f6; color:#fff; transition:0.5s; cursor:pointer; } .btn_purple_s3 {display:inline-block; background:#6375e4; font-size:12px; line-height:28px; color:#fff; letter-spacing:-0.5px; font-weight:normal; text-align:center; padding:0px 8px; border:none; vertical-align:middle; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; height:30px; box-sizing:border-box;letter-spacing: -0.5px} .btn_purple_s3:hover {background:#8393f6; color:#fff; transition:0.5s; cursor:pointer; } .btn_purple_s4 {display:inline-block; background:#6375e4; font-size:13px; line-height:28px; color:#fff; letter-spacing:-0.5px; font-weight:normal; text-align:center; padding:1px 15px; border:none; vertical-align:middle; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; height:30px; box-sizing:border-box;letter-spacing: -0.5px} .btn_purple_s4:hover {background:#8393f6; color:#fff; transition:0.5s; cursor:pointer; } .btn_gray_s {display:inline-block; background:#797979; font-size:12px; line-height:18px; color:#fff; letter-spacing:-0.5px; font-weight:normal; text-align:center; padding:0px 8px; border:none; vertical-align:middle; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px;height:19px; box-sizing:border-box; } .btn_gray_s:hover {background:#333; color:#fff; transition:0.5s; cursor:pointer; } .btn_gray_s2 {display:inline-block; background:#797979; font-size:12px; line-height:18px; color:#fff; letter-spacing:-0.5px; font-weight:normal; text-align:center; padding:2px 8px; border:none; vertical-align:middle; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px;height:22px; box-sizing:border-box;letter-spacing: -0.5px} .btn_gray_s2:hover {background:#333; color:#fff; transition:0.5s; cursor:pointer; } .btn_gray_s2.blk {background: #3c3c3c; color: #fff;} .btn_gray_s3 {display:inline-block; background:#797979; font-size:13px; line-height:18px; color:#fff; letter-spacing:-0.5px; font-weight:normal; height:26px; text-align:center; padding:2px 8px; border:none; vertical-align:middle; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; height:22px; box-sizing:border-box;letter-spacing: -0.5px} .btn_gray_s3:hover {background:#333; color:#fff; transition:0.5s; cursor:pointer; } .btn_gray_s4 {display:inline-block; background:#797979; font-size:13px; line-height:28px; color:#fff; letter-spacing:-0.5px; font-weight:normal; text-align:center; padding:1px 15px; border:none; vertical-align:middle; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; height:30px; box-sizing:border-box;letter-spacing: -0.5px} .btn_gray_s4:hover {background:#333; color:#fff; transition:0.5s; cursor:pointer; } .btn_black_s {display:inline-block; background:#4e4e4e; font-size:11px; line-height:17px; color:#fff; letter-spacing:-0.5px; font-weight:normal; text-align:center; padding:1px 6px 0px; border:none; vertical-align:middle; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;height:19px; box-sizing:border-box; } .btn_black_s:hover {background:#333; color:#fff; transition:0.5s; cursor:pointer; } .btn_black_s3 {display:inline-block; background:#4e4e4e; font-size:12px; line-height:28px; color:#fff; letter-spacing:-0.5px; font-weight:normal; text-align:center; padding:0px 8px; border:none; vertical-align:middle; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; height:30px; box-sizing:border-box;letter-spacing: -0.5px} .btn_black_s3:hover {background:#333; color:#fff; transition:0.5s; cursor:pointer; } .btn_gray_con2 {display:inline-block; background:#ddd; font-size:14px; color:#3b300e; letter-spacing:-1px; font-weight:bold; text-align:center; padding:8px 15px; border:none; } .btn_gray_con2:hover {background:#b5b5b5; color:#fff; transition:0.5s; cursor:pointer; text-decoration:none;} .btn_gray_con3 {display:inline-block; background:#ddd; font-size:14px; color:#3b300e; letter-spacing:-1px; font-weight:bold; text-align:center; padding:6px 15px; border:none; } .btn_gray_con3:hover {background:#b5b5b5; color:#fff; transition:0.5s; cursor:pointer; text-decoration:none;} .btn_red_s {display:inline-block; background:#cd0e32; font-size:12px; line-height:18px; color:#fff; letter-spacing:-0.5px; font-weight:normal; text-align:center; padding:0px 8px; border:none; vertical-align:middle; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; height:19px; box-sizing:border-box;letter-spacing: -0.5px} .btn_red_s:hover {background:#ef2f53; color:#fff; transition:0.5s; cursor:pointer; } .btn_red_s2 {display:inline-block; background:#cd0e32; font-size:12px; line-height:18px; color:#fff; letter-spacing:-0.5px; font-weight:normal; text-align:center; padding:1px 8px; border:none; vertical-align:middle; border-radius: 1px; -webkit-border-radius: 1px; -moz-border-radius: 1px; height:22px; box-sizing:border-box;letter-spacing: -0.5px} .btn_red_s2:hover {background:#ef2f53; color:#fff; transition:0.5s; cursor:pointer; } .nworks_area { width: 960px; height:240px; margin:0 auto; box-sizing:border-box; background: #eefff0 url('/images/banner/img_nworks2.png') no-repeat left -35px bottom; background-size: 300px; padding: 40px 0 0 250px; } .nworks_area h4{ display:inline-block; font-size: 45px; line-height:52px; font-weight:100; letter-spacing:-2.5px; color:#333; font-family:'GmarketSansBold', 'Malgun Gothic', 'Apple SD Gothic Neo', '맑은 고딕', verdana, tahoma, 'gulim', '굴림'; } .nworks_area h4 strong { font-weight:100; color:#19ce60; font-family:inherit; } .nworks_area h5{ display:block; font-size: 20px; font-weight:normal; letter-spacing:-0.6px; color:#333; padding: 10px 0 15px; font-family:'GmarketSansMedium', 'Malgun Gothic', 'Apple SD Gothic Neo', '맑은 고딕', verdana, tahoma, 'gulim', '굴림'; } .nworks_area h5 strong { font-weight:normal; color:#19ce60; font-family:inherit; } .btn_white_con {display:inline-block; width:200px; height:35px; line-height:24px; background:#fff; font-size:15px; color:#3b300e; letter-spacing:-1px; text-align:center; padding:5px 0; border:solid 1px #333; text-decoration:none; box-sizing:border-box; font-family:'GmarketSansMedium', 'Malgun Gothic', 'Apple SD Gothic Neo', '맑은 고딕', verdana, tahoma, 'gulim', '굴림'; } .btn_white_con:hover {background:#19ce60; color:#fff; border:solid 1px #19ce60; transition:0.5s; cursor:pointer; text-decoration:none;} .tooltip { position: relative; padding:0px; margin:0px; display: inline; } .tooltip img {margin-bottom:2px; box-sizing:border-box; padding:0px; margin:0px; cursor:pointer; z-index: 104; } .tooltip .tooltip_text { position: absolute; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; visibility: hidden; opacity: 0; transition: all .5s ease-out; width:100%; font-size:13px; font-weight:normal; line-height:20px; background-color: #fff6ac; color: #444; text-align: left; padding: 7px 13px; z-index: 10; bottom: 30px; transform: translateX( -80% ); border: solid 1px #fff6ac; left:0%; margin-left: calc(100% - 50px); word-break: keep-all; word-wrap: break-word; } /*.tooltip .tooltip_text:before { content: ''; position: absolute; background: transparent; border: 8px solid transparent; border-top-color: #fff6ac; left: 280px; bottom:-16px; z-index: 103; }*/ .tooltip .tooltip_text:after { content: ''; position: absolute; background: transparent; border: 8px solid transparent; border-top-color: #fff6ac; bottom:-16px; z-index: 101; } .tooltip:hover .tooltip_text { visibility: visible; opacity: 1; } /* 도메인 검색결과 체크박스*/ @-webkit-keyframes borderscale3 { 50% {box-shadow: 0 0 0 3px #89b7ff;} } @keyframes borderscale3 { 50% {box-shadow: 0 0 0 3px #89b7ff;} } .ico_BroNt {position: relative; display:inline-block; vertical-align:top;} .ico_BroNt input {position: absolute; top:10px; left:10px; width:0; height:0; box-sizing:border-box;} .ico_BroNt input + label {display:inline-block; vertical-align:top; font-size:0; color:#333333; line-height:40px; min-height:40px; padding-left:22px;} .ico_BroNt.f_size input + label {display:inline-block; vertical-align:top; font-size:inherit; color:#333333; line-height:40px; min-height:40px; padding-left:22px;} .ico_BroNt.off label {color:#ccc;} .ico_BroNt.off input + label, .ico_BroNt.off input + label:hover{} .off .ico_BroNt label {} .off .ico_BroNt input + label, .off .ico_BroNt input + label:hover {} .off.on .ico_BroNt label {} .off.on .ico_BroNt input + label, .off.on .ico_BroNt input + label:hover{} .ico_BroNt input:focus + label:before {border-color: #ccc;} .ico_BroNt input:hover + label:before {border-color: #999;} .ico_BroNt input + label:before {box-sizing: content-box; content: ''; color: #cccccc; position: absolute; top:50%; left: 0; width:18px; height:18px; margin-top:-11px; border:2px solid #cccccc; text-align: center; background:#fff; border-radius:3px;} .ico_BroNt input + label:after {box-sizing: content-box; content: ''; background-color: #fff; position: absolute; top:47%; left:6px; width:8px; height:4px; margin-top:-4px; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transition: -webkit-transform 200ms ease-out; transition: -webkit-transform 200ms ease-out; transition: transform 200ms ease-out; transition: transform 200ms ease-out, -webkit-transform 200ms ease-out; background-color: transparent; border-style: solid; border-color: #cccccc; border-width: 0 0 3px 3px; -webkit-border-image: none; -o-border-image: none; border-image: none; -webkit-transform: rotate(-45deg) scale(1); transform: rotate(-45deg) scale(1); -webkit-transition: none; transition: none;} .ico_BroNt input:checked + label:after {content: ''; -webkit-transform: rotate(-45deg) scale(1); transform: rotate(-45deg) scale(1); -webkit-transition: -webkit-transform 200ms ease-out; transition: -webkit-transform 200ms ease-out; transition: transform 200ms ease-out; transition: transform 200ms ease-out, -webkit-transform 200ms ease-out;} .ico_BroNt input:checked + label:before {-webkit-animation: borderscale3 200ms ease-in; animation: borderscale3 200ms ease-in; background-color:#5b78d6; border-color:#5b78d6;} .ico_BroNt input:checked + label:after {-webkit-transform: rotate(-45deg) scale(1); transform: rotate(-45deg) scale(1); border-color:#fff;} .ico_BroNt input + label:before{border-radius: 50%;} .ico_BroNt input + label:after{border-radius: 0;} .off.ico_BroNt input + label:before, .off.ico_BroNt input:checked + label:before, .off .ico_BroNt input + label:before, .off .ico_BroNt input:checked + label:before {-webkit-animation:none; animation:none; background:url(../image/ico_ro_off2.png) center no-repeat; background-size:42px; border-color:#cccccc;} .off.ico_BroNt input + label:after, .off.ico_BroNt input:checked + label:after, .off .ico_BroNt input + label:after, .off .ico_BroNt input:checked + label:after {display:none;} .icon_S_red { display:inline-block; box-sizing:border-box; vertical-align:middle; font-size:11px; width:30px; height:18px; text-align:center; line-height:18px; border-radius:2px; color:#fff; background:#e77182; letter-spacing:-0.5px; font-weight:normal; font-family:'NotoSans', 'Malgun Gothic', 'Apple SD Gothic Neo', '맑은 고딕', verdana, tahoma, 'gulim', '굴림';} .icon_S_blue { display:inline-block; box-sizing:border-box; vertical-align:middle; font-size:11px; width:30px; height:18px; text-align:center; line-height:18px; border-radius:2px; color:#fff; background:#9f7add; letter-spacing:-0.5px; font-weight:normal; font-family:'NotoSans', 'Malgun Gothic', 'Apple SD Gothic Neo', '맑은 고딕', verdana, tahoma, 'gulim', '굴림';} .icon_S_green { display:inline-block; box-sizing:border-box; vertical-align:middle; font-size:11px; width:30px; height:18px; text-align:center; line-height:18px; border-radius:2px; color:#fff; background:#66bd8b; letter-spacing:-0.5px; font-weight:normal; font-family:'NotoSans', 'Malgun Gothic', 'Apple SD Gothic Neo', '맑은 고딕', verdana, tahoma, 'gulim', '굴림';} .icon_S_gray { display:inline-block; box-sizing:border-box; vertical-align:middle; font-size:11px; width:50px; height:22px; text-align:center; border:solid 1px #c3c3c3; line-height:20px; border-radius:2px; color:#767676; background:#f0f0f0; letter-spacing:-1px; font-weight:normal; font-family:'NotoSans', 'Malgun Gothic', 'Apple SD Gothic Neo', '맑은 고딕', verdana, tahoma, 'gulim', '굴림';} .icon_S_gray:hover {background:#d9d9d9; color:#333; transition:0.5s; text-decoration:none;} .icon_S_gray2 { display:inline-block; box-sizing:border-box; vertical-align:middle; font-size:11px; width:50px; height:22px; text-align:center; border:solid 1px #898989; line-height:20px; border-radius:2px; color:#fff !important; background:#898989; letter-spacing:-1px; font-weight:normal; font-family:'NotoSans', 'Malgun Gothic', 'Apple SD Gothic Neo', '맑은 고딕', verdana, tahoma, 'gulim', '굴림';} .icon_S_gray2:hover {background:#727272; color:#fff; transition:0.5s; text-decoration:none;} /* 도메인 검색결과 체크박스*/ /* 내 서비스 관리 스벅배너 */ .star_event_txt {padding: 15px 30px 11px; background: #33a580 url(/images/banner/star_logo.png) 120% 35% no-repeat; background-size: 45%; margin-top: 10px;} .star_event_txt h2 {color: #fff; font-size: 29px; line-height: 1.2; font-family: 'SpoqaHanSans'; font-weight: 400; margin-bottom: 10px;} .star_event_txt h2 strong {color:#ffcc00; font-weight: normal;} .star_event_txt h2 .script {font-size: 24px; color: #ffcc00; font-weight: bold; letter-spacing: -1px; margin-left: 5px;} .star_event_txt h2 em {font-style: italic;} .star_event_txt.simbol {padding: 15px 30px 11px; background: #33a580 url(/images/banner/star_simbol.png) 98% no-repeat; background-size: 27%; margin-top: 10px;} .star_event_txt.simbol h2 {display:inline-block;} .star_event_txt.simbol a {vertical-align: super; margin-left: 15px;} .bg_emphasis { font-family:inherit; display:block; } .bg_emphasis span {position: relative; z-index:0; } .bg_emphasis span:after { display: block; clear: both; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; background: #fbf200; z-index: -1; -khtml-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s;} /* .vn 도메인 등록 시, 소유자명 툴팁 */ .tooltip-keyword2 { position:absolute; z-index:10000; top:-15px; background: #fff6ac; color: #444; padding: 6px 10px 6px 10px; line-height: 14px; font-size: 13px; border: solid 1px #8a8a53; white-space: nowrap; text-shadow: 0 -0 0px black; box-shadow: 6px 6px 10px rgba(0, 0, 0, 0.3);animation-name:alert-m2; animation-duration:0.3s;} @keyframes alert-m2 {0% {top:-18px; opacity:0;} 100% {top:-11px;}} .tooltip-keyword2:before { content: ''; position: absolute; background: transparent; border: 8px solid transparent; border-top-color: #fff6ac; top:26px; z-index: 1000003; } .tooltip-keyword2:after { content: ''; position: absolute; background: transparent; border: 8px solid transparent; border-top-color: #8a8a53; left:10px; top:27px; z-index: 1000001; } /* 250618 도메인 재검색 추가 */ .tooltip-keyword2.research {top: -20px; left: 102px;} /* 메일 자동완성 기능 */ .mail-autocomplete { position: relative; display: inline-block;} /*.mail-autocomplete input {width:490px;}*/ .autocomplete-items { position: absolute; border: 1px solid #808080; border-bottom: none; border-top: none; z-index: 99; top: 100%; left: 0; right: 0;} .autocomplete-items div { padding: 5px 10px 5px 5px; font-size:12px; font-weight: bold; letter-spacing: -0.5; cursor: pointer; color: #2065d1; background-color: #EDF1FB; border-bottom: 1px solid #BAC7E3;word-wrap: break-word; } .autocomplete-items div:last-child {border-bottom: 1px solid #808080;} .autocomplete-items div:hover { background-color: #fff; } .autocomplete-items div strong {color: #102E56;} .autocomplete-active { background-color: #347adc !important; color: #ffffff !important; } .autocomplete-items div > span {word-break: break-all;} dt.p_email > span {vertical-align:top;} dt.p_email > .autocomplete-items {position: relative; } /* SMS 탭 */ .listSY12 {width:100%; table-layout: fixed; padding:0; text-align:center; box-sizing: border-box; margin: 10px 0 20px; } .listSY12 * {font-family: 'Roboto', 'NotoSans', sans-serif; -khtml-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; box-sizing: border-box;} .listSY12 li.off {position: relative; vertical-align: middle; text-align:center; background:#f5f5f5; border:1px solid #cecece; border-bottom:1px solid #2a313c; border-width:1px 1px 1px 0; } .listSY12 li:first-child {border-width:1px 1px 1px 1px;} .listSY12 li:last-child {background:#fff1f3; } .listSY12 li a {position: relative; display:block; width:100%; color:#333; line-height:1; padding:13px 0 13px; text-decoration:none; font-size:14px; font-weight:bold; letter-spacing:-1px;} .listSY12 li a:hover {background:#fff; } .listSY12 li.on {border-right:1px solid #2a313c; border-left:1px solid #2a313c; border-top:3px solid #325cd6; border-width:3px 1px 0 1px;} .listSY12 li.on a {padding-top:10px; color:#333333; background:#fff; font-size:14px; } .listSY12 li.on:before {display:block; clear:both; content:""; position: absolute; top:-2px; left:-1px; width:1px; height:calc(100% + 2px); } /*background:#2a313c;*/ .listSY12 li.on:after {display:block; clear:both; content:""; position: absolute; bottom:-1px; left:0; width:100%; height:1px; background:#fff;} .listSY12 li.on:first-child:before {display:none;} .listSY12 li.on:last-child {background:#fff; } .tableSY {display:table;} .tableSY li {display:table-cell;} .dn {display:none;} .tab_cont {min-height:300px;} /* 프로세스 변경 2023.03.15 */ #process_bar {display:block; padding:5px 0 20px 5px; } #process_bar ul { font-size:0px;background:none; } #process_bar ul li {background:none !important; display:inline-block; font-size:13px; letter-spacing:-1.5px; font-weight:bold; box-sizing: border-box; margin:0; padding: 0 20px 5px 18px; border-bottom: solid 4px #bebebe; color:#7d7d7d; position:relative; text-align: center; min-width: 90px; font-family: 'NotoSans';} #process_bar ul li::after {content:"|"; color:#bebebe; position:absolute; right:-1px; bottom:-10px; height: 19px;} #process_bar ul li.done {border-bottom: solid 4px #3f58bc; color:#3f58bc; } #process_bar ul li.on {border-bottom: solid 4px #3f58bc; color:#3f58bc; } #process_bar ul li.on::after {content:"▶"; color:#3f58bc; position:absolute; right:-3px; bottom:-10px; z-index:1; } #process_bar ul li.on:before {content:"|"; color:#3f58bc; position:absolute; left:-2px; bottom:-10px; height: 19px;} #process_bar ul li.off {border-bottom: solid 4px #3f58bc; color:#8899db; } #process_bar ul li.off:before {content:"|"; color:#3f58bc; position:absolute; left:-2px; bottom:-10px; height: 19px;} #process_bar ul li.off:after {display:none;} #process_bar ul li:first-child:before {content:"|"; color:#3f58bc; position:absolute; left:-2px; bottom:-10px; height: 19px;} #process_bar ul li.on:last-child::after {content:"|" !important; color:#3f58bc; right:0; height: 19px;} /* 로그인 네이버웍스 배너 2023.04.17 */ .login_page .banner_area.new {float: none; background: none; display: inline-block;} .login_page .banner_area.new a {transition: all .3s ease;} .login_page .banner_area.new a:hover {color: #d00e0e; transition: all .3s ease;} .login_nworks {display:inline-block; background:url('/images/common/login_nw_logo2.png') no-repeat 20px 30px / 160px; padding:30px 20px; margin-top: 17px; box-sizing:border-box; transition: all .3s ease;} /*.login_nworks:hover {background:#fff url('/images/common/login_nworks.png') no-repeat 10px 25px / 85px; padding:30px 25px 30px 20px; box-sizing:border-box; transition: all .3s ease;}*/ .login_nworks div {display:inline-block; margin-top: 29px;} .login_nworks h4 {font-size:36px; font-family: 'GmarketSansMedium'; font-weight:bold; letter-spacing:-2px; line-height:1.5; color: #222;} .login_nworks h4 strong {color:#03c75a; font-weight:bold; font-family: 'GmarketSansMedium'; } .login_nworks h4:hover {color: #d00e0e;} .login_nworks h4 span {box-shadow:inset 0 -18px #fff736; font-family: 'GmarketSansMedium'; } .login_nworks p { font-size:19px; letter-spacing:-0.7px; color:#666; line-height:1.5; padding-top:0; font-family: 'GmarketSansMedium'; } .login_nworks p strong { font-weight:normal; color: #03c75a; font-family: 'GmarketSansMedium'; } .login_nworks p em {font-style: italic;} /* 팝업 영역 */ .popOpenBtnCmmn { /*display:inline-block; border-radius:15px; border:1px solid #bcd5d9; background:#f2f7f8; padding:3px 10px 4px 10px; font-size:12px; line-height:14px; color:#296874; box-sizing: border-box; text-align:center; margin:2px 5px; */ z-index:10; opacity:1; transition:all 0.3s; cursor:pointer; } .popOpenBtnCmmn::after { }/* content:'>'; padding-left:3px; vertical-align:text-top; */ .popOpenBtnCmmn:hover {/* background:#cfe5e8; border:1px solid #cfe5e8; color:#1a7483; */ -khtml-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; text-decoration:none;opacity:1; } .popCmmn { display:none; position:relative; width:100%; height:100%; z-index:100; } .popBg { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0); z-index:10; } .popInnerBox { display:flex; justify-content:space-between; flex-direction:column; position:absolute; top:0px; left:calc(50% + 300px); width:700px; margin:0 0 0 -400px; text-align:center; background:#fff; border: solid 1px #353b4c; z-index:12; box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; } .popHead { padding:15px; margin:-1px; background: #353b4c; color:#fff; font-size:16px; letter-spacing:-1px; text-align:left; font-weight:normal; } .popHead::after { display:none; content: ''; position: absolute; background: transparent; border: 8px solid transparent; border-bottom-color: #353b4c; z-index: 9; top: -13px; left: calc(10% - 6px); /* transform: translateX( -50% ); */ border-width: 6px; border-style: solid; border-color: transparent transparent #353b4c transparent; } .popBody { vertical-align:top; padding:25px 35px; box-sizing:border-box; font-size:13.5px; word-break:keep-all; text-align:left; line-height:24px; color:#555; background:#fff; } .popBody h2 { text-indent:-15px; color:#2969d3; font-weight:bold; padding:10px 0 5px 0; font-size:16px; letter-spacing:-1px; } .popBody h2::before { color:#2969d3; font-weight:bold; content:'ㆍ' } .popBody img { display:block; margin:5px 0 20px; border:solid 1px #cbcbcb; } .popBody_dom { vertical-align:top; padding:15px 20px; box-sizing:border-box; font-size:14px; word-break:keep-all; text-align:left; line-height:22px; color:#555; background:#fff; font-weight:normal; } .popCloseBtnCmmn { position:absolute; float:right; cursor:pointer; right:12px; top:11px; background:#828796; font-size:13px; padding:3px 7px; color:#fff; transition:all 0.3s; border: none; text-indent: 0; } .popCloseBtnCmmn:hover { background:#495167; } /* -------- 메인 UI개편 2023.05.25 -------- */ #main_contents.new {float:none;} #main_contents.new .main_img3 {float:none; border-bottom: none; margin-top: 0;} #main_contents.new .main_img3 .mainVisual {width: 960px; height: 289px; padding: 50px 0 0 30px; box-sizing: border-box; background: url('/images/main/visual_01.png') 20px bottom no-repeat; background-size: 960px; transition:0.5s; cursor: pointer;} #main_contents.new .main_img3 .mainVisual:hover a {background:#d11901; color:#fff; transition:0.5s; cursor:pointer; } #main_contents.new .main_img3 .mainVisual.sms { background: url('/images/main/visual_02.png') 20px bottom no-repeat; background-size: 960px; padding-top: 42px; transition:0.5s;} #main_contents.new .main_img3 .mainVisual.media { background: url('/images/main/visual_03.png') 10px bottom no-repeat; background-size: 960px; transition:0.5s;} #main_contents.new .main_img3 .mainVisual:hover {background: url('/images/main/visual_01.png') -10px bottom no-repeat; background-size: 960px; cursor: pointer; transition:0.5s;} #main_contents.new .main_img3 .mainVisual:hover.sms { background: url('/images/main/visual_02.png') -10px bottom no-repeat; background-size: 960px; transition:0.5s;} #main_contents.new .main_img3 .mainVisual:hover.media { background: url('/images/main/visual_03.png') -20px bottom no-repeat; background-size: 960px; transition:0.5s;} #main_contents.new .main_img3 .mainVisual h2 {font-family: 'GmarketSansMedium'; font-weight: normal; font-size: 40px; color: #111111; line-height: 1; letter-spacing: -2px; margin-bottom: 15px;} #main_contents.new .main_img3 .mainVisual h2 strong {color: #4f63de; font-family: 'GmarketSansMedium'; letter-spacing: -1px; } #main_contents.new .main_img3 .mainVisual h4 {font-family: 'GmarketSansMedium'; font-weight: normal; font-size: 16px; color: #111111; margin-bottom:40px;} #main_contents.new .main_img3 .mainVisual h4 strong {color: #4f63de; font-family: 'GmarketSansMedium'; } #main_contents.new .main_img3 .mainVisual .star-event {position: absolute; top: 160px; left: 240px;} #main_contents.new .main_img3 .mainVisual .star-event img {vertical-align:middle;} #main_contents.new .main_img3 .mainVisual .star-event .txt {display:inline-block; vertical-align:middle; font-family: 'GmarketSansMedium'; font-size:14px; color:#2f2f2f; line-height: 1.5; } #main_contents.new .main_img3 .mainVisual .star-event .txt strong {color:#0e8d32; font-family: 'GmarketSansMedium';} #main_contents.new .main_img3 .mainVisual .sms_sale {display: inline-block; vertical-align: middle; font-size: 24px; letter-spacing: -1.5px; padding-left: 15px; padding-top:6px; font-family: 'GmarketSansMedium';} #main_contents.new .main_img3 .banner_num {position: absolute; top: 10px; right: 10px;} #main_contents.new .main_img3 .banner_num ul {padding:0;} #main_contents.new .main_img3 .banner_num li {display:inline-block; font-size: 0; margin-right: 3px;} #main_contents.new .main_img3 .banner_num .banner_num_off {display: block; width: 15px; height: 15px; background: #dedede; margin-bottom: 3px; cursor: pointer; border-radius: 50px;} #main_contents.new .main_img3 .banner_num .banner_num_on {display: block; width: 15px; height: 15px; background: #4f63de; margin-bottom: 3px; cursor: pointer; border-radius: 50px;} #main_contents.new .main_sv .webh_ban {display:inline-block; float:left; margin-right:10px; width:330px; height:430px; background:#0d94cc url('/images/main/main_web_img_bg2.png') 35px bottom no-repeat; background-size: 342px 430px; padding:40px 30px 40px 35px; box-sizing:border-box; cursor: pointer; transition:0.5s;} #main_contents.new .main_sv .webh_ban:hover {background:#1d8cbb url('/images/main/main_web_img_bg3.png') 10px bottom no-repeat; background-size: 342px 430px; filter: drop-shadow(10px 15px 10px rgb(0 0 0 / 30%)); transition:0.5s;} #main_contents.new .main_sv .webh_ban h3 {font-family: 'GmarketSansMedium'; font-size:26px; color:#fff; line-height: 1.2; margin-bottom:20px;} #main_contents.new .main_sv .webh_ban h3 strong {font-family: 'GmarketSansMedium'; font-weight:normal; box-shadow: inset 0 -16px #19b48e; display:inline-block;} #main_contents.new .main_sv .webh_ban p {color:#fff; font-size:16px; line-height:1.4; letter-spacing:-1px; font-family: 'NotoSans'; word-break: keep-all;} #main_contents.new .main_sv .webh_ban a {font-family: 'GmarketSansMedium'; font-size:16px; border-bottom:solid 1px #fff; color:#fff; } #main_contents.new .main_sv .main_sv_area {display:inline-block; width:620px;} #main_contents.new .main_sv .main_sv_area .ssl_ban {width:620px; height:210px; background:#2f305d url('/images/main/main_ssl_img_bg2.png') 70px bottom no-repeat; padding:40px 40px; margin-bottom: 10px; box-sizing:border-box; cursor: pointer; background-size: 620px 210px; transition:0.5s;} #main_contents.new .main_sv .main_sv_area .ssl_ban:hover {background:#212246 url('/images/main/main_ssl_img_bg3.png') 55px bottom no-repeat; background-size: 620px 210px; filter: drop-shadow(10px 10px 10px rgb(0 0 0 / 30%)); transition:0.5s;} #main_contents.new .main_sv .main_sv_area .ssl_ban h3 {font-family: 'GmarketSansMedium'; font-size:24px; color:#fff; line-height: 1.2; margin-bottom:10px; } #main_contents.new .main_sv .main_sv_area .ssl_ban h3 strong {font-family: 'GmarketSansMedium'; font-weight:normal; box-shadow: inset 0 -16px #19b48e; display:inline-block;} #main_contents.new .main_sv .main_sv_area .ssl_ban p {color:#fff; font-size:16px; line-height:1.4; letter-spacing:-1px; font-family: 'NotoSans'; word-break: keep-all;} #main_contents.new .main_sv .main_sv_area .ssl_ban a {font-family: 'GmarketSansMedium'; font-size:14px; border-bottom:solid 1px #fff; color:#fff; } #main_contents.new .main_sv .main_sv_area .sms_ban {display:inline-block; float:left; width:305px; height:210px; background:#3275da url('/images/main/main_sms_img2.png') 195px 150px no-repeat; background-size: 110px 90px; padding:40px 30px 40px 35px; box-sizing:border-box; margin-right:10px; cursor: pointer; transition:0.5s;} #main_contents.new .main_sv .main_sv_area .sms_ban:hover {background:#3569b7 url('/images/main/main_sms_img3.png') 185px 150px no-repeat; background-size: 110px 90px; filter: drop-shadow(10px 10px 10px rgb(0 0 0 / 30%)); transition:0.5s;} #main_contents.new .main_sv .main_sv_area .sms_ban h3 {font-family: 'GmarketSansMedium'; font-size:22px; color:#fff; line-height: 1.2; letter-spacing: -1px; margin-bottom:10px; } #main_contents.new .main_sv .main_sv_area .sms_ban h3 strong {font-family: 'GmarketSansMedium'; font-weight:normal; box-shadow: inset 0 -16px #19b48e; display:inline-block;} #main_contents.new .main_sv .main_sv_area .sms_ban p {color:#fff; font-size:15px; line-height:1.4; letter-spacing:-1px; font-family: 'NotoSans'; word-break: keep-all;} #main_contents.new .main_sv .main_sv_area .sms_ban a {font-family: 'GmarketSansMedium'; font-size:14px; border-bottom:solid 1px #fff; color:#fff; } #main_contents.new .main_sv .main_sv_area .media_ban {display:inline-block; width:305px; height:210px; background:#6065d4 url('/images/main/main_media_img2.png')195px 150px no-repeat; background-size: 120px 100px; padding:40px 30px 40px 35px; box-sizing:border-box; cursor: pointer; transition:0.5s;} #main_contents.new .main_sv .main_sv_area .media_ban:hover {background:#5256a9 url('/images/main/main_media_img3.png')185px 150px no-repeat; background-size: 120px 100px; filter: drop-shadow(10px 10px 10px rgb(0 0 0 / 30%)); transition:0.5s;} #main_contents.new .main_sv .main_sv_area .media_ban h3 {font-family: 'GmarketSansMedium'; font-size:22px; color:#fff; line-height: 1.2; letter-spacing: -1px; margin-bottom:10px; } #main_contents.new .main_sv .main_sv_area .media_ban h3 strong {font-family: 'GmarketSansMedium'; font-weight:normal; box-shadow: inset 0 -16px #19b48e; display:inline-block;} #main_contents.new .main_sv .main_sv_area .media_ban p {color:#fff; font-size:15px; line-height:1.4; letter-spacing:-1px; font-family: 'NotoSans'; word-break: keep-all;} #main_contents.new .main_sv .main_sv_area .media_ban a {font-family: 'GmarketSansMedium'; font-size:14px; border-bottom:solid 1px #fff; color:#fff; } #main_contents.new .main_csc {padding:10px 0 70px;} #main_contents.new .main_csc .mail_ban {display:inline-block; float:left; width:330px; height:200px; margin-right:10px; background:#fff; border:solid 1px #0d94cc; padding:35px 30px 30px 35px; box-sizing:border-box; cursor: pointer; transition:0.5s;} #main_contents.new .main_csc .mail_ban:hover {filter: drop-shadow(10px 10px 10px rgb(0 0 0 / 30%)); transition:0.5s;} #main_contents.new .main_csc .mail_ban h3 {font-family: 'GmarketSansMedium'; font-size:22px; color:#111; line-height: 1.2; letter-spacing: -1px; margin-bottom:10px; } #main_contents.new .main_csc .mail_ban h3 strong {font-family: 'GmarketSansMedium'; font-weight:normal; color:#0d94cc;} #main_contents.new .main_csc .mail_ban p {color:#333; font-size:15px; line-height:1.4; letter-spacing:-1px; font-family: 'NotoSans'; word-break: keep-all;} #main_contents.new .main_csc .mail_ban a {font-family: 'GmarketSansMedium'; font-size:14px; border-bottom:solid 1px #0d94cc; color:#0d94cc; } #main_contents.new .main_csc .transfer_ban {display:inline-block; float:left; width:305px; height:200px; margin-right:10px; background:#fff; border:solid 1px #3275da; padding:35px 30px 30px 35px; box-sizing:border-box; cursor: pointer; transition:0.5s;} #main_contents.new .main_csc .transfer_ban:hover {filter: drop-shadow(10px 10px 10px rgb(0 0 0 / 30%)); transition:0.5s;} #main_contents.new .main_csc .transfer_ban h3 {font-family: 'GmarketSansMedium'; font-size:22px; color:#111; line-height: 1.2; letter-spacing: -1px; margin-bottom:10px; } #main_contents.new .main_csc .transfer_ban h3 strong {font-family: 'GmarketSansMedium'; font-weight:normal; color:#3275da;} #main_contents.new .main_csc .transfer_ban p {color:#333; font-size:15px; line-height:1.4; letter-spacing:-1px; font-family: 'NotoSans'; word-break: keep-all;} #main_contents.new .main_csc .transfer_ban a {font-family: 'GmarketSansMedium'; font-size:14px; border-bottom:solid 1px #3275da; color:#3275da; } #main_contents.new .main_csc .noti_area {display:inline-block; width:305px; height:200px; background:#e9eaf1; padding: 35px 20px 30px 30px; box-sizing:border-box; } #main_contents.new .main_csc .noti_area h4 { margin-bottom: 10px;} #main_contents.new .main_csc .noti_area h4 a {display: block; font-size:17px; color:#333333; font-family: 'GmarketSansMedium'; font-weight:bold; letter-spacing:-0.5px;} #main_contents.new .main_csc .noti_area h4 a:hover {color:#4f63de;} #main_contents.new .main_csc .noti_area h4 a .more:before, .more:after { position: absolute; top:30px; right: 45px; content: ' '; height: 20px; width: 2px; background: #000;} #main_contents.new .main_csc .noti_area h4 a .more:before { transform: rotate(90deg);} #main_contents.new .main_csc .noti_area h4 a .more:after { transform: rotate(0deg);} #main_contents.new .main_csc .noti_area h4 a:hover .more:before {background: #4f63de;} #main_contents.new .main_csc .noti_area h4 a:hover .more:after {background: #4f63de;} #main_contents.new .main_csc .noti_area ul {padding:0;} #main_contents.new .main_csc .noti_area ul li {padding: 5px 0; position: relative; } #main_contents.new .main_csc .noti_area ul li:before {content: ""; width: 4px; height: 4px; background: #4f63de; position: absolute; top: 13px; left: 0px;} #main_contents.new .main_csc .noti_area ul li a {font-size:14px; color:#666; padding-left: 10px; font-family: 'NotoSans'; line-height: 1.3;} #main_contents.new .main_csc .noti_area ul li a:hover {color:#4f63de;} /* ---- 2023.06.20 상품안내 전화번호 추가 ---- */ #webh_service .webh_main.tel-add h3.webh {margin-top: 0; margin-bottom: 10px; line-height: 48px;} .pro_tel_info {margin-top: 15px; } .pro_tel_info dt {border-radius: 50px; background:#f0f2fa; display: inline-block; padding: 10px 20px; vertical-align: middle;} .pro_tel_info dt p {display: inline-block; background:url('/images/common/ico_tel_n.png') left center / 20px no-repeat; color:#4f63de; font-size:19px; font-family:'Roboto', 'NotoSans'; font-weight: 700; letter-spacing: -1px; padding: 0 5px 0 25px; vertical-align: middle; } .pro_tel_info dt > span {font-size: 14px; font-weight: 500; vertical-align: middle !important; font-family:'Roboto', 'NotoSans'; color:#4f63de; font-weight: 500; letter-spacing: -0.5px;} .pro_tel_info dd { display: inline-block; color:#4f578e; font-weight: 400; font-size: 16px; font-family: 'NotoSans'; letter-spacing: -1px; padding-left:5px; vertical-align: middle;} .pro_tel_info dd em {font-style:italic; margin-right:3px;} .style_address { padding: 10px 15px; margin-bottom: 10px; margin-top:5px; background: #fffaac; color: #333; font-size: 12.5px; letter-spacing: -0.5px; line-height: 18px; } .style_address h5 { font-size: 15px; font-weight: bold; display: block; margin-bottom: 10px; } .style_address a { color: #333; text-decoration: underline; } .style_address span.email { text-decoration: underline; } .style_address2 { background: #fffaac; color: #333; font-size: 13px; letter-spacing: 0; word-break: keep-all; } .icon_domResult { display:block; text-align:left; color:#888; font-size:13px; margin:10px 0 0 10px; letter-spacing:-0.5px; } .icon_domResult img { display:inline-block; width:18px; margin-left:15px; margin-right:3px; vertical-align: text-top; } .title_sub {font-family:'GmarketSansMedium', 'Noto Sans Kr', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; font-weight:bold; font-size:24px; color:#000; } /* ---- 2023.10.12 header 로그인 버튼 ---- */ a.btn_Mem {display:inline-block; height:20px; width: 60px; line-height:19px; text-align:center; font-size:11px; font-weight:bold; padding:0 7px; letter-spacing:-1px; color:#3f52c3; background:#fff; border:solid 1px #3f52c3; text-decoration:none; font-family:-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif, '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; vertical-align:middle; cursor: pointer; box-sizing: border-box;} a.btn_Mem:hover {background:#3f52c3; color:#fff; -khtml-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; } a.btn_Mem_gray {display:inline-block; height:20px; width: 60px; line-height:19px; text-align:center; font-size:11px; font-weight:bold; padding:0 7px; letter-spacing:-1px; color:#444; background:#fff; border:solid 1px #444; text-decoration:none; font-family:-apple-system,BlinkMacSystemFont,helvetica,Apple SD Gothic Neo,sans-serif, '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; vertical-align:middle; cursor: pointer; box-sizing: border-box;} a.btn_Mem_gray:hover {background:#444; color:#fff; -khtml-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; -webkit-transition:all 0.3s; transition:all 0.3s; } .w920px {width:920px;} /* ---- 2024.10.10 내 호스팅관리 정기결제 버튼 ---- */ .btn_yellow_con_s {background: #ffcc00; color: #000000; border: solid 1px #cba62f; font-size: 12px; padding: 1px 6px 3px; /* font-weight: bold; */ letter-spacing: -1px; font-family: 'NotoSans'; border-radius: 2px; cursor: pointer;} .btn_purple_con_s {background: #ffffff; color: #4e5dba; border: solid 1px #4e5dba; font-size: 12px; padding: 1px 6px 3px; /* font-weight: bold; */ letter-spacing: -1px; font-family: 'NotoSans'; border-radius: 2px; cursor: pointer;} /* ---- 2024.11.05 보안서버인증서 안내 가격선택 ---- */ .ssl-select { position:relative; width: 172px; height: 34px; border: 1px solid #333; font-family: 'GmarketSansMedium',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움"; font-size:14px; box-sizing:border-box; line-height:20px; background:#fff; margin: 5px auto; } .ssl-select .selected { display: flex; justify-content: space-between; padding: 3px 5px; cursor: pointer; font-family: 'GmarketSansMedium',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움"; box-sizing:border-box; } .ssl-select .selected .selected-value { padding: 5px 5px 5px 0; font-family: 'GmarketSansMedium',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움"; box-sizing:border-box; } .ssl-select ul li, .ssl-select .selected .selected-value { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ssl-select strong { font-family: inherit; font-size:16px; color:#d92512; } .ssl-select b { font-family: inherit; font-size:15px; color:#333; } .ssl-select ul { width: 172px; border: 1px solid #333; display: none; position: absolute; top: 6px; left:0.5px; background: #fff; border-top:none; margin: -3px -1px 0 -1px; cursor: pointer; list-style-type: none; padding-left: 0px; z-index:10; box-sizing: border-box; padding: 0 !important; } .ssl-select.active ul { display: block; } .ssl-select ul li { padding: 5px 0 5px 10px !important; font-family: 'GmarketSansMedium',Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움"; font-size: 14px; color:#333; box-sizing:border-box; display:inline-block; width:100%; background:#fff !important; text-align:left; } .ssl-select ul li:hover { background: #eef3fa; width:100%; } .ssl-select::before { content: ""; position: absolute; top: 8px; right: 7px; z-index: 99; width: 5px; height: 5px; border: 2px solid #333; border-top: 2px solid #fff0; border-right: 2px solid #fff0; transform: rotate(-45deg); transition: 0.3s; pointer-events: none; } .ssl-select.active::before { top: 14px; transform: rotate(-225deg); } .ssl-select p { display:inline-block; width:65px; font-family:inherit; } /* 서브 인덱스 2025.02.19 ------------------------------------------------------ */ #s_index {margin:0 auto; width:960px; text-align:left;} #s_index a {transition:0.5s;} #s_index .s_title {/*height:140px;*/ text-align:center; padding:40px 0 25px; box-sizing:border-box; } #s_index .s_title h2 {font-family:'GmarketSansLight', 'Noto Sans KR', sans-serif; font-size:46px; line-height:1; letter-spacing:-1.5px; margin-bottom: 5px;} #s_index .s_title h2 .blk {font-family:'GmarketSansMedium', 'Noto Sans KR', sans-serif; font-size:46px; line-height:1; letter-spacing:-1.5px;} #s_index .s_title h2 strong {font-family:'GmarketSansMedium', 'Noto Sans KR', sans-serif; font-size:46px; color:#4f63de; line-height:1; letter-spacing:-1.5px;} #s_index .s_title p {font-size:16px; color:#666; line-height:2; letter-spacing:-1px;} #s_index .s_title em {color:#ff251b; font-style:normal;} #s_index .s_title.mng {text-align:left; background: url('/images/mng/mng_img2.png') no-repeat 95% 5px / 20%; padding: 50px 0 10px 10px;} #s_index .s_title.mng h2 {font-size:52px; letter-spacing:-2px;} #s_index .s_title.mng h2 strong {font-size:52px; letter-spacing:-2.5px;} #s_index .con_list {background:#e8e9f4; padding:40px; margin-bottom:45px;} #s_index .con_list ul {padding:0;} #s_index .con_list ul li.list_box {position:relative; display:inline-block; width:430px; /* height:180px; */ border:solid 1px #d7dbe2; background:#fff; margin-right:10px; margin-bottom:15px; padding:30px 25px; box-sizing:border-box;} #s_index .con_list ul li.list_box:nth-child(2) {margin-right:0;} #s_index .con_list ul li.list_box:nth-child(3) {margin-bottom:0;} #s_index .con_list ul li.list_box:nth-child(4) {margin-right:0; margin-bottom:0;} #s_index .con_list ul li.list_box:nth-child(5) {margin-top:10px; } #s_index .con_list ul li.list_box:nth-child(6) {margin-right:0;} #s_index .con_list ul li.list_box:nth-child(7) {margin-top:10px;} #s_index .con_list ul li.list_box:nth-child(8) {margin-right:0; } #s_index .con_list ul li.list_box:nth-child(9) {margin-bottom:0;} #s_index .con_list ul li.list_box a:hover {text-decoration:none; color:#2767c1; } #s_index .con_list ul li.list_box a h4 {font-family:'Noto Sans KR', sans-serif; font-size:22px; color:#3f51b1; font-weight:700; line-height:1; margin-bottom:10px; letter-spacing:-0.5px;} #s_index .con_list ul li.list_box a h5 {font-size:15px; color:#333; font-weight:700; line-height:20px; margin-bottom:10px; letter-spacing:-0.5px;} #s_index .con_list ul li.list_box a p {font-size:14px; color:#666; line-height:20px; letter-spacing:-0.5px; margin-bottom:11px;} #s_index .con_list ul li.list_box a p strong {color:red;} #s_index .con_list ul li.list_box a p.svc_text {font-size:13px; letter-spacing:-0.6px; } #s_index .con_list ul li.list_box a p.svc_text .ls_1 {letter-spacing:-1.5px; } #s_index .con_list ul li.list_box a img.icon {width:77px; position:absolute; top:70px; right:30px;} #s_index .con_list ul li.list_box a img.brand_icon {position:absolute; top:30px; right:35px; width:80px;} #s_index .con_list ul li.list_box a.con_btn {display:inline-block; width:150px; background:#ffcc00; font-size:14px; color:#3b300e; letter-spacing:-1px; font-weight:bold; text-align:center; padding:8px 0;} #s_index .con_list ul li.list_box a.con_btn.w200 {width:200px; } #s_index .con_list ul li.list_box a.con_btn:hover {/*background:#2767c1; */ background:#d11901; color:#fff; } #s_index .con_list ul li.list_box .ev-txt {position:absolute; top:0; right:0; background:#fdeeca; color:#e41a12; font-size:12px; padding:2px 15px; letter-spacing:-1px;}