@charset "utf-8"; @font-face { font-family: 'Chosunilbo_myungjo'; src: url('fonts/Chosunilbo_myungjo.woff') format('woff'), url('fonts/Chosunilbo_myungjo.woff2') format('woff2'); font-weight: normal; font-style: normal; } @font-face { font-family:MalgunGothic; src:url('fonts/MalgunGothic.eot'); } /* GmarketSans */ @font-face { font-family: 'GmarketSansBold'; src: url('fonts/GmarketSansBold.woff2') format('woff2'); src: url('fonts/GmarketSansBold.woff') format('woff'), } @font-face { font-family: 'GmarketSansMedium'; src: url('fonts/GmarketSansMedium.woff2') format('woff2'); src: url('fonts/GmarketSansMedium.woff') format('woff'), } @font-face { font-family: 'GmarketSansLight'; src: url('fonts/GmarketSansLight.woff2') format('woff2'); src: url('fonts/GmarketSansLight.woff') format('woff'), } /* Roboto */ @font-face { font-family: 'Roboto'; font-weight:400; src: url('fonts/Roboto-Regular.woff2') format('woff2'); src: url('fonts/Roboto-Regular.woff') format('woff'), } @font-face { font-family: 'Roboto'; font-weight:500; src: url('fonts/Roboto-Medium.woff2') format('woff2'); src: url('fonts/Roboto-Medium.woff') format('woff'), } @font-face { font-family: 'Roboto'; font-weight:700; src: url('/css/fonts/Roboto-Bold.woff2') format('woff2'); src: url('/css/fonts/Roboto-Bold.woff') format('woff'), } /* Montserrat */ @font-face { font-family: 'Montserrat'; font-weight:500; src: url('fonts/Montserrat-Regular.woff2') format('woff2'); src: url('fonts/Montserrat-Regular.woff') format('woff'), } @font-face { font-family: 'Montserrat'; font-weight:700; src: url('fonts/Montserrat-Bold.woff2') format('woff2'); src: url('fonts/Montserrat-Bold.woff') format('woff'), } @font-face { font-family: 'Montserrat'; font-weight:900; src: url('fonts/Montserrat-Black.woff2') format('woff2'); src: url('fonts/Montserrat-Black.woff') format('woff'), } /* NotoSans */ @font-face { font-family: 'Noto Sans KR'; font-weight:100; src:url('fonts/NotoSansKR-Thin.woff2'); format('woff2'); src:url('fonts/NotoSansKR-Thin.woff'); format('woff'); } @font-face { font-family: 'Noto Sans KR'; font-weight:300; src:url('fonts/NotoSansKR-Light.woff2'); format('woff2'); src:url('fonts/NotoSansKR-Light.woff'); format('woff'); } @font-face { font-family: 'Noto Sans KR'; font-weight:400; src:url('fonts/NotoSansKR-Regular.woff2'); format('woff2'); src:url('fonts/NotoSansKR-Regular.woff'); format('woff'); } @font-face { font-family: 'Noto Sans KR'; font-weight:500; src:url('fonts/NotoSansKR-Medium.woff2'); format('woff2'); src:url('fonts/NotoSansKR-Medium.woff'); format('woff'); } @font-face { font-family: 'Noto Sans KR'; font-weight:700; src:url('fonts/NotoSansKR-Bold.woff2'); format('woff2'); src:url('fonts/NotoSansKR-Bold.woff'); format('woff'); } @font-face { font-family: 'Noto Sans KR'; font-weight:900; src:url('fonts/NotoSansKR-Black.woff2'); format('woff2'); src:url('fonts/NotoSansKR-Black.woff'); format('woff'); } /* NotoSerifKR */ @font-face { font-family: 'Noto Serif KR'; font-weight:400; src:url('fonts/NotoSerifKR-Regular.woff2'); format('woff2'); src:url('fonts/NotoSerifKR-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', 'Noto Sans KR' '나눔고딕','NanumGothic', '돋움', 'Dotum'; 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;} body {background:#FFF; color:#555; } input {margin:0; padding:0; font-size:inherit; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'Noto Sans KR' '나눔고딕','NanumGothic', '돋움', 'Dotum'; color:inherit; vertical-align:middle;} 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;} 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, li {list-style: none; list-style-type: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;} caption, td {font-weight: normal; text-align: left;font-size:12px;} th {text-align:center;font-size:12px;} label {cursor:pointer;} button:active {-ms-background-position-x:1px; -ms-background-position-y:1px;} .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;} .clear_b{clear:both;} .box_size {box-sizing:border-box;} .dot_line{ height:6px; background: url('/v2/images/common/dot_line.gif') repeat-x; background-position:center; } .white{color:#FFF;} .black{color:#000;} .orange{color:#ED521E !important;} .orange2{color:#F76809;} .orange3{color:#e48d01;} .pink{color:#cb1b7e;} .blue{color:#2F477E;} .blue_b{color:#2F477E; font-weight:bold;} .blue2{color:#0038B7;} .blue3{color:#2547b4;} .blue4{color:#0674b8;} .blue5{color:#0000ff;} .blue6{color:#4e5dba;} .blue7{color:#475ad3; } .blue8{color:#117ce9; } .blue9{color:#4f63de; } .green{color:#4D7F05;} .green2{color:#1d9a00;} .green3{color:#007042;} .purple{color:#79149E;} .purple2{color:#475ad2;} .purple3{color:#6375e4;} .yellow{color:#FCF300;} .gray6{color:#222222; font-weight:bold;} .purple3{color:#858ecd} .gray7{color:#555555; letter-spacing:-1px;} .gray8{color:#999;} .red2{color:#ed1c24; font-family:inherit;} .red{color:#CC0000;} .red a:link, .red a:active, .red a:visited{color: #CC0000; text-decoration: none; } .red a:hover {color: #CC0000;text-decoration: underline; } .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; } .W200 {width:200px; } .W250 {width:250px; } .W300 {width:300px; } .f12_orange{font-size:12px; line-height:14px; color:#ED521E; font-weight:bold; } .f12_blue{font-size:12px; line-height:14px; color:#476fe1; font-weight:bold; } .f12_red2{font-size:12px; line-height:14px; color:#b71c17; font-weight:bold; } .f14_red{font-size:14px; line-height:18px; color:#b71c17; font-weight:bold; } .f11_gray2{font-size:11px; line-height:14px; color:#888;} .btn_icon_arrow {font-family:'GmarketSansBold', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; color:inherit; line-height:inherit; } .line_strike{text-decoration:line-through; } .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; } .leftmenu a:link, .leftmenu a:visited, .leftmenu a:active{color:#141414; text-decoration : none; } .leftmenu a:hover{color: #0B4AA4;text-decoration: underline; } .tbl_t{border-top:solid 1px #bcc6ec;} .tbl_b{border-bottom:solid 1px #bcc6ec;} .tbl_l{border-left:solid 1px #bcc6ec;} .tbl_r{border-right:solid 1px #bcc6ec;} .tbl_br{border-bottom:solid 1px #bcc6ec;border-right:solid 1px #bcc6ec;} .tbl_line{ height:1px; background-color:#bcc6ec;} .tbl_top{font-size:13px; color:#3c559b; font-weight:bold; vertical-align:middle;} .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:solid 1px #bcc6ec;} .tbl_bg {background-color:#f0f1fa;} .tbl_t_g{border-top:solid 1px #CCCCCC;} .tbl_b_g{border-bottom:solid 1px #CCCCCC;} .tbl_r_g{border-right:solid 1px #CCCCCC;} .tbl_tr_g{border-top:solid 1px #CCCCCC;border-right:solid 1px #CCCCCC;} .tbl_left{color:#3c559b; font-size:13px; font-weight:bold; padding:8px 10px; vertical-align:middle; letter-spacing:-1px;} .tbl_left13{font-size:13px; color:#3c559b; font-weight:bold; padding-left:10px; vertical-align:middle;} .t_dom{font-size:18px; font-weight:bold; line-height:20px; padding-left:15px; padding-bottom:10px; padding-top:10px; padding-right:6px;letter-spacing:0;} .t_dom_red{font-size:18px; font-weight:bold; line-height:20px; padding-left:5px; padding-bottom:10px; padding-top:10px; padding-right:3px;letter-spacing:0; color:#CC0000;} .tbl_select{background-color:#F5F8FC;} .tbl_rf{ border-right:solid 1px #ffffff;border-top:solid 1px #bcc6ec;} .tbl_rf2{ border-right:solid 1px #ffffff;} .tbl_restore{border-right:solid 1px #ffffff;border-top:solid 1px #bcc6ec;border-bottom:solid 1px #ffffff;} .f_reg{ font-size:12px;border-left:solid 1px #808080;border-top:solid 1px #808080;border-right:solid 1px #BAC7E3;border-bottom:solid 1px #BAC7E3;background-color:#edeefb; color:#102E56; padding:2px 3px 2px 5px;vertical-align:middle;} .f_reg::-webkit-input-placeholder{color:#999; } .f_reg::-moz-placeholder{color:#999; } .f_reg:-moz-placeholder{color:#999; } .f_reg:-ms-input-placeholder{color:#999; } .f_reg13{ font-size:13px; border-left:solid 1px #808080; border-top:solid 1px #808080; border-right:solid 1px #BAC7E3; border-bottom:solid 1px #BAC7E3; background-color:#edeefb; color:#102E56; padding:2px 3px 1px 5px; vertical-align:middle;} .f_reg13::-webkit-input-placeholder{color:#999; } .f_reg13::-moz-placeholder{color:#999; } .f_reg13:-moz-placeholder{color:#999; } .f_reg13:-ms-input-placeholder{color:#999; } .f_reg_select{ font-size:12px;border-left: solid 1px #808080;border-top:solid 1px #808080;border-right:solid 1px #BAC7E3;border-bottom:solid 1px #BAC7E3;background-color:#edeefb; color:#102E56; padding:3px 1px 2px 3px; margin:0; vertical-align:middle;} .f_reg_select13{ font-size:13px;border-left: solid 1px #808080;border-top:solid 1px #808080;border-right:solid 1px #BAC7E3;border-bottom:solid 1px #BAC7E3;background-color:#edeefb; color:#102E56; padding:3px 1px 2px 3px; margin:0; vertical-align:middle;} .f_reg_select14{ font-size:14px; border-left: solid 1px #808080;border-top:solid 1px #808080;border-right:solid 1px #BAC7E3;border-bottom:solid 1px #BAC7E3;background-color:#edeefb; color:#102E56; padding:3px 1px 2px 3px; margin:0; vertical-align:middle;} .f_reg_select16b{ font-size:16px; border-left: solid 1px #808080;border-top:solid 1px #808080;border-right:solid 1px #BAC7E3;border-bottom:solid 1px #BAC7E3;background-color:#edeefb; color:#102E56; padding:3px 1px 2px 3px; margin:0; vertical-align:middle; font-weight:bold; } .f_reg_red{ font-size:12px;border:solid 1px #FF0000;background-color:#edeefb; color:#FF0000; padding:1px 3px 1px 5px; height:17px; } .f_reg14n{ font-size:14px; border-left: solid 1px #808080;border-top:solid 1px #808080;border-right:solid 1px #BAC7E3;border-bottom:solid 1px #BAC7E3; background-color:#edeefb; color:#102E56; padding:2px 1px 2px 5px; margin:0; vertical-align:middle;} .f_reg14{font-size:14px; font-weight:bold;border-left:solid 1px #808080;border-top:solid 1px #808080;border-right:solid 1px #BAC7E3;border-bottom:solid 1px #BAC7E3;background-color:#edeefb; color:#102E56; padding:2px 3px 1px 5px; height:22px;} .f_reg16{font-size:16px; font-weight:normal;border-left:solid 1px #808080;border-top:solid 1px #808080;border-right:solid 1px #BAC7E3;border-bottom:solid 1px #BAC7E3;background-color:#edeefb; color:#102E56; padding:2px 3px 1px 5px; height:32px;} .f_reg18{font-size:18px; font-weight:bold;border-left:solid 1px #808080;border-top:solid 1px #808080;border-right:solid 1px #BAC7E3;border-bottom:solid 1px #BAC7E3;background-color:#edeefb; color:#102E56; padding:2px 3px 1px 5px; height:32px;} .f_reg14_w{font-size:14px; font-weight:bold;border-left:solid 1px #808080;border-top:solid 1px #808080;border-right:solid 1px #BAC7E3;border-bottom:solid 1px #BAC7E3;background-color:#ffffff; color:#102E56; padding:2px 3px 1px 5px; height:22px;} .f_reg14_w2{font-size:14px; font-weight:bold;border-left:solid 1px #808080;border-top:solid 1px #808080;border-right:solid 1px #BAC7E3;border-bottom:solid 1px #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:#EDF1FB; color:#102E56; font-family:'Apple SD Gothic Neo', 'Malgun Gothic', 맑은 고딕, tahoma, 굴림, gulim, sans-serif; padding:1px 0 1px 5px; height:30px; } .f_reg_disabled{font-size:12px;border-left:solid 1px #808080;border-top:solid 1px #808080;border-right:solid 1px #BAC7E3;border-bottom:solid 1px #BAC7E3;background-color:#eaeaea; color:#102E56; padding:1px 3px 1px 5px; height:18px;} .f_reg2{font-size:12px;border-left:solid 1px #808080;border-top:solid 1px #808080;border-right:solid 1px #BAC7E3;border-bottom:solid 1px #BAC7E3;background-color:#edeefb; color:#102E56; padding:1px 3px 1px 5px;} .f_reg_w{ font-size:12px;border-left:solid 1px #808080;border-top:solid 1px #808080;border-right:solid 1px #BAC7E3;border-bottom:solid 1px #BAC7E3;background-color:#fff; color:#102E56; padding:1px 3px 1px 5px; height:18px; } .f_reg_w2{ font-size:12px;border-left:solid 1px #808080;border-top:solid 1px #808080;border-right:solid 1px #d2d2d2;border-bottom:solid 1px #d2d2d2;background-color:#fff; color:#102E56; padding:1px 1px 1px 2px; height:17px; } .f_reg_w3{ font-size:12px;border-left:solid 1px #808080;border-top:solid 1px #808080;border-right:solid 1px #d2d2d2;border-bottom:solid 1px #d2d2d2;background-color:#fff; color:#102E56; padding:1px 1px 1px 2px; height:15px; } .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:12px;border-left:solid 1px #808080;border-top:solid 1px #808080;border-right:solid 1px #BAC7E3;border-bottom:solid 1px #BAC7E3;background-color:#fff; color:#102E56; padding:1px 3px 1px 3px; height:18px;} .f_reg11_w_select{font-size:12px;border-left:solid 1px #808080;border-top:solid 1px #808080;border-right:solid 1px #BAC7E3;border-bottom:solid 1px #BAC7E3;background-color:#fff; color:#102E56; padding:1px 3px 1px 3px; height:20px;} .f_reg11{font-size:11px;border-left:solid 1px #808080;border-top:solid 1px #808080;border-right:solid 1px #BAC7E3;border-bottom:solid 1px #BAC7E3;background-color:#edeefb; color:#102E56; padding:3px 3px 1px 2px; height:18px; letter-spacing:-1px;} .t_bulk{font-size:14px;border:solid 1px #BAC7E3; background-color:#edeefb; color:#102E56; padding:10px 15px 10px 15px; font-weight:bold; line-height:22px;} .t_bulk2{font-size:12px;border:solid 1px #5186DB;color:#2760BE; padding:10px 15px 10px 15px; font-weight:bold; line-height:17px;} .t_bulk_w{font-size:14px;border:solid 1px #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:solid 1px #d0d0d0;border-top:solid 1px #d0d0d0;border-right:solid 1px #e9e9e9;border-bottom:solid 1px #e9e9e9;background-color:#fafafa; color:#102E56; padding:1px 3px 1px 5px; height:22px;} .f_reg_login2{ font-size:16px;border-left:solid 1px #d0d0d0;border-top:solid 1px #d0d0d0;border-right:solid 1px #e9e9e9;border-bottom:solid 1px #e9e9e9;background-color:#fafafa; color:#102E56; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum', sans-serif; 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;} .pl15{padding-left:15px; padding-top:6px; padding-bottom:6px;padding-right:10px;} .pl15a{padding-left:15px; } .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;} .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;} .pt40{padding-top:40px;} .pt43{padding-top:43px;} .pt47{padding-top:47px;} .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;} .p20{padding:20px;} .p30{padding:30px;} .p35{padding:35px;} .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;} .pb8{padding-bottom:8px;} .pb10{padding-bottom:10px;} .pb15{padding-bottom:15px;} .pb20{padding-bottom:20px;} .pb22{padding-bottom:22px; } .pb30{padding-bottom:30px; } .pb100{padding-bottom:100px; } .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;} .p510{padding:5px 5px 5px 10px;} .p_t{padding:10px 20px 10px 30px;} .p_t2{padding:8px 20px 10px 15px;} .p_t3{padding:10px 0px 20px 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;} .b { font-weight:bold; } .n { font-weight:normal; font-size:12px; color:#333333; } .n2 { font-weight:normal; font-size:12px;} .sp{letter-spacing:-1px !important;} .sp5{letter-spacing:-0.5px !important;} .sp0{letter-spacing:0 !important;} .f11 {font-size:11px;} .f11_k {font-size:11px; font-family:"돋움", dotum, Sans-serif; line-height:14px; } .f11_k a:link, .f11_k a:visited, .f11_k a:active .f11_k a:hover{font-size:11px; font-family: "돋움", dotum, Sans-serif; line-height:14px; } .f12 {font-size:12px; } .f13 {font-size:13px !important; line-height:18px; } .f14 {font-size:14px; line-height:20px; } .f15 {font-size:15px !important; line-height:22px; } .f16 {font-size:16px; } .f18m {font-size:18px; font-weight:bold; letter-spacing:-1px;} .f18b {font-size:18px !important; font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; font-weight:bold;} .f20 {font-size:20px; font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; } .f24 {font-size:24px; line-height:24px; font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; } .f24_s {font-size:24px; line-height:28px; font-weight:bold; font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; color:#222;} .f28 {font-size:28px; line-height:28px; font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; } .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;} .f_16{font-size:16px; line-height:26px; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'gulim', '굴림'; color:#ED521E;} .f38{line-height:38px; font-size:38px; font-weight:bold; font-family:tahoma; color:#000; vertical-align:middle;} .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_30{line-height:33px !important;} .m1{margin:1px;} .m5{margin:5px;} .m10{margin:10px;} .m20{margin:20px;} .ml3{margin-left:3px} .ml5{margin-left:5px} .ml10{margin-left:10px;} .ml15{margin-left:15px !important;} .ml20{margin-left:20px;} .ml25{margin-left:25px;} .ml30{margin-left:30px !important;} .ml35{margin-left:35px;} .ml40 {margin-left:40px !important;} .ml50{margin-left:50px;} .ml55{margin-left:55px;} .ml70{margin-left:70px;} .ml75{margin-left:75px;} .ml80{margin-left:80px;} .ml110{margin-left:110px;} .mb0{margin-bottom:0px !important;} .mb2{margin-bottom:2px} .mb3{margin-bottom:3px} .mb5{margin-bottom:5px} .mb8{margin-bottom:8px} .mb10{margin-bottom:10px} .mb10_m{margin-bottom:-10px} .mb15{margin-bottom:15px} .mb20{margin-bottom:20px} .mb30{margin-bottom:30px !important;} .mb40{margin-bottom:40px} .mb45{margin-bottom:45px} .mb50{margin-bottom:50px} .mb80{margin-bottom:80px} .mt20_m{margin-top:-20px;} .mt30_m{margin-top:-30px;} .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;} .mt3{margin-top:3px} .mt10{margin-top:10px} .mt12{margin-top:12px} .mt15{margin-top:15px !important;} .mt30{margin-top:30px} .mt40{margin-top:40px} .mt50{margin-top:50px !important;} .mt60{margin-top:60px} .mt70{margin-top:70px} .mt90{margin-top:90px} .mr5{margin-right:5px} .mr10{margin-right:10px} .mr15{margin-right:15px} .mr20{margin-right:20px} .mr25{margin-right:25px} .mr30{margin-right:30px} .mr50{margin-right:50px} .m_auto{margin:0 auto !important;} .height100{display:block; height:100px; } .blank3 {padding:3px; display:block;} .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; } .c_default{cursor:default !important; margin-right: -5px;} .v_align5{vertical-align:-5px !important;} .w_wrap{word-break: keep-all; word-wrap: break-word; } .d_inline_b {display:inline-block;} .d_b { display: block;} .f12_event {font-size:12px; letter-spacing:-0.5px; color:#0260d6; font-weight:bold; } .f12_event2 {font-size:12px; letter-spacing:-0.5px; color:#777; font-weight:bold; } .f12_event3 {font-size:12px; letter-spacing:-0.5px; color:#8c1ed8; font-weight:bold; } .f12_event4 {font-size:12px; letter-spacing:-0.5px; color:#cb1b7e; font-weight:bold; } .f12_event5 {font-size:12px; letter-spacing:-0.5px; color:#259c1d; font-weight:bold; } .f12_event5 strong {font-size:12px; font-family: 'Montserrat', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic',굴림, gulim, sans-serif; letter-spacing:0px; color:#259c1d; font-weight:900; } .t_domain{color:#444; font-weight:bold; padding-left:10px; vertical-align:middle;} .t_domain2{color:#3c559b; font-weight:bold; text-align:center; vertical-align:middle;} .t_dom5{ font-size:18px; font-weight:bold; padding-bottom:8px; padding-top:8px; padding-right:6px;letter-spacing:0;color:#555; line-height:28px;} .price_blue {background:#ededf7; padding:10px 15px 3px 10px; font-weight:bold;color:#2F477E; } .price_blue13 {font-size:13px; 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; } #wrap {position:relative; margin:0 auto; width:960px;font-size:12px; line-height:18px; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum';} #header {position:relative; width:960px; height:92px; z-index:10;margin:0; padding:0;} #header h1 {position:absolute; left:10px; top:42px; z-index:-1;} #header h2{position:absolute;left:115px; top:52px; z-index:-1;} #header h3{position:absolute;left:175px; top:52px; z-index:-1;} #header h5{position:absolute;right:10px; top:60px; z-index:-1;} #header .ban_H_nworks {position:absolute; right:10px; top:63px; height:35px; padding-top:3px; z-index:-1; background:url('/v2/images/gnb/logo_nworks2.svg') no-repeat left top; background-size: 30px 21px; text-indent:36px; } #header .ban_H_nworks a{font-size:18px; font-family:'GmarketSansBold', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 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_btn2{height:72px; text-align:left; margin-top:20px;} .service_btn2 img{vertical-align:middle; margin-right:15px;} .service_btn3{height:50px;text-align:center;} .service_btn3 img{ vertical-align:middle; margin-right:15px;} #lnb{float:left;display:inline; width:180px; overflow:hidden; margin-right:27px; margin-top:20px; margin-bottom:30px; } #main{float:left;width:750px; display:block;margin-top:10px; margin-bottom:50px; font-size:12px;} #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; } #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:'Noto Sans KR', 맑은 고딕, tahoma, 굴림, gulim, sans-serif; color: #216dc1; display:block; padding-top:0px;} /* background:url('/v2/images/lnb/lnb_top_webmail.gif') no-repeat; background:url('/v2/images/lnb/lnb_top_help2.gif') no-repeat; background:url('/v2/images/lnb/lnb_top_sms.gif') no-repeat; background:url('/v2/images/lnb/lnb_top_nworks.gif') no-repeat; background:url('/v2/images/lnb/lnb_top_nworkplace.gif') no-repeat; background:url('/v2/images/lnb/lnb_top_nworkplace.gif') no-repeat; */ #lnb .lnb_menu ul li {width:168px;border-top:solid 1px #dcdcdc; padding:5px 0 7px 5px; font-size:13px; letter-spacing:-1px; } #lnb .lnb_menu ul.lnb_webmail{display:block; height:178px; } #lnb .lnb_menu ul.lnb_fax{display:block; height:178px; } #lnb .lnb_menu ul.lnb_sms{display:block; height:178px; } #lnb .lnb_menu ul.lnb_customer{display:block; height:320px; } #lnb .lnb_menu ul.lnb_groupware{display:block; height:270px; background:url('/v2/images/lnb/lnb_top_group.gif') no-repeat;} #lnb .lnb_menu ul.lnb_nworks{display:block; height:270px; } #lnb .lnb_menu ul.lnb_nworkplace{display:block; height:270px;} #lnb .lnb_menu ul.lnb_nswork{display:block; height:270px; } #lnb .lnb_menu ul li a{ font-size:13px; letter-spacing:-1px; font-weight:bold; } #lnb .lnb_menu ul li.menu_1st{ font-size:14px; letter-spacing:-1px; border-top:none; margin-top:10px;} #lnb .lnb_menu ul li.menu_on{display:block; background:url('/v2/images/lnb/lnb_bg_on.gif') no-repeat left 2px; } #lnb .lnb_menu ul li.menu_on a{color:#fff;padding-left:5px;} #lnb .chat_banner{padding-bottom:5px;} #lnb .lnb_special{width:180px; height:298px;background:url('/v2/images/lnb/lnb02_bg.gif') no-repeat; } #lnb .lnb_server{width:180px; height:298px;background:url('/v2/images/lnb/lnb03_bg.gif') no-repeat; } #lnb .lnb_ssl{width:180px; height:298px;background:url('/v2/images/lnb/lnb04_bg.gif') no-repeat; } #lnb .lnb_help{width:180px; height:298px;background:url('/v2/images/lnb/lnb05_bg.gif') no-repeat; } #lnb .lnb_mng{width:180px; height:298px;background:url('/v2/images/lnb/lnb06_bg5.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('/v2/images/lnb/cs_line.gif') repeat-x ; padding-top:8px; } #lnb .lnb_cs2 .d_line2{display:block; height:1px; background: url('/v2/images/lnb/cs_line.gif') repeat-x ; padding-top:10px; margin-top:10px; } #lnb .lnb_cs2 .chat_on a{background: url('/v2/images/lnb/cs_chat_on.gif') no-repeat ; height:28px;} #lnb .lnb_cs2 .chat_ff a{background: url('/v2/images/lnb/cs_chat_off.gif') no-repeat ; height:28px;} #lnb .lnb_cs2 .kind a{background: url('/v2/images/lnb/cs_kind.gif') no-repeat ; height:28px; } #lnb .lnb_cs2 .kind a:hover{background: url('/v2/images/lnb/cs_kind_over.gif') no-repeat; } #lnb .lnb_cs2 .tax a{background: url('/v2/images/lnb/cs_tax.gif') no-repeat ; } #lnb .lnb_cs2 .tax a:hover{background: url('/v2/images/lnb/cs_tax_over.gif') no-repeat; } #lnb .lnb_cs2 .credit a{background: url('/v2/images/lnb/cs_credit.gif') no-repeat ; } #lnb .lnb_cs2 .credit a:hover{background: url('/v2/images/lnb/cs_credit_over.gif') no-repeat; } #lnb .lnb_cs2 .search a{background: url('/v2/images/lnb/cs_search.gif') no-repeat ; } #lnb .lnb_cs2 .search a:hover{background: url('/v2/images/lnb/cs_search_over.gif') no-repeat; } #lnb .lnb_cs2 .bank a{background: url('/v2/images/lnb/cs_bank.gif') no-repeat ; } #lnb .lnb_cs2 .bank a:hover{background: url('/v2/images/lnb/cs_bank_over.gif') no-repeat; } #lnb .lnb_ns{height:123px;margin-top:10px; 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; vertical-align:top; margin-bottom:3px;padding-left:15px; } #login_area .member_info{float:left;display:inline;color:#666;margin-left:20px;margin-top:5px;} #login_area .member_name{color:#5057d9; font-weight:bold} #login_area .top_rolling_notice{height:25px; float:right; text-align:left; margin:3px 5px 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:2px; } #main_contents{float:left; width:960px; margin:19px 0 0 0; padding:0; font-size:12px;} #main_contents .main_login{float:left; width:258px; height:276px; margin-right:2px;font-size:12px;} #main_contents .main_login .login_service{height:44px; margin:0; padding:0; border:none;} #main_contents .main_login .login_service_area{margin:0; color:#636363;height:188px; padding:25px 22px;border-right:solid 1px #a5b3ca;border-bottom:solid 1px #a5b3ca;border-left:solid 1px #a5b3ca; background:#eff3fa; } #main_contents .main_login .login_service_area.new{margin:0; color:#636363;height:188px; padding:20px 22px 10px;border-right:solid 1px #a5b3ca;border-bottom:solid 1px #a5b3ca;border-left:solid 1px #a5b3ca;background:#fcfcfd; } #main_contents .main_login .login_service_area .m_id{height:28px;border:solid 1px #ccc;color:#636363; font-size:12px; padding:5px 7px 4px 7px; width:200px;} #main_contents .main_login .login_service_area .m_pw{height:28px; border:solid 1px #ccc;margin-top:5px; color:#636363; font-size:12px; padding:5px 7px 4px 7px; width:200px;} #main_contents .main_login .login_service_area .save_id{letter-spacing:-1px; padding:10px 0 19px 0;} #main_contents .main_login .login_service_area.new .save_id{letter-spacing:-1px; padding:5px 0 10px;} #main_contents .main_login .login_service_area .member_login_area{height:130px; padding:0px;} #main_contents .main_login .login_service_area .member_login_area h3{font-size:13px; line-height:18px; color:#476fe1; font-weight:bold; } #main_contents .main_login .login_service_area .member_login_area ul{padding-top:10px;} #main_contents .main_login .login_service_area .member_login_area ul li{padding-top:5px; text-indent:10px; background: url('/v2/images/common/bullet.gif') no-repeat left 10px;} #main_contents .main_img{float:left; width:700px;height:295px;} .f12_blue{font-size:12px; line-height:14px; color:#476fe1; font-weight:bold; } #main_contents .main_img3{float:left; width:700px;height:295px;} #main_contents .main_img3 .banner_num{position:absolute; bottom:10px; /*right:0px; */ left:20px} #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;} #main_contents .main_img3 .banner_num li {display:inline-block; float:left;} #main_contents .main_login .login_service_area .m_pw .btn_login{position:relative;top:5px;} #main_contents .main_login .login_service_area .m_member{height:22px; position:absolute;top:50px;} #main_contents .main_login .login_service_area .m_join a{height:22px;font-weight:bold; color:#204bd4;} #main_contents .main_login .login_service_area .m_info{height:75px;width:205px;line-height:20px;position:absolute;} #main_contents .main_login .login_service_area .m_info .m_name{ line-height:14px; font-weight:bold;color:#204bd4} #main_contents .main_service{display:inline; float:left;width:960px; height:312px;border-top:solid 2px #777777; border-bottom:solid 1px #dfdfdf; margin-bottom:50px;} #main_contents .main_service .main_div{float:left;border-right:solid 1px #dfdfdf; height:161px; } #main_contents .main_service .main_div2{float:left;border-right:solid 1px #dfdfdf; height:151px} #main_contents .main_service .board_area{display:inline;float:left;width:258px;height:161px;} #main_contents .main_service .board_area h3{padding:20px 0 15px 7px} #main_contents .main_service .board_area ul{margin:0;padding:0px 5px 0 0;} #main_contents .main_service .board_area ul li{text-align:left; margin-left:5px; margin-bottom:5px; color:#777777; letter-spacing:-1px;} #main_contents .main_service .board_area ul li a{text-align:left; margin-left:5px; margin-bottom:5px; color:#777777;} #main_contents .main_service .board_area ul li h2{font-size:12px;font-weight:bold; color:#204bd4; } #main_contents .main_service .board_area ul li h2 .date{font-weight:normal; color:#333;margin-left:3px;letter-spacing:0;} #main_contents .main_service .service_area1{float:left; width:350px;height:161px; border-bottom:solid 1px #dfdfdf; background:#f3fbf1;} #main_contents .main_service .service_area1 img{margin:24px 0 0 27px; } #main_contents .main_service .service_area2{float:left; width:350px;height:161px; border-bottom:solid 1px #dfdfdf; background:#fff8f8;} #main_contents .main_service .service_area2 img{margin:24px 0 0 27px;} #main_contents .main_service .service_area3{display:inline;float:left;width:258px;height:161px; border-bottom:solid 1px #dfdfdf; } #main_contents .main_service .service_area3 img{} #main_contents .main_service .service_area4{float:left; width:350px;height:151px;} #main_contents .main_service .service_area4 .manual_menu{margin:-1px 0 0 0;} #main_contents .main_service .service_area4 ul{width:310px; padding:15px 0 0 23px; color:#777;} #main_contents .main_service .service_area4 ul li{padding:2px 0px;border-bottom:solid 1px #e1e1e1;} #main_contents .main_service .service_area4 ul li.last_li{padding:2px 0px;border-bottom:none;} #main_contents .main_service .service_area5{float:left; width:350px;height:151px;} #main_contents .main_service .service_area5 .div_line2{margin:14px 0 0 34px; width:295px;height:1px;background: url('/v2/images/common/bg_dot.gif') repeat-x right top;} #main_contents .main_service .service_area5 img{margin:25px 0 0 34px;} #main_contents .main_service .service_area5 .img_last{margin:14px 0 0 34px;} .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('/v2/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('/v2/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('/v2/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('/v2/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('/v2/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} .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:5px; } .total_service .service_list .list_line ul li .service_sms 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; } .total_service .service_list .list_line ul li.list_title a{color:#555; font-weight:bold;margin-bottom:10px; } .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:20px 0 20px 23px; margin-bottom:20px;} .total_service2 .cs_center .list_line{float:left; padding-left:13px; width:225px;height:170px;background: url('/v2/images/common/dot_vertical.gif') repeat-y right top; } .total_service2 .cs_center .list_line.none{background:#fff; } .total_service2 .cs_center .list_line.none2{background:#fff;padding-left:10px; margin-top:-5px; } .total_service2 .cs_center .list_line .cs_image{width:210px; height:181px; background:url('/v2/images/main/bottom_cs_img.gif') 105px 65px; 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:5px;margin:0; width:183px;height:18px; z-index:100; background:url('/v2/images/main/cs_dot2.gif'); background-repeat:repeat-x; background-position:left bottom; font-size:12px; font-weight:bold;letter-spacing:-1px; line-height:16px;} .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:100; 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 li.cs_chat2{width:183px; background:none; margin:0; padding:0; line-height:none;} */ .total_service2 .cs_center .list_line ul.cs_chat2{width:201px; margin:0; padding:0; line-height:0;} .total_service2 .cs_center .list_line ul.cs_chat2 img{margin:0; padding:0; } .total_service2 .cs_center .list_line ul.cs_chat2 li{background:none; margin:0; padding:0; line-height:0;font-size:1px; line-height:none; } .total_service2 .cs_center .list_line ul.cs_chat2 li.cs_div2{height:1px; width:201px; font-size:1px; background:url('/v2/images/common/cs_dot3.gif'); background-repeat:no-repeat; } .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:265px;background: url('/v2/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:130px;padding:5px 0 0 23px; margin:0;} .total_service2 .service_list .list_line ul li{color:#888; margin:0; letter-spacing:-1px;} .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:5px; } .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:5px; font-size:14px; } .total_service2 .service_list .list_line ul li.list_title a{color:#555; font-weight:bold;margin-bottom:5px; font-size:14px; } .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;} .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;} .sms_sender .point_status img{vertical-align:middle;} .sms_sender .point_status .point_count{vertical-align:middle;font-weight:bold; font-family:tahoma, arial, gulim; font-size:24px; color:#1f234e;padding:0px 3px 0 10px;} .sms_sender .point_status .bg_point{background:#d6dafc; padding:2px 5px; margin:0 5px; font-size: 14px; 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:tahoma, gulim; */ 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: 'Apple SD Gothic Neo', '맑은 고딕',; 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: 'Apple SD Gothic Neo', '맑은 고딕',; 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: 'Apple SD Gothic Neo', '맑은 고딕',; 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:15px; vertical-align:middle; } .sms_sender .sms_phone .img_attach2{position:absolute; right:0; vertical-align:middle; } .sms_sender .sms_phone .bg{padding-left:15px;margin-top:25px; padding-top:89px; width:250px; height:492px; background:url('/v2/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('/v2/images/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:tahoma, gulim;} .sms_sender .sms_phone .txt_input2{background:#fff; border:solid 1px #cbcbcb; height:17px; padding:1px 4px; width:80px; color:#555;font-family:tahoma, gulim;} .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:tahoma, gulim;} .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:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic',tahoma, gulim; 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:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic',tahoma, gulim; 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:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; } .sms_sender .f_point_status{background:#f2f3fe; border:solid 1px #d0d4f2; height:55px; padding:18px 24px; margin-bottom:40px;} .sms_sender .f_point_status h4{color:#7583f7; font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; font-size:20px; display:inline; padding-right:20px;} .sms_sender .f_point_status img{vertical-align:middle;} .sms_sender .f_point_status .fax_number{font-weight:bold; font-family:tahoma, arial, gulim; font-size:24px; color:#1f234e;padding:0px 20px 0 0;} .sms_sender .f_point_status .point_count{font-weight:bold; font-family:tahoma, arial, gulim; font-size:24px; color:#1f234e;padding:0px 3px 0 10px;} .sms_sender .f_point_status .bg_point{background:#d6dafc; padding:2px 5px; margin:0 5px;} .sms_sender .f_point_status .sms_setinfo{float:right; margin:0; padding:0; text-decoration:underline;} .sms_sender .fax_add{float:left; width:550px; height:530px; } .sms_sender .fax_add h2{color:#333; font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; font-size:16px; display:block; vertical-align:middle; font-weight:bold; letter-spacing:-1px;} .sms_sender .fax_add .bg{padding:40px 30px;margin-top:10px; width:530px; height:410px; background:#f7f7f7; border:solid 1px #e6e6e6; } .sms_sender .fax_add input{background:#fff; border:solid 1px #cbcbcb; height:20px; padding:3px 5px; width:200px; color:#555;font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; } .sms_sender .fax_add select{background:#fff; border:solid 1px #cbcbcb; padding:3px 5px; width:212px;color:#555;font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; line-height:20px; font-size:13px;} .sms_sender .fax_add select optgroup{padding-bottom:3px; line-height:20px; font-size:13px;} .sms_sender .fax_add .sms_btn{text-align:center; width:45px;margin-top:24px;} .sms_sender .fax_add .sms_btn img{margin-bottom:10px;} .sms_sender .fax_add h4{color:#555; font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; font-size:14px; display:block; vertical-align:middle; padding-bottom:5px;} .sms_sender .fax_add h4 img{vertical-align:middle; padding-bottom:2px;} .sms_sender .fax_add .add {width:65px;} .sms_sender .fax_add .add::after { position: absolute; right: 13px; top: 10px; content: ''; width: 5px; height: 5px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); } .sms_sender .fax_add .del {width:65px;} .sms_sender .fax_add .del::after { position: absolute; left: 13px; top: 10px; content: ''; width: 5px; height: 5px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(225deg); } .sms_sender .fax_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 .fax_add .btn_ST1:hover {background:#356bc7} .sms_sender .fax_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 .fax_add .btn_ST2:hover {background:#c94949} .sms_sender .fax_note{float:left;width:330px; height:530px; margin-left:55px; } .sms_sender .fax_note .bg{padding-left:25px;margin-top:10px; padding-top:25px; width:329px; height:465px; background:#f7f7f7; border:solid 1px #e6e6e6; } .sms_sender .fax_note h2{color:#333; font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; font-size:16px; display:block; vertical-align:middle; font-weight:bold; letter-spacing:-1px;} .sms_sender .fax_note h4{color:#555; font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; font-size:14px; display:block; vertical-align:middle; letter-spacing:-1px; } .sms_sender .fax_note h5{color:#555; font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; font-size:14px; display:inline; letter-spacing:-1px; font-weight:700; padding-right:5px; margin-bottom:5px; } .sms_sender .fax_note h4 input{vertical-align:middle; margin-bottom:2px;} .sms_sender .fax_note h4 img{vertical-align:middle; margin-left:5px; margin-bottom:2px;} .sms_sender .fax_note input{margin:0; padding:0; vertical-align:middle;} .sms_sender .fax_note .img_attach{position:absolute; right:25px; vertical-align:middle; } .sms_sender .fax_note .img_attach2{position:absolute; right:0; vertical-align:middle; } .sms_sender .fax_note .txt_field2{background:#fff; border:solid 1px #cbcbcb; padding:3px; height:60px; color:#555;font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; overflow:hidden;} .sms_sender .fax_note .txt_input{background:#fff; border:solid 1px #cbcbcb; height:18px; padding:2px 4px; width:162px; color:#555;font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; } .sms_sender .fax_note .txt_input2{background:#fff; border:solid 1px #cbcbcb; height:17px; padding:1px 4px; width:80px; color:#555;font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; } .sms_sender .fax_note .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:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; } .sms_sender .fax_note select{background:#fff; border:solid 1px #cbcbcb; padding:1px; height:24px; width:43px;color:#555;font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; font-size:12px;} .sms_sender .fax_note .div_line{border-top:solid 1px #cbcbcb; height:1px; width:255px; margin-top:15px; margin-bottom:15px;} .sms_sender .fax_note .sms_save{position:absolute; right:0px;display:block;padding-top:5px; font-size:11px; color:#858585} .sms_sender .fax_note .btn_send{position:absolute; top:420px;} .sms_sender .fax_note .sms_send_info{position:absolute; top:280px;} .sms_sender .fax_note .sms_calendar img, input, select{vertical-align:middle;} .sms_sender .fax_note .sms_calendar input{margin-right:3px;} .sms_input{background:#fff; border:solid 1px #cbcbcb; height:25px; padding:2px 4px; width:70px; color:#555;font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; } .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;} #mail_contents{display:block; width:100%; font-size:12px;margin-bottom:50px; } #mail_contents .main_copy{margin-bottom:20px;} #mail_contents .svc_detail{clear:both; width:100%; padding:10px 20px 10px 20px; background:#f4f6fc; border:solid 1px #e2e5f2; vertical-align:middle; margin-top:10px; font-size:14px; font-weight:bold; box-sizing:border-box; line-height:22px; word-break:keep-all; color:#333; } #mail_contents .list h2{margin-top:10px;background: url('/v2/images/common/dot_purple.gif') no-repeat left center; padding-left:15px; color:#475ad3; font-size:18px; line-height:22px; font-weight:bold; font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; } #mail_contents .list h2 a { font-family:inherit; color:#888; font-weight:normal; text-decoration:none; font-size:15px; margin-left: 20px;} #mail_contents .list h2 a:hover { text-decoration:underline; } #mail_contents .list h3{margin-top:10px;} #mail_contents .list h4{margin-top:10px; font-size:14px; line-height:22px; font-weight:bold; } #mail_contents .list h2 .txt_vat, .popup .p_content h2 .txt_vat{font-size:12px; float:right; font-weight:normal; color:#666; padding-top:8px;} #mail_contents .list .list_contents, ul{padding:10px 15px 30px 15px; line-height:18px;} #mail_contents .list .list_contents2{padding:10px 15px 30px 0; line-height:20px; font-size:13px; letter-spacing:-0.5px;} #mail_contents .list .list_contents2 .img_name {width:954px; height:250px; background:url('/v2/images/webmail/img_name3_bg.jpg') no-repeat; padding:105px 0 0 465px; font-size:15px; margin-top:10px; box-sizing: border-box;letter-spacing:-0.5px; } #mail_contents .list .list_contents2 .img_name h4 {display:inline-block; width:auto; font-size:23px; border-bottom:solid 1px #555; margin-bottom:10px; letter-spacing:-1px; padding-bottom:2px; font-family:'Noto Sans KR'; } #mail_contents .list .list_contents2 .img_name2 {width:750px; height:250px; background:url('/v2/images/webmail/img_name3_bg.jpg') no-repeat -100px; padding:95px 0 0 365px; font-size:14px; margin-top:10px; box-sizing: border-box;letter-spacing:-0.5px; } #mail_contents .list .list_contents2 .img_name2 h4 {display:block; width:350px; font-size:20px; border-bottom:solid 1px #555; margin-bottom:10px; letter-spacing:-1px; padding-bottom:2px;} #mail_contents .list .list_contents3{padding:40px 0; line-height:20px; font-size:13px; letter-spacing:-0.5px;} #mail_contents .list .list_contents3 dl {float:left; width: 192px; text-align:center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #mail_contents .list .list_contents3 dl dt {background: #efefef; text-align:center; margin:0 auto; width:135px; height:135px; background-size: 135px 135px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; } #mail_contents .list .list_contents3 dl dt img {text-align:center; margin-top:35px;} #mail_contents .list .list_contents3 dl dd {text-align:center; font-size:13px; color:#666; padding: 0 15px 60px 15px; word-break: keep-all; word-wrap: break-word; } #mail_contents .list .list_contents3 dl dd strong {display:block; color:#333; font-size:16px; padding: 15px 0 10px 0; } #mail_contents .list ul li{background: url('/v2/images/common/icon_dash.gif') no-repeat left 11px; padding-left:10px; padding-top:2px; line-height:160%} #mail_contents .table_info{margin-top:10px; line-height:18px;} #mail_contents .list .list_contents ol{padding:15px 15px 30px 0; line-height:18px;} #mail_contents .list .list_contents ol li{padding-top:2px;} #mail_contents .list .txt_right_align{position:absolute; right:5px; font-weight:normal; font-size:12px;} #mail_contents .list .txt_left_align{position:absolute; padding-left:10px; font-weight:normal; font-size:12px; color:#444;} #mail_contents .list .mail_service{} #mail_contents .list .mail_service h3{font-weight:bold; font-size:18px; line-height:22px;margin-bottom:10px; color:#222; letter-spacing:-1px;} #mail_contents .list .mail_service h4{font-weight:bold; font-size:16px; line-height:22px;margin-bottom:10px; color:#666;} #mail_contents .list .mail_service .mail_service_detail{display:block; width:100%; height:114px; background:#f4f6fc; border:solid 1px #e2e5f2; vertical-align:middle; } #mail_contents .list .mail_service .mail_service_detail img{margin-left:5px; float:left; vertical-align:middle;} #mail_contents .list .mail_service .mail_service_detail ul{ margin-top:10px; vertical-align:middle; font-size:13px; letter-spacing:-0.5px;} #mail_contents .list .mail_service .mail_service_detail ul li img{clear:both;float:none; margin-left:0px; margin:2px 0 3px 0;} #mail_contents .list .mail_service .mail_service_detail_gw{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display:block; width:100%; background:#f4f6fc; border:solid 1px #e2e5f2; vertical-align:middle; padding: 15px 20px; word-break: keep-all; word-wrap: break-word; } #mail_contents .list .mail_service .mail_service_detail_gw span{ display:inline-block; word-break: keep-all; word-wrap: break-word; font-size:13px; line-height:20px; letter-spacing:-0.5px; vertical-align:middle; } #mail_contents .list .mail_service .mail_service_detail_gw span img{float:left; display:block; vertical-align:middle; margin-right:20px; cursor:pointer; } #mail_contents .list .mail_service .mail_service_detail_gw span a{ padding-left:10px; font-weight:bold; text-decoration:underline; cursor:pointer; } #mail_contents .list .mail_service .mail_service_detail_gw span strong { font-size:14px; display:block; padding-bottom:10px; } #mail_contents .list .mail_service .mail_service_detail_gw div {margin-top:20px; } #mail_contents .list .mail_service_detail2{clear:both; width:730px; padding:10px 20px 10px 10px; background:#f4f6fc; border:solid 1px #e2e5f2; vertical-align:middle; margin-top:10px;} #mail_contents .list .mail_service_detail2 .uc_title{text-align:center; vertical-align: middle;line-height:80px;background:#fff; float:left; width:140px; vertical-align:middle; font-weight:bold; font-size:16px; } #mail_contents .list .mail_service_detail2 dl{display:inline-block; padding-left:20px;vertical-align: middle;} #mail_contents .list .mail_service_detail2 dl dt{font-weight:bold; color:#4f5996; padding-top:5px; } #mail_contents .list .mail_service_detail3{margin-top:10px; margin-bottom:90px;} #mail_contents .list .mail_service_detail3 div{clear:both; } #mail_contents .list .mail_service_detail3 div img{float:left;margin-bottom:20px;margin-right:20px;} #mail_contents .list .mail_service_detail3 div h3{font-weight:bold; font-size:16px; margin-bottom:23px; padding-top:10px; color:#222;} #mail_contents .list .mail_service_detail4{display:inline-block; width:710px; margin-top:10px; padding:15px 10px 20px 15px; background:#f4f6fc; border:solid 1px #e2e5f2; } #mail_contents .list .mail_service_detail4 div{vertical-align:top;float:left; line-height:22px; font-size:13px;} #mail_contents .list .mail_service_detail4 div h3{clear:both; letter-spacing:-1px; font-size:16px; font-weight:bold;margin-bottom:15px; color:#222;} #mail_contents .list .mail_service_detail4 div label{font-family:inherit;} #mail_contents .list .mail_service_detail4 div .fax_svc_detail{border:solid 3px #c1c6e3; background:#fff;margin-bottom:15px; } #mail_contents .list .mail_service_detail4 div .fax_svc_detail h4{color:#2a3892;font-weight:bold; font-size:16px; padding:20px 10px 20px 10px; line-height:28px; float:left; } #mail_contents .list .mail_service_detail4 div .fax_svc_detail span{display:inline-block; padding-top:7px; padding-right:10px; } #mail_contents .list .btn_area{text-align:center; margin-top:30px; } #mail_contents .list .mail_service_detail5{display:block; height:220px; margin-bottom:70px; } #mail_contents .list .mail_service_detail5 div{display:inline-block; float:left; border:solid 1px #e2e5f2; margin-top:10px; text-align:center; width:171px;} #mail_contents .list .mail_service_detail5 div h3{clear:both;letter-spacing:-1px; font-size:16px; font-weight:bold;margin-bottom:15px; color:#222;} #mail_contents .list .mail_service_detail5 div p{height:90px;} #mail_contents .list .mail_service_detail6{} #mail_contents .list .mail_service_detail6 h3{line-height:32px;font-size:16px; font-weight:bold;margin-bottom:15px; color:#222;margin-top:10px; padding:5px 10px 5px 25px; background:#f4f6fc; border:solid 1px #e2e5f2; } #mail_contents .list .mail_service_detail7{display:block; width:100%; padding:2px 0; background:#f4f6fc; border:solid 1px #e2e5f2; } #mail_contents .list .mail_service_detail7 img{display:inline-block; margin-left:5px; vertical-align:middle; } #mail_contents .list .mail_service_detail7 ul{ box-sizing:border-box; display:inline-block; width:600px; vertical-align:middle; font-size:13px; letter-spacing:-0.5px; margin-top:10px; } #mail_contents .list .mail_service_detail7 ul li {word-break: keep-all; margin-bottom:3px; } #mail_contents .list .mail_service_detail7 ul li img{margin-left:0px; vertical-align:middle; } #mail_contents .list .mail_service_detail8{display:inline-block; width:100%; margin-top:10px; padding:15px 10px 20px 15px; background:#f4f6fc; border:solid 1px #e2e5f2; box-sizing:border-box; } #mail_contents .list .mail_service_detail8 div{vertical-align:top;float:left; line-height:22px; font-size:13px;} #mail_contents .list .mail_service_detail8 div h3{clear:both; letter-spacing:-1px; font-size:16px; font-weight:bold;margin-bottom:15px; color:#222;} #mail_contents .list .mail_service_detail_nw {display:block; width:100%; padding:2px 0; background:#f1f9f1; border:solid 1px #dbeedb; } #mail_contents .list .mail_service_detail_nw img{display:inline-block; margin-left:5px; vertical-align:middle; } #mail_contents .list .mail_service_detail_nw ul{ box-sizing:border-box; display:inline-block; width:600px; vertical-align:middle; font-size:13px; letter-spacing:-0.5px; margin-top:10px; } #mail_contents .list .mail_service_detail_nw ul li {word-break: keep-all; margin-bottom:3px; } #mail_contents .list .mail_service_detail_nw ul li img{margin-left:0px; vertical-align:middle; } #mail_contents .list .fax_tab{} #mail_contents .list .fax_tab table{border:solid 1px #e1e3f4;} #mail_contents .list .fax_tab table tr td{float:left;display:block; text-align:center; line-height:38px; width:185px; height:40px;border:solid 1px #e1e3f4;background:#f5f5fb; } #mail_contents .list .fax_tab table tr td a{display:block;font-size:14px; font-weight:bold; color:#2a3892;} #mail_contents .list .fax_tab h4{font-size:14px; font-weight:bold;margin-bottom:15px; margin-top:25px;color:#2a3892;} #mail_contents .list .fax_tab .css_btn_tab01 {float:left;display:block; text-align:center; line-height:38px; width:185px; height:40px;border:solid 1px #e1e3f4;background:#ffffff; } #mail_contents .list .fax_tab div{padding-left:10px; } #mail_contents .list .fax_tab div img{display:block; margin-top:10px; background:#ff; padding:15px; border:solid 3px #efefef; } #mail_contents .list .fax_tab2{width:960px; height:41px; background:url('/v2/images/fax/fax_tab_bg.gif') repeat-x;} #mail_contents .list .fax_tab2 img{float:left;} #mail_contents .list .fax_charge{} #mail_contents .list .fax_charge .fax_svc{float:left; width:205px; border-top:solid 10px #5a6bd7; border-right:solid 1px #c4c4c4;border-left:solid 1px #c4c4c4; border-bottom:solid 1px #c4c4c4; padding: 20px 15px; text-align:center;} #mail_contents .list .detail_info{clear:both; display:block; padding-top:10px;} /* 2025.03.24 팩스할인권 UI 변경 */ #mail_contents .list .fax_charge .fax_svc.new {float:left; width:236px; border-top:solid 10px #5a6bd7; border:solid 1px #c4c4c4; padding: 20px 25px; text-align:center; box-sizing: border-box;} #mail_contents .list .fax_charge .fax_svc.new .ticket-img {width:185px} #mail_contents .list .fax_charge .fax_svc.new .ticket_box .price { font-family:'Montserrat', 'Roboto', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; text-align: left; margin: 10px 0 15px; letter-spacing: -1px;} #mail_contents .list .fax_charge .fax_svc.new .ticket_box .price .arrow {position: absolute; top: 7px;} #mail_contents .list .fax_charge .fax_svc.new .ticket_box .price span {font-size:15px; color:#7d7d7d; } #mail_contents .list .fax_charge .fax_svc.new .ticket_box .price strong {font-size:28px; color:#191919; font-weight:700; line-height: 1;} #mail_contents .list .fax_charge .fax_svc.new .ticket_box .price .sale {display: block; position: absolute; width: 50px; height: 44px; text-align: center; top: 0; right: 0; border: solid 1px #e51a13; background: #fff; color: #e51a13; font-size:14px; padding: 5px 3px; box-sizing: border-box;} #mail_contents .list .fax_charge .fax_svc.new .ticket_box .price .sale strong {display: block; color: #e51a13; font-size:15px; font-weight:700; } #mail_contents .list .fax_charge .fax_svc.new .ticket_box dl {width: 100%; margin: 0 auto;} #mail_contents .list .fax_charge .fax_svc.new .ticket_box dl dt {display:inline-block; width: 130px; text-align: left; font-size: 14px; vertical-align: middle;} #mail_contents .list .fax_charge .fax_svc.new .ticket_box dl dd {display:inline-block; text-align: right;} #webh_service{width:100%;} #webh_service .webh_img{text-align:center;padding:30px 0 10px 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:39px; font-family:'Noto Sans KR', '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 strong{color:#4f63de; font-family:inherit; } #webh_service .webh_main h4{font-weight:400; font-size:20px; color:#333; line-height:28px; letter-spacing:-1px; } #webh_service .webh_main h4 span.txt_b {font-weight:normal; font-size:18px; font-family:inherit; color:#4f63de; line-height:24px; letter-spacing:-1px;} #webh_service .webh_main h4 strong{color:#e00000; /* font-size:24px; */ line-height:28px; font-family:inherit;} #webh_service .webh_main h5{font-weight:normal; padding-top:20px; font-size:12px; 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; } #webh_service .webh_main ul li:nth-child(1){font-size:16px; font-family:'Noto Sans KR'; font-weight:bold; letter-spacing:-1px; padding-bottom:5px; color:#222} #webh_service .webh_main ul li strong{color:#e00000} #webh_service .webh_main ul li em{color:#4f63de; font-style:normal; } #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_nw{width:960px; display:block; padding:30px 0 15px 10px; box-sizing:border-box; vertical-align:top; } #webh_service .webh_main_nw span{display:inline-block; vertical-align:top; } #webh_service .webh_main_nw h3{font-weight:bold; font-size:37px; font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; color:#222; line-height:50px; margin-top:10px; letter-spacing:-3.5px; margin-bottom:20px; } #webh_service .webh_main_nw h3.nw {font-weight:bold; font-size:37px; font-family:'Noto Sans KR'; color:#222; line-height:43px; margin-top:0px; letter-spacing:-3.5px; margin-bottom:8px; } #webh_service .webh_main_nw h3 strong{color:#12ba5b; font-family:inherit; } #webh_service .webh_main_nw h4{font-weight:400; font-size:17px; font-family:'Noto Sans KR'; color:#333; line-height:24px; letter-spacing:-1.5px; margin-bottom:5px; } #webh_service .webh_main_nw h4 strong{color:#08a14a; font-size:17px; font-weight:normal; font-family:inherit; } #webh_service .webh_main_nw ul{border:solid 8px #ebebeb; width: 345px; box-sizing:border-box; margin-left:0px; padding:10px 0 10px 15px; } #webh_service .webh_main_nw ul li{font-size:13px; letter-spacing:-1px; padding:1px 0; } #webh_service .webh_main_nw ul li:nth-child(1){font-size:16px; font-family:'Noto Sans KR'; font-weight:bold; letter-spacing:-1px; padding-bottom:5px; color:#222} #webh_service .webh_main_nw ul li strong{color:#e00000} #webh_service .webh_main_nw ul li em{color:#08a14a; font-style:normal; } #webh_service .webh_main_nw ul li .webh_no{display:inline-block; background:#12ba5b; 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_np{width:960px; display:block; padding:30px 0 15px 10px; box-sizing:border-box; vertical-align:top; } #webh_service .webh_main_np span{display:inline-block; vertical-align:top; } #webh_service .webh_main_np h3{font-weight:bold; font-size:37px; font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; color:#222; line-height:50px; margin-top:10px; letter-spacing:-3.5px; margin-bottom:20px; } #webh_service .webh_main_np h3.nw {font-weight:bold; font-size:37px; font-family: 'Noto Sans KR'; color:#222; line-height:43px; margin-top:0px; letter-spacing:-3.5px; margin-bottom:8px; } #webh_service .webh_main_np h3 strong{color:#117ce9; font-family:inherit; letter-spacing:-1px; } #webh_service .webh_main_np h4{font-weight:400; font-size:17px; font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; color:#333; line-height:24px; letter-spacing:-1.5px; margin-bottom:16px; } #webh_service .webh_main_np h4 strong{color:#117ce9; font-size:17px; font-weight:normal; font-family:inherit;} #webh_service .webh_main_np ul{border:solid 8px #ebebeb; width: 345px; box-sizing:border-box; margin-left:0px; padding:10px 0 10px 15px; } #webh_service .webh_main_np ul li{font-size:13px; letter-spacing:-1px; padding:1px 0; } #webh_service .webh_main_np ul li:nth-child(1){font-size:16px; font-weight:bold; letter-spacing:-1px; padding-bottom:5px; color:#222} #webh_service .webh_main_np ul li strong{color:#e00000} #webh_service .webh_main_np ul li em{color:#117ce9; font-style:normal; } #webh_service .webh_main_np ul li .webh_no{display:inline-block; background:#117ce9; 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;} .ddos_visual{float:left; width:960px; height:416px; background:url('/v2/images/ssl/ddos_visual.jpg') no-repeat left top;} #mail_contents .b_404 {width:960px; background:url('/v2/images/common/img_404.gif') no-repeat 50px 10px;} #mail_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;} #mail_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;} #mail_contents .b_404 h4 a{font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; color:#444; text-decoration:underline; } #ip_check{background:url('/v2/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('/v2/images/common/dot_blue.gif') no-repeat 26px center;} .service_table th.p_img{background: url('/v2/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.none{border-right:none;} .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('/v2/images/common/dot_blue.gif') no-repeat 26px center;} .service_table2 th.cell_title{border-right:none; background:#eef3fa; font-size: 17px;font-family: 'Noto Sans KR', 맑은 고딕, tahoma, 굴림, gulim, sans-serif; letter-spacing: -1.5px; line-height: 26px; font-weight: 400; text-align: left; padding: 25px 40px;} .service_table2 th.cell_title strong{display:block; color:#000; padding-bottom:15px;font-size: 26px; font-family: 'Noto Sans KR', 맑은 고딕, tahoma, 굴림, gulim, sans-serif; font-weight: bold;} .service_table2 th.p_img{background: url('/v2/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; } .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_right2{background:#fef6f2; text-align:left; padding:10px 10px 10px 40px;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:#fef6f2; text-align:center; padding:7px 0;vertical-align:top; border-left: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:left; padding:10px 10px 10px 40px; border-left:solid 1px #e9e9e9; border-right:solid 1px #e9e9e9; vertical-align:top} .service_table2 td.cell2_left2{background:#fcf0ea; text-align:left; padding:7px 0; border-left:solid 1px #e9e9e9; border-right: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 .sale_event{color:#f61700 !important; letter-spacing:0;} .service_table2 td.price{height:40px; font-weight:bold; font-size:13px; color:#555; letter-spacing:-0.05em; vertical-align:middle; } .service_table2 td ol li{text-align:left; padding-left:15px; padding-bottom:2px; background: url('/v2/images/common/dot_gray.gif') no-repeat 10px 8px ; } .service_table2 td ol li.i_none{text-align:left; padding-left:13px; padding-bottom:18px;background:none;} .service_table2 td.space_left ol li{text-align:left; padding-left:12px; padding-bottom:2px; background: url('/v2/images/common/dot_gray.gif') no-repeat 7px 8px ; 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('/v2/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: 'Noto Sans KR', '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; 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: 'Noto Sans KR', '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; vertical-align:top; letter-spacing:-1px; } .service_table2 .cell_left2 {border-left:solid 1px #e9e9e9;} .service_table2 .cell_price {font-family: 'Noto Sans KR', '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; letter-spacing:-1px; font-weight:bold; } .service_table2 .cell_price strike{font-size:14px; color:#999; letter-spacing:0px; font-style: italic; } .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; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ;} .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:#d92512; text-align:left; font-size: 16px; font-family:'Noto Sans KR'; font-weight:bold; padding:5px 20px 5px; border-right:solid 1px #d92512; border-top:solid 1px #d92512; color:#fff; letter-spacing:-1px;} .service_table3 th.cell2_th2 strong {color:#fbf200; font-weight:bold;} .service_table3 th.cell2_th h3 {display:block; color: #3d3d3d; font-size: 32px; font-weight:bold; letter-spacing:-2px; line-height:46px; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ;} .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; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ;} .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:10px 0;vertical-align:top; border-left:solid 1px #e9e9e9; border-right:solid 1px #e9e9e9;} .service_table3 td.cell2{background:#fcf0ea; text-align:center; padding:10px 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('/v2/images/common/dot_gray.gif') no-repeat 7px 8px ;} */ .service_table3 td ol li{text-align:left; padding-left:12px; background:none !important; text-indent: -10px; padding-bottom:5px; line-height:16px;} .service_table3 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_table3 td ol li img.star_coupon {padding-top:20px;} .service_table3 td ol li img.star_coupon2 {padding-top:40px;} .service_table3 td .price_50 {display:block; position:relative; text-align:left; padding:20px 7px 10px; font-weight:bold; font-size:14px;} .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{ border-bottom:solid 1px #e9e9e9; } .service_table4 th.cell_th{background:#f5f5f5; text-align:left; font-size: 14px; padding:20px 5px 20px 20px; vertical-align:top; border-top:solid 1px #e9e9e9; border-bottom:solid 1px #e9e9e9; border-left:none; border-right:none; letter-spacing:-1px;} .service_table4 th.cell_th h3 {display:block; font-size: 20px; font-weight:bold; padding-bottom:10px; letter-spacing:-1px;} .service_table4 th.cell1_th{background:#ecfce8; text-align:center; font-size: 14px; padding:5px 0 10px; vertical-align:top; border-left:solid 1px #e9e9e9; border-bottom:solid 1px #e9e9e9; border-right:solid 1px #e9e9e9; } .service_table4 th.cell1_th h3 {display:block; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; color: #3d3d3d; font-size: 24px; font-weight:bold; letter-spacing:-1px; line-height:46px;} .service_table4 th.cell1_th2{background:#2fa254; text-align:left; vertical-align:middle; font-size: 14px; text-align:center; font-weight:bold; padding:3px 10px; border-right:solid 1px #dbdbdb; border-top:solid 1px #dbdbdb; color:#fff; letter-spacing:-1px;} .service_table4 th.cell2_th{background:#e6eefb; text-align:center; font-size: 14px; font-weight:bold; padding:5px 0 10px; border-right:solid 1px #e9e9e9; border-bottom:solid 1px #e9e9e9; vertical-align:top} .service_table4 th.cell2_th2{background:#2467d6; text-align:left; vertical-align:middle; font-size: 14px; text-align:center; font-weight:bold; padding:3px 10px; border-right:solid 1px #dbdbdb; border-top:solid 1px #dbdbdb; color:#fff; letter-spacing:-1px;} .service_table4 th.cell2_th h3 {display:block; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; color: #3d3d3d; font-size: 24px; font-weight:bold; letter-spacing:-1px; line-height:46px;} .service_table4 th.cell3_th{background:#fbeae3; text-align:center; font-size: 14px; font-weight:bold; padding:5px 0 10px; border:solid 1px #e9e9e9; border-bottom:solid 1px #e9e9e9;border-right:solid 1px #e9e9e9; vertical-align:top} .service_table4 th.cell3_th h3 {display:block; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; color: #3d3d3d; font-size: 24px; font-weight:bold; letter-spacing:-1px; line-height:46px;} .service_table4 th.cell3_th2{background:#d62626; text-align:left; vertical-align:middle; font-size: 14px; text-align:center; font-weight:bold; padding:3px 10px; border-right:solid 1px #e9e9e9; border-top:solid 1px #e9e9e9; color:#fff; letter-spacing:-1px;} .service_table4 th.cell4_th{background:#fff9e5; text-align:center; font-size: 14px; padding:17px 5px 17px 5px; vertical-align:top; border-top:solid 1px #e9e9e9; border-bottom:solid 1px #e9e9e9; border-left:solid 1px #e9e9e9; border-right:solid 1px #e9e9e9; letter-spacing:-1px;} .service_table4 th.cell4_th:nth-child(1) {border-right:solid 1px #e9e9e9; border-bottom:solid 1px #e9e9e9;} .service_table4 th.cell4_th h3 {color:#3f51b5; display:block; font-size: 20px; font-weight:500; padding-bottom:7px; letter-spacing:-2px; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; } .service_table4 th.cell4_th h3 strong {color:#40922c; font-family:inherit; font-weight:500; } .service_table4 th.cell5_th{background:#fff9e5; text-align:center; font-size: 14px; font-weight:bold; padding:5px 0 10px; border-right:solid 1px #e9e9e9; border-bottom:solid 1px #e9e9e9; vertical-align:top} .service_table4 th.cell5_th2{background:#df8c23; text-align:left; vertical-align:middle; font-size: 14px; text-align:center; font-weight:bold; padding:3px 10px; border-right:solid 1px #dbdbdb; border-top:solid 1px #dbdbdb; color:#fff; letter-spacing:-1px;} .service_table4 th.cell5_th h3 {display:block; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; color: #3d3d3d; font-size: 24px; font-weight:bold; letter-spacing:-1px; line-height:46px;} .service_table4 th .price_50 {display:block; position:relative; text-align:left; padding:20px 10px 10px 45px; font-weight:normal; font-size:16px; color:#333;} .service_table4 th .price_50 strong {display:inline-block; font-size:18px; letter-spacing:-0.5px; padding-top:5px; padding-left:-25px; color:#333; font-family: 'Montserrat', 'Roboto', Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움"; font-weight: 700;} .service_table4 th .sale_50 {display:block; position:absolute; width:95px; height:44px; text-align:center; top:20px; right:30px; border: solid 1px #e51a13; background:#fff; color:#e51a13; line-height:20px; letter-spacing:-1px; padding-top:5px; box-sizing:border-box; } .service_table4 th .sale_50 strong {color:#e51a13; font-weight:bold; font-size:18px; letter-spacing:-1px; } .service_table4 th .arrow {position:absolute; top:27px; } .service_table4 th .price_50.sml{padding: 20px 10px 10px 10px;} .service_table4 th .sale_50.sml {right: 5px; right: 5px; width: 85px; height: 38px; padding-top: 3px; } .service_table4 th .sale_50.sml strong {font-size:16px; } .service_table4 td.cell1{background:#f9fff7; text-align:center; padding:15px 5px; vertical-align:top; border-left:solid 1px #e9e9e9; border-left:solid 1px #e9e9e9; border-top:solid 1px #e9e9e9; border-right:solid 1px #e9e9e9; } .service_table4 td.cell2{background:#f7faff; text-align:center; padding:15px 5px;border-right:solid 1px #e9e9e9; border-top:solid 1px #e9e9e9;vertical-align:top} .service_table4 td.cell3{background:#fff7f4; text-align:center; padding:15px 5px;border-right:solid 1px #e9e9e9;border-top:solid 1px #e9e9e9;vertical-align:top} .service_table4 td.cell4{background:#fefcf4; text-align:center; padding:15px 5px;border-right:solid 1px #e9e9e9;border-top:solid 1px #e9e9e9;vertical-align:top} .service_table4 td.cell5{background:#fefcf4; text-align:center; padding:15px 5px;border-right:solid 1px #e9e9e9;border-top:solid 1px #e9e9e9;vertical-align:top} .service_table4 td ol li{text-align:left; padding-left:12px; padding-bottom:5px; background: url('/v2/images/common/dot_gray.gif') no-repeat 7px 8px ; line-height:18px; font-size:12px; } .service_table4 td ol li:first-child {text-align:left; padding-left:12px; padding-bottom:8px; background: none; line-height:18px; font-size:13px; font-weight:bold; color:#333;} .service_table4 td ol li.bl_none {background:none;} .service_table4 td.cell_info {border-top:solid 1px #e9e9e9 !important; padding:10px; font-size:13px; } .service_table4 td ol.f13 { font-size:13px; } .service_table4 td ol.f13 li{ font-size:13px; line-height:22px;} .service_table4 td ol.f13 li:first-child { padding-bottom:10px; background: none; line-height:22px; font-size:14px; } .service_table4 .starEvent {width:90%; margin:0 auto; padding:15px; margin-top:10px; text-align:right; background:#eef6f2 url('/v2/images/nworks/nworks_starL.png') no-repeat 10% ; border:solid 1px #c6cec9; font-size:14px; letter-spacing:-1.5px; font-weight:bold; box-sizing:border-box;} .service_table4 .starEvent.sml { background: #eef6f2 url('/v2/images/nworks/nworks_starL.png') no-repeat 10% 10px; background-size: 100px; padding: 30px 15px 10px;} .service_table4 .starEvent strong {color:#1a9c53; font-size:22px; font-family: 'roboto';} .service_table4 .starEvent2 {width:90%; margin:0 auto; padding:15px; margin-top:10px; text-align:right; background:#1e8f4f url('/v2/images/nworks/nworks_starL2.png') no-repeat 10% ; font-size:14px; color:#fff; letter-spacing:-1.5px; font-weight:bold; box-sizing:border-box;} .service_table4 .starEvent2 strong {color:#fff; font-size:22px; font-family: 'roboto';} .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('/v2/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('/v2/images/common/dot_blue.gif') no-repeat 5px 16px;} .service_info2 .text2 ol li:nth-child(1){background: url('/v2/images/common/n_01.gif') no-repeat left 13px;} .service_info2 .text2 ol li:nth-child(2){background: url('/v2/images/common/n_02.gif') no-repeat left 13px;} .service_info2 .text2 ol li:nth-child(3){background: url('/v2/images/common/n_03.gif') no-repeat left 13px;} .service_info2 .text2 ol li:nth-child(4){background: url('/v2/images/common/n_04.gif') no-repeat left 13px;} .service_info2 .text2 ol li:nth-child(5){background: url('/v2/images/common/n_05.gif') no-repeat left 13px;} .service_info2 .text2 ol li:nth-child(6){background: url('/v2/images/common/n_06.gif') no-repeat left 13px;} .service_info2 .text2 ol li:nth-child(7){background: url('/v2/images/common/n_07.gif') no-repeat left 13px;} .service_info2 .text2 ol li:nth-child(8){background: url('/v2/images/common/n_08.gif') no-repeat left 13px;} .service_info2 .text2 ol li:nth-child(9){background: url('/v2/images/common/n_09.gif') no-repeat left 13px;} .service_info2 .text2 ol li:nth-child(10){background: url('/v2/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('/v2/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('/v2/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('/v2/images/common/dot_gray.gif') no-repeat left 8px !important; padding-left:8px; padding-bottom:5px;} #free_service{width:100%;} #free_service .title_free{margin:30px 0 10px 5px} #free_service .img_free img{margin:3px 4px 3px 0;} .box01 {border:solid 1px #dedede; padding:20px 15px 25px 35px; margin:15px 0 15px 0;} .bg01_han {background:#fafafa;} .box02 {border:solid 1px #dedede;background:#fafafa; padding:10px 10px 10px 10px; } .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:12px; height:30px;background:#f8f8f8; border-top:solid 2px #7f8fcd;border-left:none; } .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; font-size:12px; 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('/v2/images/common/dot_gray.gif') no-repeat 3px center;} .table02 th{font-weight:bold;font-size:13px; 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:13px; height:23px;background:#f0f0f0; border-top:solid 2px #7f8fcd;border-left:none; } .table02 th.gray{font-size:13px; background:#f0f0f0; border-top:solid 2px #9c9c9c;} .table02 th.white_none{font-size:13px; font-weight:normal; text-align:left; padding-left:20px;background:#fff; border-top:solid 2px #9c9c9c;border-right:none;} .table02 th.none{font-size:13px; background:#f0f0f0; border-bottom:solid 1px #d7d7d7; border-top:none; border-right:none;} .table02 th.none2{font-size:13px; background:#f0f0f0; border-top:solid 1px #d7d7d7; border-right:none;} .table02 th.none3{font-size:13px; background:#f0f0f0; border-top:none; border-right:solid 1px #d7d7d7;} .table02 td{font-size:13px; 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('/v2/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('/v2/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_line{border-top:solid 2px #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_left2{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 2px #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_none{padding:7px 10px; text-align:center; border-bottom:solid 1px #d7d7d7; background:#fff; border-right:solid 1px #d7d7d7; border-left:none; 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_left2{padding:3px 0 3px 25px;text-align:left; border-bottom:solid 1px #d7d7d7; background:#fff; border-right:none; border-left:solid 1px #d7d7d7; vertical-align:middle; letter-spacing:0;} .table05 td.t_line{font-size:12px; 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:13px; height:30px;border:solid 1px #d7d7d7; background:#f9f9fe;vertical-align:middle;letter-spacing:0;padding:3px 0 3px 25px; } .table06 th strong { display:inline-block; font-weight:bold;font-size:18px; padding-left:3px; color:#ff7903; } .table06 th.t_line{border-top:solid 2px #8997eb;} .table06 th.t_center{font-weight:bold;text-align:center;font-size:13px; 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:10px 0 10px 25px; word-break:break-all; font-size:13px; line-height:20px;} .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:10px 0; word-break:break-all;} .table06 td img{margin-right:5px;vertical-align:middle;} .table06 td input[type="file"]::file-selector-button {background: #acacac; font-size: 12px; border:none; cursor:pointer; height:24px; color:#fff; border-radius:3px; letter-spacing:-1px; padding:0 15px; } .table07 {margin-top:10px; } .table07 th{text-align:left; font-weight:bold;background:#f6f5fb;vertical-align:top;letter-spacing:0; border-right:solid 1px #e1e2f4; border-top:solid 1px #e1e2f4; border-bottom:none; border-left:none; padding:15px 0 15px 20px; } .table07 th label{display:block; color:#222; font-size:18px; } .table07 th.t_left{text-align:left; color:#2b3992; border-right:solid 1px #e1e2f4; border-top:solid 1px #e1e2f4; border-left:none; border-bottom:none; padding:15px 0 15px 20px; vertical-align:middle; } .table07 th.t_left_last{text-align:left; color:#2b3992;border-right:solid 1px #e1e2f4; border-top:solid 1px #e1e2f4; border-bottom:solid 1px #e1e2f4; border-left:none; padding:15px 0 15px 20px; } .table07 th.t_right{text-align:left; color:#222;border-right:none; border-top:solid 1px #e1e2f4; border-bottom:none; border-left:none; padding:15px 0 15px 20px; } .table07 td{padding:15px 0 15px 20px; text-align:left; border-top:solid 1px #e1e2f4; border-right:solid 1px #e1e2f4; vertical-align:top; background:#fff; } .table07 td.t_right{padding:15px 0 15px 20px; text-align:left; border-top:solid 1px #e1e2f4; border-right:none; vertical-align:top; background:#fff; } .table07 td.t_line{background:#e1e2f4; height:1px; padding:0; margin:0; border:none;} .table07 td.t_line_top{background:#cbcfec; height:2px; padding:0; margin:0; border:none;} .table07 td.bg_yellow{background:#fffdd4;} .table08 {margin-top:10px;border-collapse: collapse;} .table08 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; } .table08 td{padding:7px 10px; text-align:right;border-bottom:solid 1px #d7d7d7; border-right:solid 1px #d7d7d7; vertical-align:middle; letter-spacing:0;} .table09 {} .table09 th{font-weight:bold;font-size:12px; height:30px;border:solid 1px #d7d7d7; background:#f9f9fe;vertical-align:middle;letter-spacing:0;padding:3px;border-top:solid 2px #8997eb; } .table09 th.th_ticket{font-weight:normal; text-align:left;height:90px;border:solid 1px #d7d7d7; line-height:32px; padding:0 30px; background:#f9f9fe;letter-spacing:0;border-top:solid 2px #8997eb; font-size:16px; vertical-align:middle;} .table09 th.th_ticket span{padding-left:10px; font-weight:bold; color:#3a4bbc; font-size:34px; vertical-align:middle;} .table09 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; border-collapse: collapse} .table10 {margin-top:10px;border-collapse: collapse;} .table10 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; } .table10 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; } .table10 th.gray{border-top:2px solid #9c9c9c; background:#f8f8f8;} .table10 th.none{ background:#f8f8f8; border-bottom:solid 1px #777; border-right:none;} .table10 td{padding:7px 10px; text-align:right;border-bottom:solid 1px #d7d7d7; border-right:solid 1px #d7d7d7; vertical-align:middle; letter-spacing:0;} .table10 td.none{text-align:right;border-bottom:solid 1px #d7d7d7; border-right:0} .table10 td.border_black{border-bottom:solid 1px #777; vertical-align:middle; letter-spacing:0;} .table10 td.border_black_r{border-right:solid 1px #777; vertical-align:middle; letter-spacing:0;} .table10 td.border_black_none{border-bottom:solid 1px #777; border-right:none;vertical-align:middle; letter-spacing:0;} .table10 td.bg_yellow{background:#fffdd4;} .table11 {margin-top:10px; } .table11 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;} .table11 th.t_line{border-top:solid 2px #8997eb;} .table11 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;} .table11 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;} .table11 td{padding:10px 5px; 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; height:30px;} .table11 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;} .table11 td.t_line{font-size:12px; border:solid 1px #d7d7d7; background:#fff;vertical-align:middle;letter-spacing:0;padding:7px 10px;border-top:solid 1px #8997eb;} .table12 {margin-top:10px; } .table12 th{font-weight:bold;font-size:12px; height:26px; color:#777; border:solid 1px #d7d7d7; background:#f3f3f3;vertical-align:middle;letter-spacing:0;padding:3px;border-top:solid 1px #efefef;} .table12 th.t_line{border-top:solid 1px #999;} .table12 th.t_left{text-align:left;font-weight:bold;font-size:12px; height:30px;border:solid 1px #d7d7d7; background:#f9f9fe;vertical-align:middle;letter-spacing:0;padding:3px 0 3px 25px;border-top:solid 1px #efefef;} .table12 th.t_left_none{text-align:left;font-weight:bold;font-size:12px; height:30px;border:solid 1px #d7d7d7; background:#f9f9fe;vertical-align:middle;letter-spacing:0;padding:3px 0 3px 25px;} .table12 td{padding:10px 5px; 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; height:24px;} .table12 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;} .table12 td.t_line{font-size:12px; border:solid 1px #d7d7d7; background:#fff;vertical-align:middle;letter-spacing:0;padding:7px 10px;border-top:solid 1px #8997eb;} .table13 {margin-top:10px; } .table13 th{font-weight:bold;text-align:left;font-size:13px; height:30px;border:solid 1px #d7d7d7; background:#f9f9fe;vertical-align:middle;letter-spacing:0;padding:3px 5px 3px 10px; } .table13 th strong { display:inline-block; font-weight:bold;font-size:18px; padding-left:3px; color:#ff7903; } .table13 th.t_line{border-top:solid 2px #8997eb;} .table13 th.t_center{font-weight:bold;text-align:center;font-size:13px; height:30px;background:#f9f9fe;vertical-align:middle;letter-spacing:0;padding:3px 0; } .table13 td{ text-align:left; border:solid 1px #d7d7d7; background:#fff; vertical-align:middle; letter-spacing:0; padding:10px 5px 10px 10px; word-break:break-all; font-size:13px; line-height:20px;} .table13 td.t_line{border-top:solid 2px #9c9c9c;} .table13 td.t_center{ text-align:center; border:solid 1px #d7d7d7; background:#fff; vertical-align:middle; letter-spacing:0; padding:10px 0; word-break:break-all;} .table13 td img{margin-right:5px;vertical-align:middle;} .table13 td input[type="file"]::file-selector-button {background: #acacac; font-size: 12px; border:none; cursor:pointer; height:24px; color:#fff; border-radius:3px; letter-spacing:-1px; padding:0 10px; } .table_none {border:none; } .table_none th{border:none; } .table_none td{border:none; } #page_title{height:50px; background: url('/v2/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_title{height:60px; border-bottom:solid 2px #bfbfbf; margin-bottom:30px;} #page_title .title_img{margin-top:8px; margin-bottom:10px;} #page_title .location{color:#595959; letter-spacing:-1px; float:right; padding:8px;} */ #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;} #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('/v2/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 li.li_none{background:none !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('/v2/images/common/dot_purple.gif') no-repeat left center; padding-left:15px; color:#475ad3; font-size:16px; line-height:22px; font-weight:bold; letter-spacing: -1px; } #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{background: url('/v2/images/common/icon_gray.gif') no-repeat left 6px !important; padding-left:10px;margin-bottom:3px; font-size:13px; letter-spacing:-0.5px;} #sub_title2 h2{margin-top:10px;background: url('/v2/images/common/dot_purple.gif') no-repeat left center; padding-left:15px; color:#475ad3; font-size:16px; line-height:22px; font-weight:bold; } .confirm_check ul {list-style:none; margin:0;padding:10px 10px 5px 10px;} .confirm_check li{margin-bottom:5px;padding:5px 5px 10px 15px; border-bottom: solid 1px #bcc6ec; font-size:13px; word-break: keep-all; word-wrap: break-word; } .confirm_check li.info_confirm{margin-bottom:7px;padding:0 5px 5px 5px; border-bottom: solid 1px #bcc6ec;} .confirm_check li.last_li{padding:0 5px 0 15px;border-bottom: none;} .confirm_check li:last-child{padding:0 5px 0 15px;border-bottom: none;} .confirm_check li label{display:block; font-weight:normal; margin-bottom:3px;text-indent:-15px} .confirm_check2 ul {list-style:none; margin:0;padding:10px 10px 5px 10px;} .confirm_check2 ul li{display:block; font-size:13px; letter-spacing:-0.5px; margin-bottom:5px; padding:5px 0 10px 20px; line-height:20px; border-bottom: solid 1px #bcc6ec; word-break: keep-all; word-wrap: break-word; text-indent:-15px} .confirm_check2 ul li.info_confirm{margin-bottom:7px;padding:0 5px 5px 5px; border-bottom: solid 1px #bcc6ec;} .confirm_check2 ul li.info_confirm2{margin-bottom:7px; padding-bottom:5px; border-bottom: solid 1px #bcc6ec;} /*height:30px; */ .confirm_check2 ul li.first_li{padding:10px 0 10px 20px; border-top: solid 1px #bcc6ec;} .confirm_check2 ul li.last_li{padding:5px 0 5px 20px; border-bottom: none;} .confirm_check2 ul li:last-child{padding:5px 0 5px 20px; border-bottom: none;} .confirm_check2 ul li label{display:inline; font-weight:normal; margin-bottom:3px;} /*float:left; display:block; text-indent:-15px*/ .confirm_check2 ul li .confirm_btn{margin-left:10px; vertical-align:middle; cursor:pointer; } .confirm_check2 ul li img {display:inline-block; } .confirm_check div{padding:10px 10px 10px 15px;} .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 #7f9de2; z-index:-1; } .form_title13{font-size:13px; line-height:12px; font-weight:bold; color:#ffffff; width:155px; padding:6px 10px 5px 10px; margin-left:12px; background-color:#5978c0; border-left:solid 6px #7f9de2; 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 #7f9de2;} .form_title_180_13{font-size:13px; 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 #7f9de2;} .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 #7f9de2;} /* tab 사용*/ #tab_title{display:block; height: 36px; overflow:hidden; } #tab_title ul {padding:0; height: 36px;width:750px; background:url('https://hosting.whois.co.kr/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('/v2/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('/v2/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; } .tab_content{display:block; font-size:12px; } .tab_content dl {clear:both;} .tab_content dl dt{float:left; display:inline;margin-right:30px;margin-left:20px;margin-bottom:20px;} .tab_content dl dd{margin-left:220px;line-height:22px; font-size:14px; letter-spacing:-0.5px; word-break:keep-all; } .tab_content dl dd h2{background:none; padding-left:-15px; color:#3b4cb9; font-weight:bold; font-size:16px; padding-bottom:7px;} .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; margin-bottom:3px;} .tab_content dl dd .btn_img{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;} .content_notice2{border-collapse:separate; border-spacing:0px; border:solid 1px #99a3d8; padding:23px 15px 23px 20px; margin-top:10px; margin-bottom:10px; background:#fafbff; color:#333335;} .content_notice2 .btn_apply{position:absolute; right:15px; top:20px} .info_box{ border:solid 1px #cfd5e6; width:250px; box-sizing:border-box; border-radius: 5px; padding:15px 15px 15px 20px; } .info_box h4{font-size:22px !important; font-weight:bold; display:block; color:#899ed9; margin-bottom:5px;} .info_box h4 em{font-size:14px; font-weight:normal; color:#cfd5e6; font-style:normal; display:inline-block; vertical-align:top; margin-bottom:10px; } .info_box h5{font-size:14px; font-weight:bold; display:block; color:#666; letter-spacing:-1px; line-height:20px; } .email_ban_nworks a {margin-top:100px; display:block;} .email_ban_nworks2 {position:relative; width:960px; height:210px; background:url('/v2/images/nworks/email_ban_nworks5.png') no-repeat; margin-top:100px; } .email_ban_nworks2.my {margin-top:30px; margin-bottom:100px;} .email_ban_nworks2 a {width:160px; position:absolute; display:block; top:138px; left:585px; font-size:14px; box-sizing:border-box;} .email_sban_nworks2 {position:relative; width:750px; height:180px; background:url('/v2/images/nworks/email_sban_nworks4.png') no-repeat; margin-top:20px; margin-bottom:50px; } .email_sban_nworks2 a {width:180px; position:absolute; display:block; top:115px; left:30px; font-size:13px; padding:9px 0; box-sizing:border-box;} .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:16px; line-height:22px; color:#fff; top:7px; left:15px; margin:0; padding:0; } .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('/v2/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 h3{margin-top:10px;color:#333333; font-size:12px; 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;} .popup .p_content .p_dia2 img{float:left; margin-left:10px;position:relative; } .popup .p_content .p_dia3 img{float:left; margin:10px 10px 10px 0; position:relative; } .popup .p_content .btn img{margin:0 auto; padding:10px 0 10px 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('/v2/images/sms/pop_bg.gif') repeat-x;} .popup2 .p_title .p_text{position:absolute; font-weight:bold; font-size:15px; 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; } .popup2 .p_content select{background:#fff; border:solid 1px #cbcbcb; padding:4px 5px; width:230px;color:#555; font-size:12px;} .popup2 .txt_field{background:#fff; padding:3px; font-size:13px; width:200px; height:150px; color:#555;font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; 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('/v2/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('/v2/images/sms/icon_loader.gif') repeat-x;} .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;} .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{position: relative; display:block; float:left;width:400px;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:46px;} .login_page .login_area2 .join_member{display:inline-block;position:absolute; left:45px; top:120px;} .login_page .login_area2 .join_member img{vertical-align:middle;} .login_page .banner_area{float:left;} .login_page .banner_area img{margin-left:33px; margin-top:22px;} .login_page .banner_area2{float:left;} .login_page .banner_area2 img{margin-left:80px; margin-top:35px;} .login_page .banner_area3 {position:relative; float:left; width:500px; height:180px; background:url('/v2/images/common/login_sms2_img.png') no-repeat right bottom; } .login_page .banner_area3 a {display:block; width:420px; height:170px; margin-left:80px;} .login_page .banner_area3 a span{position:absolute; top:125px; left:88px; padding:9px 25px 11px 25px; border:solid 1px #bdbdbd; background:#fff; color:#3d3d3d; transition:0.4s; font-size:14px;} .login_page .banner_area3 a:hover span{border:solid 1px #ca3d26; background:#ca3d26; color:#fff;} .sms_login_page{display:block; width:958px; height:400px; border:none; margin-top:20px;} .sms_login_page .login_area3{width:958px; height:362px; background:url('/v2/images/sms/bg_sms_login2.gif') no-repeat center; } .sms_login_page .login_area3 .login_txt{float:left; width:64px; padding:165px 0 0 260px;} .sms_login_page .login_area3 .login_input{float:left;width:270px; padding:165px 0 0 10px;} .sms_login_page .login_area3 .login_btn{position:absolute; left:597px; top:165px;} .sms_login_page .login_area3 .login_save{position:absolute; left:335px; top:230px;} .fax_login_page{display:block; width:958px; height:520px; border:none; margin-top:20px;} .fax_login_page .login_area3{width:958px; height:362px; background:url('/v2/images/fax/bg_fax_login.jpg') no-repeat center; } .fax_login_page .login_area3 .login_txt{float:left; font-size:14px; width:90px; padding:165px 0 0 260px; line-height:29px; font-weight:bold; } .fax_login_page .login_area3 .login_input{float:left;width:270px; padding:165px 0 0 10px;} .fax_login_page .login_area3 .login_btn{position:absolute; left:597px; top:165px;} .fax_login_page .login_area3 .login_save{position:absolute; left:365px; top:230px; vertical-align:top;} .layer_over{display:inline; text-align: left;} .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_star {width:100%; height:250px; background:#008f60; text-align:center; } .gnb_banner .movie_link{ position:relative; width:960px; margin:auto; } .gnb_banner .movie_link div{ position:absolute; top:-220px; right:40px; z-index:100; color:#fff; text-decoration:underline; width:73px; height:23px; } .gnb_banner .movie_link .gnb_btn{ position:absolute; width:180px; top:-40px; right:0px; z-index:10;} .gnb_banner .movie_link .gnb_btn img{margin-left:5px;} .gnb_banner .movie_link .gnb_btn_mail{ position:absolute; top:-115px; left:30px; z-index:10;} .gnb_banner .movie_link .gnb_btn_nworks{ position:absolute; top:-115px; left:230px; z-index:10;} .gnb_banner2 {width:100%; height:250px; background:#56b781; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕' 'gulim', 굴림; box-sizing:border-box; } .gnb_banner2 .gnb_nworks {margin:0 auto; width:960px; height:250px; background:#56b781; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'gulim', 굴림; box-sizing:border-box; padding:40px 0 0 290px; background: url('/v2/images/gnb/bg_nworks_gnb.png') no-repeat; } .gnb_banner2 .gnb_nworks h2 a{color:#fbfe20; font-size:40px; line-height:50px; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'gulim', 굴림; letter-spacing:-2px; font-weight:normal; text-align:left; } .gnb_banner2 .gnb_nworks h2 a em {color:#fff; font-weight:bold; font-family: verdana, tahoma; } .gnb_banner2 .gnb_nworks h3 {color:#fff; font-size:18px; line-height:26px; font-family:inherit; font-weight:normal; text-align:left; padding-top:24px; } .gnb_banner2 .gnb_nworks h3 strong {font-family:inherit; display:inline-block; padding:2px; font-weight:normal; line-height:20px; background:#ffd21c; color:#0c3811; } .gnb_banner2 .gnb_nworks .gnb_btn {position:absolute; top:10px; right:0px; } .gnb_banner2 .gnb_nworks .gnb_btn a {color:#fff; text-decoration:underline; font-size: 13px; margin-right:20px; letter-spacing:-1px;} .gnb_banner2.nGuide {background:#03c75a; } .gnb_banner2 .gnb_nworks.nGuide {margin:0 auto; width:960px; height:250px; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'gulim', 굴림; box-sizing:border-box; padding:135px 0 0 60px; background: #03c75a url('/v2/images/gnb/bg_nworks_gnb5.png') no-repeat; } .gnb_banner2 .gnb_nworks.nGuide h2 {display:none;} .gnb_banner2 .gnb_nworks.nGuide h3 {font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'gulim', 굴림; font-size:19px; font-weight:bold; } .gnb_banner2 .gnb_nworks.nGuide h3 strong {color:#f2f513; background:none; padding:0; font-weight:bold; } .gnb_banner2.nw_landing {background:#E7FDF6; box-sizing:border-box; } .gnb_banner2 .gnb_nworks.nw_landing {margin:0 auto; width:960px; height:250px; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'gulim', 굴림; box-sizing:border-box; padding:30px 0 0 10px; background: #E7FDF6 url('/v2/images/gnb/bg_nworks_landing3.png') right bottom no-repeat; background-size: 35%;} .gnb_banner2 .gnb_nworks.nw_landing h2 {color:#222222; font-size: 48px; line-height: 1.2; font-weight:bold; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'gulim', 굴림; } .gnb_banner2 .gnb_nworks.nw_landing h2 a{color:#222222; font-size: 48px; line-height: 1.2; font-weight:bold; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'gulim', 굴림; } .gnb_banner2 .gnb_nworks.nw_landing h2 strong {color:#03C75A; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'gulim', 굴림;} .gnb_banner2 .gnb_nworks.nw_landing h2 a strong {color:#03C75A; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'gulim', 굴림;} .gnb_banner2 .gnb_nworks.nw_landing h3 {color:#222222; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'gulim', 굴림; } .gnb_banner2 .gnb_nworks.nw_landing h3 strong {color:#03C75A; background:none; } .gnb_banner2 .gnb_nworks.nw_landing .gnb_btn {position:absolute; top:10px; right:0px; } .gnb_banner2 .gnb_nworks.nw_landing .gnb_btn a {color:#444; text-decoration:underline; font-size: 13px; margin-right:20px; letter-spacing:-1px;} .icon_warn{position:absolute; display:block; } .icon_warn img{position:relative;left:130px; top:10px} .page_num { display:block;padding:10px;} .paging {width:100%; margin:10px 0px 0px 0px; padding:0px; text-align:center; } .paging strong { vertical-align:middle; width: 21px; display: inline-block;} .paging a {display:inline-block;font-family:tahoma, 굴림, "gulim"; font-weight:normal; font-size:12px; text-align:center; vertical-align:middle; color:#666; background:#FFF; text-decoration:none; border:solid 1px #dfdfdf; width:21px; height:20px;} .paging a:hover {font-family:tahoma, 굴림, "gulim"; color:#666; border:solid 1px #7f8fcd; background:#fff; text-decoration:none; } .paging a.current {font-family:tahoma, 굴림, "gulim"; color:#4f5e99; border:solid 1px #7f8fcd; background:#eaedf7; text-decoration:none; } .paging .pre, .paging .next{display:inline-block; width:21px; height:20px; text-indent:-10000px;} .paging .pre{margin-right:12px;background:url('/v2/images/common/icon_prev2.gif') no-repeat center !important;} .paging .pre a:hover{border:solid 1px red;} .paging .next{margin-left:12px;background:url('/v2/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('/v2/images/common/icon_first2.gif') no-repeat center !important; } .paging .next2{margin-left:4px; background:url('/v2/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_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('/v2/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:#707070;z-index:2;z-index:10;opacity: .7; filter:Alpha(Opacity=70);} .div_loading_txt{font-family:'Apple SD Gothic Neo', '맑은 고딕', tahoma, 'gulim', 굴림; font-size:20px;font-weight:bold; color:#fff; letter-spacing:-1px;} .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:#777777; padding:8px 10px;} .table_calendar td.weekdays{text-align:left; color:#777777; } .table_calendar td.sun{text-align:left; color:#ed1c24; background:#fef8f8;} .table_calendar td.sat{text-align:left; color:#0000ff; background:#f8fcfe;} .table_calendar td .stats_no{color:#555; text-align:center; margin-top:10px; } .table_calendar td.total_w{background:#fbfbfb; color:#fbfbfb; } .table_calendar td.total_w .stats_no{color:#555;} .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{font-size:13px; background:url('/v2/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('/v2/images/mng/dot_line3.gif') repeat-x left bottom;} #my_hosting .webh_detail .detail_title .btn_area{float:right; width:307px;} #my_hosting .webh_detail .detail_title strong{background:url('/v2/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('/v2/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:11px;} #my_hosting .webh_detail .detail_capacity ul li .box .green_graph {width:100%; height:22px; background: url('/v2/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('/v2/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('/v2/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('/v2/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('/v2/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('/v2/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('/v2/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('/v2/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('/v2/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_btn{background: url('/v2/images/mng/dot_line3.gif') repeat-x left top;} #my_hosting .webh_detail .detail_btn 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:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; 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:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; font-size:14px; font-weight:bold;} .table_line{height:2px; background-color:#8997eb;} .renew_direct{border:#7394d7 10px solid;background: url('/v2/images/reg/renew_logout_txt2_h.gif') no-repeat 27px 33px;} .renew_direct img{margin-top:110px; margin-bottom:33px;} .renew_direct .comment{background:#e5edfa; padding:20px 30px;} .landing{width:960px;} .landing_main{width:960px; height:400px;background: url('/v2/images/webmail/landing_main_n2.jpg') no-repeat; } .landing_main .a_mail {position:absolute; left:45px; top:310px; cursor:pointer;} .landing_main .a_nw {position:absolute; left:255px; top:310px; cursor:pointer;} .landing_main .landing_banner{display:block;position:absolute; left:480px; top:290px;} .landing_main_nw {width:960px; height:400px;background: url('/v2/images/nworks/landing_main_nworks.jpg') no-repeat; } .landing_main_nw a{position:absolute; left:45px; top:310px; cursor:pointer;} .landing_main_nw .landing_banner{display:block;position:absolute; left:290px; top:290px;} .landing_main_nw2 {width:960px; height:400px; background: #ecf7f1 url('/v2/images/nworks/landing_main_nworks2.jpg') no-repeat; box-sizing:border-box; padding: 35px 20px 45px 50px; } .landing_main_nw2 h2 {font-weight:bold; font-size:45px; font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; color:#222; line-height:58px; letter-spacing:-3.5px; margin-bottom:10px; } .landing_main_nw2 h3 {display:block; height:80px; background: url('/v2/images/nworks/nworks_logo.svg') no-repeat 5px top; background-size: 55%; } .landing_main_nw2 h4 {font-size:22px; line-height:30px; letter-spacing:-1.3px; } .landing_main_nw2 h4 strong {color:#069d6a; font-weight:bold;} .landing_main_nw2 a{position:absolute; left:45px; top:310px; cursor:pointer;} .landing_main_nw2 .landing_banner{display:block;position:absolute; left:330px; top:290px;} .landing_main_nw2.nGuide {width:960px; height:430px; background: #f0f5fa url('/v2/images/nworks/landing_main_nworks9.png') no-repeat; background-size: 100%; /*border:solid 1px #03c75a;*/ box-sizing:border-box; padding: 50px 20px 45px 60px; margin-top: 10px;} .landing_main_nw2.nGuide h2 {font-family: 'GmarketSansBold', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size: 50px; line-height: 1.2} .landing_main_nw2.nGuide h2 strong {color:#03c75a; } .landing_main_nw2.nGuide h3 {display:none;} .landing_main_nw2.nGuide h4 {display:none;} .landing_main_nw2.nGuide h5 {font-size:21px; line-height:28px; letter-spacing:-1.7px; font-weight:bold; } .landing_main_nw2.nGuide h5 strong {color:#03c75a; font-weight:bold; } .landing_main_nw2.nGuide a{position:absolute; left:45px; top:330px; cursor:pointer;} .landing_main_nw2.nGuide .landing_banner{display:block;position:absolute; left:300px; top:310px;} .landing_main_nw2.nGuide ul {padding:0;} .landing_main_nw2.nGuide ul li {font-size: 16px; font-weight: normal; margin-bottom: 3px; font-family:'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum' ; } .landing_main_nw2.nGuide ul li span {background: #ddede4; border-radius: 50px; width: 25px; height: 25px; text-align: center; display: inline-block; font-size: 14px; font-weight: bold; color: #3c7656; margin-right: 10px; line-height: 2; font-family:inherit;} .landing_main_nw2.nGuide ul li strong { color: #03c75a; font-weight: normal; font-family:inherit;} .landing .landing_contents{padding-left:20px; height:950px; background: url('/v2/images/webmail/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;} .no1_title{ height:35px; color:#1e5ccc;font-family:'Apple SD Gothic Neo', '맑은 고딕', tahoma, 'gulim', 굴림; font-size:16px;font-weight:bold; background:url('/v2/images/common/dot5.gif') repeat-x left bottom;} /* layer */ .l_b{border:4px solid #FF9600;background:#fff; z-index:10;} .l_t{color:#fff; font-weight:bold; background:#FF9600; padding:3px 0 5px 3px; line-height:12px; text-align:left !important; } .l_s{font-size:12px; background:#fff; padding:5px; color:#555; font-weight:normal;text-align:left !important; } .l_b2{border:4px solid #8E8E8E} .l_t2{color:#fff; font-weight:bold; background-color:#8E8E8E; padding:3px 0 5px 3px; line-height:14px;} .l_s2{font-size:12px; background-color:#fff; padding:5px; color:#333; } .l_b3{border:2px solid #8E8E8E} .l_t3{color:#fff; font-weight:bold; background-color:#8E8E8E; padding:3px 0 5px 3px; line-height:14px;} .l_s3{font-size:12px; background-color:#fff; padding:5px; color:#333; } .mail_notice{position:absolute; top:200px; left:360px;} /*도메인 신청 폼 레이어 color:#765a2b; */ .domain_service_layer{margin-top:5px; margin-bottom:2px; color:#2a496f; letter-spacing:-1px; vertical-align:middle; } .domain_service_layer .domain_service_layer_info{background:#d13c90; cursor:pointer;color:#fff; padding:0 3px; vertical-align:middle; } .domain_service_layer span {} .domain_service_layer strong{color:#cb1b7e; } .domain_service_layer2{margin-top:5px; margin-bottom:10px; color:#2a496f; letter-spacing:-1px; font-size:14px; vertical-align:middle; } .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', '맑은 고딕', 'gulim', 굴림;} /*.domain_service_layer .domain_service_layer_info{background:#4a80c2; cursor:pointer;color:#fff; padding:0 3px;}*/ .domain_service_table{background:#fff; } .domain_service_table th{font-weight:bold; font-family:'Apple SD Gothic Neo', '맑은 고딕', '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', '맑은 고딕', '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('/v2/images/common/icon_dot.gif'); background-repeat:no-repeat; background-position:left 7px; text-indent:10px;} #my_mail{width:100%;} #my_mail .main_img{text-align:center;padding:20px 0 0 0; vertical-align:bottom;margin:0;} #my_mail .my_summary{font-size:13px; background:url('/v2/images/mng/myhosting_sum_top.gif') no-repeat left top; padding:30px 25px 20px 30px;} #my_mail .webh_detail {background:#fff; margin-top:15px; border:solid 1px #c4c4e4; } #my_mail .webh_detail table{margin-left:35px; } #my_mail .webh_detail .detail_open{background:#f3f3f3;padding:9px 35px; vertical-align:middle; border-top:solid 1px #c4c4e4; font-size:13px; color:#000; } #my_mail .webh_detail .detail_title{background:#f6f6fd;padding:25px 25px;vertical-align:middle;} #my_mail .webh_detail .detail_title .btn_area{position:absolute; right:25px; top:28px; } #my_mail .webh_detail .detail_title strong{background:url('/v2/images/mng/icon_arrow2.gif') no-repeat left center; font-weight:bold; font-size:18px; color:#333333; padding-left:15px; padding-right:5px;} #my_mail .webh_detail .detail_title_ftp{background:#fef2f7;padding:25px 35px;vertical-align:middle;} #my_mail .webh_detail .detail_title_ftp .btn_area{position:absolute; right:35px; top:28px; } #my_mail .webh_detail .detail_title_ftp strong{background:url('/v2/images/mng/icon_arrow2.gif') no-repeat left center; font-weight:bold; font-size:18px; color:#333333; padding-left:15px; padding-right:10px;} #my_mail .webh_detail .detail_title_new{background:#f6f6fd;padding:25px 15px 20px 25px;vertical-align:middle; border-top:solid 1px #c4c4e4; /*overflow: hidden;*/} #my_mail .webh_detail .detail_title_new strong{width:470px; display:block; background:url('/v2/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; letter-spacing:-1px; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'gulim', 굴림;} #my_mail .webh_detail .detail_title_new strong.nw-bullet {background: url('/v2/images/mng/icon_arrow2.gif') no-repeat left 19%;} #my_mail .webh_detail .detail_title_new .txt_pkg{display:block; height:20px; padding-left:15px; padding-top:8px; padding-bottom:0px; font-weight:bold; color:#4e5dba; font-size:14px; background:none;} #my_mail .webh_detail .detail_title_new .date_area{} #my_mail .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; border-right: solid 1px #8d97dc; margin-right:10px; } #my_mail .webh_detail .detail_title_new .date_area .a_date img{vertical-align:middle; margin-right:5px; } #my_mail .webh_detail .detail_title_new .date_area .b_date{ color: #555; display:block; font-size:13px; } #my_mail .webh_detail .detail_title_new .date_area .b_date img{vertical-align:middle; } #my_mail .webh_detail .detail_title_new .date_area .b_date .date-box span.tit { width: 280px; display: inline-block;} #my_mail .webh_detail .detail_title_new span.pro-tit { color: #cc0000; margin-bottom: 5px; display: inline-block; margin: 3px 0 0 0; } #my_mail .webh_detail .detail_title_new span.pro-tit span { color: #cc0000; display: inline-block; border: solid 1px #e89494; padding: 2px 8px 1px; border-radius: 50px; font-weight: normal; letter-spacing: -1px; line-height:1.2; font-size: 12px; margin-right:0px;} #my_mail .webh_detail .detail_title_new span.pro-tit span:last-of-type {margin-right:0;} /* ---- 2024.10.10 네이버웍스 경영지원 추가 ---- */ #my_mail .webh_detail .detail_title_new.mynw {display: inline-block; width: 958px; box-sizing: border-box;} #my_mail .webh_detail .detail_title_new.mynw .prod-tit {} #my_mail .webh_detail .detail_title_new.mynw .date_area {} #my_mail .webh_detail .detail_title2{height:35px; } #my_mail .webh_detail .detail_title2 strong{background:url('/v2/images/mng/icon_arrow2.gif') no-repeat left center; font-weight:bold; font-size:18px; color:#333333; padding-left:15px;} #my_mail .webh_detail .detail_capacity{margin-top:25px;height:135px; padding-left:35px;} #my_mail .webh_detail .detail_capacity ul{padding:0; margin:0;} #my_mail .webh_detail .detail_capacity ul li {float:left; } #my_mail .webh_detail .detail_capacity ul li .c_title{color:#111; font-size:14px;} #my_mail .webh_detail .detail_capacity ul li .box{width:408px; height:60px; border:solid 1px #dadada; background:#fff; margin-top:10px; padding:5px 15px; font-size:12px;} #my_mail .webh_detail .detail_capacity ul li .box .green_graph {width:100%; height:22px; background: url('/v2/images/mng/bar_gray_bg.gif') repeat-x;} #my_mail .webh_detail .detail_capacity ul li .box .green_graph .data_use{height:22px; background: url('/v2/images/mng/bar_green_use.gif'); border-right:solid 1px #8dc73f;} #my_mail .webh_detail .detail_capacity ul li .box .purple_graph {width:100%; height:22px; background: url('/v2/images/mng/bar_gray_bg.gif') repeat-x;} #my_mail .webh_detail .detail_capacity ul li .box .purple_graph .data_use{height:22px; background: url('/v2/images/mng/bar_purple_use.gif'); border-right:solid 1px #8c69e5;} #my_mail .webh_detail .detail_capacity ul li .box .blue_graph {width:100%; height:22px; background: url('/v2/images/mng/bar_gray_bg.gif') repeat-x;} #my_mail .webh_detail .detail_capacity ul li .box .blue_graph .data_use{height:22px; background: url('/v2/images/mng/bar_blue_use.gif'); border-right:solid 1px #78ace7;} #my_mail .webh_detail .detail_capacity ul li .box .blue2_graph {width:100%; height:22px; background: url('/v2/images/mng/bar_gray_bg.gif') repeat-x;} #my_mail .webh_detail .detail_capacity ul li .box .blue2_graph .data_use{height:22px; background: url('/v2/images/mng/bar_blue2_use.gif'); border-right:solid 1px #6979e5;} #my_mail .webh_detail .detail_capacity ul li .box 수정
삭제_graph {width:100%; height:22px; background: url('/v2/images/mng/bar_gray_bg.gif') repeat-x;} #my_mail .webh_detail .detail_capacity ul li .box 수정
삭제_graph .data_use{height:22px; background: url('/v2/images/mng/bar_purple_use.gif'); border-right:solid 1px #8c69e5;} #my_mail .webh_detail .detail_capacity ul li .box .text_01{text-align:right; color:#999} #my_mail .webh_detail .detail_capacity ul li .box .text_02_g{ text-align:left; color:#75b124;} #my_mail .webh_detail .detail_capacity ul li .box .text_02_g_use{ text-align:left; color:#75b124; float:left;} #my_mail .webh_detail .detail_capacity ul li .box .text_02_b{ text-align:left; color:#518fd9;} #my_mail .webh_detail .detail_capacity ul li .box .text_02_b_use{ text-align:left; color:#518fd9; float:left;} #my_mail .webh_detail .detail_capacity ul li .box .text_02_b2{ text-align:left; color:#6979e5;} #my_mail .webh_detail .detail_capacity ul li .box .text_02_b2_use{ text-align:left; color:#6979e5; float:left;} #my_mail .webh_detail .detail_capacity ul li .box .text_02_p{ text-align:left; color:#8b6ae0;} #my_mail .webh_detail .detail_capacity ul li .box .text_02_p_use{ text-align:left; color:#8b6ae0; float:left;} #my_mail .webh_detail .detail_capacity ul li .box .text_03{text-align:right; color:#666; position:absolute; right:15px; top:45px; } #my_mail .webh_detail .detail_capacity ul li img{margin-top:10px; margin-right:3px;} #my_mail .webh_detail .detail_capacity ul li .img_mng{margin-top:-3px;} #my_mail .webh_detail .detail_capacity .green_graph {width:170px; height:22px; background: url('/v2/images/mng/bar_green_bg.gif') repeat-x;} #my_mail .webh_detail .detail_capacity .green_graph img{margin:0; padding:0;} #my_mail .webh_detail h3{position:relative; margin-left:35px; margin-top:35px; font-weight:bold; color:#475ad3; font-size:14px; } #my_mail .webh_detail h3 .txt_right_align{position:absolute; right:5px; font-weight:normal; font-size:12px; color:#666;} #my_mail .webh_detail h3 .txt_right_align3{display:block; position:absolute; left:170px; bottom:-5px; } #my_mail .webh_detail .detail_setting{padding-bottom:25px; } #my_mail .webh_detail .detail_setting_ftp{padding-bottom:25px; background:#fef2f7; border-top:solid 1px #c4c4e4; padding-top:20px;} #my_mail .webh_detail .detail_btn{background: url('/v2/images/mng/dot_line3.gif') repeat-x left top;} #my_mail .webh_detail .detail_btn img{margin-top:25px;} #my_mail .webh_detail .detail_btn2 img{margin-top:25px;} #my_mail .webh_detail .detail_btn2 .txt_right_align2{position:absolute; right:0px;top:5px; font-weight:normal; font-size:12px; color:#666;} #my_mail .webh_detail .nworks_detail {width:100%; padding:30px 40px;} #my_mail .webh_detail .nworks_detail .nworks_div {width:240px; margin-right:50px; float:left; word-break: keep-all; word-wrap: break-word; font-size:13px; } #my_mail .webh_detail .nworks_detail .nworks_div h4{font-size:14px; font-weight:bold; padding-bottom:10px; color:#000;} #my_mail .webh_detail .nworks_detail .nworks_div a{display:block; margin-top:10px; width:240px;} #my_mail .webh_detail .nworks_detail .nworks_div:last-child { margin-right:0px; } #my_mail .webh_detail .nworks_detail::after { content:""; display: block; clear:both; } #my_mail .webh_detail .nworks_down {margin:0px 0 20px 35px; width:860px; background:#e9f1ed; box-sizing:border-box; padding: 40px 45px; } #my_mail .webh_detail .nworks_down h5 {position:relative; font-size:26px; color:#333; font-weight:bold; letter-spacing:-1px; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'gulim', 굴림; } #my_mail .webh_detail .nworks_down h5 a{position:absolute; right:0;} #my_mail .webh_detail .nworks_down h6 {font-size:13px; color:#666; padding: 40px 0 15px 0;} #my_mail .webh_detail .nworks_down h6 strong {display:inline-block; font-size:20px; color:#333; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'gulim', 굴림; width:100px;} #my_mail .webh_detail .nworks_down .down_case {display:inline-block; box-sizing:border-box; width:372px; background:#fff; padding:30px 10px 30px 30px; font-size:20px; font-weight:bold; line-height:35px;} #my_mail .webh_detail .nworks_down .down_case img {vertical-align:middle; } #my_mail .webh_detail .nworks_down .down_case p {width:145px; display:inline-block; vertical-align:top; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'gulim', 굴림; } #my_mail .my_mail_detail { float:right; width:45%; background: #fff; border: solid 1px #315bd7; margin-top:35px; padding: 15px 10px 15px 20px; box-sizing:border-box; font-size:13px; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'gulim', 굴림; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;} #my_mail .my_mail_detail h5 {font-family:inherit; display:block; font-size:13.5px; margin-bottom:10px; } #my_mail .my_mail_detail h5 strong { display:inline-block; vertical-align:bottom; font-family:inherit;font-size:15px; color: #333; box-shadow: inset 0 -11px #fff736; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; max-width: 220px;} #my_mail .my_mail_detail ul {font-family:inherit; display:block; padding:5px 0 0 0; } #my_mail .my_mail_detail ul li {font-family:inherit;display:inline-block; min-width:93px; } #my_mail .my_mail_detail ul li a{font-family:inherit; } #my_mail .my_mail_detail ul li::before { content: 'ㆍ'; color: #315bd7; padding-right: 0px; margin-left: -10px; text-indent: 18px; color: #999;} #my_mail .my_nworks {float:left; height:160px; width:50%; box-sizing:border-box; padding-top:20px;} /* background:url('/v2/images/mng/bg_mynworks.png?1') no-repeat; background-position: 650px bottom; background-size:270px*/ #my_mail .my_nworks h3 { font-family: 'GmarketSansMedium', 'Noto Sans KR', sans-serif; font-size: 46px; color: #315bd7; line-height: 1; letter-spacing: -1.5px; font-weight: bold; padding:30px 0 0 10px;} #my_mail .my_nworks h4 { font-family: 'GmarketSansMedium', 'Noto Sans KR', sans-serif; font-size: 20px; color: #666; line-height: 1; letter-spacing: -1px; padding:10px 0 0 10px;} #my_mail .my_wmail {height:175px; box-sizing:border-box; padding-top:20px; background:url('/v2/images/mng/bg_mymail.png') no-repeat; background-position: 650px bottom; background-size:270px} #my_mail .my_wmail h3 { font-family: 'GmarketSansMedium', 'Noto Sans KR', sans-serif; font-size: 46px; color: #315bd7; line-height: 1; letter-spacing: -1.5px; font-weight: bold; padding:30px 0 0 10px;} #my_mail .my_wmail h4 { font-family: 'GmarketSansMedium', 'Noto Sans KR', sans-serif; font-size: 20px; color: #666; line-height: 1; letter-spacing: -1px; padding:10px 0 0 10px;} /* 2025.03.13 내 메일관리 웹메일 추가 */ #my_mail .webh_detail .detail_capacity ul li .box .wurl {padding:17px 5px 0;} #my_mail .webh_detail .detail_capacity ul li .box .wurl span.f16 {font-weight:bold; color: #333; padding-right: 10px; vertical-align: middle;} #my_mail .webh_detail .detail_capacity ul li .box .wurl img {margin:0; vertical-align: middle;} .nworks_down2 {margin:0px 0 50px 0px; width:960px; box-sizing:border-box; padding: 0px; } .nworks_down2 h5 {font-size:15px; padding: 0px 0 35px 0; letter-spacing:-1px;} .nworks_down2 h5 a {text-decoration:underline;} .nworks_down2 h6 {font-size:14px; color:#666; padding: 20px 0 15px 0;} .nworks_down2 h6 strong {display:inline-block; font-size:26px; color:#333; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'gulim', 굴림; width:170px;} .nworks_down2 .down_case {display:inline-block; box-sizing:border-box; width:467px; background:#e9f1ed; padding:30px 10px 30px 40px; font-size:20px; font-weight:bold; line-height:35px; margin-bottom:30px; vertical-align:top;} .nworks_down2 .down_case.bg-blue {display:inline-block; box-sizing:border-box; width:467px; background:#e8edf1; padding:30px 10px 30px 40px; font-size:20px; font-weight:bold; line-height:35px; margin-bottom:30px; vertical-align:top;} .nworks_down2 .down_case.bg-blue2 {display:inline-block; box-sizing:border-box; width:467px; background:#ebf1fa; padding:30px 10px 30px 40px; font-size:20px; font-weight:bold; line-height:35px; margin-bottom:30px; vertical-align:top;} .nworks_down2 .down_case img {vertical-align:middle; } .nworks_down2 .down_case p {width:200px; display:inline-block; vertical-align:middle; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'gulim', 굴림; } .nworks_down2 .down_case p a {margin:2px;} .nworks_down2 .down_case2 {display:inline-block; box-sizing:border-box; width:960px; background:#e8edf1; padding:30px 10px 30px 40px; margin-bottom:30px; vertical-align:top; font-size:14px; line-height:28px; } .btn_black_con {display:inline-block; background:#000; font-size:13px; color:#fff; letter-spacing:-0.5px; font-weight:normal; text-align:center; padding:4px 0 5px; border:none; vertical-align:middle; } .btn_black_con:hover {background:#e2e2e2; color:#333; transition:0.5s; cursor:pointer; } .btn_nworks_down {display:inline-block; background:#fff; border:solid 1px #12ba5b; font-size:13px; color:#005520; letter-spacing:-0.5px; font-weight:normal; text-align:center; padding:4px 0 5px; vertical-align:middle; background:url('/v2/images/common/icon_down.png') no-repeat; background-position: 195px center } .btn_nworks_down:hover {border:solid 1px #12ba5b; color:#005520; transition:0.5s; cursor:pointer; background:#e9f1ed url('/v2/images/common/icon_down.png') no-repeat; background-position: 195px center} .btn_down_green {display:inline-block; background:#12ba5b; border:solid 1px #12ba5b; font-size:16px; color:#fff; letter-spacing:-0.5px; font-weight:bold; text-align:center; width:140px; padding:5px; border-radius:3px; box-sizing:border-box;} .btn_down_green:hover {background:#fff; border:solid 1px #12ba5b; color:#333; transition:0.5s; cursor:pointer; } .btn_down_blue2 {display:inline-block; background:#2f78e4; border:solid 1px #2f78e4; font-size:16px; color:#fff; letter-spacing:-0.5px; font-weight:bold; text-align:center; width:140px; padding:5px; border-radius:3px; box-sizing:border-box;} .btn_down_blue2:hover {background:#fff; border:solid 1px #2f78e4; color:#333; transition:0.5s; cursor:pointer; box-sizing:border-box; } .btn_down_green2 {display:inline-block; background:#306145; font-size:13px; color:#fff; letter-spacing:-0.5px; text-align:center; padding:1px 20px; border-radius:20px; box-sizing:border-box; text-decoration:none !important; } .btn_down_green2:hover {background:#d8eae1; color:#306145; transition:0.5s; cursor:pointer; } .btn_down_blue {display:inline-block; background:#1b3b5b; font-size:13px; color:#fff; letter-spacing:-0.5px; text-align:center; padding:1px 20px; border-radius:20px; box-sizing:border-box; text-decoration:none !important; } .btn_down_blue:hover {background:#d8d9ea; color:#1b3b5b; transition:0.5s; cursor:pointer; } #my_mail .smsh_detail {background:#f5f5f5; margin-top:15px; padding:30px 33px; } #my_mail .detail_none {background:#f5f5f5; padding-top:30px; padding-bottom:30px; margin-top:15px; vertical-align:middle; font-size:14px; text-align:center; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'gulim', 굴림; letter-spacing:-1px; font-weight:bold;} #my_mail .medh_detail {background:#f5f5f5; margin-top:15px; padding:30px 33px; } #my_mail .medh_detail .detail_title2{height:35px; } #my_mail .medh_detail .detail_title2 strong{background:url('/v2/images/mng/icon_arrow2.gif') no-repeat left center; font-weight:bold; font-size:18px; color:#333333; padding-left:15px;} #my_mail .layer_a_add {background:#fff; border:solid 1px #c4c4e4; font-size:13px; padding:20px;} #my_mail .layer_a_add h3{position:relative; font-weight:bold; color:#475ad3; font-size:20px; line-height:40px; font-family: 'Noto Sans Kr', 'Apple SD Gothic Neo', '맑은 고딕', 'gulim', 굴림; } #my_mail .layer_a_add .layer_a_detail {background:#f6f6f6; border:solid 1px #dedede; font-size:13px; padding:15px 20px; line-height:18px;} #my_mail .layer_a_add .layer_a_detail2 {background:#f6f6f6; font-size:13px; padding:15px 20px; line-height:18px; margin-top:20px; } #my_mail .layer_a_add .layer_a_detail3 {background:#fff; border:solid 1px #dedede; font-size:13px; padding:15px 20px; line-height:18px;} .div_server_area {display:block; margin:20px 0; padding:20px 35px; background: #f8f9ff; border:solid 5px #626ad7; font-size:14px; letter-spacing:-1px; } .div_server_area h5 {color:#626ad7; font-size:16px; font-weight:bold; letter-spacing:-1px; padding-bottom:5px; } .div_server{display:block; padding:15px 0 15px 0px; vertical-align:middle; font-size:14px; color:#999; font-weight:bold; letter-spacing:-1px; } .div_server .div_server_info{width:650px; line-height:22px; color: #333; margin-top:10px;font-size:13px; display:block; background:#f2f2f2; padding:15px 0 15px 15px; text-align:left; font-weight:normal; letter-spacing:-0.5px; vertical-align:middle; box-sizing:border-box; } .div_server .div_server_info strong{font-size:20px; line-height:30px; vertical-align:middle; padding-bottom:5px; letter-spacing:0; color:#264fe7; } .div_server .div_server_info a{font-size:13px; text-decoration:underline; vertical-align:middle; padding-left:15px; font-weight:bold; } .div_server .div_server_info em{display:block; padding-top:15px; font-size:13px; font-weight:bold; color:#333; letter-spacing:0;} .btn_server_blue { background: #264fe7; -webkit-border-radius: 3; -moz-border-radius: 3; border-radius: 3px; color: #fff; font-size: 14px; height:34px; padding: 2px 5px 4px 5px; border: solid 1px #0659b6; text-decoration: none; font-weight:bold; cursor:pointer; vertical-align:middle; margin-left:5px; width:120px; } .btn_server_blue:hover{background: #046bdf; text-decoration: none;} .inform_layer{font-size:12px; font-family:'gulim', 굴림; padding:5px; line-height:14px; color:#414100; border:#8a8a53 solid 1px; background:#fff6ac; text-align:left; } .inform_layer img{position:absolute; right:2px; top:1px;} .inform_layer img.layer_style{position:absolute; } .hide {display: none; } .cursor_p{cursor:pointer; font-family:inherit;} .ban_ars{position:relative;} .ban_ars span{position:absolute; right:0px; top:32px; z-index:1;} .l_style{position:relative; display:block; width:600px; background: #fff; border: solid 1px #353b4c; font-family:'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; } .l_style h4{height:40px; background: #353b4c; color:#fff; font-family:inherit; font-size:18px; font-weight:400; letter-spacing:-1px; line-height:36px; padding-left:20px;} .l_style h5{color: #353b4c; font-family:inherit; font-size:32px; font-weight:bold; letter-spacing:-1px; padding: 25px 0 25px 35px; } .l_style h6{color: #353b4c; font-family:inherit; font-size:18px; font-weight:bold; letter-spacing:-1px; padding:0 0 10px 0 ; } .l_style h3{color: #353b4c; font-family:inherit; font-size:15px; font-weight:bold; letter-spacing:-1px; padding:0 0 10px 0 ; } .l_style .ls_contents{font-family:'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; padding:10px 20px; font-size:14px; line-height:22px; font-weight:400; } .l_style .ls_contents dl dt{font-family:'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; float:left; width:70px;} .l_style .ls_contents dl dd{font-family:'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; margin-bottom:7px; } .l_style .ls_contents input[type="radio"]{vertical-align:middle; margin:0 5px 2px 0;} .l_style .ls_contents input[type="file"]{font-family:'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; font-size:13px; height:24px; vertical-align:middle;} .l_style .ls_contents input[type="text"]{background:#fff; border:solid 1px #cbcbcb; height:18px; padding:3px 5px; width:200px; color:#555; font-family:'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; } .l_style .ls_contents input[type="password"]{background:#fff; border:solid 1px #cbcbcb; height:18px; padding:3px 5px; width:200px; color:#555; font-family:'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; } .l_style .ls_contents select{background:#fff; border:solid 1px #cbcbcb; height:26px; padding:3px 5px; width:200px; color:#555; font-family:'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; } .l_style .ls_contents textarea{background:#fff; border:solid 1px #cbcbcb; padding:3px 5px; color:#555; font-family:'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; vertical-align:middle;} .l_style .ls_contents .fax_detail{vertical-align:top; padding:10px 20px; margin:10px 0; background:#f4f6fc; font-family:'Apple SD Gothic Neo', 'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; font-size: 13px;} .l_style .ls_button{padding-left:78px; vertical-align:middle;} .l_style .ls_info{font-family:'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; padding:20px 20px 5px; font-size:12px; line-height:18px; font-weight:400; color:#888;} .l_style .ls_footer{height:35px; background: #eaeaea;font-family:'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; font-size:14px; letter-spacing:-1px; text-align:right; padding-right:20px; line-height:32px; margin-top:30px; } .l_style .ls_footer a{font-family:'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; color: #353b4c; padding-left:30px;} .l_style .ls_contents .p_back{padding:25px 30px; margin-top:15px; width:490px; background:#f7f7f7; border:solid 1px #e6e6e6; } .btn_yellow {background: #fcd73b; color: #111; font-size: 14px; line-height:30px; padding: 0px 20px 2px 20px; border: solid 1px #bc9501; text-decoration: none; font-weight:400; font-family:'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; cursor:pointer; vertical-align:middle; } .btn_yellow2 {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:'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; cursor:pointer; vertical-align:middle; } .btn_yellow:hover, .btn_yellow2:hover, .btn_yellow3:hover {background:#d11901; color:#fff; transition:0.5s; cursor:pointer; } .btn_yellow3 {background: #fcd73b; color: #111; font-size: 12px; line-height:20px; padding: 0px 8px 2px 8px; border: solid 1px #bc9501; text-decoration: none; font-weight:400; font-family:'Noto Sans KR', 'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; cursor:pointer; vertical-align:middle; } .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: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .btn_yellow4:hover{color:#555} .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; } .btn_yellow_con: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_con3 {display:inline-block; width:150px; background:#ffcc00; font-size:15px; color:#3b300e; letter-spacing:-1px; font-weight:bold; text-align:center; padding:8px 0; border:none; } .btn_yellow_con3:hover {background:#d11901; color:#fff; transition:0.5s; cursor:pointer; } .btn_yellow_con4 {display:inline-block; width:150px; background:#ffcc00; font-size:15px; color:#383012; letter-spacing:-1px; font-weight:normal; text-align:center; padding:12px 0; border:none; font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; } .btn_yellow_con4:hover {background:#d11901; color:#fff; transition:0.5s; cursor:pointer; } .sms_sender .sms_phone input.btn_yellow_con {padding: 12px 30px; width: 233px; box-sizing: border-box; font-size: 16px; } .btn_purple_con {display:inline-block; width:150px; background:#4667cf; font-size:13px; color:#fff; letter-spacing:-1px; font-weight:bold; text-align:center; padding:4px 0 5px; border:none; vertical-align:middle; } .btn_purple_con:hover {background:#5e7de0; color:#fff; transition:0.5s; cursor:pointer; } .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:1px 8px 0px 8px; border:none; vertical-align:middle; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; height:19px; box-sizing:border-box;} .btn_purple_s:hover {background:#8393f6; color:#fff; transition:0.5s; cursor:pointer; } .btn_red_s {display:inline-block; background:#cb444e; font-size:12px; line-height:18px; color:#fff; letter-spacing:-0.5px; font-weight:normal; text-align:center; padding:1px 8px 0px 8px; border:none; vertical-align:middle; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; height:19px; box-sizing:border-box;} .btn_red_s:hover {background:#d96069; 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 0px 8px; border:none; vertical-align:middle; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; 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:#acacac; 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: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; height:19px; box-sizing:border-box;} .btn_gray_s2:hover {background:#898989; color:#fff; transition:0.5s; cursor:pointer; } .btn_gray_s3 {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: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; height:19px; box-sizing:border-box;} .btn_gray_s3: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:3px 8px 2px 8px; border:none; vertical-align:middle; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-family:굴림, "gulim",돋움, tahoma; height:22px; box-sizing:border-box;} .btn_gray_s2:hover {background:#333; color:#fff; transition:0.5s; cursor:pointer; } */ .btn_black_s {display:inline-block; background:#333; 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: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; height:19px; box-sizing:border-box;} .btn_black_s:hover {background:#797979; color:#fff; transition:0.5s; cursor:pointer; } /* 취소버튼 (그레이)*/ .btn_gray2_con {display:inline-block; width:150px; background:#d8d8d8; font-size:14px; color:#3f3f3f; letter-spacing:-1px; font-weight:bold; text-align:center; padding:8px 0; border:none; } .btn_gray2_con:hover {background:#e1e1e1; color:#3f3f3f; transition:0.5s; cursor:pointer; } .btn_gray_con {display:inline-block; width:150px; background:#d0d0d0; font-size:13px; color:#555; letter-spacing:-1px; font-weight:bold; text-align:center; padding:4px 0 5px; border:none; vertical-align:middle; } .btn_gray_con:hover {background:#e2e2e2; color:#333; transition:0.5s; cursor:pointer; } .btn_gray_con2 {display:inline-block; background:#dddddd; 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 {background: #f2f2f2; color: #666; font-size: 14px; line-height:30px; padding: 1px 20px 2px 20px; 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_gray2 {background: #d7d7d7; color: #111; font-size: 14px; line-height:30px; padding: 0px 20px 2px 20px; 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_gray3 {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, .btn_gray2:hover, .btn_gray3:hover,.btn_gray4:hover {background:#333; color:#fff; transition:0.5s; cursor:pointer; } .btn_gray4 {background: #dbdbdb; color: #333; font-size: 12px; line-height:20px; letter-spacing:0px; padding: 0px 8px 2px 8px; 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; } /* 2025.03.26 버튼추가 */ .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:10px 0; border:none; font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; } .btn_yellow_con16:hover {background:#d11901; color:#fff; transition:0.5s; cursor:pointer; text-decoration:none; font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; } .btn_yellow_con16.wauto { width: auto; padding: 14px 35px 14px; font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; cursor: pointer;} .btn_yellow_con16.w250 { width: 250px; padding: 14px 0 14px; font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; cursor: pointer;} .btn_gray_con16 {display:inline-block; width:150px; background:#d4d4d4; font-size:16px; color:#222222; letter-spacing:-1px; font-weight:bold; text-align:center; padding:10px 0; border:none; font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; } .btn_gray_con16:hover {background:#a1a1a1; color:#fff; transition:0.5s; cursor:pointer; text-decoration:none; font-family: inherit; } .btn_gray_con16.wauto { width: auto; padding: 14px 35px 14px;font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; cursor: pointer;} #div_tab {width:100%; padding:5px 0 40px; } #div_tab span{display:block; float:left} #div_tab span a{display:block; line-height:32px; height:34px; text-align:center; font-size:14px;font-family:'Apple SD Gothic Neo', 'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; text-decoration:none; color:#555; border-right:none; border-top:solid 3px #dcdcdc; border-left:solid 1px #dcdcdc;border-bottom:solid 1px #505050; background:#fafafa;} #div_tab span a:last-child{border-right:solid 1px #dcdcdc; } #div_tab span a:hover{color:#505050; font-weight:bold;font-family:'Apple SD Gothic Neo', 'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림; border-right:solid 1px #505050; border-top:solid 3px #505050; border-left:solid 1px #505050;border-bottom:solid 1px #fff; background:#fff;outline:none;position:relative; transition:border-color .3s linear; text-decoration:none;} #div_tab span.tab_seleted{font-family:'Apple SD Gothic Neo', 'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림;} #div_tab span.tab_seleted a{color:#505050; font-weight:bold;font-family:'Apple SD Gothic Neo', 'Malgun Gothic', 맑은 고딕, tahoma, 'gulim', 굴림;border-right:solid 1px #505050; border-top:solid 3px #505050; border-left:solid 1px #505050; border-bottom:solid 1px #fff; background:#fff;} #div_tab span.tab_strong a{background:#f6fbfe; color:#2aa2bb; font-weight:bold;} #div_tab span.last_td{border-right:solid 1px #dcdcdc; } #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('/v2/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{display:block; width:720px; background: #fff; border: solid 1px #353b4c; font-family:'Apple SD Gothic Neo', 'Malgun Gothic', 맑은 고딕, tahoma, 굴림, gulim, sans-serif; margin:0; padding:0;} .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:0 20px; margin:0;} .layer_style h5{color: #353b4c; font-family:inherit; font-size:32px; font-weight:bold; letter-spacing:-1px; padding: 25px 0 25px 35px; margin:0;} .layer_style .ls_contents{ font-family:'Apple SD Gothic Neo', 'Malgun Gothic', 맑은 고딕, tahoma, 굴림, gulim, sans-serif !important; padding-left:35px; font-size:14px; line-height:22px; letter-spacing:-1px; } .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: #444; font-family:'Apple SD Gothic Neo', 'Malgun Gothic', 맑은 고딕, tahoma, 굴림, gulim, sans-serif; } /*탭*/ ul.tabs { margin: 0; padding: 0; float: left; list-style: none; height: 40px; width: 100%; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'tahoma', '굴림', 'gulim', 'sans-serif'; font-size:14px; letter-spacing:-0.5px; color:#666; z-index:10; } ul.tabs li { font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '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: 37px; 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 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; } ul.tabs li:hover { background: #fff; transition: all .5s; } .tab_container { border: none; clear: both; float: left; width: 100%; background: #fff; position: relative; z-index:1; padding-bottom:100px; } .tab_content2 { padding: 10px 0px 0 10px; font-size: 13px; display: none; } .tab_content3 { padding: 10px 0px 0 10px; font-size: 13px; display: none; word-break: keep-all; word-wrap: break-word; } .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; } #cs_contents {display:block; width:100%; } #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('/v2/images/customer/cs_arrow.png') no-repeat #fff right 9px center;} #cs_contents .cs_search_select::-ms-expand {display: none; } /*.cs_search_select:after {appearance:none; -moz-appearance:none; -webkit-appearance: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('/v2/images/customer/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; width:49%; 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 h2{margin:50px 0 15px; color:#333; font-size:20px; line-height:22px; font-weight:bold; 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; letter-spacing:-3px; vertical-align:top; } #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:26px; 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) {font-weight:bold; color:#333; } .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:hover, .cs_tip2:hover, .cs_tip3:hover {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; transition:0.5s; } .cs_tip1 span, .cs_tip2 span, .cs_tip3 span {display:block; height:60px; margin-bottom:10px;} .wworks_box {display:block; margin-top:20px; } .wworks_box .w_box {display:inline-block; vertical-align:top; background:#f5f5f5; padding: 27px 30px; border-radius:20px; width:220px; height:200px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-right:20px; font-size:13px; line-height:20px; word-break:keep-all; transition:.5s; } .wworks_box .w_box strong {display:block; font-size: 18px; margin-bottom:15px; font-family: 'Noto sans kr', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; } .wworks_box .w_box.W1 {background:#f5f5f5 url('/v2/images/wworks/img_w1.png') no-repeat; background-size:18%; background-position: right 25px bottom 25px; } .wworks_box .w_box.W2 {background:#f5f5f5 url('/v2/images/wworks/img_w2.png') no-repeat; background-size:18%; background-position: right 25px bottom 25px; } .wworks_box .w_box.W3 {background:#f5f5f5 url('/v2/images/wworks/img_w3.png') no-repeat; background-size:18%; background-position: right 25px bottom 25px; } .wworks_box .w_box.W4 { margin-right:0; background:#f5f5f5 url('/v2/images/wworks/img_w4.png') no-repeat; background-size:22%; background-position: right 25px bottom 25px; } .wworks_box .w_box:hover { filter: drop-shadow(5px 5px 5px rgb(0 0 0 / 10%)); transition:.5s; } /*메신저2 2010-07-19*/ #page {display:block; margin:20px 0 40px 0; height:733px; border:solid 1px #e1e4f2; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #page dl.msg2_func_explain {display:block; margin:20px 0 0 185px; font-size:13px; color:#999} #page dd.msg2_func_explain { display:block; margin:0 20px 5px 0; font-size:13px; color:#999; letter-spacing:-1px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; word-break: keep-all; word-wrap: break-word; } #page dl.msg2_func_explain dt {display:block; margin-bottom:5px; list-style:none; list-style-type:none; } #page dt.msg2_func_title {position:relative; display:inline-block; width:180px; color:#475ad3; font-weight:bold; text-align:left; line-height:160%; font-size:15px; } #page ul.msg2_left_func {text-align:left; position:relative; width:165px; float:left; display:inline-block; cursor:pointer; z-index:100; list-style:none; list-style-type:none; margin-right:10px; padding:0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #page ul.msg2_left_func li {text-align:left; list-style:none; list-style-type:none; margin:0; background:#f4f6fc; font-size:14px; border-bottom:solid 1px #e1e4f2; border-right: solid 1px #e1e4f2; letter-spacing:-1px; font-weight:bold; height:calc(720px / 12); height:-moz-calc(720px / 12); height:-webkit-calc(720px / 12); padding-left: 15px; line-height:40px; } #page ul.msg2_left_func li:hover {color: #475ad3; } .function_box {position:relative; border:1px solid #d9d9d9; float:left; display:inline;} .function_box .tab {position:relative; float:left; width:359px; vertical-align:top; margin:0; padding:0; display:block; } .function_box .view {float:left; width:375px; height:650px; vertical-align:top; border-left:1px solid #d9d9d9; word-break: keep-all; word-wrap: break-word; } .function_box .view h2{display:block; border-top:1px solid #d9d9d9; margin:10px 0 5px 15px; padding-top:10px; } .function_box .view div{display:block; width:100%; } ul.ulimg { display:block; margin:0; padding:0;} ul.ulimg li {display:inline-block; margin:0; } ul.ulimg li img{margin:0; padding:0; } ul.ulimg2 { display:block; margin:0; padding-left:20px;} ul.ulimg2 li {margin:0; padding:0; font-size:12px; } .gw_title {text-align:center; margin-bottom:40px; } .gw_title img {display:block; margin:0 auto; padding-bottom:10px; } .gw_title h3 {font-size: 16px; line-height:22px; color:#333; letter-spacing:-1px; } .gw_title strong {color:#475ad3} .gw_detail { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; display:block; width:100%; vertical-align:middle; word-break: keep-all; word-wrap: break-word; } .gw_detail ul.gw_detail_ul {display:block; padding-top: 40px; background: none; } .gw_detail ul.gw_detail_ul li {background: none !important; font-size: 13px; color:#666; line-height: 20px; vertical-align: top; padding-bottom:70px;} .gw_detail ul.gw_detail_ul li img{ float:left; margin-right: 35px; vertical-align: top; margin-bottom:20px;} .gw_detail ul.gw_detail_ul li span{ vertical-align: top; } .gw_detail ul.gw_detail_ul li span strong {display:block; font-size: 19px; color:#333; line-height: 24px; padding-bottom:15px; font-weight:normal; letter-spacing:-1px; } .gw_detail ul.gw_detail_ul li span strong h6 {font-size: 16px; color:#475ad3; padding-bottom:5px; font-weight:bold; letter-spacing:-1px; } ul.gw_svc01 {margin: 40px 0 60px 0; padding:0; vertical-align:top; } ul.gw_svc01 li {display:inline-block; margin-right: 13px; padding:10px 0 0 0 !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:110px; height:110px; background-size: 110px 110px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; font-size:15px; line-height:20px !important; letter-spacing:-1px; word-break: keep-all; word-wrap: break-word; } ul.gw_svc01 li:last-child {margin-right:0; } ul.gw_svc01 li strong {color:#475ad3; display:inline-block; border-bottom: solid 1px #475ad3; margin-bottom:10px; } ul.gw_svc02 {margin: 20px 0 0px 0; padding:0; vertical-align:top; } ul.gw_svc02 li {display:inline-block; color:#666; margin-right: 8px; margin-bottom: 15px; padding:10px !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:175px; height:110px; background-size: 175px 110px; border-radius: 55px; -webkit-border-radius: 55px; -moz-border-radius: 55px; font-size:13px; line-height:18px !important; letter-spacing:-1px; word-break: keep-all; word-wrap: break-word; } ul.gw_svc02 li:last-child {margin-right:0; } ul.gw_svc02 li strong {color:#475ad3; display:inline-block; border-bottom: solid 1px #475ad3; margin-bottom:10px; font-size:15px;} ul.gw_svc02 li em {color:#353744; display:block; font-size:15px; font-weight:bold; margin-bottom:5px; } ul.gw_svc03 {margin: 20px 0 0px 0; padding:0; vertical-align:top; } ul.gw_svc03 li {position:relative; display:inline-block; color:#666; background:#f4f6fc; margin-right: 8px; margin-bottom: 15px; padding:20px 15px !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:175px; height:210px; background-size: 175px 210px; font-size:13px; line-height:18px !important; letter-spacing:-1px; word-break: keep-all; word-wrap: break-word; } ul.gw_svc03 li.bg_fff {background:#fff; } ul.gw_svc03 li:last-child, ul.gw_svc03 li:nth-child(4) {margin-right:0; } ul.gw_svc03 li em {color:#353744; display:block; font-size:15px; font-weight:bold; margin-bottom:15px; } ul.gw_svc03 li img {position:absolute; display:block; bottom:15px; left: 50%; transform: translate(-50%, 0);} ul.gw_svc04 {margin: 20px 0 0px 0; padding:0; vertical-align:top; font-size:0; } ul.gw_svc04 li {position:relative; display:inline-block; padding:15px !important; margin-right:22px; 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:130px; height:130px; background-size: 130px 130px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; font-size:13px; line-height:20px !important; letter-spacing:-1px; word-break: keep-all; word-wrap: break-word; font-weight:bold;} ul.gw_svc04 li:last-child {margin-right:0; } ul.gw_svc04 li strong {color:#475ad3; display:inline-block; border-bottom: solid 1px #475ad3; font-size:16px; margin-bottom:10px; } ul.gw_svc04 li img{position:absolute; top:50px; left:118px; z-index:100;} ul.gw_svc05 {margin: 20px 0 0px 0; padding:0; vertical-align:top; } ul.gw_svc05 li {position:relative; display:inline-block; color:#666; background:#f4f6fc; padding:20px 25px 20px 110px !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.gw_svc05 li.bg_fff {background:#fff; } ul.gw_svc05 li em {color:#353744; display:block; font-size:15px; font-weight:bold; margin-bottom:10px; } ul.gw_svc05 li img {position:absolute; display:block; left:25px; top:20%; } ul.gw_svc06 {margin: 20px 0 0px 0; padding:0; vertical-align:top; } ul.gw_svc06 li {position:relative; display:inline-block; color:#666; background:#f4f6fc; 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; font-size:13px; line-height:18px !important; letter-spacing:-1px; word-break: keep-all; word-wrap: break-word; width:238px; height:140px; } ul.gw_svc06 li.bg_fff {background:#fff; } ul.gw_svc06 li:last-child, ul.gw_svc06 li:nth-child(3) {margin-right:0; } ul.gw_svc06 li em {color:#353744; display:block; font-size:15px; font-weight:bold; margin-bottom:15px; } ul.gw_svc06 li img {position:absolute; display:block; right:10px; bottom: 10px; } ul.gw_svc07 {display:block; padding:0; vertical-align:top; } ul.gw_svc07 li {float: left; width:363px; display:block; margin-right:13px; margin-bottom:40px; } ul.gw_svc07 li:last-child, ul.gw_svc07 li:nth-child(2) {margin-right:0; } ul.gw_svc07 li em{display:block; margin-bottom:10px; background: url('/v2/images/common/dot_purple.gif') no-repeat left center; color:#475ad3; font-size:16px; line-height:22px; font-weight:bold; padding-left:15px; } ul.gw_svc07 li div{display:block; color:#666; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border:solid 1px #dde0ed; vertical-align:middle; text-align:center; line-height:18px !important; letter-spacing:-1px; word-break: keep-all; word-wrap: break-word;} ul.gw_svc07 li div img {margin:15px; } ul.gw_svc07 li div strong {color:#666; display:block; background:#f4f6fc; font-size:14px; line-height:20px; font-weight:normal; padding: 15px; } dl.gw_svc08 {display:block; border:solid 1px #e1e4f2; height:180px; background: #f4f6fc; } dl.gw_svc08 dt {float:left; display:inline-block; height:180px; padding: 20px 10px; background: #fff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;} dl.gw_svc08 dd {display:inline-block; height:160px; background: #f4f6fc; color:#666; padding: 15px 5px 15px 20px; font-size:13px; letter-spacing:-1px; line-height:28px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } dl.gw_svc08 dd strong {color: #475ad3; font-size:17px; } .gw_table01 {border-collapse: collapse; height:215px; } .gw_table01 th{font-weight:bold; font-size:14px; height:30px;border:solid 1px #dfdfdf; vertical-align:middle; letter-spacing:0; padding:3px; } .gw_table01 td{padding:7px 10px; font-size:14px; text-align:left; border:solid 1px #dfdfdf; background:#f5f5f5; vertical-align:middle; letter-spacing:0; color:#555; letter-spacing:-1px; } .gw_table01 td.s_none{padding:0px; margin:0px; border:none; background:#fff; height:15px; } .gw_table01 td.s_purple{padding:0px; margin:0px; border:none; background:#475ad3; color:#fff; font-size: 18px; font-weight:bold; text-align:center; line-height:24px;} div.gw_table02 {vertical-align:middle; border:solid 3px #475ad3; width:315px; height:216px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } div.gw_table02 ul {padding:0 !important;} div.gw_table02 ul li{ padding:9px 0 9px 12px !important; font-size:14px; text-align:left; background:none !important; border-top:solid 1px #dfdfdf; vertical-align:middle; letter-spacing:0; color:#333; letter-spacing:-1px; } div.gw_table02 ul li:first-child {border-top:none;} .gw_table03 {border-collapse: collapse; } .gw_table03 th{font-weight:bold; font-size:15px; padding:15px; background:#f4f6fc; border:solid 1px #dfdfdf; vertical-align:middle; letter-spacing:0; } .gw_table03 td{padding:15px; font-size:14px; text-align:left; border:solid 1px #dfdfdf; vertical-align:middle; letter-spacing:0; color:#555; letter-spacing:-1px; } .gw_ft {display:block; } .gw_ft h3 {font-size: 14px; line-height:30px; color:#666; letter-spacing:-1px; padding-top:40px;} .gw_ft h3 strong {font-size: 16px; line-height:22px; color:#333; letter-spacing:-1px; } .gw_ft h3 strong span {color:#475ad3;} .gw_ft ul {padding:50px 0 150px 0; margin:0; } .gw_ft ul li {position:relative; float:left; display:block; width:230px; height:260px; background:#f4f6fc; border:solid 1px #e1e4f2; margin-bottom:60px; margin-right:25px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:20px 23px; word-break: keep-all; word-wrap: break-word; font-size:13px; line-height:20px; color:#666} .gw_ft ul li:nth-child(3), .gw_ft ul li:nth-child(6), .gw_ft ul li:nth-child(9) {margin-right:0px;} .gw_ft ul li img {position:absolute; top:-30px; right:5px;} .gw_ft ul li h5 {font-size: 18px; color:#475ad3; padding-bottom:10px; font-weight:bold; font-style: italic; } .gw_ft ul li h6 {font-size: 16px; line-height:24px; color:#333; padding-bottom:13px; letter-spacing:-1px; font-weight:bold;} .gw_ft ul li h6 strong {color:#475ad3; } .gw_svc {display:block; margin-top:20px; } .gw_svc h2{display:block; font-size: 22px; padding: 5px 20px 30px 0; line-height:20px; color:#444; font-weight:bold;} .gw_svc h3{display:block; font-size: 14px; padding: 15px 20px; line-height:20px; } .gw_svc h4{display:block; position:relative; background:#f6f6f6; border:solid 1px #ebebeb; padding: 15px 20px; font-size: 16px; line-height:24px; letter-spacing:-1px; font-weight:bold;} .gw_svc h4 strong{color:#475ad3; } .gw_svc h4 img {position:absolute; right:10px; top: 50%; transform: translate(0, -50%);} .gw_svc h5{margin-top:40px; margin-bottom:10px; background: url('/v2/images/common/dot_purple.gif') no-repeat left center; padding-left:15px; color:#475ad3; font-size:16px; line-height:22px; font-weight:bold; } .gw_svc h6 {clear:both; color:#ff2a00; letter-spacing:-1px; } #gw_function {} #gw_function h3 {font-size: 14px; line-height:30px; color:#666; letter-spacing:-1px; padding-top:40px;} #gw_function h3 strong {font-size: 16px; line-height:22px; color:#333; letter-spacing:-1px; } #gw_function h3 strong span {color:#475ad3;} #gw_function h5{margin-top:40px; background: url('/v2/images/common/dot_purple.gif') no-repeat left center; padding-left:15px; color:#475ad3; font-size:16px; line-height:22px; font-weight:bold; } #gw_function ul.tab {width:100%; height:100px; margin:10px 0 20px 0; padding:0px; } #gw_function ul.tab li {float:left; width:123px; padding:10px; background:#fefefe; border:solid 1px #e1e4f2; border-right:none; text-align:center; box-sizing:border-box; } #gw_function ul.tab li:last-child {border:solid 1px #e1e4f2;} #gw_function ul.tab li.current{background: #f4f6fc;} #gw_function ul.tab li img {padding:6px 0;} #gw_function ul.tab li p {color:#333; font-size:13px; font-weight:bold; } #gw_function ul.tab li.current p {color:#475ad3; font-size:13px; font-weight:bold; } #gw_function .function-box {background:#f4f6fc; border:solid 1px #e1e4f2; padding:30px; margin-bottom:15px; box-sizing:border-box; } #gw_function .function-text {float:left; display:inline; width:476px; padding-right:20px; box-sizing:border-box; } #gw_function .function-text h6 {font-size:16px; font-weight:bold; color:#333; padding-bottom:10px;} #gw_function .function-text h6 strong {font-size:17px; font-weight:bold; color:#475ad3; font-family:'Roboto';} #gw_function .function-text p {font-size:13px; color:#666; letter-spacing:-0.5px; padding-bottom:15px; word-break: keep-all; word-wrap: break-word; } #gw_function .function-text dl {height:100%; display:relative;} #gw_function .function-text dt {font-weight:bold; color:#475ad3;} #gw_function .function-text dd {float:left; width:220px; line-height:16px; word-break: keep-all; word-wrap: break-word;} #gw_function .function-img {display:inline-block; width:202px;} #gw_function .function-img p {padding:15px 0;} #gw_function .tabcontent {display: none;} #gw_function .tabcontent.current {display: block;} .btn_purple1 {background:#fff; border:solid 1px #6d76af; border-radius:3px; font-size:13px; color:#475ad3; text-decoration:none; font-weight:bold; text-align:center; padding:7px 20px; margin-right:5px;} .btn_purple2 {background:#fff; border:solid 1px #6d76af; border-radius:3px; font-size:13px; color:#475ad3; text-decoration:none; font-weight:bold; text-align:center; padding:7px 15px; margin-right:5px;} .btn_yellow5 {background:#fcd73b; border:solid 1px #bc9501; border-radius:3px; font-size:13px; color:#111; text-decoration:none; font-weight:bold; text-align:center; padding:7px 20px;} .btn_yellow5:hover{cursor:pointer; color:#111;} /* 2019.06.19 후이즈팩스 추가 */ .fax-Info h1 {margin:50px 0 20px 0; font-size:26px; color:#333; letter-spacing:-1.5px; } .fax-Info div.fax-table table{margin-top:10px; width:960px;} .fax-Info div.fax-table table thead tr {height:120px; text-align:center;} .fax-Info div.fax-table table tbody tr {height:55px; text-align:center; border:solid 1px #e8e8e8;} .fax-Info div.fax-table table tfoot tr {height:55px; text-align:center;} .fax-Info div.fax-table table th {font-size:17px; color:#333; font-weight:bold; vertical-align:middle; background:#f4f4f4;} .fax-Info div.fax-table table thead th {border:solid 1px #e3e3e3; border-right:none;} .fax-Info div.fax-table table tbody th {border:solid 1px #e3e3e3; border-right:none;} .fax-Info div.fax-table table tfoot th {border:solid 1px #e3e3e3; border-right:none;} .fax-Info div.fax-table table thead th.whoisFax {width:360px; background:#fef7f4; border:solid 2px #f8a79b; border-bottom:solid 1px #e3e3e3; color:#e7321a; font-size:26px; font-weight:900; letter-spacing:-3px; line-height:40px;} .fax-Info div.fax-table table tbody td.whoisFax {background:#fef7f4; border-left:solid 2px #f8a79b; border-right:solid 2px #f8a79b; border-top:solid 1px #e3e3e3; border-bottom:solid 1px #e3e3e3; text-align:center; vertical-align:middle; } .fax-Info div.fax-table table tfoot td.whoisFax {background:#fef7f4; border:solid 2px #f8a79b; border-top:solid 1px #e3e3e3; text-align:center; vertical-align:middle; } .fax-Info div.fax-table table thead th.whoisFax p {font-size:20px; font-weight:600; letter-spacing:-1px;} .fax-Info div.fax-table table thead th.whoisFax p strong {font-size:42px; font-weight:700; font-family:'Roboto'; vertical-align:sub;} .fax-Info div.fax-table table tbody td.whoisFax span {font-size:17px; font-weight:500;} .fax-Info div.fax-table table tbody td.whoisFax span strong {font-size:27px; font-weight:600; font-family:'Roboto'; vertical-align:bottom;} .fax-Info div.fax-table table tfoot td.whoisFax span {font-size:17px; font-weight:500;} .fax-Info div.fax-table table tfoot td.whoisFax span strong {font-size:27px; font-weight:600; font-family:'Roboto'; vertical-align:bottom;} .fax-Info div.fax-table table thead th.whoisFax img {position:absolute; top:0px; left:523px; } .fax-Info div.fax-table table thead th.generalFax {width:360px; background:#f6fff4; border-right:solid 1px #e3e3e3; color:#666; font-size:20px; font-weight:600; letter-spacing:-1px; line-height:36px;} .fax-Info div.fax-table table tbody td.generalFax {background:#f6fff4; text-align:center; vertical-align:middle; } .fax-Info div.fax-table table tfoot td.generalFax {background:#f6fff4; border-right:solid 1px #e3e3e3; border-bottom:solid 1px #e3e3e3; text-align:center; vertical-align:middle; } .fax-Info div.fax-table table thead th.generalFax p {font-size:17px; font-weight:500;} .fax-Info div.fax-table table thead th.generalFax p strong {font-size:32px; font-weight:500; font-family:'Roboto'; vertical-align:sub;} .fax-Info div.fax-table table tbody td.generalFax span {font-size:17px; font-weight:500; color:#666; } .fax-Info div.fax-table table tbody td.generalFax span strong {font-size:24px; font-weight:500; font-family:'Roboto'; letter-spacing:-1px; vertical-align:bottom;} .fax-Info div.fax-table table tfoot td.generalFax span {font-size:17px; font-weight:500; color:#666; } .fax-Info div.fax-table table tfoot td.generalFax span strong {font-size:24px; font-weight:500; font-family:'Roboto'; letter-spacing:-1px; vertical-align:bottom;} .fax-Info div.fax-text {font-size:13px; color:#666; line-height:20px; padding-top:5px;} .fax-Info div.function-box {background:#f4f6fc; border:solid 1px #e1e4f2; margin:10px 0; padding:10px 35px; font-size:13px; color:#666; box-sizing:border-box;} .fax-Info div.function-box2 {background:#fff; border:solid 1px #e1e4f2; margin:10px 0; padding:10px 35px; font-size:13px; color:#666; box-sizing:border-box;} .fax-Info div.function-text {float:left; width:700px; padding:10px 100px 10px 0;} .fax-Info div.function-text h5 {font-size:16px; color:#333; font-weight:bold; letter-spacing:-1px; margin-top:0px; padding-bottom:5px;} #biz-Format ul.tab {width:100%; height:140px; margin:10px 0 5px 0; padding:0px; } #biz-Format ul.tab li {float:left; width:150px; height:35px; padding-top:7px; background:#f6f6f6; border-top:solid 1px #ebebeb; border-left:solid 1px #ebebeb; text-align:center; box-sizing:border-box; } #biz-Format ul.tab li:nth-child(5), #biz-Format ul.tab li:nth-child(10), #biz-Format ul.tab li:nth-child(15) {border:solid 1px #ebebeb; border-bottom:none;} #biz-Format ul.tab li:nth-child(16), #biz-Format ul.tab li:nth-child(17), #biz-Format ul.tab li:nth-child(18), #biz-Format ul.tab li:nth-child(19) {border:solid 1px #ebebeb; border-right:none;} #biz-Format ul.tab li:nth-child(20) {border:solid 1px #ebebeb;} #biz-Format ul.tab li.current{background: #475ad3;} #biz-Format ul.tab li a {color:#333; font-size:13px; letter-spacing:-0.5px; width:150px; height:28px; padding-top:0px; display:block;} #biz-Format ul.tab li.current a {color:#fff; font-size:13px; } #biz-Format .tabcontent {display: none;} #biz-Format .tabcontent.current {display: block;} #tab-box ul {width:750px; margin:10px 0 20px 0; padding:8px 0px 8px 30px; border:solid 1px #475ad3; box-sizing:border-box; overflow:hidden;} #tab-box ul li {float:left; width:170px;} #tab-box ul li a {font-size:12px; letter-spacing:-1px;} #tab-box ul li a:hover {font-size:12px; letter-spacing:-1px;color:#475ad3;} #tab-box ul li a.on {font-size:12px; letter-spacing:-1px; font-weight:bold; color:#475ad3;} .board-List {width:750px;} .board-List .list_tit {width:750px; display:inline-block; overflow:hidden;} .board-List .list_tit strong {font-size:12px; padding-top:10px; color:#333;box-sizing:border-box; } .board-List .list_tit span {float:right; padding-bottom: 10px; overflow:hidden;} .board-List .list_tit span select {height:26px; padding:3px 5px; border:solid 1px #d8d8d8; color:333;} .board-List .list_tit span input {height:26px; width:150px; padding:3px 5px; border:solid 1px #d8d8d8; color:333; box-sizing:border-box; } .board-List .list_tit span a.btn {background:#686f7e; padding:5px 15px; font-size:12px; color:#fff; font-weight:bold;} .board-List table {width:750px; text-align:center; border-spacing:0; border-collapse:collapse; overflow:hidden;} .board-List .biz-table caption {font-size:0px; height:1px; border-top:solid 1px #a4a4a4; } .board-List .biz-table thead tr {background:#f6f6f6; height:45px; } .board-List .biz-table thead tr th {font-size:14px; color:#333; font-weight:bold; padding-top:12px; border:none;} .board-List .biz-table tbody tr td {display:table-cell; top:50%; height:40px; font-size:13px; color:#333; text-align:center; vertical-align:middle;border-bottom:solid 1px #e4e4e4; border-left:none; border-right:none; border-top:none;box-sizing:border-box; overflow:hidden;} .board-List .biz-table tbody tr td:nth-child(1) {text-align:left; padding-left:20px;} .board-List .biz-table tbody tr td.td-red {color:#ff2a00;} .board-List .biz-table tfoot tr td {background:#a4a4a4; height:1px; } .board-List .biz-paging {width:100%; text-align:center; margin:20px 0 0 0; padding:0px;} .board-List .biz-paging a {display:inline-block; text-align:center; border:solid 1px #c7c7c7; color:#333; width:28px; height:23px; padding-top:5px;} .board-List .biz-paging a:nth-child(3) {margin-left:3px;} .board-List .biz-paging a img {padding-top:5px;} .board-List .biz-paging a.on {border:solid 1px #444444; margin-right:3px;} /* loading */ .loading {/* position:absolute; top:50%; left:50%; */ width:400px; height: 260px; padding-top: 50px; background:#fff; opacity:1; border:solid 5px #475ad3; border-radius:10px; box-sizing:border-box;} .p_loader { margin-top:40px; border: 16px solid #f3f3f3; border-radius: 50%; border-left: 16px solid #475ad3; width: 60px; height: 60px; -webkit-animation: spin 2s linear infinite; /* Safari */ animation: spin 2s linear infinite; margin:0 auto;} .p_loader_txt {text-align:center; font-size:16px; line-height:22px; margin-top:40px;color:#000; font-weight:bold;} .page_loading {position:absolute; top:40%; left:40%;} .page_loading img {width:50%; } /* Safari */ -webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } -moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* 비즈니스서식 게시판 뷰페이지 */ .board-View .view-tit {border-top:solid 1px #a4a4a4; background:#f6f6f6; padding:15px 20px;box-sizing:border-box; overflow:hidden;} .board-View .view-tit div.tit {display:inline-block; width:520px; float:left;} .board-View .view-tit div.tit span {font-size:13px; color:#777;} .board-View .view-tit div.tit span strong {padding-left:20px; color:#ff2a00;} .board-View .view-tit div.tit h4 {font-size:20px; color:#333; font-weight:bold; padding-top:5px; padding-bottom:10px;} .board-View .view-tit div.download {float:right;} .board-View .view-tit div.download a {padding-right:5px;} .board-View .view-tit div.download a:last-child {padding-right:0px;} .board-View .view-contents {padding:30px; font-size:14px; color:#666; line-height:22px; word-break: keep-all; word-wrap: break-word;} .board-View .view-contents p {padding-top:20px; text-align:center;} .board-View .view-contents p img {padding-top:15px; padding-bottom:15px; left:50%;} .board-View .view-btn {padding-top:20px; border-top:solid 1px #a4a4a4; text-align:center; } .board-View .view-btn a {display:inline-block; width:150px; height:45px; padding-top:13px; background:#626262; border-radius:2px; text-align:center; color:#fff; font-size:16px; font-weight:bold; box-sizing:border-box;} /*그룹웨어 견적서*/ #sidemenu {display:block; height:150px;} #sidemenu ul {background:#FFFFFF url('https://desk.whoismail.net/images/renew1001/nav/side_menu_bg.gif') repeat-y 0 0; width:180px; margin:0; padding:0; float:left} #sidemenu ul li {margin:0; position:relative; display:block; padding:0 0 0 11px; z-index:1; } #sidemenu ul li a {text-indent: -5000px; } #sidemenu img {float:left; } #sidemenu #desk02 a {background:#FFFFFF url('https://desk.whoismail.net/images/new/side_menu_desk02_n.gif') no-repeat 0 0; width:158px; height:28px; display:block; } #sidemenu #desk02 a:hover {background:#FFFFFF url('https://desk.whoismail.net/images/new/side_menu_desk02_n.gif') no-repeat 0 -28px; width:158px; height:28px; } #sidemenu #desk02 .blue {background:#FFFFFF url('https://desk.whoismail.net/images/new/side_menu_desk02_n.gif') no-repeat 0 -28px;} #sidemenu #desk03 a {background:#FFFFFF url('https://desk.whoismail.net/images/new/side_menu_desk03_n.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #desk03 a:hover {background:#FFFFFF url('https://desk.whoismail.net/images/new/side_menu_desk03_n.gif') no-repeat 0 -28px;} #sidemenu #desk03 .blue {background:#FFFFFF url('https://desk.whoismail.net/images/new/side_menu_desk03_n.gif') no-repeat 0 -28px;} #sidemenu #gw01 a {background:#FFFFFF url('https://desk.whoismail.net/images/renew1001/nav/side_menu_gw01.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #gw01 a:hover {background:#FFFFFF url('https://desk.whoismail.net/images/renew1001/nav/side_menu_gw01.gif') no-repeat 0 -28px;} #sidemenu #gw01 .blue {background:#FFFFFF url('https://desk.whoismail.net/images/renew1001/nav/side_menu_gw01.gif') no-repeat 0 -28px;} #sidemenu #gw03 a {background:#FFFFFF url('https://desk.whoismail.net/images/renew1001/nav/side_menu_gw03.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #gw03 a:hover {background:#FFFFFF url('https://desk.whoismail.net/images/renew1001/nav/side_menu_gw03.gif') no-repeat 0 -28px;} #sidemenu #gw03 .blue {background:#FFFFFF url('https://desk.whoismail.net/images/renew1001/nav/side_menu_gw03.gif') no-repeat 0 -28px;} #sidemenu #gw04 a {background:#FFFFFF url('https://desk.whoismail.net/images/renew1001/nav/side_menu_gw04.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #gw04 a:hover {background:#FFFFFF url('https://desk.whoismail.net/images/renew1001/nav/side_menu_gw04.gif') no-repeat 0 -28px;} #sidemenu #gw04 .blue {background:#FFFFFF url('https://desk.whoismail.net/images/renew1001/nav/side_menu_gw04.gif') no-repeat 0 -28px;} #sidemenu #gw05 a {background:#FFFFFF url('https://desk.whoismail.net/images/renew1001/nav/side_menu_gw05.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #gw05 a:hover {background:#FFFFFF url('https://desk.whoismail.net/images/renew1001/nav/side_menu_gw05.gif') no-repeat 0 -28px;} #sidemenu #gw05 .blue {background:#FFFFFF url('https://desk.whoismail.net/images/renew1001/nav/side_menu_gw05.gif') no-repeat 0 -28px;} #sidemenu #gw06 a {background:#FFFFFF url('https://desk.whoismail.net/images/renew1001/nav/side_menu_gw06.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #gw06 a:hover {background:#FFFFFF url('https://desk.whoismail.net/images/renew1001/nav/side_menu_gw06.gif') no-repeat 0 -28px;} #sidemenu #gw06 .blue {background:#FFFFFF url('https://desk.whoismail.net/images/renew1001/nav/side_menu_gw06.gif') no-repeat 0 -28px;} #sidemenu #end {position:relative; background:url('https://desk.whoismail.net/images/renew1001/nav/side_menu_btm.gif') no-repeat 0 0; width:180px; height:15px; display:block; clear:both;} #sidemenu #adds11 a {background:#FFFFFF url('https://desk.whoismail.net/images/renew1001/nav/side_menu_adds11.gif') no-repeat 0 0; width:158px; height:28px; display:block;} #sidemenu #adds11 a:hover {background:#FFFFFF url('https://desk.whoismail.net/images/renew1001/nav/side_menu_adds11.gif') no-repeat 0 -28px;} #sidemenu #adds11 .blue {background:#FFFFFF url('https://desk.whoismail.net/images/renew1001/nav/side_menu_adds11.gif') no-repeat 0 -28px;} .gw_es_01 {display:block; width:180px; height:35px; background:#ecf4ff url('https://www.whoismail.net/v2/images/gw/icon_gw_01.gif') no-repeat 20px 10px; border:solid 1px #9dbae4; color:#4c7cc5; font-size:13px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-top: 6px; padding:6px 0 6px 43px; letter-spacing:-0.5px;} .gw_es_02 {display:block; width:180px; height:35px; background:#e9ecfd url('https://www.whoismail.net/v2/images/gw/icon_gw_01.gif') no-repeat 20px 10px; border:solid 1px #9ba3d7; color:#5a6bd7; font-size:13px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-top: 6px; padding:6px 0 6px 43px; letter-spacing:-0.5px;} /* footer ------------------------------------------------------ */ #footer {width:100%; } /* -------- 고객센터 -------- */ .customer-wrap {display:inline-block; position:static; padding-top:30px; border:solid 1px #aaa; border-left:none; border-right:none; background:#f6f6f6; /*height:345px; overflow:hidden; */} .customer-wrap h2 {font-size:31px; color:#333; text-align:center; font-weight:300; margin-bottom:5px; line-height:30px; font-family:'Roboto', 'Noto Sans KR', 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; 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('https://whois.co.kr/assets/images/common/cs_arrow.png') no-repeat 8px 12px; background-position: 98% 50%} .customer-wrap .cs-info li:last-child {border-bottom:none;} .customer-wrap .cs-info li a { font-family:'Apple SD Gothic Neo', 'Roboto', 'Noto Sans KR', sans-serif; font-size:15px; letter-spacing:-0.5px; font-weight:500;color: #111;} .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:25px;} .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('https://whois.co.kr/assets/images/common/icon_star_n1.png') repeat-x;} #star li.curr {background: url('https://whois.co.kr/assets/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; /*url('https://whois.co.kr/assets/images/common/cs_only_n.png') no-repeat ; background-position: 100% 100%; background-size: 170px 202px; */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', 'Noto Sans KR', 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; margin-right:3px;} .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('https://whois.co.kr/assets/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:207px;} .customer-wrap .cs-tel .quick-num li {font-size:13px; margin-bottom:3px; font-family:'Apple SD Gothic Neo', 'Roboto', 'Noto Sans KR', 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: 410px; /*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:360px; 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', 'Noto Sans KR', 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', 'Noto Sans KR', sans-serif; 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('https://whois.co.kr/assets/images/common/cs_only_n.png') no-repeat ; background-size: 170px 202px; width:170px; display:block; position:absolute; top:175px; z-index:100;} /* .mail_mobile {background:url('https://whois.co.kr/assets/images/common/footer_event_1.png') no-repeat ; background-size: 200px 170px; width:200px; display:block; position:absolute; top:185px; z-index:100;cursor:pointer;}*/ .mail_mobile2 {background:#e4ebf8 url('https://whois.co.kr/assets/images/common/footer_img_1.png') no-repeat 95% bottom; background-size:inherit; text-align:center; font-family:'Apple SD Gothic Neo', 'Roboto', 'Noto Sans KR', sans-serif; cursor:pointer;} .mail_mobile2 h4 {font-size:21px; padding-top:23px; letter-spacing:-1.5px; font-weight:700;} .mail_mobile2 p {font-size:14px; padding-top:5px; letter-spacing:-1.5px; color:#356ab5; } /*.dom_transfer {background:url('https://whois.co.kr/assets/images/common/footer_event_2.png') no-repeat ; background-size: 170px 160px; width:170px; display:block; position:absolute; top:195px; z-index:100;} .dom_transfer a {display:block; height:160px;} */ .dom_transfer2 {background:url('https://whois.co.kr/assets/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', 'Noto Sans KR', 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('https://whoismail.net/v2/images/common/footer_img_2_star.png') no-repeat 50% 100%; background-size:179px 128px;} .dom_transfer3 p {font-size:18px; text-align:left; font-family:'Apple SD Gothic Neo', 'Roboto', 'Noto Sans KR', 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;line-height:25px; } .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;} .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:90px;} .partner-wrap h2 {font-size:32px; color:#333; text-align:center; font-family:'Apple SD Gothic Neo', 'Roboto', 'Noto Sans KR', sans-serif; font-weight:500; letter-spacing:-1px; padding:30px 0 5px; letter-spacing: -2.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', 'Noto Sans KR', 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;} /* -------- 하단유틸 -------- */ .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; } .btn_s_blue { display:inline-block; background: #fff; color: #3b4cb9; font-size: 12px; height:20px; padding: 1px 5px 2px; border: solid 1px #a7b0eb; text-decoration: none; cursor:pointer; vertical-align:middle; } .btn_s_blue:hover{background: #f7f8ff; text-decoration: none;} .btn_s_blue img{vertical-align:middle; padding-bottom:1px !important;} .svc_mobile {display:block; word-break: keep-all; word-wrap: break-word; font-size:14px; line-height:22px; font-family:'Apple SD Gothic Neo', 'Roboto', 'Noto Sans KR', sans-serif; } .svc_mobile h3 {font-family:inherit; font-size: 14px; line-height:20px; color:#666; letter-spacing:-0.5px; padding-top:20px;} .svc_mobile h3 strong {font-family:inherit; display:block; padding-bottom:10px; font-size: 16px; line-height:22px; color:#333; letter-spacing:-1px; } .svc_mobile h3 strong span {color:#475ad3;} .svc_mobile h4{font-family:inherit; margin-top:40px; margin-bottom:10px; background: url('/v2/images/common/dot_purple.gif') no-repeat left center; padding-left:15px; color:#475ad3; font-size:16px; line-height:22px; font-weight:bold; } .svc_mobile img {margin-top:5px; margin-bottom:20px; vertical-align:top; margin-right:20px; border:solid 3px #ced4e9; } .svc_mobile a {font-family:inherit;} .img_border {border:solid 3px #ced4e9; } /*도메인 등록 혜택 변경 210506 한민자*/ .domain_service_benefits {vertical-align:middle; } /*margin-top:1px; */ .domain_service_benefits .domain_service_text {color:#2a496f; font-weight:bold; letter-spacing:-1px;} .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('https://domain.whois.co.kr/img/icon_event_arrow.png') no-repeat 3px 4px; padding-left:15px; margin-right:3px; } .domain_service_benefits .domain_service_arrow2 {display:inline-block; padding-right:5px; font-weight:bold; font-size:12px; color:#2a496f; } .domain_service_benefits .star {display:inline-block; color:#007042; letter-spacing:-1px; } /*background:url('/v2/images/common/icon_stars.svg') no-repeat 11px 4px; background-size: 93px 13px; https://domain.whois.co.kr/img/icon_stars4.png line-height:1.8; */ .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', 'Noto Sans KR', Malgun Gothic,"맑은 고딕",AppleGothic,Dotum,"돋움";} .benefits_text {display:inline-block; float:left; font-size:13px; color:#2a496f; font-weight:bold; /* background:url('https://domain.whois.co.kr/img/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('https://domain.whois.co.kr/img/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;} .txt_pkg2 {color: #1d9a00; } .style_renew_click {display:block; font-size:13px; margin:30px 0 10px 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:bold; font-size:13px; } .style_renew_click img {vertical-align:top; margin-top:8px;} .style_renew_click em{color:#4484de; text-decoration:none; font-weight:normal; font-style:normal; font-size:13px; } .style_nworks {display:block; background:#F9FFF5 url('/v2/images/webmail/bg_nworks.png') no-repeat; padding:20px 25px; font-size:13px; line-height:20px; transition: background-color 300ms;background-size: 30%; background-position: right -30px center ; } .style_nworks h4 {font-size:16px; font-weight:bold; letter-spacing:-1px; padding-bottom:15px; } .style_nworks h4 strong{color: #1d9a00} .nw_ft {clear:both; display:block; margin:30px 0 50px 0; font-size:14px; line-height:24px; letter-spacing:-0.5px;} .nw_ft h3 {display:block; font-size: 26px; line-height:30px; color:#333; font-weight:600; letter-spacing:-1px; padding-top:20px; margin-bottom:20px; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum';} .nw_ft h3 a{ font-size: 16px; line-height:30px; color:#888; font-weight:500; letter-spacing:-1px; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; padding-left:20px;} .nw_ft h3 a:hover {color:#1d9a00;} .nw_ft h3 a.b-blue:hover {color:#117ce9;} .nw_ft .cs_area {display:block; margin-top:20px; background: #f3f3f3; padding:10px 20px; font-size:18px; letter-spacing:-1px;} .nw_ft .cs_area2 {height: 85px; vertical-align:bottom; background:url('/v2/images/webmail/landing_banner_star_new.png') no-repeat 300px center; background-size:210px;} .nw_ft .cs_area3 {display:block; margin-top:20px; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; background: #03c75a; color:#fff; padding:6px 20px; font-size:18px; } .nw_ft .cs_area3 strong {font-family:inherit;} .nw_ft .cs_area4 {display:block; margin-top:20px; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; background: #36a3fa; color:#fff; padding:6px 20px; font-size:18px; } .nw_ft .cs_area4 strong {font-family:inherit;} /* 2025.03.14 네이버웍스 프리미엄파트너 추가 */ .nw_ft .cs_area3.partner_info {background:#03c75a url('/v2/images/nworks/nworks_part_bg.png') no-repeat; padding:20px 0 20px 270px; margin-top: 40px; } .nw_ft .cs_area3.partner_info .nw_pr_logo {width:140px; height:140px; background: url('/v2/images/nworks/nworks_part_logo.webp') no-repeat; background-size: 140px 140px; position: absolute; top: -30px; left: 80px; box-shadow: rgba(0, 0, 0, 0.24) 9px 16px 19px 7px; border-radius: 10px;} .nw_ft .cs_area3.partner_info h5 {color:#fff; font-size:34px; font-family: 'GmarketSansBold'; margin-bottom: 5px; line-height: 1.3;} .nw_ft .cs_area3.partner_info p { font-family: 'GmarketSansMedium'; font-size: 17px; line-height: 1.4; letter-spacing:0; } .nw_ft .cs_area3.partner_info.land_area .nw_pr_logo {width:130px; height:130px; background-size: 130px 130px; top: -20px; } .nw_ft .cs_area3.partner_info.land_area h5 {font-size:32px; } .nw_ft .nwDetail {display:block; float:left; width:310px; height:250px; background:#f4f6fc; border:solid 1px #e1e4f2; margin:0 15px 15px 0px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding:20px 15px 20px 15px; word-break: keep-all; word-wrap: break-word; font-size:13px; line-height:20px; color:#666} .nw_ft .nwDetail.mr0{margin-right:0px;} .nw_ft .nwDetail img {display:none; position:absolute; bottom:0px; right:5px;} .nw_ft .nwDetail h6 {font-size: 16px; line-height:24px; color:#333; padding-bottom:13px; padding-left:5px; letter-spacing:-1px; font-weight:bold;} .nw_ft .nwDetail h6 strong {color:#12ba5b; } ul.dotList{padding:0; } ul.dotList li{text-align:left; padding-left:5px; padding-bottom:5px; background: url('/v2/images/common/dot_gray.gif') no-repeat 0px 8px ; line-height:20px; font-size:12.5px;letter-spacing:-0.5px; } .nw-process {display: block; width:100%; margin-top: 40px; margin-left: auto; margin-right: auto; } .nw-process h4{font-size: 24px; text-align: left; padding-bottom:40px; font-weight: bold; letter-spacing: -1px; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'gulim', '굴림'; color:#333; } .nw-process h4::after {content: ""; display: block; width: 100%; border-bottom:solid 2px #333; padding-bottom: 15px;} .nw-process h5{font-size: 18px; text-align: center; font-weight: normal; letter-spacing: -1px;} .nw-spec {width:100%; vertical-align: top; margin-bottom:50px; text-align: left; } .nw-spec .column {display:inline-block; width:700px; vertical-align: top; line-height: 24px; font-size:14px; letter-spacing:-0.5px; color:#666; text-align: left; padding-top:25px; word-wrap: break-word; word-break:keep-all; } .nw-spec .column a {text-decoration:underline;} .nw-spec .column h5 {font-size:20px; color:#333; font-weight:bold; padding-bottom:20px; text-align: left; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'gulim', '굴림'; letter-spacing: -0.5px;} .nw-spec .column h5 strong { font-size:20px; color:#12ba5b; padding-right:10px; font-family:inherit; } .nw-spec .column h5 em { font-size:18px; color:#888; font-weight:normal; letter-spacing:-0.5px; font-style:normal; padding-right:10px; font-family:inherit; } .nw-spec .column-L {display:inline-block; width:250px; padding-left:25px; box-sizing:border-box; } .nw-spec .column-L .bg-circle {position:relative; display:inline-block; background-color:#e9f1ed; width:150px; height:150px; border-radius: 75px; text-align:center; color:#089a47; font-size:17px; font-weight:bold; box-sizing:border-box; vertical-align:middle; padding-top:100px; } .nw-spec .column-L .bg-circle:before {content: ""; display: inline-block; width: 80px; border-top:solid 1px #cbd7d0; position:absolute; left:137px; top:35px; } .nw-spec .column-L .bg-circle::after {content: ""; display: inline-block; width:5px; height:5px; background-color: #12ba5b; position:absolute; left:215px; top:33px; border-radius: 5px; } .nw-spec .column-L .bg-circle img {position:absolute; left:35px; top:35px; } .wp-spec {width:100%; vertical-align: top; margin-bottom:50px; text-align: left; } .wp-spec .column {display:inline-block; width:700px; vertical-align: top; line-height: 24px; font-size:14px; letter-spacing:-0.5px; color:#666; text-align: left; padding-top:25px; word-wrap: break-word; word-break:keep-all;} .wp-spec .column a {text-decoration:underline;} .wp-spec .column h5 {font-size:20px; color:#333; font-weight:bold; padding-bottom:20px; text-align: left; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'gulim', '굴림'; } .wp-spec .column h5 strong { font-size:20px; color:#117ce9; padding-right:10px; font-family:inherit; } .wp-spec .column h5 em { font-size:18px; color:#888; font-weight:normal; letter-spacing:-0.5px; font-style:normal; padding-right:10px; font-family:inherit; } .wp-spec .column-L {display:inline-block; width:250px; padding-left:25px; box-sizing:border-box; } .wp-spec .column-L .bg-circle {position:relative; display:inline-block; background-color:#e8edf1; width:150px; height:150px; border-radius: 75px; text-align:center; color:#117ce9; font-size:17px; font-weight:bold; box-sizing:border-box; vertical-align:middle; padding-top:100px; } .wp-spec .column-L .bg-circle:before {content: ""; display: inline-block; width: 80px; border-top:solid 1px #cbd7d0; position:absolute; left:137px; top:35px; } .wp-spec .column-L .bg-circle::after {content: ""; display: inline-block; width:5px; height:5px; background-color: #117ce9; position:absolute; left:215px; top:33px; border-radius: 5px; } .wp-spec .column-L .bg-circle img {position:absolute; left:35px; top:35px; } /*서비스 매뉴얼 tab2*/ .tab-menu{width:960px; height:100%; border-top:solid 1px #11bb5b; margin: 0 auto; position:relative; } .tab-menu.tab-blue{width:960px; height:100%; border-top:solid 1px #117ce9; margin: 0 auto; position:relative; } .tab-menu ul {height:100%; padding:0;} .tab-menu ul li { display:inline-block; width:75px; height:60px; float:left; text-align:center; box-sizing:border-box; } .tab-menu ul li.W50 { width:57px; } .tab-menu.tab-blue ul li { display:inline-block; width:auto; height:60px; padding:0 25px; float:left; text-align:center; box-sizing:border-box; } .tab-menu ul li.sec_tab {margin-left:70px; width:140px;} .tab-menu ul li.fitst_tab {position:absolute; left:0; width:70px;} .tab-menu ul li.fitst_tab label {margin-left:20px} .tab-menu label { display:block; width:auto; line-height:57px; height:60px; text-decoration:none; font-size:16px; color: #333; font-weight:bold; cursor:pointer; box-sizing:border-box; margin-left:15px; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; } .tab-menu input {display:none;} .tab-menu input:checked ~ label{ border-bottom: solid 4px #11bb5b; color:#11bb5b;} .tab-menu input:checked ~ .tab-Con{ display:block; background:#f1f1f1; height:auto; border-top:solid 1px #11bb5b; } .tab-menu.tab-blue input:checked ~ label{ border-bottom: solid 4px #117ce9; color:#117ce9;} .tab-menu.tab-blue input:checked ~ .tab-Con{ display:block; background:#f1f1f1; height:auto; border-top:solid 1px #117ce9; } .tab-Con{ display:none; /*height:198px; */width:960px; text-align:left; padding: 35px 30px 0 60px; position:absolute; left:0; top:60px; box-sizing: border-box; } .tab-Con ul.dotList{padding:0; width:440px; height:auto;} .tab-Con ul.dotList li{ width:440px; height:auto; display:block; text-align:left; padding-left:5px; /*padding-bottom:8px;*/ background: url('/v2/images/common/dot_gray.gif') no-repeat 0px 8px ; line-height:20px; font-size:14px;letter-spacing:-0.5px; word-break:keep-all; } .tab-Con ul.dotList li.bullet_N{ width:440px; height:auto; display:block; text-align:left; padding-left:5px; padding-bottom:8px; background:none; line-height:20px; font-size:14px;letter-spacing:-0.5px; word-break:keep-all; } .tab-Con .nw_1 {height:270px; background: url('/v2/images/nworks/nworks_img_02.png') no-repeat right bottom;} .tab-Con .nw_2_n {height:270px; background: url('/v2/images/nworks/nworks_img_01_n2.png') no-repeat right bottom;} .tab-Con .nw_2 {height:270px; background: url('/v2/images/nworks/nworks_img_01.png') no-repeat right bottom;} .tab-Con .nw_3 {height:270px; background: url('/v2/images/nworks/nworks_img_03.png') no-repeat right bottom;} .tab-Con .nw_4 {height:270px; background: url('/v2/images/nworks/nworks_img_04.png') no-repeat right bottom;} .tab-Con .nw_5 {height:270px; background: url('/v2/images/nworks/nworks_img_05.png') no-repeat right bottom;} .tab-Con .nw_6 {height:270px; background: url('/v2/images/nworks/nworks_img_06.png') no-repeat right bottom;} .tab-Con .nw_7 {height:270px; background: url('/v2/images/nworks/nworks_img_07.png') no-repeat right bottom;} .tab-Con .nw_8 {height:270px; background: url('/v2/images/nworks/nworks_img_08.png') no-repeat right bottom;} .tab-Con .nw_9 {height:270px; background: url('/v2/images/nworks/nworks_img_09.png') no-repeat right bottom;} .tab-Con .nw_10 {height:270px; background: url('/v2/images/nworks/nworks_img_10.png') no-repeat right bottom;} .tab-Con .nw_11 {height:270px; background: url('/v2/images/nworks/features_Approval.png') no-repeat right bottom;background-size: 500px;} .tab-Con .nw_12 {height:270px; background: url('/v2/images/nworks/features_Member.png') no-repeat right bottom;background-size: 500px;} .tab-Con .nw_13 {height:270px; background: url('/v2/images/nworks/features_Attendance.png') no-repeat right bottom;background-size: 500px;} .tab-Con h4 {font-size:24px; font-weight:bold; color:#333; margin-bottom:20px; letter-spacing:-1px; line-height:1.5; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; } .tab-Con h4 strong {color:#11bb5b; font-family:inherit; } .tab-Con .wp_List{padding:10px 0; width:480px; height:auto; word-break:keep-all; } .tab-Con h5 {display:block; font-weight:bold; font-size:18px; color:#117ce9; padding-bottom:15px; } .tab-Con .wp_1 {height:320px; background: url('/v2/images/nworks/wp_01.png') no-repeat right; background-size:40%;} .tab-Con .wp_2 {height:320px; background: url('/v2/images/nworks/wp_02.png') no-repeat right; background-size:40%;} .tab-Con .wp_3 {height:320px; background: url('/v2/images/nworks/wp_03.png') no-repeat right; background-size:35%;} .tab-Con .wp_4 {height:320px; background: url('/v2/images/nworks/wp_04.png') no-repeat right; background-size:40%;} .tab-Con .wp_5 {height:320px; background: url('/v2/images/nworks/wp_05.svg') no-repeat right -30px center; background-size:50%;} .tab-Con .helpArea ol li {display:block; width:100%; text-align:left; border-top:1px solid #ccc; padding:30px 20px; height:auto; } .tab-Con .helpArea ol li .con {display:inline-block; padding-top:30px; vertical-align:top;} .tab-Con .helpArea ol li .con h5 {font-size:22px; line-height:1.8; font-weight:bold; color:#333; letter-spacing:-1px; margin-bottom:15px;} .tab-Con .helpArea ol li .con h5 strong {background:#12ba5b; border-radius:50%; width:36px;height:36px; font-size:18px; color:#fff; font-weight:bold; text-align:center; line-height:1.8; display:block;} .tab-Con .helpArea ol li .con p {font-size:14px; line-height:24px;} .tab-Con .helpArea ol li .photo {display:inline-block; } .m-nWorks {padding:0 35px 30px; text-align:left; box-sizing: border-box; } .m-nWorks table {margin-left:0 !important} .m-nWorks div {position:static;} .m-nWorks div.style_renew_click {margin:0;} /* 주요기능 */ .help_area div.txt {font-size:15px; letter-spacing:-1px; margin-bottom:15px;} .help_area ul.nw_tab {width:960px; height:56px; padding:0; } .help_area ul.nw_tab li{ width:50%; display: inline-block; cursor: pointer; display:inline-block; float:left; text-decoration:none; font-size:20px; line-height:56px; color: #333; font-weight:bold; text-align:center; box-sizing:border-box; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; border-top:solid 1px #11bb5b; border-left:solid 1px #11bb5b; border-right:solid 1px #11bb5b; } .help_area ul.nw_tab li.current {background:#11bb5b; color:#fff; } .help_area ul.tab{width:960px; height:60px; border-top:solid 1px #11bb5b; border-bottom:solid 1px #11bb5b; margin: 0 auto; padding:0; padding-left:10px; box-sizing:border-box;} .help_area ul.tab.t_blue{ border-top:solid 1px #36a3fa; border-bottom:solid 1px #36a3fa; padding-left:75px;} .help_area ul.tab.b-blue{width:960px; height:60px; border-top:solid 1px #117ce9; border-bottom:solid 1px #117ce9; margin: 0 auto; padding:0; padding-left:35px; box-sizing:border-box;} .help_area ul.tab li{display: inline-block; padding: 10px 14px; cursor: pointer; display:inline-block; width:auto; height:59px; float:left; line-height:37px; text-decoration:none; font-size:16px; color: #333; text-align:center; box-sizing:border-box; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; } .help_area ul.tab.paddingA li {padding: 10px 19px;} .help_area ul.tab.paddingB {padding-left: 25%;} .help_area ul.tab.paddingB li {padding: 10px 65px;} .help_area ul.tab.paddingD {padding-left: 17%;} .help_area ul.tab.paddingD li {padding: 10px 36px;} .help_area ul.tab li.current{ border-bottom:solid 4px #11bb5b; color: #11bb5b; font-weight:bold; } .help_area ul.tab.b-blue li.current{ border-bottom:solid 4px #117ce9; color: #117ce9;} .help_area ul.tab li.current.t_blue{ border-bottom:solid 4px #36a3fa; color: #36a3fa;} .help_area .tabcontent{display: none; background: #f1f1f1; padding:0;} .help_area .tabcontent.current{display: inherit;} .help_area .tabcontent.feature{ background: #f1f3f8;} .help_area .top_box {padding:50px 35px 0 60px; height:270px;} .help_area .top_box2 {padding:50px 35px 0 60px; height:211px;} .help_area .textArea{display:inline-block; vertical-align:top;} .help_area .textArea h4 {font-size:24px; font-weight:bold; color:#333; margin-bottom:20px; letter-spacing:-1px; line-height:1.5; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; } .help_area .textArea h4 strong {color:#11bb5b; font-family:inherit; } .help_area .textArea.b-blue h4 strong {color:#117ce9; font-family:inherit; } .help_area .textArea h4 em {display:block; color:#117ce9; font-size:16px; letter-spacing:0;} .help_area .visualArea{display:inline-block; width:100%; height:600px; text-align:center; position:relative; } .help_area .visualArea h4 {height:180px; font-size:34px; padding:50px 0 30px; box-sizing:border-box; font-weight:bold; color:#333; letter-spacing:-1px; line-height:1.3; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; } .help_area .visualArea h4 strong {color:#11bb5b; font-family:inherit; } .help_area .visualArea img {width:900px; vertical-align:top; } .help_area .visualArea h4 strong.b-blue {color: #117ce9;} .help_area .visualArea .video_area {position:absolute; left: 30px; bottom: 30px;} .help_area .img01 {display:inline-block; float:right; width:500px; height:270px; background: url('/v2/images/nworks/features-message.png') no-repeat right bottom; background-size: 500px;} .help_area .img02 {display:inline-block; float:right; width:500px; height:270px; background: url('/v2/images/nworks/features-mail.png') no-repeat right bottom; background-size: 500px;} .help_area .img03 {display:inline-block; float:right; width:500px; height:270px; background: url('/v2/images/nworks/features-calendar.png') no-repeat right bottom;background-size: 500px;} .help_area .img04 {display:inline-block; float:right; width:500px; height:270px; background: url('/v2/images/nworks/features-todo.png') no-repeat right bottom;background-size: 500px;} .help_area .img05 {display:inline-block; float:right; width:500px; height:270px; background: url('/v2/images/nworks/features-board.png') no-repeat right bottom;background-size: 500px;} .help_area .img06 {display:inline-block; float:right; width:500px; height:270px; background: url('/v2/images/nworks/features-form.png') no-repeat right bottom;background-size: 500px;} .help_area .img07 {display:inline-block; float:right; width:500px; height:270px; background: url('/v2/images/nworks/features-videocall.png') no-repeat right bottom; background-size: 500px;} .help_area .img08 {display:inline-block; float:right; width:500px; height:270px; background: url('/v2/images/nworks/features-contact.png') no-repeat right bottom; background-size: 500px;} .help_area .img09 {display:inline-block; float:right; width:500px; height:270px; background: url('/v2/images/nworks/features-drive.png') no-repeat right bottom;background-size: 500px;} .help_area .img10 {display:inline-block; float:right; width:500px; height:270px; background: url('/v2/images/nworks/features-AI.png') no-repeat right bottom;background-size: 500px;} .help_area .img11 {display:inline-block; float:right; width:500px; height:270px; background: url('/v2/images/nworks/features_Approval.png') no-repeat right bottom; background-size: 500px;} .help_area .img12 {display:inline-block; float:right; width:500px; height:270px; background: url('/v2/images/nworks/features_Member.png') no-repeat right bottom; background-size: 500px;} .help_area .img13 {display:inline-block; float:right; width:500px; height:270px; background: url('/v2/images/nworks/features_Attendance.png') no-repeat right bottom; background-size: 500px;} .help_area .img01_wp {display:inline-block; float:right; width:465px; height:270px; background: url('/v2/images/nworks/wp_m_00.svg') no-repeat right bottom 3px; background-size:80%;} .help_area .img02_wp {display:inline-block; float:right; width:465px; height:239px; background: url('/v2/images/nworks/wp_a_00.svg') no-repeat right -25px bottom; background-size:75%;} .help_area .img03_wp {display:inline-block; float:right; width:465px; height:210px; background: url('/v2/images/nworks/wp_p_00.svg') no-repeat right bottom; background-size:70%; } .help_area .img04_wp {display:inline-block; float:right; width:465px; height:210px; background: url('/v2/images/nworks/wp_at_00.svg') no-repeat right -15px bottom; background-size:70%; } .help_area .img05_wp {display:inline-block;float:right; width:420px; height:210px; background: url('/v2/images/nworks/wp_pl_00.svg') no-repeat right 20px bottom; background-size:75%; } .help_area .img06_wp {display:inline-block; float:right; width:465px; height:210px; background: url('/v2/images/nworks/wp_e_00.svg') no-repeat right bottom; background-size:75%; } .help_area .img07_wp {display:inline-block; float:right; width:465px; height:210px; background: url('/v2/images/nworks/wp_ex_00.svg') no-repeat right bottom; background-size:70%; } .help_area .img08_wp {display:inline-block; float:right; width:465px; height:210px; background: url('/v2/images/nworks/wp_s_00.svg') no-repeat right bottom; background-size:75%; } .help_area .img09_wp {display:inline-block; float:right; width:465px; height:210px; background: url('/v2/images/nworks/wp_ac_00.svg') no-repeat right 20px bottom; background-size:70%; } .help_area .img10_wp {display:inline-block; float:right; width:300px; height:210px; background: url('/v2/images/nworks/wp_d_00.svg') no-repeat right 20px top; background-size:100%; } .help_area .img11_wp {display:inline-block; float:right; width:300px; height:210px; background: url('/v2/images/nworks/wp_pa_00.svg') no-repeat right 20px bottom; background-size:100%; } .help_area .helpArea {padding:0 60px;} .help_area .helpArea ol li {display:block; text-align:left; border-top:1px solid #ccc; padding:10px 0; box-sizing:border-box;} .help_area .helpArea.w_works ol li { padding:25px 0; } .help_area .helpArea.w_works ol li:last-child {border-bottom:solid 1px #f1f1f1;} .help_area .helpArea ol li .con {display:inline-block; width:46%; padding-top:30px; vertical-align:top; } .help_area .helpArea ol li .con h5 {position: relative; font-size:22px; line-height:1.4; font-weight:bold; color:#333; letter-spacing:-1px; margin-bottom:15px; word-break:keep-all; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; } .help_area .helpArea ol li .con h5 strong {background:#12ba5b; border-radius:50%; width:32px;height:32px; font-size:18px; color:#fff; font-weight:bold; text-align:center; line-height:1.8; display:block; margin-bottom:3px; } .help_area .helpArea ol li .con.b-blue h5 strong {background:#117ce9; border-radius:50%; width:32px;height:32px; font-size:18px; color:#fff; font-weight:bold; text-align:center; line-height:1.8; display:block; margin-bottom:3px; } .help_area .helpArea ol li .con h5 .new-txt {position: absolute; left: 40px; font-family: 'GmarketSansMedium'; font-size: 14px; top: 9px; color: #12ba5b; letter-spacing: 0;} .help_area .helpArea ol li .con p {font-size:14px; line-height:24px; letter-spacing:-1px; word-break:keep-all; } .help_area .helpArea ol li .photo {display:inline-block; width:45%; } .help_area .helpArea ol li .photo img {width:380px; margin-bottom:-5px; } .help_area .helpArea ol li .photo_wp {display:inline-block; width:45%; margin:30px 0px; } .help_area .helpArea ol li .photo_wp img {width:320px;} .help_area .helpArea ol li .photo_wp2 {display:inline-block; width:45%; margin:30px 0px; } .help_area .helpArea ol li .photo_wp2 img {width:260px;} /* 220118_네어버웍스 영상소개 */ .video_area .video {margin-top:10px;} .video_area .video a {background:#11ba79 url('/v2/images/nworks/icon_play.png') no-repeat 93% center; color:#fff; padding:5px 40px 7px 20px; font-size:14px; font-weight:bold; transition:0.3s; border: solid 1px #06764b; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; } .video_area .video a:hover {background:#0aa44f url('/v2/images/nworks/icon_play.png') no-repeat 94% center;} .video_area .video.b-blue a {background:#117ce9 url('/v2/images/nworks/icon_play.png') no-repeat 93% center; color:#fff; padding:5px 40px 7px 20px; font-size:14px; font-weight:bold; transition:0.3s; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; } .video_area .video.b-blue a:hover {background:#0463c4 url('/v2/images/nworks/icon_play.png') no-repeat 94% center;} .video_area .video.b-green a {background:#11ba79; color:#fff; padding:5px 20px 7px 20px; font-size:14px; font-weight:bold; transition:0.3s; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; } .video_area .video.b-green a:hover {background:#0aa44f} .video_area .pop-layer .pop-container { padding: 20px; } .video_area .pop-layer { width:894px; height:480px; display: none; position: absolute; top: 50%; left: 50%; height: auto; background-color: #fff; z-index: 10;} .video_area .pop-layer video { width:854px; } .video_area .dim-layer { display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100;} .video_area .dim-layer .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .7; filter: alpha(opacity=50);} .video_area .dim-layer .pop-layer { display: block;} .video_area .btn_area { position: absolute; top: -30px; right: 0; } .video_area a.btn-layerClose { display: inline-block; font-size: 20px; color: #fff; line-height: 25px;} .video_area a.btn-layerClose:hover { color: #fff;} /* 211118_랜딩수정 */ .landing{width:960px;} .landing_main2{width:960px; height:400px; background: url('/v2/images/webmail/landing_main_bg3.jpg') no-repeat; padding:40px; border:solid 1px #d9e0ea; box-sizing:border-box;} .landing_main2 h3 {position:relative; font-size:48px; letter-spacing:-3px; line-height:56px; font-weight:bold; color:#333; font-family:'Noto Sans KR', 맑은 고딕, tahoma, 굴림, gulim, sans-serif; } .landing_main2 h3 strong {color:#0c4bcc; font-family:inherit } .landing_main2 h3 span::after {content:'*'; position:absolute; top:-10px; right:350px; font-size:36px; } .landing_main2 h4 {font-size:28px; letter-spacing:-2px; line-height:36px; font-weight:bold; color:#333; margin-bottom:10px; font-family:'Noto Sans KR', 맑은 고딕, tahoma, 굴림, gulim, sans-serif; } .landing_main2 h4 strong {color:#c40b08; font-family:inherit } .landing_main2 p {font-size:19px; font-family:'Noto Sans KR', 맑은 고딕, tahoma, 굴림, gulim, sans-serif; letter-spacing:-1.5px; line-height:26px; font-weight:400; color:#555;} .landing_main2 p strong {font-weight:400; font-family:inherit; color:#0c4bcc;} .landing_main2 .a_mail {position:absolute; left:45px; top:310px; cursor:pointer;} .landing_main2 .a_nw {position:absolute; left:255px; top:310px; cursor:pointer;} .landing_main2 .landing_banner{display:block;position:absolute; left:470px; top:280px;} #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:14px; 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; min-width:90px; text-align:center; font-family:'Noto Sans KR';} #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:-5px; 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;} /* -------- 메인 UI개편 2022.01.11 -------- main_mail_1_ice */ .main_mail {float:left; width:690px; height:263px; background: url('/v2/images/main/main_mail_1.png') no-repeat; margin-right:10px;} .main_mail a {margin:180px 0 0 38px;} .main_mail:hover a {background:#d11901; color:#fff; transition:0.5s; cursor:pointer; } .main_nworks {float:left; width:690px; height:190px; background: url('/v2/images/main/main_nworks_3.png') no-repeat; margin-right:10px;} .main_nworks a {margin:130px 0 0 38px;} .main_nworks:hover a {background:#d11901; color:#fff; transition:0.5s; cursor:pointer; } .main_nworks.Guide {float:left; width:690px; height:190px; background: url('/v2/images/main/main_nworks_4.png') no-repeat; margin-right:10px; border:solid 1px #03c75a;} .sms_fax {border-bottom:2px solid #333;} .sms_fax ul {padding:40px 0 35px;} .sms_fax ul li {width:49%; display:inline-block; border-right:1px solid #d0d0d0; box-sizing:border-box;} .sms_fax ul li:nth-child(2) {border-right:none; } .sms_fax ul li a {display:block; width:440px; height:90px; padding-left:35px; box-sizing:border-box;} .sms_fax ul li a.sms {background: url('/v2/images/main/ico_sms.png') no-repeat right; } .sms_fax ul li a.fax {border-right:none; background: url('/v2/images/main/ico_fax.png') no-repeat right; } .sms_fax ul li a h3 {display:inline-block; height:35px; font-size:22px; font-weight:bold; letter-spacing:-2px; line-height:1; background: url('/v2/images/main/ico_arrow.png') no-repeat right top; padding-right:30px; transition:0.3s;} .sms_fax ul li a p {font-size:14px; line-height:20px; letter-spacing:-1px;} .sms_fax ul li a:hover h3 {color:#476fe1; padding-right:35px; transition:0.3s;} .sms_fax ul li a:hover p {color:#555;} .csArea {padding:30px 0;} .csArea .board_area {display:inline-block;} .csArea .board_area h3 a {font-size:16px; font-weight:bold; padding-left:15px;} .csArea .board_area li {padding:3px 0;} .csArea .board_area li a {font-size:13px; letter-spacing:-1px;} .csArea .tip {display:inline-block;} .csArea .tip ul li {display:inline-block; padding:0 10px; } .csArea .tip ul li a div.ico {width:100px; height:100px; background:#e9eef3; border-radius:50px; margin-bottom:10px; transition:0.3s} .csArea .tip ul li:nth-child(1) a div.ico {background:#e9eef3 url('/v2/images/main/ico_cs01.png') no-repeat center;} .csArea .tip ul li:nth-child(2) a div.ico {background:#e9eef3 url('/v2/images/main/ico_cs02.png') no-repeat center;} .csArea .tip ul li:nth-child(3) a div.ico {background:#e9eef3 url('/v2/images/main/ico_cs03.png') no-repeat center;} .csArea .tip ul li:nth-child(4) a div.ico {background:#e9eef3 url('/v2/images/main/ico_cs04.png') no-repeat center;} .csArea .tip ul li:nth-child(5) a div.ico {background:#e9eef3 url('/v2/images/main/ico_cs05.png') no-repeat center;} .csArea .tip ul li:nth-child(1) a:hover div.ico {background:#e9eef3 url('/v2/images/main/ico_cs01.png') no-repeat center 40%; transition:0.3s} .csArea .tip ul li:nth-child(2) a:hover div.ico {background:#e9eef3 url('/v2/images/main/ico_cs02.png') no-repeat center 40%; transition:0.3s} .csArea .tip ul li:nth-child(3) a:hover div.ico {background:#e9eef3 url('/v2/images/main/ico_cs03.png') no-repeat center 40%; transition:0.3s} .csArea .tip ul li:nth-child(4) a:hover div.ico {background:#e9eef3 url('/v2/images/main/ico_cs04.png') no-repeat center 40%; transition:0.3s} .csArea .tip ul li:nth-child(5) a:hover div.ico {background:#e9eef3 url('/v2/images/main/ico_cs05.png') no-repeat center 40%; transition:0.3s} .csArea .tip ul li h4 {font-size:14px; font-weight:bold; text-align:center;} /* -------- 무료메일 레이어팝업 2022.04.06 -------- */ .free_mail {width:700px; height:auto; background:#fff; box-shadow: 10px 10px 30px 5px rgb(0 0 0 / 30%); box-sizing:border-box;} .free_mail .top {padding:50px 30px 50px 60px;} .free_mail .close {position:absolute; top:20px; right:20px; width:36px; height:36px; border-radius:50px; background:#353761 url('/v2/images/common/ico_close.png') no-repeat center; cursor:pointer; z-index: 10;} .free_mail .close a {display: block; width:36px; height:36px; font-size:0;} .free_mail .top h2 {display: inline-block; position:relative; color:#353761; font-size:26px; font-weight:normal; letter-spacing:-2px; margin-bottom:30px; line-height: 35px; word-break: keep-all;} .free_mail .top h2 strong {font-weight:bold; letter-spacing:-1px;} .free_mail .top .icon {display: inline-block; vertical-align: middle;} .free_mail .top .txt_area {font-size:15px; color:#333; line-height:24px; letter-spacing:-1px;} .free_mail .top .txt_area strong {font-weight:bold;} .free_mail .top .txt_area span {color:#2c71d5;} .free_mail .top .txt_area a {text-decoration:underline;} .free_mail .bottom {position:relative; padding:45px 60px; background:#e6e9f6; box-sizing:border-box;} .free_mail .bottom .btn_yellow_con2 {padding: 15px 30px; letter-spacing: -2px;} .free_mail .bottom .star {position:absolute; top:100px; left:290px;} .free_Top {display:block; box-sizing: border-box; width:960px; height:364px; background:#fff; margin-bottom: 30px; font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; background:url('/v2/images/webmail/free_bg.jpg') no-repeat center; background-size: 960px; padding:10px 15px; } .free_Top h3 {display:block; padding-bottom:25px; font-size:52px; line-height:58px; font-family:inherit; font-weight:bold; color:#000; letter-spacing:-2px; } .free_Top h4 {font-size:22px; line-height:32px; font-family:inherit; color:#666; letter-spacing:-1px;} .free_Top h3 strong, .free_Top h4 strong {font-family:inherit; color:#0083f6; font-weight:inherit; } .free_Top .free_Btn {display:block; padding-top:30px; } .free_Top .free_Btn p {display:inline-block; margin-right:20px; } .free_Top .free_Btn p span { font-family:inherit; padding-top:10px; display:block; font-size:13px; letter-spacing:-1px; text-align:center; color:#000; } .free_Top .free_Btn p span img {width:18px; height:18px; margin-right:2px; vertical-align:middle; } .free_Top .free_Btn p span strong {position: relative; z-index:0; font-weight:normal; vertical-align:middle;} .free_Top .free_Btn p span strong:after { display: block; clear: both; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; 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;} .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:2px 8px 2px 8px; border:none; vertical-align:middle; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 굴림, "gulim",돋움, tahoma; height:22px; box-sizing:border-box;} .btn_purple_s2:hover {background:#8393f6; color:#fff; transition:0.5s; cursor:pointer; } /* 도메인 검색결과 체크박스*/ @-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:25px;} .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: 2px; width:19px; height:19px; 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:57%; left:8px; width:8px; height:4px; margin-top:-7px; -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:#5d7bda; border-color:#5d7bda;} .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:16px; border-radius:2px; color:#fff; background:#e77182; letter-spacing:-0.5px; font-weight:normal; font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 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:16px; border-radius:2px; color:#fff; background:#9f7add; letter-spacing:-0.5px; font-weight:normal; font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 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:16px; border-radius:2px; color:#fff; background:#66bd8b; letter-spacing:-0.5px; font-weight:normal; font-family:'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 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:19px; border-radius:2px; color:#767676; background:#f0f0f0; letter-spacing:-1px; font-weight:normal; font-family:'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 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:19px; border-radius:2px; color:#fff !important; background:#898989; letter-spacing:-1px; font-weight:normal; font-family: 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', verdana, tahoma, 'gulim', '굴림';} .icon_S_gray2:hover {background:#727272; color:#fff; transition:0.5s; 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:-17px; z-index: 101; } .tooltip:hover .tooltip_text { visibility: visible; opacity: 1; } .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; } /* 내 서비스 관리 스벅배너 */ .star_event_txt {padding: 15px 30px 11px; background: #33a580 url(/v2/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.3; font-family: 'Noto Sans KR'; font-weight: 400; margin-bottom: 10px;} .star_event_txt h2 strong {color:#ffcc00; font-weight: normal;} .star_event_txt h2 .txt100 {font-size: 29px; color: #ffcc00; /* font-weight: bold;*/letter-spacing: -1px; margin-left: 5px;} .star_event_txt h2 em {font-style: italic;} .star_event_txt.symbol {padding: 15px 30px 8px; background: #33a580 url(/v2/images/banner/star_simbol.png) 98% no-repeat; background-size: 27%; margin-top: 10px;} .star_event_txt.symbol h2 {display:inline-block;} .star_event_txt.symbol 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: 7px; 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;} .bg_spamblock span {position: relative; z-index:0; } .bg_spamblock span:after { display: block; clear: both; content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 7px; background: #b6f491; 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;} .tooltip-keyword2 { position:absolute; z-index:10000; top:-11px; 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;} /* ---- 2022.11.18 e메일 ui 변경 ---- */ .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 } .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', 'Noto Sans KR', 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;} .nworks_area { width: 960px; height:240px; margin:0 auto; box-sizing:border-box; background: #eefff0 url('/v2/images/nworks/01_img-talk-04.png') no-repeat left -170px top; background-size: 350px; padding: 40px 0 0 185px; border: solid 1px #b9d6bd; } .nworks_area h4{ display:inline-block; font-size: 37px; line-height:49px; font-weight:100; letter-spacing:-2.5px; color:#333; font-family:'GmarketSansBold', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', verdana, tahoma, 'gulim', '굴림'; } .nworks_area h4 strong { font-weight:100; color:#19ce60; font-family:inherit; } .nworks_area h5{ display:block; font-size: 22px; font-weight:normal; letter-spacing:-1px; color:#333; padding: 15px 0 15px; font-family:'GmarketSansMedium', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 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', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', verdana, tahoma, 'gulim', '굴림'; } .btn_white_con:hover {background:#19ce60; color:#fff; border:solid 1px #19ce60; transition:0.5s; cursor:pointer; text-decoration:none;} /* 팝업 영역 */ .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.15 -------- */ #main_contents .visual-box .visual {width:100%; height:270px; background: #4554a9 url('/v2/images/main/visual_01.png') 30px bottom no-repeat; padding:45px 60px; margin-bottom:13px; transition:0.5s; line-height: 1.2; box-sizing:border-box; cursor: pointer;} #main_contents .visual-box .visual.nw {background: #11cc6a url('/v2/images/main/visual_02_n.png') 20px bottom no-repeat; box-sizing:border-box;} #main_contents .visual-box .visual:hover {background: #4554a9 url('/v2/images/main/visual_01.png') 0px bottom no-repeat; transition:0.5s; } #main_contents .visual-box .visual.nw:hover {background: #11cc6a url('/v2/images/main/visual_02_n.png') -10px bottom no-repeat; box-sizing:border-box; transition:0.5s; } #main_contents .visual-box .visual:hover a {background:#d11901; color:#fff; transition:0.5s; cursor:pointer; } #main_contents .visual-box .visual h2 {font-size:40px; color:#fff; font-family:'GmarketSansMedium'; letter-spacing:-1px;} #main_contents .visual-box .visual h2 strong {font-family:'GmarketSansMedium'; color:#ffd200; } #main_contents .visual-box .visual p {font-size:16px; color:#fff; font-family:'GmarketSansMedium';} #main_contents .visual-box .visual p em {font-style:italic;} #main_contents .visual-box .visual p strong {font-family:'GmarketSansMedium'; color:#b2d0fd;} #main_contents .visual-box .visual.nw p {letter-spacing: -0.3px;} #main_contents .visual-box .visual .star-event {position:absolute; background: url('/v2/images/main/img_starbucks.png') no-repeat left 8px; background-size:55px; height:76px; top: 155px; left: 230px; padding-left: 60px;color:#fff; font-family:'GmarketSansMedium'; font-size: 14px; padding-top: 15px; display: inline-block; line-height: 1.5;} #main_contents .visual-box .swiper-pagination {width: auto; text-align:right; top:20px; right: 20px; height:20px; box-sizing: border-box; bottom: 0; left: auto;} #main_contents .visual-box .swiper-pagination-bullet { opacity: 0.5; background: #fff; width:15px; height:15px;} #main_contents .visual-box .swiper-pagination-bullet-active { opacity: 1; background: #fff; width:15px; height:15px; } #main_contents .service {display:inline-block; width:630px; margin-right:10px; float:left; padding-bottom: 60px;} #main_contents .service .nw-ban {display:block; background:#e9f2eb url('/v2/images/main/main_nw_img.png') 95% bottom no-repeat; height:190px; padding:45px 40px; box-sizing:border-box; margin-bottom:10px; cursor: pointer; transition:0.5s;} #main_contents .service .nw-ban a h4 {font-size:25px; font-family:'GmarketSansMedium'; color:#111;} #main_contents .service .nw-ban a h4 strong {font-size:25px; font-family: inherit; color:#10ad2d;} #main_contents .service .nw-ban a h4 span { box-shadow: inset 0 -16px #fff736; font-family: inherit;} #main_contents .service .nw-ban:hover {background:#e3f4e7 url('/v2/images/main/main_nw_img.png') 92% bottom no-repeat; transition:0.5s;} #main_contents .service .nw-ban a p {font-size: 16px; color:#333; margin:20px 0 15px; font-family: 'Noto Sans KR'; line-height: 1.3;} #main_contents .service .nw-ban a p em {font-style:italic;} #main_contents .service .nw-ban a.btn {font-size:16px; color:#10ad2d; font-family:'GmarketSansMedium'; border-bottom: solid 1px #10ad2d;} #main_contents .service .wm-ban {background:#e9ebf1 url('/v2/images/main/main_wm_img.png') 110% bottom no-repeat; height:190px; padding:45px 40px; box-sizing:border-box; cursor: pointer; margin-bottom:13px; transition:0.5s;} #main_contents .service .wm-ban a h4 {font-size:25px; font-family:'GmarketSansMedium'; color:#111;} #main_contents .service .wm-ban a h4 strong {font-size:25px; font-family: inherit; color:#2052c3;} #main_contents .service .wm-ban:hover {background:#dee3f1 url('/v2/images/main/main_wm_img.png') 105% bottom no-repeat; transition:0.5s;} #main_contents .service .wm-ban a p {font-size:16px; color:#333; margin:20px 0 15px; font-family: 'Noto Sans KR'; line-height: 1.3;} #main_contents .service .wm-ban a p em {font-style:italic;} #main_contents .service .wm-ban a.btn {font-size:16px; color:#2052c3; font-family:'GmarketSansMedium'; border-bottom: solid 1px #2052c3;} #main_contents .service .fax-sms {display:inline-block; width:306px; margin-right:10px; float:left;} #main_contents .service .fax-sms ul {padding:0;} #main_contents .service .fax-sms li {padding:23px 25px 23px 30px; border:solid 1px #dbcfcf; box-sizing:border-box;} #main_contents .service .fax-sms li:last-of-type {border-top:none;} #main_contents .service .fax-sms li a h5 {font-size:20px; font-family:'GmarketSansMedium'; color:#111; letter-spacing:-1px; margin-bottom:10px;} #main_contents .service .fax-sms li a:hover h5 {color:#ce2e2e; transition:0.5s;} #main_contents .service .fax-sms li a p {font-size:15px; color:#666; letter-spacing:-0.5px; font-family: 'Noto Sans KR'; line-height: 1.3;} #main_contents .service .fax-sms li .plus { display: inline-block;position: relative; width: 20px; height: 20px; opacity: 0.8; border-radius: 50px; background: #ce2e2e; vertical-align: bottom; margin-left: 4px; margin-bottom: 2px} #main_contents .service .fax-sms li .plus:before, #main_contents .service .fax-sms li .plus:after {position: absolute; left: 9px; top: 5px; content: ' '; height: 9px; width: 2px; background-color: #fff;} #main_contents .service .fax-sms li .plus:before {transform: rotate(0deg);} #main_contents .service .fax-sms li .plus:after { transform: rotate(-90deg);} #main_contents .service .gs-banner {display:inline-block; padding:35px 20px 35px 30px; width:314px; height:238px; background: url('/v2/images/main/gs_bg.png') no-repeat; box-sizing:border-box; cursor: pointer;} #main_contents .service .gs-banner a p {font-size:14px; font-family:'GmarketSansMedium'; margin-bottom:10px;} #main_contents .service .gs-banner a h4 {font-size:22px; font-family:'GmarketSansMedium'; color:#111; line-height: 1.2; margin-bottom: 15px; display: inline-block;} #main_contents .service .gs-banner a h4 strong {color:#0a8ce7; font-family: inherit; } #main_contents .service .gs-banner a:hover h4 strong { box-shadow: inset 0 -13px #fff736; transition:0.5s;} #main_contents .service .gs-banner:hover a h4 strong { box-shadow: inset 0 -13px #fff736; transition:0.5s;} #main_contents .service .gs-banner a span {margin-bottom: 15px; display: inline-block; font-size:16px; font-family: 'Noto Sans KR'; line-height: 1.3;} #main_contents .service .gs-banner a:hover span {color:#555;transition:0.5s;} #main_contents .service .gs-banner:hover a span {color:#555; transition:0.5s;} #main_contents .service .gs-banner a.btn {font-size:15px; color:#0a8ce7; font-family:'GmarketSansMedium'; border-bottom: solid 1px #0a8ce7; display: inline-block;} #main_contents .cs-service {display:inline-block; width:320px; padding-bottom: 60px;} #main_contents .cs-service .board_area {padding:26px 5px 31px 25px; box-sizing:border-box; height:203px} #main_contents .cs-service .board_area h3 a {display: inline-block; font-family: 'GmarketSansMedium'; font-size: 17px; color:#333; font-weight: bold; margin-bottom: 15px;} #main_contents .cs-service .board_area ul {padding:0;} #main_contents .cs-service .board_area ul li {padding:5px 0; position:relative;} #main_contents .cs-service .board_area ul li a {font-size: 13.5px;letter-spacing: -0.3px; padding-left:10px; font-family: 'Noto Sans KR'; line-height: 1.3;} #main_contents .cs-service .board_area ul li:before { content: ""; width: 4px; height: 4px; background: #2052c3; position: absolute; top: 13px; left: 0px;} #main_contents .cs-service .cs-help {height:238px; border:solid 1px #d6d6d6; padding:10px 25px; box-sizing:border-box; } #main_contents .cs-service .cs-help ul {padding:0;} #main_contents .cs-service .cs-help ul li {padding:15px 0; border-bottom:solid 1px #d6d6d6;} #main_contents .cs-service .cs-help ul li:first-of-type {background: url('/v2/images/main/ico_cs01.png') no-repeat right; background-size:50px;} #main_contents .cs-service .cs-help ul li:nth-of-type(2) {background: url('/v2/images/main/ico_cs04.png') no-repeat right; background-size:50px;} #main_contents .cs-service .cs-help ul li:last-of-type {background: url('/v2/images/main/ico_cs05.png') no-repeat right; background-size:50px; border-bottom:none; } #main_contents .cs-service .cs-help ul li a h5 {font-size:15px; font-family: 'GmarketSansMedium'; color: #333; line-height:1.5;} #main_contents .cs-service .cs-help ul li a p {font-size: 14px; font-family: 'Noto Sans KR'; line-height: 1.3;} #main_contents .cs-service .cs-help ul li a:hover h5 {color:#2052c3; transition:0.5s;} #main_contents .cs-service .cs-help ul li a:hover p {color:#555; transition:0.5s;} #main_contents .cs-service > .main_login {float:none; background:#eff0f4; margin-bottom:10px; border: solid 1px #dee0ec; width: 320px; height: auto; padding: 30px 30px 35px; box-sizing: border-box;} #main_contents .cs-service > .main_login .login_service {height:28px;} #main_contents .cs-service > .main_login .login_service span {font-size:14px; font-weight:bold; color:#a1a2a5; font-family:'GmarketSansMedium'; padding-right: 18px;} #main_contents .cs-service > .main_login .login_service span.on {font-weight:bold; color:#233499; } #main_contents .cs-service > .main_login .login_service span:hover {color:#233499; transition:0.5s;} #main_contents .cs-service > .main_login .login_service_area {background:#eff0f4; border:none; padding: 0; height: auto; } #main_contents .cs-service > .main_login .login_service_area .inp-area {display:inline-block; width:188px; float: left;} #main_contents .cs-service > .main_login .login_service_area .inp-area input {width:180px; height:30px; box-sizing: border-box;} #main_contents .cs-service > .main_login .login_service_area .btn-area {display:inline-block; width:70px; vertical-align: top;} #main_contents .cs-service > .main_login .login_service_area .btn-area .btn-login {background:#2f2f2f; color:#fff; font-size:13px; font-weight:bold; display: inline-block; text-align: center; padding: 15px 14px;} #main_contents .cs-service > .main_login .login_service_area .btn-area .btn-login:hover {background:#555369; transition:0.5s;} #main_contents .cs-service > .main_login .login_service_area .btn-area .btn-login span {font-family:'GmarketSansMedium';} #main_contents .cs-service > .main_login .login_service_area .save_id {padding: 10px 0 0 0;} #main_contents .cs-service > .main_login .login_service_area .save_id .na-login {position: absolute; top: 32px; left: 0; width: 53px;} #main_contents .cs-service > .main_login .member_login_area { height: auto; /*background: #fff; padding: 15px;*/ box-sizing: border-box;} #main_contents .cs-service > .main_login .member_login_area h3 {font-family: 'Noto Sans KR'; color:#222; font-size:14px;} #main_contents .cs-service > .main_login .member_login_area ul {padding:6px 0 18px;} #main_contents .cs-service > .main_login .member_login_area ul li {display: inline-block; background:none; text-indent: 0;} #main_contents .cs-service > .main_login .member_login_area ul li:last-of-type {padding-right:0;} #main_contents .cs-service > .main_login .member_login_area ul li .s-btn {font-family: 'Noto Sans KR'; font-size: 13px; letter-spacing:-0.5px; background: #fff; padding: 2px 5px 3px; border: solid 1px #666666; color: #222;} #main_contents .cs-service > .main_login .member_login_area ul li .s-btn:hover {background: #eaeaea; border: solid 1px #232323; color: #000; transition:0.5s;} #main_contents .cs-service > .main_login .member_login_area a span {font-family:'GmarketSansMedium';} #main_contents .cs-service > .main_login .member_login_area .btn-logout {background: #2052c3; color: #fff; padding: 6px 30px; display: inline-block; font-size: 13px; font-weight: bold;} #main_contents .cs-service > .main_login .member_login_area .btn-logout:hover {background:#163d95; transition:0.5s;} #main_contents .cs-service > .main_login .member_login_area .btn-modi {background: #9d9d9e; color: #fff; padding: 6px 30px; display: inline-block; font-size: 13px; font-weight: bold;} #main_contents .cs-service > .main_login .member_login_area .btn-modi:hover {background:#6a6a6a; transition:0.5s;} /* ---- 2023.06.20 상품안내 전화번호 추가 ---- */ #webh_service .webh_main.tel-add h3 {margin-top: 0; margin-bottom: 10px; line-height: 1;} #webh_service .webh_main.tel-add h4 {font-size:18px; line-height: 24px; padding-top: 5px; font-family:'Noto Sans KR'; } #webh_service .webh_main.tel-add h5 {padding-top: 10px;} #webh_service .webh_main.tel-add ul {padding:20px;} .pro_tel_info {margin-top: 20px; } .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('/v2/images/common/ico_tel_n.png') left center / 20px no-repeat; color:#4f63de; font-size:19px; font-family:'roboto', 'Noto Sans KR'; 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', 'Noto Sans KR'; 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: 'Noto Sans KR'; letter-spacing: -1px; padding-left:5px; vertical-align: middle;} .pro_tel_info dd em {font-style:italic; margin-right:3px;} .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; } /* ---- 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:#315bd7; background:#fff; border:solid 1px #315bd7; 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:#315bd7; 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; } /* ---- 2024.05.20 gobiz 이벤트 ---- */ .ev_Gobiz {background: #e4e9f2 url('/v2/images/webmail/gobiz/gobiz_visual.png') top right no-repeat; padding: 60px; box-sizing: border-box;} .ev_Gobiz .top-area h4 { font-size: 36px; color: #282c35; font-weight: 700; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; letter-spacing: -2px; line-height: 1.5; margin-bottom: 10px;} .ev_Gobiz .top-area h2 { font-size: 66px; color: #282c35; font-weight: 300; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; letter-spacing: -4px; line-height: 1.1;} .ev_Gobiz .top-area h2 strong {font-family: inherit; font-weight: 900; color:#2a60ee;} .ev_Gobiz .top-area h2 strong .sale_num {font-size:70px; font-family: 'GmarketSansBold', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; } .ev_Gobiz .top-area p { font-size: 21px; color: #282c35; font-weight: 700; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; letter-spacing: -1px; line-height: 5;} .ev_Gobiz .btn-gobiz a { display: inline-block; background:#000000; font-size: 18px; color: #fff; font-weight: 700; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; letter-spacing: -2px; padding: 20px 80px; box-sizing: border-box; transition:0.5s;} .ev_Gobiz .btn-gobiz a:hover {background:#d11901; color:#fff; } .ev_Gobiz .con-area {margin: 70px 0 30px; box-sizing: border-box;} .ev_Gobiz .con-area .info-whois ul {padding:0;} .ev_Gobiz .con-area .info-whois li {margin-bottom:45px;} .ev_Gobiz .con-area .info-whois li h3 { vertical-align: middle; margin-bottom: 15px; font-size: 30px; color: #000000; font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; } .ev_Gobiz .con-area .info-whois li h3 img {vertical-align: middle; margin-right:10px;} .ev_Gobiz .con-area .info-whois li h3 strong {font-family: 'GmarketSansBold', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; } .ev_Gobiz .con-area .info-whois li .box {border-radius:5px; padding:53px 30px; height:180px; box-sizing: border-box; background: #3b6ef0 url('/v2/images/webmail/gobiz/se_01_bg.png') center right no-repeat; } .ev_Gobiz .con-area .info-whois li .box dl dt {display:inline-block; font-size: 30px; color: #fff; line-height: 1.3; letter-spacing: -1px; font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; padding-left:20px;} .ev_Gobiz .con-area .info-whois li .box dl dt strong {color:#fae95d; font-family: 'GmarketSansBold', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; } .ev_Gobiz .con-area .info-whois li .box dl dd {float:right; padding-right:20px;} .ev_Gobiz .con-area .info-whois li .box dl dd .sale_num { display: inline-block; font-size:89px; color:#fae95d; font-family: 'GmarketSansBold', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; } .ev_Gobiz .con-area .info-whois li .box dl dd .sale_txt { display: inline-block; font-size:36px; color:#fae95d; line-height: 1.1; font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; } .ev_Gobiz .con-area .info-whois li:nth-of-type(2) .box {background:#09b5e4; padding:50px 30px; box-sizing: border-box;} .ev_Gobiz .con-area .info-whois li:nth-of-type(2) .box .process li { display: inline-block; float: left; margin-right: 45px;} .ev_Gobiz .con-area .info-whois li:nth-of-type(2) .box .process li:last-of-type {margin-right:0;} .ev_Gobiz .con-area .info-whois li:nth-of-type(2) .box .process li img {padding-right: 5px; vertical-align: middle;} .ev_Gobiz .con-area .info-whois li:nth-of-type(2) .box .process li div {vertical-align: middle; display: inline-block; color: #fff; font-size: 20px; line-height: 1.2; font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; } .ev_Gobiz .con-area .info-whois li:nth-of-type(2) .box .process li div p {color: #fae95d; font-size: 15px; margin-bottom:10px;} .ev_Gobiz_result {background:#f5faff; padding: 60px 0 60px; text-align: center;} .ev_Gobiz_result h3 {background: url('/v2/images/webmail/gobiz/ico_ok_tit.png') top no-repeat; padding-top: 110px; background-size: 90px; font-size: 21px; letter-spacing: -1px; margin-bottom: 20px;} .ev_Gobiz_result h3 strong {color:#2964d7;} .ev_Gobiz_result p {font-size: 14px; font-weight: normal; line-height: 1.6;} .ev_Gobiz_result p a {border-bottom: 1px solid #222; color: #222;} .ev_Gobiz_result p a:hover {text-decoration:none; color:#075bff; border-bottom: 1px solid #075bff;} .ev_Gobiz_result .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:10px 0; border:none; font-family: 'roboto', 'Noto Sans KR', '맑은 고딕', 'Malgun Gothic', '나눔고딕','NanumGothic', '돋움', 'Dotum'; } .ev_Gobiz_result .btn_yellow_con16:hover {background:#d11901; color:#fff; transition:0.5s; cursor:pointer; text-decoration:none; font-family: inherit; } .gobiz_pri_box .info {font-size: 13px; margin: 10px 0; background: #f5f5f5; padding: 20px; line-height: 1.6;} .gobiz_pri_box .info strong {display: block; font-size: 13px; color: #333; letter-spacing: -1px; margin-bottom: 10px;} .gobiz_pri_box .agree {font-size: 14px; padding: 5px 10px 10px 5px; color: #111; line-height: 140%; background: #fff; font-weight: bold;} .gobiz_pri_box .agree label { cursor: pointer; float: none; display: inline-block; width: auto;} .infoMail_box {background: #f8fffa;} .infoMail_box dl {padding: 20px 15px;} .infoMail_box dl dt {background:url('/v2/images/webmail/icon_trans.png') no-repeat 0 2px / 31px 35px; padding-left:45px; font-size:14px; line-height: 1.3; font-weight: bold; margin-bottom: 10px;} .infoMail_box dl dd {padding-left: 5px;} .infoMail_box ul {padding: 0;} .infoMail_box ul li {font-size: 13px; line-height: 1.6; color: #000;} .infoMail_box ul li strong {box-shadow: inset 0 -10px #f7f092; color: #333;} .infoMail_box ul li strong.ev {box-shadow: inset 0 -10px #c2ffab;} /* ---- 2024.05.23 네이버웍스 상품변경 이벤트 ---- */ .nw_rate { position: absolute; top: 500px; left: 50%; transform: translate(-50%, -50%); width: 650px; z-index: 2100; border:solid 10px #fff; box-shadow: 10px 10px 30px 5px rgb(0 0 0 / 50%); background: #fff;} .nw_rate .nw_title {background:#e7f5ed url('/v2/images/nworks/pop_nw_logo2.png') no-repeat 103% -2px ; padding: 40px 30px; box-sizing: border-box;} .nw_rate .nw_title h3 { font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:26px; color:#cc0000; line-height: 1;} .nw_rate .nw_title h2 { font-family: 'GmarketSansBold', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:48px; color:#000000; line-height: 1.5; letter-spacing: -2px;} .nw_rate .nw_title h4 { font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:26px; color:#000000; line-height: 1.5;} .nw_rate .nw_title p {font-size:19px; margin-top:30px; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; letter-spacing: -1px; line-height: 1.5;} .nw_rate .nw_title p strong {color:#cc0000; font-weight: normal; font-family:inherit;} .nw_rate .ls_footer {padding: 10px 5px 0 30px; box-sizing: border-box;} .nw_rate .ls_footer a { font-size: 14px; margin-right: 20px; letter-spacing: -1px; color: #444;} .nw_rate_select_ban { padding: 4px 5px 4px 10px; background: #ffd045; font-size: 13px; color: #000;} .op-area { line-height: 2; letter-spacing: -0.5px;} .op-area dt { font-size: 14px; font-weight: bold; color: #336699; display: inline-block; width:30%;} .op-area.f13 dt { font-size: 13px;} .op-area dd {display: inline-block;} .op-area p.price {display: inline-block;} .op-area .bg_gree_sale {background: #4151cd; color: #fff; padding: 0 5px 0 3px; margin-right: 5px;} /* ---- 2024.06.10 보안서버인증서 신청 이벤트 ---- */ .webm_ssl {padding:10px 0 100px; text-align:center;} .webm_ssl .ssl_visual {background:#252642 url('/v2/images/ssl/ssl_ev_bg.png') bottom no-repeat ; padding: 70px 30px; box-sizing: border-box;} .webm_ssl .ssl_visual h3 {font-family: 'GmarketSansBold', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:36px; line-height:1.3; color:#fff;} .webm_ssl .ssl_visual h2 {font-family: 'GmarketSansLight', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:58px; line-height:1.3; color:#fff;} .webm_ssl .ssl_visual h2 strong {font-family: 'GmarketSansBold', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; color:#ffde00; letter-spacing:-3px;} .webm_ssl .ssl_visual h4 {margin-top:40px; font-size:22px; line-height:1.3; color:#fff; letter-spacing:-2px;} .webm_ssl .ssl_visual .sslList {text-align:center; margin-top: 20px;} .webm_ssl .ssl_visual .sslList li {border-radius: 15px; background: #fff; width: 45%; display: inline-block; padding: 25px 15px; box-sizing: border-box;} .webm_ssl .ssl_visual .sslList li h3 {font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:22px; line-height:1.3; letter-spacing:-2px;color:#222;} .webm_ssl .ssl_visual .sslList li h3 .logo {width:110px; vertical-align: middle;} .webm_ssl .ssl_visual .sslList .price {margin:10px 0 20px;} .webm_ssl .ssl_visual .sslList .price .no-sale {font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:16px; line-height:1.3; color:#f80909; text-decoration:line-through } .webm_ssl .ssl_visual .sslList .price h4 {font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:20px; line-height:1.3; color:#444444; margin-top:5px;} .webm_ssl .ssl_visual .sslList .price h4 strong {font-family: 'GmarketSansBold', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:28px; line-height:1.3; color:#444444; } .webm_ssl .ssl_visual .sslList .price p {font-size:16px; line-height:1.3; color:#555;} .webm_ssl .ssl_visual .sslList a.btn {background: #ffcc00; display: block; padding: 15px; text-align: center; font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; color: #0a1d2b; font-size: 18px; transition:0.4s;} .webm_ssl .ssl_visual .sslList a.btn:hover {background:#d11901; color:#fff; transition:0.4s;} .webm_ssl .cont_area {margin-top:60px;} .webm_ssl .cont_area h6 {font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:20px; line-height:1.5; color:#333333; letter-spacing: -1px;padding-top: 20px;} .webm_ssl .cont_area h6 strong {font-family:inherit; font-weight:normal; background:#58a54e; color:#fff; display:inline-block;} .webm_ssl .cont_area h5 {font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:22px; line-height:1.5; color:#58a54e; letter-spacing: -1px;} .webm_ssl .cont_area p { font-size: 16px; letter-spacing: -1px;} .webm_ssl .cont_area p a {text-decoration:underline;} .webm_ssl .cont_area .diag {width:800px; padding: 50px 0;} .ssl_Pinfo { font-size: 24px; font-family: 'Noto Sans KR', Malgun Gothic, "맑은 고딕", AppleGothic, Dotum, "돋움"; font-weight: 500; color: #333; padding-bottom: 10px;} .ssl_benefits .star strong::after {content: ' STARBUCKS'; font-weight: 900; font-size: 13.5px; letter-spacing: 0.7px; font-family: 'Montserrat', 'Roboto', 'Noto Sans KR', Malgun Gothic, "맑은 고딕", AppleGothic, Dotum, "돋움";} .btn_purple_s4 { display: inline-block; background: #6375e4; font-size: 13px; 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: 23px; box-sizing: border-box; letter-spacing: -0.5px;} /* ---- 2024.06.14 메일+네이버웍스 동시 신청 UI ---- */ .nworks_with_mail_area {display: block; margin: 30px 0 20px 0; width: 750px; background: #f5f5f5;} .nworks_with_mail_area .ico_BroNt { vertical-align: middle;} .style_renew_click.inline_box {display: inline-block; font-size: 14px; letter-spacing: -1px; margin: 0; height: auto; width: auto; background: none; color: #666; vertical-align: middle; padding-left: 20px; box-sizing: border-box;} .only_dom {display: inline-block; font-size: 14px; letter-spacing: -1px; padding-left: 50px; line-height: 40px; vertical-align: middle;} /* ---- 2024.08.02 네이버웍스 이관 신청 ---- */ .trans_event {margin-top: 10px; background:#f0f5fa url('/v2/images/nworks/transfer/all_bg.png') no-repeat; } .trans_event .top-area {text-align:center; } .trans_event .top-area .txt-area {padding:90px 80px 70px 80px;} .trans_event .top-area .txt-area h1 {width:141px; height:101px; background: url('/v2/images/nworks/transfer/nw_logo.png') no-repeat; margin: 0 auto; background-size: 100%; margin-bottom: 30px; } .trans_event .top-area .txt-area h2 {font-family: 'GmarketSansBold', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:60px; line-height:1.1; color:#202936; letter-spacing: -1px;} .trans_event .top-area .txt-area h2 strong {font-family: 'GmarketSansBold', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; color:#00c85f;} .trans_event .top-area .txt-area h4 {font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:32px; line-height:3; color:#202936; letter-spacing: -1px; margin-bottom: 20px;} .trans_event .top-area .txt-area h4 strong {font-family: 'GmarketSansBold', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; color:#017ee7; } .trans_event .top-area .whois-adv {width: 100%; height: 230px; position:relative; background:#00c85f url('/v2/images/nworks/transfer/center_bg.png') no-repeat; } .trans_event .top-area .whois-adv ul {position:absolute; top:-60px; width: 100%; box-sizing: border-box; padding: 0 80px;} .trans_event .top-area .whois-adv li {width:32%; height:210px; margin-right:2%; display:inline-block; float:left; border-radius:10px; background:#fff; padding: 40px 30px; box-sizing: border-box; text-align: left; } .trans_event .top-area .whois-adv li:nth-of-type(1) {background:#202936 url('/v2/images/nworks/transfer/ico_01.png') 170px 120px / 60px no-repeat; color:#fff;} .trans_event .top-area .whois-adv li:nth-of-type(2) {background:#fff url('/v2/images/nworks/transfer/ico_02.png') 170px 120px / 60px no-repeat; color:#202936; } .trans_event .top-area .whois-adv li:nth-of-type(3) {background:#008bff url('/v2/images/nworks/transfer/ico_03.png') 170px 120px / 60px no-repeat; color:#fff; margin-right:0} .trans_event .top-area .whois-adv li p {font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size: 18px; line-height: 1.3; letter-spacing: -1px;} .trans_event .top-area .whois-adv li:nth-of-type(1) strong {font-family: inherit; color:#ffc600;} .trans_event .cons-area {padding: 90px 80px 0 80px; text-align:center;} .trans_event .cons-area h3 {position: relative; font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size: 32px; color:#000; line-height: 1.3; letter-spacing: -1px; margin-bottom: 20px;} .trans_event .cons-area h3::before {position: absolute; top: -28px; left: 50%; transform: translate(-50%, 0); content: " "; background: url('/v2/images/nworks/transfer/bullet.png') no-repeat; width: 23px; height: 20px;} .trans_event .cons-area h3 strong {position: relative; background: transparent; z-index: 10; font-family: 'GmarketSansBold', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; } .trans_event .cons-area h3 strong::after {display: block; clear: both; content: ""; position: absolute; bottom: 8px; left: 0; width: 100%; height: 20px; background: #ffff00; z-index: -1;} .trans_event .cons-area .benefit {border-radius: 10px; background: #fff; padding: 30px 100px; margin-bottom: 70px; text-align: left} .trans_event .cons-area .benefit dl {margin-bottom: 15px; box-sizing: border-box;} .trans_event .cons-area .benefit dl dt {display: inline-block; margin-right: 20px; padding: 10px 25px 9px; border-radius: 50px; font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size: 18px;} .trans_event .cons-area .benefit dl:nth-of-type(1) dt {background:#00c85f; color:#fff; } .trans_event .cons-area .benefit dl:nth-of-type(2) dt {background:#00b8c2; color:#fff; } .trans_event .cons-area .benefit dl:nth-of-type(3) dt {background:#008bff; color:#fff; } .trans_event .cons-area .benefit dl:nth-of-type(4) dt {background:#855cff; color:#fff; } .trans_event .cons-area .benefit dl dd {display: inline-block; font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size: 23px;} .trans_event .cons-area .benefit dl:nth-of-type(1) dd strong {font-family: inherit; color:#00c85f;} .trans_event .cons-area .benefit dl:nth-of-type(2) dd strong {font-family: inherit; color:#00b8c2;} .trans_event .cons-area .benefit dl:nth-of-type(3) dd strong {font-family: inherit; color:#008bff;} .trans_event .cons-area .benefit dl:nth-of-type(4) dd strong {font-family: inherit; color:#855cff;} .trans_event .cons-area .process { width: 100%;} .trans_event .cons-area .process ul { width: 100%; box-sizing: border-box; padding: 0;} .trans_event .cons-area .process ul li {display: inline-block; float: left; width: 32%; height: 140px; margin-right: 2%; background: #fff; border-radius: 10px; text-align: left; padding: 25px; box-sizing: border-box; } .trans_event .cons-area .process ul li:nth-of-type(1) {border:solid 2px #00c85f; } .trans_event .cons-area .process ul li:nth-of-type(2) {border:solid 2px #00b8c2; } .trans_event .cons-area .process ul li:nth-of-type(3) {border:solid 2px #008bff; margin-right:0; float: none;} .trans_event .cons-area .process ul li strong {font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:16px; margin-bottom:10px;} .trans_event .cons-area .process ul li:nth-of-type(1) strong {color: #00c85f; } .trans_event .cons-area .process ul li:nth-of-type(2) strong {color: #00b8c2; } .trans_event .cons-area .process ul li:nth-of-type(3) strong {color: #008bff; } .trans_event .cons-area .process ul li p { font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:18px; letter-spacing:-1px; word-break: keep-all; line-height: 1.3; color: #111; margin-top: 15px;} .trans_event .cons-area .btn-area {padding:65px 0 90px; } .trans_event .cons-area .btn-area .btn_yellow_con2 {width:300px; font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size: 20px; padding: 20px 0 17px;} .trans_event .hotline { background: #00c85f; width: 100%; padding: 30px; font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size: 22px; text-align: center; color: #fff; letter-spacing:-1px; line-height: 1; box-sizing: border-box;} .trans_event .hotline strong {font-family: 'GmarketSansBold', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; color:#f0ff00;} /* ---- 2024.11.04 네이버웍스/경영지원/드라이브 상품소개 tab ---- */ .nw-tab {width:100%; padding-top: 30px;} .nw-tab ul {padding: 10px 0 20px; overflow: hidden;} .nw-tab li {display:inline-block; float: left; width:32%; margin-right:2%; text-align:center; background:#f0f5fa; border-radius:50px;} .nw-tab li:last-of-type {margin-right:0} .nw-tab li a {display: block; padding:13px 0; } .nw-tab li a span{ font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; color:#202936; font-size:19px; letter-spacing: -1px; vertical-align: middle;} .nw-tab li a .logo-nw { display: inline-block; width: 36px; height: 32px; vertical-align: middle; background:url('/v2/images/nworks/tab_logo_nw.png') no-repeat; background-size: 32px;} .nw-tab li a .logo-dr { display: inline-block; width: 36px; height: 32px; vertical-align: middle; background:url('/v2/images/nworks/tab_logo_dr.png') no-repeat; background-size: 32px;} .nw-tab li.on {background:#e3fff0; } .nw-tab li.on a span {font-family: 'GmarketSansBold', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:20px;} .nw-tab li:hover {background:#e3fff0; } /* ---- 2025.03.31 후이즈메일 신규랜딩페이지 ---- */ .landing-new {margin: 20px 0 100px} .landing-new .top-area {width: 960px; height: 640px; background: url('/v2/images/webmail/landing/vs_bg.webp') no-repeat; padding: 50px 0 35px 65px; box-sizing: border-box;} .landing-new .top-area > .visual {height: 100%; background: url('/v2/images/webmail/landing/vs_obj.webp') 125% 120px / 70% no-repeat; } .landing-new .top-area > .visual h5 {text-align: center; font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:22px; letter-spacing: 3px; color:#acb8d7; line-height: 2; padding-right: 65px;} .landing-new .top-area > .visual h2 {text-align: center; font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:48px; color:#fff; line-height: 1; margin-bottom:70px; padding-right: 65px;} .landing-new .top-area > .visual h2 strong {font-family: 'GmarketSansBold'; color:#ffde62; } .landing-new .top-area > .visual .txt-area h6 {font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:24px; letter-spacing:-0.5px; color:#fff; line-height: 1.3; margin-bottom:25px;} .landing-new .top-area > .visual .txt-area p {font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:17px; color:#fff; line-height: 1.5; margin-bottom: 60px;} .landing-new .top-area > .visual .scr-txt {color: #9da9cb; font-size: 13px; margin-top: 70px;} .landing-new .special-area {padding:60px 0; text-align: center; text-align: -webkit-center;} .landing-new .special-area li {display:inline-block; margin-right: 50px;} .landing-new .special-area li:first-of-type {margin-right:30px; } .landing-new .special-area li:last-of-type {margin-right:0} .landing-new .special-area li .cir-img {position: relative; background: #eef2f8; border-radius: 50%; width: 140px; height: 140px; vertical-align: middle; display: table-cell;} .landing-new .special-area li .cir-img::before {display: block; clear: both; content: ""; width: 1px; height: 40px; background: #b7c8d7; position: absolute; top: 160px; left: 50%; transform: translate(0, -50%);} .landing-new .special-area li .cir-img::after {display: block; clear: both; content: ""; width: 5px; height: 5px; background: #4687c5; border-radius: 50%; position: absolute; top: 180px; left: 68px;} .landing-new .special-area li p {margin-top:50px; font-size:15px; color:#333; line-height: 1.3;} .landing-new .solution-area .solBox {width:100%; background:#eaeff7; padding:60px; margin-bottom: 20px; box-sizing: border-box;} .landing-new .solution-area .solBox .cont_tit h4 {font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:20px; color:#090f1d; line-height: 1.1; margin-bottom: 20px;} .landing-new .solution-area .solBox .cont-script {padding-top:30px;} .landing-new .solution-area .solBox .cont-script p {font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:15px; color:#333; line-height: 1.5; } .landing-new .solution-area .oracle {background: #eef0f8 url('/v2/images/webmail/landing/sol_img1.png') right top no-repeat; } .landing-new .solution-area .oracle h4 strong {color:#262fd9; font-weight: normal;} .landing-new .solution-area .spam {background: #eaeff7 url('/v2/images/webmail/landing/sol_img2.png') right center no-repeat; } .landing-new .solution-area .spam h4 strong {color:#2236a9; font-weight: normal;} .landing-new .solution-area .security {background: #edf4f9 url('/v2/images/webmail/landing/sol_img3.png') right center no-repeat; } .landing-new .solution-area .security h4 strong {color:#1876b7; font-weight: normal;} .landing-new .solution-area .oracle .sub-txt {width:100%;} .landing-new .solution-area .oracle .sub-txt dl {width:48%; display:inline-block; margin-right: 2%; vertical-align: text-top;} .landing-new .solution-area .oracle .sub-txt dl:last-of-type {margin-right: 0;} .landing-new .solution-area .oracle .sub-txt dl dt {font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:18px; color:#111; margin-bottom: 20px; position: relative; display: inline-block; letter-spacing: -1px; font-weight: 500; } .landing-new .solution-area .oracle .sub-txt dl dt::after {content: ""; width: 5px; height: 5px; background: #4254c1; border-radius: 50%; position: absolute; top: 0; right: -10px;} .landing-new .solution-area .oracle .sub-txt dl dd {font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:15px; color:#333; line-height: 1.5; word-break: keep-all;} .landing-new .function-area {margin-top:90px; text-align:center; } .landing-new .function-area h2.tit {font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:38px; color:#000000; line-height: 1.1; display: inline-block; border-bottom: solid 1px #333; margin-bottom: 50px;} .landing-new .function-area .funcBox {text-align:left; } .landing-new .function-area .funcBox > ul {width:960px;} .landing-new .function-area .funcBox > ul > li {display:inline-block;} .landing-new .function-area .funcBox .f-img {width:450px; height: 280px; background:#e5e7ec; position: relative;} .landing-new .function-area .funcBox .f-img > img {position: absolute; right: 0; bottom: 0;} .landing-new .function-area .funcBox .f-txt {width:455px; vertical-align: top; padding-top: 20px;} .landing-new .function-area .funcBox .f-txt h3 {font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:26px; color:#000000; line-height: 1.1; letter-spacing: -1px;} .landing-new .function-area .funcBox .f-txt h3 strong {color:#3e44db; font-weight: normal;} .landing-new .function-area .funcBox .f-txt h3 span {font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:14px; color:#333333; display: inline-block; margin-bottom: 10px; line-height: 1; border-bottom: solid 1px #b0b0b0;} .landing-new .function-area .funcBox .f-txt ul.cont-script {padding: 25px 0 0;} .landing-new .function-area .funcBox .f-txt ul.cont-script li {position: relative; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:14px; color:#555; line-height: 1.3; padding-left: 12px; margin-bottom:8px; word-break: keep-all; } .landing-new .function-area .funcBox .f-txt ul.cont-script li:last-of-type {margin-bottom:0;} .landing-new .function-area .funcBox .f-txt ul.cont-script li::before {content: ""; width: 5px; height: 1px; background: #555; position: absolute; top: 9px; left: 0;} .landing-new .service-area {margin-top:90px; background:#eef0f8; padding:80px 60px;} .landing-new .service-area ul {padding:0;} .landing-new .service-area li {padding-bottom:70px;} .landing-new .service-area li:last-of-type {padding-bottom:0;} .landing-new .service-area li > dl dt {position: relative; font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:24px; color:#000000; line-height: 1.1; letter-spacing:-1px; margin-bottom:35px;} .landing-new .service-area li > dl dt::before {content: ""; width: 12px; height: 55px; background: #374ab2; position: absolute; top: 0; left: -60px;} .landing-new .service-area li > dl dt strong {color:#3e44db; font-weight: normal;} .landing-new .service-area li > dl dd p {display: inline-block; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:16px; color:#444; line-height: 1.7; letter-spacing:-0.5px; } .landing-new .service-area li > dl dd > .landing-star {float: right; text-align:right;} .landing-new .service-area li > dl dd > .landing-star .star-box .cs_score {display: inline-block;} .landing-new .service-area li > dl dd > .landing-star .star-box h5 {display: inline-block; font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:13px; color:#555;} .landing-new .service-area li > dl dd > .landing-star .star-box h4 {display: inline-block; font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:30px; color:#000; letter-spacing:-1px; } .landing-new .service-area li > dl dd > .landing-star .star-box .scrp {text-align: left; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:12px; color:#444; letter-spacing:-0.5px; } .landing-new .service-area li > dl dd > .landing-star .star_graph {height: 70px; padding: 20px 0 5px;} .landing-new .event-area {margin-top:110px; width:960px; height:200px; background: #3169b5 url('/v2/images/webmail/landing/ev_bg.png') right center no-repeat; } .landing-new .event-area dl {} .landing-new .event-area dl dt {display: inline-block; width: 235px; font-family: 'GmarketSansLight', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:34px; color:#fff; padding: 35px 0 20px 30px; line-height: 1.1; vertical-align: top; letter-spacing: -1px; font-style: italic; box-sizing: border-box; } .landing-new .event-area dl dt strong {display: block; font-family: 'GmarketSansBold', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:48px; color:#fff; margin-top: 10px;} .landing-new .event-area dl dd {display: inline-block; width: 715px; } .landing-new .event-area dl dd > ul {width:100%;} .landing-new .event-area dl dd > ul li {position: relative; display: inline-block;width: 32%;text-align: center;} .landing-new .event-area dl dd > ul li .ev-img {position: absolute; top: -70px; left: 20%;} .landing-new .event-area dl dd > ul li .ev-img.left15 {left: 15%;} .landing-new .event-area dl dd > ul li span {display: inline-block; padding-top: 120px; font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:16px; color:#fff;} .landing-new .corp-area {text-align:center; margin-top:90px; overflow: hidden; position: relative; width: 100%; padding: 20px 0;} .landing-new .corp-area h4.tit {font-family: 'GmarketSansMedium', 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum'; font-size:24px; color:#000000; line-height: 1.1; margin-bottom: 50px;} .landing-new .corp-area .scr-container { width: 100%; overflow: hidden; position: relative; display: flex; flex-direction: column; gap: 20px;} .landing-new .corp-area .scr-right, .landing-new .corp-area .scr-left { width: 100%; overflow: hidden; position: relative; white-space: nowrap; display: flex;} .landing-new .corp-area .scr-right ul, .scr-left ul { display: flex; padding: 0; margin: 0; list-style: none; gap: 20px; animation-timing-function: linear; animation-iteration-count: infinite; min-width: 200%;} .landing-new .corp-area .scr-right ul { animation: scrollRight 20s linear infinite;} .landing-new .corp-area .scr-left ul { animation: scrollLeft 20s linear infinite;} .landing-new .corp-area .scr-right li, .landing-new .corp-area .scr-left li { flex: none;} .landing-new .corp-area .scr-right img, .landing-new .corp-area .scr-left img { height: 50px; object-fit: contain; padding: 10px 20px; box-sizing: border-box;} @keyframes scrollRight { from { transform: translateX(0); } to { transform: translateX(-50%); } } @keyframes scrollLeft { from { transform: translateX(-50%); } to { transform: translateX(0); } } .landing-new .btn-area {text-align: center; margin-top: 50px;} .landing-new .btn-area .btn_yellow_con2 {padding:15px 30px; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum';} .landing-new .visual .btn_yellow_con2.p15 {padding:15px; font-family: 'Noto Sans KR', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', '나눔고딕', 'NanumGothic', '돋움', 'Dotum';}