/* font-family: 'Noto Sans KR', sans-serif; font-family: 'Montserrat', sans-serif; font-family: 'Lato', sans-serif; */ .top_m5{top:-5px !important;position:relative;} .mt10{margin-top:10px !important;} .mt15{margin-top:15px !important;} .pl115{padding-left:115px !important;} .inner2 { max-width:1200px; margin: auto; overflow: hidden; } #subVisual { width:100% ; height:500px; background:url(/images/sub/subVisual.jpg) no-repeat; background-size:cover !important} #subVisual.request_view {background:url(/images/sub/idc-banner01.jpg) no-repeat; background-size:cover !important;background-position-y:-40px } #subVisual > div { height: 420px; color: #22424a; } #subVisual h2 { margin-top: 180px; font-size:46px; font-weight: 700; line-height: 120%; } #subVisual p { margin-top:15px; font-size:24px; line-height:120%; } #subVisual aside { width:100%; height: 80px; background: #0a5a7a; } #subVisual aside > div { width:1200px; margin: 0 auto; height: 100%; overflow: hidden; text-align: center; } #subVisual aside h3 { display: inline-block; color:#fff; font-size:29px; line-height:100%; margin-top: 10px; font-weight: 700; } #subVisual aside h3 img { vertical-align: middle; margin:-7px 15px 5px 0; } #subVisual aside h3 span { color: #f2f1b1; font-weight: 700; } /* #subVisual aside h3 span.white{color:#fff;} */ #subVisual aside h3 em { font-size:45px; font-weight: 700; position: relative; } #subVisual aside h3 em:before { content:""; display: block; width:5px; height:5px; border-radius:50%; background: #f2f1b1; position: absolute; top: 5px; left: 10px; } #subVisual aside h3 em:after { content:""; display: block; width:5px; height:5px; border-radius:50%; background: #f2f1b1; position: absolute; top: 5px; left: 37px; } #subVisual aside p { float: right; margin-top: 25px; letter-spacing: -.5px; } #subVisual aside p a { display: block; width:170px; height:42px; line-height: 42px; box-sizing:border-box; border:1px solid #fff; border-radius:25px; color: #fff; font-size:15px; position: relative; text-indent:30px; text-align: left; transition:all .3s; -webkit-transition:all .3s;font-weight:400 } #subVisual aside p a:after { content:""; display: block; width:7px; height:11px; background:url(/images/sub/btn_arrow.png) no-repeat; position: absolute; top: 16px; right: 25px; } #subVisual aside p a:hover { background:#fff; color:#0a5a7a; } #subVisual aside p a:hover:after { content:""; display: block; width:7px; height:11px; background:url(/images/sub/btn_arrow_bt.png) no-repeat; position: absolute; top: 16px; right: 25px; } aside.ad_box { width:100%; height: 80px; background: #0a5a7a; } aside.ad_box > div { width:1200px; margin: 0 auto; height: 100%; overflow: hidden; text-align: center; } aside.ad_box h3 { display: inline-block; color:#fff; font-size:29px; line-height:80px;font-weight: 700; } aside.ad_box h3 img { vertical-align: middle; margin:0 15px 5px 0; } aside.ad_box h3 span { color: #f2f1b1; font-weight: 700; } /* aside.ad_box h3 span.white{color:#fff;} */ aside.ad_box h3 em { font-size:45px; font-weight: 700; position: relative; } aside.ad_box h3 em:before { content:""; display: block; width:5px; height:5px; border-radius:50%; background: #f2f1b1; position: absolute; top: 5px; left: 10px; } aside.ad_box h3 em:after { content:""; display: block; width:5px; height:5px; border-radius:50%; background: #f2f1b1; position: absolute; top: 5px; left: 37px; } aside.ad_box p { float: right; margin-top: 25px; letter-spacing: -.5px; } aside.ad_box p a { display: block; width:170px; height:42px; line-height: 42px; box-sizing:border-box; border:1px solid #fff; border-radius:25px; color: #fff; font-size:15px; position: relative; text-indent:30px; text-align: left; transition:all .3s; -webkit-transition:all .3s; font-weight:400} aside.ad_box p a:after { content:""; display: block; width:7px; height:11px; background:url(/images/sub/btn_arrow.png) no-repeat; position: absolute; top: 16px; right: 25px; } aside.ad_box p a:hover { background:#fff; color:#0a5a7a; } aside.ad_box p a:hover:after { content:""; display: block; width:7px; height:11px; background:url(/images/sub/btn_arrow_bt.png) no-repeat; position: absolute; top: 16px; right: 25px; } aside.ad_box > div{text-align:left;} aside.ad_box > div.w1400{width:1400px; margin:0 auto;} aside.ad_box h3 span i{font-style:normal; font-weight:700; position:relative;} aside.ad_box h3 span i.big{font-size:42px;} aside.ad_box h3 span i.big:before{top:-3px;} aside.ad_box h3 span i:before{content:""; display:block; width:5px; height:5px; background-color:#f2f1b1; border-radius:50%; position:absolute; top:-10px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);} aside.ad_box aside > div {position:relative;} #lnb_cus { width:100%; /* height:85px; */ background: #313637; text-align: center; transition:all .3s; -webkit-transition:all .3s; min-height:85px;} #lnb_cus:after { content:""; display: block; clear:both; } #lnb_cus.on { position: fixed; top: 70px; left: 0; width: 100%; z-index:10;min-height:50px} #lnb_cus.on > ul{height:50px;} #lnb_cus.on > ul > li > a{line-height:50px;} #lnb_cus > ul { display: inline-block; vertical-align: top; height: 85px; max-width:1200px; } #lnb_cus > ul > li { vertical-align: top; display: inline-block; margin:0 45px; } #lnb_cus > ul > li > a { display: inline-block; color: #fff; font-size:18px; font-weight: 300; line-height: 85px; position: relative;display:block;box-sizing: border-box;width:100%;min-width:70px; } #lnb_cus > ul > li.on > a, #lnb_cus > ul > li:hover > a{ color: #06a9b7; } #lnb_cus > ul > li.on > a:before, /* #lnb > ul > li:hover > a:before{ content:""; display: block; width:70px; height:3px; background:#06a9b7; position: absolute; bottom: 0; left: 50%; margin-left:-35px; } */ #lnb_cus > ul > li:hover > a:before{ content:""; display: block; width:100%;height:3px; background:#06a9b7; position: absolute; bottom: 0; left: 0;} #lnb_cus .w1200 ul > li { vertical-align: top; display: inline-block; margin:0 45px; } #lnb_cus .w1200 ul > li > a { display: inline-block; color: #fff; font-size:18px; font-weight: 300; line-height: 85px; position: relative; } #lnb_cus .w1200 ul > li.on > a { color: #06a9b7; } #lnb_cus .w1200 ul > li.on > a:before { content:""; display: block; width:70px; height:3px; background:#06a9b7; position: absolute; bottom: 0; left: 50%; margin-left:-35px; } /* .gnb_2depth{ width:100%;text-align: center; position: relative;transition:all .3s; -webkit-transition:all .3s;} .gnb_2depth nav,.gnb_2depth>nav>article{height:100%;} .gnb_2depth article{ background: #0A5A7A; } .cl:after { content:""; display: block; clear:both; } .gnb_2depth.on { position: fixed !important; top: 80px; left: 0; width: 100%; z-index:10;height:50px} .gnb_2depth.on > ul{height:50px;} .gnb_2depth.on > ul > li > a{line-height:50px;} .gnb_2depth.on .tit dl{padding:0 20px} .gnb_2depth.on .tit dl dt{font-size:18px;padding-bottom:0;line-height:50px;} .gnb_2depth.on .tit dl dd{display: none;} .gnb_2depth.on .menu ul{padding-top:1px;} .gnb_2depth.on .menu ul li:nth-of-type(n+5){display: none} .gnb_2depth .tit{background:#c7d1d1;width:40%;float:left;height:100%;position:relative;overflow: hidden;} .gnb_2depth .tit dl{float:right;padding:60px 20px;text-align:left;height:100%;box-sizing: border-box;width:420px} .gnb_2depth .tit dl dt{font-size:24px;font-weight:600;padding-bottom:15px} .gnb_2depth .tit dl dd{color: #5e5e5e;font-size: 15px;line-height: 150%;position: relative;} .gnb_2depth .tit dl dd span{color:#06a9b7} .gnb_2depth .tit img{position: absolute;bottom:0;right:0;} .gnb_2depth article .menu { display: inline-block; vertical-align: top; height: 100%;width:60%;float:left; } .gnb_2depth article .menu ul{width: 780px;float:left;padding:1px 0} .gnb_2depth article .menu ul li{width:195px;text-align:left;float:left;line-height: 50px;height:50px;padding-left:20px;box-sizing: border-box;} .gnb_2depth article .menu ul li a{color:#fff;} .gnb_2depth article .menu ul li a:hover{color:#bbe9f6} .gnb_2depth article.consulting_gnb{height:50px;} .gnb_2depth article.consulting_gnb .tit dl,.gnb_2depth article.sol_gnb .tit dl{padding:0 20px} .gnb_2depth article.consulting_gnb .tit dl dt,.gnb_2depth article.sol_gnb .tit dl dt{font-size:18px;padding-bottom:0;line-height:50px;} .gnb_2depth article.cloud_gnb{height:205px;} .gnb_2depth.down article.cloud_gnb{height:205px !important;} .gnb_2depth.up article.cloud_gnb{height:50px} .gnb_2depth.on article.cloud_gnb{height:50px} .gnb_2depth article.cloud_gnb .tit dl{padding:20px} .gnb_2depth.down article.cloud_gnb .tit dl{padding:20px !important} .gnb_2depth.up article.cloud_gnb .tit dl{padding:0 20px} .gnb_2depth.on article.cloud_gnb .tit dl{padding:0 20px} .gnb_2depth article.idc_gnb{height:150px;} .gnb_2depth.down article.idc_gnb{height:150px !important;} .gnb_2depth.up article.idc_gnb{height:50px} .gnb_2depth.on article.idc_gnb{height:50px} .gnb_2depth article.idc_gnb .tit dl{padding:15px 20px} .gnb_2depth.up article.idc_gnb .tit dl{padding:0 20px} .gnb_2depth.on article.idc_gnb .tit dl{padding:0 20px} .gnb_2depth article.sec_gnb{height:250px;} .gnb_2depth.down article.sec_gnb{height:250px !important;} .gnb_2depth.up article.sec_gnb{height:50px} .gnb_2depth.on article.sec_gnb{height:50px} .gnb_2depth.down article.sec_gnb .tit dl{padding:20px !important} .gnb_2depth article.sec_gnb .tit dl{padding:20px} .gnb_2depth.up article.sec_gnb .tit dl{padding:0 20px} .gnb_2depth.on article.sec_gnb .tit dl{padding:0 20px} .gnb_2depth article.domain_gnb{height:150px;} .gnb_2depth.down article.domain_gnb{height:150px !important;} .gnb_2depth.up article.domain_gnb{height:50px} .gnb_2depth.on article.domain_gnb{height:50px} .gnb_2depth article.domain_gnb .tit dl{padding:20px} .gnb_2depth.down article.domain_gnb .tit dl{padding:20px !important} .gnb_2depth.up article.domain_gnb .tit dl{padding:0 20px} .gnb_2depth.on article.domain_gnb .tit dl{padding:0 20px} .gnb_2depth article.message_gnb{height:110px;} .gnb_2depth.down article.message_gnb{height:110px !important;} .gnb_2depth.up article.message_gnb{height:50px} .gnb_2depth.on article.message_gnb{height:50px} .gnb_2depth article.message_gnb .tit dl{padding:15px 20px} .gnb_2depth.up article.message_gnb .tit dl{padding:0 20px} .gnb_2depth.on article.message_gnb .tit dl{padding:0 20px} .gnb_2depth article.sol_gnb{height:100px;} .gnb_2depth.down article.sol_gnb{height:100px !important;} .gnb_2depth.up article.sol_gnb{height:50px;overflow: hidden;} .gnb_2depth.on article.sol_gnb{height:50px;overflow: hidden;} .gnb_2depth article.sol_gnb .tit dl{padding:15px 20px} .gnb_2depth.up article.sol_gnb .tit dl{padding:0 20px} .gnb_2depth.on article.sol_gnb .tit dl{padding:0 20px} .gnb_2depth.up { width: 100%; z-index:10;height:50px} .gnb_2depth.up > ul{height:50px;} .gnb_2depth.up > ul > li > a{line-height:50px;} .gnb_2depth.up .tit dl{padding:0 20px} .gnb_2depth.up .tit dl dt{font-size:18px;padding-bottom:0;line-height:50px;} .gnb_2depth.up .tit dl dd{display: none;} .gnb_2depth.up .menu ul{padding-top:1px;} .gnb_2depth.up .menu ul li:nth-of-type(n+5){display: none} .gnb_2depth.down {width:100%; background: #0A5A7A; text-align: center; transition:all .3s; -webkit-transition:all .3s;position: relative;} .gnb_2depth.down .tit{background:#c7d1d1;width:40%;float:left;height:100%;position:relative;} .gnb_2depth.down .tit dl{float:right;padding:60px 20px;text-align:left;height:100%;box-sizing: border-box;width:420px} .gnb_2depth.down .tit dl dt{font-size:24px;font-weight:600;} .gnb_2depth.down .tit dl dd{display:block;} .gnb_2depth.down .menu ul{padding-top:10px;} .gnb_2depth.down .menu ul li:nth-of-type(n+5){display: inherit;} .gnb_2depth article .menu ul li.cl_on a{color:#bbe9f6;font-weight:500} .gnb_2depth article.sol_gnb .menu ul{width:800px} .gnb_2depth article.sol_gnb .menu ul li:nth-child(1){width:100px} .gnb_2depth article.sol_gnb .menu ul li:nth-child(3){width:100px;padding-left:50px} .gnb_2depth article.sol_gnb .menu ul li:nth-child(4){padding-left:65px} .gnb_2depth.on article.sol_gnb .menu ul li:nth-of-type(n+5){display: inline-block} .gnb_2depth .close_btn{position: absolute;width: 25px;height: 25px;top: 24px;right: 264px;transform: translate(-50%, -50%);cursor: pointer;background: transparent; border-radius: 50%;border: none;outline: none;} .gnb_2depth .close_btn span {position: absolute;width: 25px;height: 2px;top: 50%;left: 50%;background: #fff;border-radius: 2px;overflow: hidden;transition: all 0.3s linear;} .gnb_2depth .close_btn span::before {content: "";position: absolute;width: 0;height: 100%;top: 0;right: 0;background: gray;transition: all 0.3s linear;} .gnb_2depth .close_btn span:nth-child(1) {animation: span-first-off 0.5s ease-in-out;animation-fill-mode: forwards;} .gnb_2depth .close_btn span:nth-child(2) {animation: span-second-off 0.5s ease-in-out;animation-fill-mode: forwards;} .gnb_2depth .close_btn span:nth-child(3) {animation: span-third-off 0.5s ease-in-out;animation-fill-mode: forwards;} .gnb_2depth .close_btn.on:hover span::before {width: 100%;transition: all 0.3s linear;} .gnb_2depth .close_btn.on span:nth-child(1) {animation: span-first-on 0.5s ease-in-out;animation-fill-mode: forwards;} .gnb_2depth .close_btn.on span:nth-child(2) {animation: span-second-on 0.5s ease-in-out;animation-fill-mode: forwards;} .gnb_2depth .close_btn.on span:nth-child(3) {animation: span-third-on 0.5s ease-in-out;animation-fill-mode: forwards;}*/ @keyframes span-first-on { 0% {transform: translate(-50%, -300%);} 30% {transform: translate(-50%, -50%);} 100% {transform: translate(-50%, -50%) rotate(-45deg);} } @keyframes span-first-off { 0% {transform: translate(-50%, -50%) rotate(-45deg);} 30% {transform: translate(-50%, -50%) rotate(0deg);} 100% {transform: translate(-50%, -300%);} } @keyframes span-second-on { 0% {transform: translate(-50%, -50%);} 25% {background: gray;} 50% {transform: translate(-50%, -50%) scale(1);} 100% {transform: translate(-150%, -50%) scale(0);} } @keyframes span-second-off { 0% {transform: translate(-150%, -50%) scale(0);} 25% {background: gray;} 50% {transform: translate(-50%, -50%) scale(1);} 100% {transform: translate(-50%, -50%);} } @keyframes span-third-on { 0% {transform: translate(-50%, 200%);} 30% {transform: translate(-50%, -50%);} 100% {transform: translate(-50%, -50%) rotate(45deg);} } @keyframes span-third-off { 0% {transform: translate(-50%, -50%) rotate(45deg);} 30% {transform: translate(-50%, -50%) rotate(0deg);} 100% {transform: translate(-50%, 200%);} } /* #lnb{position: fixed;right:30px;} */ /* #lnb.vaccine_lnb{bottom:0} #lnb.message{bottom:30px} */ #lnb:after { content:""; display: block; clear:both; } #lnb.on{position: fixed;top:70px !important;z-index: 101;} #landing_page #lnb.on{top:70px !important} #landing_page #lnb{top:inherit !important} #lnb {width:100%;background:#fff;border-bottom:1px solid #e1e1e1;} #lnb > ul {width:1200px;margin:0 auto;} #lnb > ul:after{content: ''; display: block;clear: both;} /* #lnb > ul::before{content:""; display: block; width:1px; height:100%; background:#e1e1e1; position: absolute; bottom: 0; left: -11px;} */ #lnb > ul > li{position: relative;float:left;width:150px;text-align:center;height:50px;border-bottom:3px solid transparent;} #lnb > ul > li.on{border-color:#06a9b7} /* #lnb > ul > li::before {content:""; display: block;width:15px;height:15px;border-radius: 100px;background:#e1e1e1;position: absolute;left:-18px;top:14px} */ #lnb > ul > li > a { display: inline-block; color: #222; font-size:16px; font-weight: 400; line-height: 50px; position: relative;display:block;box-sizing: border-box;width:100%;} #lnb > ul > li > a:hover, #lnb > ul > li.on >a {color:#06a9b7;} /* #lnb > ul > li.on::before{background:#06a9b7} */ /* #lnb > ul > li.on > a, #lnb > ul > li:hover > a{ color: #06a9b7; } */ /* .lnbList{position: fixed;right:30px;z-index: 101;} .lnbList:after { content:""; display: block; clear:both; } .lnbList.on{top:130px} .lnbList > ul { display: inline-block;text-align:left;} .lnbList > ul::before{content:""; display: block; width:1px; height:100%; background:#e1e1e1; position: absolute; bottom: 0; left: -11px;} .lnbList > ul > li{position: relative;padding-left:10px;} .lnbList > ul > li::before {content:""; display: block;width:15px;height:15px;border-radius: 100px;background:#e1e1e1;position: absolute;left:-18px;top:14px} .lnbList > ul > li > a { display: inline-block; color: #313637; font-size:18px; font-weight: 300; line-height: 42px; position: relative;display:block;box-sizing: border-box;width:100%;} .lnbList > ul > li.on::before{background:#06a9b7} .lnbList > ul > li.on > a, .lnbList > ul > li:hover > a{ color: #06a9b7; } */ /* @media screen and (max-width: 1700px){ #lnb , .lnbList {right:0} .gnb_2depth .close_btn{right:30px} } */ .subContents { overflow: hidden; } .subContents > article { min-height:150px; } .w100{width:80px !important} .w130{width:100px !important} .w150{width:120px !important} .stepBox.balancing_step .type_wrap .type_box .tb_type1 .x_btn {display: inline-block;vertical-align: middle;padding:0;font-size: 14px;font-weight: 400;color: #333;border:none;background-color: transparent;width:100%;height:100%} .stepBox.balancing_step .type_wrap .type_box .tb_type1 .x_btn:hover{background:#333;color:#fff} .stepBox.balancing_step .type_wrap .type_box .tb_type .check_box.right{height:35px !important;} .stepBox.balancing_step .type_wrap .type_box .tb_type .check_box.right button{display: inline-block;vertical-align: middle;padding: 8px 15px;font-size: 14px;font-weight: 400;color: #fff;border:none;background-color: #06a9b7;} .stepBox.balancing_step .type_wrap .type_box .tb_type table tr td select.w_full{font-size: 13px;padding-left: 10px;} .stepBox.balancing_step .type_wrap .type_box .tb_type table tr td input[type=text]{font-size: 13px !important;} .stepBox .type_wrap.dom_more_svc{padding:0;border:none;margin-top: 60px} .stepBox .type_wrap.dom_more_svc .type_box .tb_type > p{color:#222;} .stepBox .type_wrap.dom_more_svc .type_box .tb_type > p:before{background:url(/images/sub/step_tit_point_gray.png) center top no-repeat; background-size:cover; } .stepBox .dom_more_svc.type_wrap .type_box{width:100%;} .stepBox .dom_more_svc .tabs{padding-top:30px} .stepBox .dom_more_svc .tabs>ul li{float:left;width:20%;text-align: center;height:50px;font-weight:400;line-height: 50px;font-size:18px;border:1px solid #e1e1e1;border-right:none;cursor: pointer;} .stepBox .dom_more_svc .tabs>ul li:first-child{border-top-left-radius: 5px;} .stepBox .dom_more_svc .tabs>ul li:last-child{border-top-right-radius: 5px;border-right:1px solid #e1e1e1} .stepBox .dom_more_svc .tabs>ul li.on{background:#f1f5f6;color:#06a9b7;border-bottom:none;font-weight:600} .stepBox .dom_more_svc .tabs .content-box{border:1px solid #e1e1e1;border-top:none;padding:60px;background:#f1f5f6;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;} .stepBox .dom_more_svc .tabs .content-box .content{display: none;} .stepBox .dom_more_svc .tabs .content-box .content h3{font-size:28px;line-height: 32px;font-weight:600;color:#222} .stepBox .dom_more_svc .tabs .content-box .content h3 font{color:#06a9b7;font-weight:600;} .stepBox .dom_more_svc .tabs .content-box .content .product_list{margin-top: 50px;} .stepBox .dom_more_svc .tabs .content-box .content .product_list li .best{font-size:16px} .stepBox .dom_more_svc .tabs .content-box .content .product_list li{height:488px;padding:40px 30px;background:#fff;margin-bottom: 0;margin-bottom: 10px;} .stepBox .dom_more_svc .tabs .content-box .content .product_list li .top p{right:0} .stepBox .dom_more_svc .tabs .content-box .content .product_list li .desc_list{font-size:14px} .stepBox .dom_more_svc .tabs .content-box .content .product_list li .desc_list dl dd{font-size:16px} .stepBox .dom_more_svc .tabs .content-box .content .product_list li a{bottom:25px;border-color:#06a9b7;color:#fff;background:#06a9b7;} .stepBox .dom_more_svc .tabs .content-box .content .product_list li a:after{background:url("/images/sub/server01-more-on.png")no-repeat center top;} .stepBox .dom_more_svc .tabs .content-box .content .product_list li a:hover{border-color:#06a9b7;color:#06a9b7;background:#fff;} .stepBox .dom_more_svc .tabs .content-box .content .product_list li a:hover:after{background:url("/images/sub/server01-more-off.png")no-repeat center top;} .stepBox .dom_more_svc .tabs .content-box .content .product_list li:last-child{display: none;} .stepBox .dom_more_svc .tabs .content-box .content .pricing-container:after {display: none;} .stepBox .dom_more_svc .tabs .content-box .content .pricing-container {display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;margin-top: 50px;} .stepBox .dom_more_svc .tabs .content-box .content .pricing-container .pricing-card {position: relative;background-color: #ffffff;color: #222;padding: 30px 20px;border-radius: 12px;width: 47%;height:390px;margin-bottom: 10px;text-align: left;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);transition: transform 0.3s ease;box-sizing: border-box;display: flex;flex-direction: column;justify-content: flex-start;} .stepBox .dom_more_svc .tabs .content-box .content .pricing-card>small{font-weight:400;font-size: 14px;} .stepBox .dom_more_svc .tabs .content-box .content .pricing-card:hover{ transform: translateY(-6px); } .stepBox .dom_more_svc .tabs .content-box .content .pricing-card h3, .pricing-card h3 { font-size: 28px; margin-bottom: 10px; font-weight: 600; } .stepBox .dom_more_svc .tabs .content-box .content .price{ margin: 15px 0; } .stepBox .dom_more_svc .tabs .content-box .content .original{ text-decoration: line-through; font-size: 0.9rem; color: #888; margin-right: 6px; display: inline-block; } .stepBox .dom_more_svc .tabs .content-box .content .discount{ font-size: 1.8rem; font-weight: bold; color: #06a9b7; display: inline-block; margin-bottom: 5px; } .stepBox .dom_more_svc .tabs .content-box .content .discount span{ font-size: 1.2rem; font-weight: 400; } .stepBox .dom_more_svc .tabs .content-box .content .badge{ position: absolute; top: -30px; left: -15px; background-color: #06a9b7; color: #fff; width: 80px; height: 80px; border-radius: 50%; box-shadow: 0 2px 6px rgba(0,0,0,0.2); text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; } .stepBox .dom_more_svc .tabs .content-box .content .badge > span{ font-size: 24px; font-weight: bold; line-height: 1; } .stepBox .dom_more_svc .tabs .content-box .content .badge > span > span{ font-weight: 400; font-size: 18px; } .stepBox .dom_more_svc .tabs .content-box .content .year_pass {font-size: 16px;width: 200px;text-align: center;margin-bottom: 5px;background: #ffebd5;margin-left: auto;display: inline-block;padding:9px 0 8px;border-radius: 6px;font-weight: bold;color:#ff8400;} .stepBox .dom_more_svc .tabs .content-box .content .pricing-card ol{ list-style: none; padding: 0; margin: 10px 0 ; } .stepBox .dom_more_svc .tabs .content-box .content .pricing-card ol li{font-size: 16px;margin-bottom: 10px; font-weight: 400; line-height: 1.3;display: flex;align-items: baseline} .stepBox .dom_more_svc .tabs .content-box .content .pricing-card ol li span {font-weight: 400;} .stepBox .dom_more_svc .tabs .content-box .content .pricing-card ol li i { color: #06a9b7; margin-right: 5px;} .stepBox .dom_more_svc .tabs .content-box .content .pricing-card ol li b { font-weight: 600; } .stepBox .dom_more_svc .tabs .content-box .content .subscribe-button{font-size: 16px;display: inline-block; background-color: #06a9b7; color: white; text-decoration: none; padding: 12px 20px; font-weight: bold; border-radius: 6px; cursor: pointer; transition: background 0.3s, transform 0.2s; width: 100%; text-align: center; } .stepBox .dom_more_svc .tabs .content-box .content .subscribe-button:hover{ background-color: #0593a0; transform: translateY(-2px); box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15); } .stepBox .dom_more_svc .tabs .content-box .content .featured{ border: 2px solid #06a9b7; } .stepBox .type_wrap .type_box .add_btn_box {text-align: center;} .stepBox .type_wrap .type_box .add_btn_box .add_naver {display: inline-block;transition: all 0.2s ease-in-out;margin: 20px 10px;width: 300px;background: #fff;border: 1px solid #06a9b7;color: #06a9b7;font-size: 16px;font-weight: 600;text-align: center;height: 45px;line-height: 45px;border-radius: 8px;} .stepBox .type_wrap .type_box .add_btn_box .add_naver:hover {background: #06a9b7;color: #fff;border-color: #06a9b7;box-shadow: 3px 3px 9px 0px #ccc} .stepBox .type_wrap .type_box .add_btn_box .subscribe-button {display: inline-block;transition: all 0.2s ease-in-out;margin: 20px 10px;width: 300px;background: #06a9b7;color: #fff !important;font-size: 16px;font-weight: 600;text-align: center;height: 45px;line-height: 45px;border-radius: 8px;} .stepBox .type_wrap .type_box .add_btn_box .subscribe-button:hover {background-color: #0593a0;box-shadow: 3px 3px 9px 0px #ccc} .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list{padding-top: 40px;display: flex;justify-content: space-between;} .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li{float:left; width:33%; height:580px; padding:40px 8px 20px; margin-right:10px;margin-bottom:10px; text-align:center; border:2px solid #efefef; border-radius:5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;position: relative;background:#fff;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;} .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li:last-child{margin-right:0;} .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li:hover{border-color: #03c75a;box-shadow: 1px 0 20px rgba(0,0,0,0.15);} .naver_box #sub1 .tab .content-box .content:last-child ol li{width:48%;height:340px} .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li.basic_box{border:3px solid #03c75a;position: relative;} .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li.basic_box>span{position: absolute;top: -25px;left: -3px;width: calc(100% + 6px);background: #03c75a;color: #fff;font-weight: 600;padding: 15px 0;border: 3px solid #03c75a;border-top-left-radius: 5px;border-top-right-radius: 5px;font-size:16px} .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li .tit{color:#222} .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li .tit h3{margin-bottom:10px; font-size:28px; font-weight:600; } .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li .tit p{font-size:13px; font-weight:400; letter-spacing: -0.025em; line-height:1.1;} .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li .price{width:100%; padding:15px 0; margin:10px 0; background-color:#f5f5f5; border-radius:5px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;min-height: 70px;display: flex;flex-direction: row;justify-content: center;align-items: center;} .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li .price div:last-child{padding-left: 10px;text-align: center;padding-top: 5px} .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li .price p.a_price{font-weight: 500;line-height: 29px;font-size:14px} .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li .price p.b_price{font-weight:500;color:#9b9b9b;text-decoration: line-through;font-size:18px} .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li .price p.a_price > span{color:#ed1c24;font-size:30px; letter-spacing: -0.025em; font-weight:700;vertical-align: sub;} .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li .price>span{display: block;margin-top: 5px;font-weight:600;color:#222} /* .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li .price .circle{width: 60px;height: 60px;border-radius: 50%;background-color: #ed1c24;display: inline-block;vertical-align: middle;font-size: 14px;font-weight: 500;color: #fff;letter-spacing: -0.025em;line-height: 57px;} */ .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li .price .circle{width: 60px;height: 60px;border-radius: 10%;background: #fff;display: flex;justify-content: center;align-items: center;vertical-align: middle;font-size: 18px;line-height: 20px;font-weight: 500;color: #ed1c24;letter-spacing: -0.025em;position: relative;border:1px solid #ed1c24;} .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li .price .circle:after{content: '★★';color: #ed1c24;position: absolute;top: -6px;left: -15px;font-size: 18px;transform: rotate(325deg);} .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li .price .circle b{font-size: 36px;font-weight: bold;letter-spacing: -0.025em;font-style: italic;position: relative;top: 2px;} .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li .event{display: flex;justify-content: space-between;align-items: center;margin-bottom: 10px;padding:10px 15px;border:1px solid #e1e1e1;border-radius: 5px} .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li .event p{font-weight:400;color:#222;text-align: right;font-size:15px} .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li .event p small{color:#ed1c24;font-weight:600;font-size: 12px;} .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li .event p b{color:#03c75a;font-weight:600;font-size:24px;} .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li .event .img{width:100px;border-radius: 5px;overflow: hidden;} .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li .event .img img{width: 100%;} .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li .txt{text-align: left;font-weight:400;font-size:15px;line-height: 21px;padding:0 15px;} .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li .txt p{font-weight:400;text-align: left;color:#222} .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li .txt p font{font-weight:600;color:#03c75a} .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li:last-child .txt p font{font-weight:600;color:#ff3939} .stepBox .dom_more_svc .tabs .content-box .content.naver_tab .list li .txt p span{font-weight:400;font-size:14px;display: block;margin-bottom: 20px;color:#3d3d3d} .stepBox .dom_more_svc .tabs .content-box .content> a{display:block;width:250px;height:42px;box-sizing:border-box;border-radius:50px;border:1px solid #06a9b7;font-size:16px;font-weight:400;color:#fff;line-height:42px;text-align:left;padding-left:30px;margin:24px auto 0;position:relative;transition:all 0.2s ease-in-out;background:#06a9b7;} .stepBox .dom_more_svc .tabs .content-box .content> a:after{display:block;content:"";position:absolute;width:7px;height:11px;background:url("/images/sub/server01-more-on.png")no-repeat center top;background-size:cover;right:30px;top:15px;transition:all 0.2s ease-in-out;} .stepBox .dom_more_svc .tabs .content-box .content> a:hover{background-color:#fff;color:#06a9b7;border-color:#06a9b7} .stepBox .dom_more_svc .tabs .content-box .content> a:hover:after{background:url("/images/sub/server01-more-off.png")no-repeat center top;} .stepBox .dom_more_svc .tabs .content-box .content .cloud-server-price{font-size:0;text-align:center;margin-bottom:0;margin-top: 30px} .stepBox .dom_more_svc .tabs .content-box .content .cloud-server-price > li:last-of-type{margin-right:0;} .stepBox .dom_more_svc .tabs .content-box .content .cloud-server-price > li {width:47.5%;height:366px;box-sizing:border-box;border-radius:10px;margin-bottom: 10px;border:2px solid #e1e1e1;position:relative;background-color:#fff;margin-right:40px;display:inline-block;vertical-align:top;transition:all 0.3s;text-align:center;padding: 45px 30px 0;} .stepBox .dom_more_svc .tabs .content-box .content .cloud-server-price > li:hover{border-color: #06a9b7;box-shadow: 3px 3px 10px rgba(0,0,0,0.3);} .stepBox .dom_more_svc .tabs .content-box .content .cloud-server-price > li p{font-size:30px;font-weight:bold;color:#333;letter-spacing:-0.025em;text-align: center;line-height:1;padding-top: 0;font-family:"Noto Sans KR", sans-serif;} .stepBox .dom_more_svc .tabs .content-box .content .cloud-server-price > li p font{font-size:14px;font-weight:300;color:#333;letter-spacing:-0.025em;text-align: center;line-height:-1;font-family:"Noto Sans KR", sans-serif;} .stepBox .dom_more_svc .tabs .content-box .content .cloud-server-price > li span{display:block;font-size:16px;font-weight:400;letter-spacing:-0.025em;color:#ed1c24;padding-top:20px;line-height:1;border-bottom:1px solid #e1e1e1;padding-bottom: 15px} .stepBox .dom_more_svc .tabs .content-box .content .cloud-server-price > li span b{font-weight:bold;font-size:40px;} .stepBox .dom_more_svc .tabs .content-box .content .cloud-server-price > li ol{padding-top:15px;} .stepBox .dom_more_svc .tabs .content-box .content .cloud-server-price > li > ol > li{font-size:16px;line-height:24px;letter-spacing:-0.025em;color:#333;text-align:center;font-family:"Noto Sans KR", sans-serif;border: none;height: 24px;margin-bottom: 8px;margin-right: 0;background-color:transparent;} .stepBox .dom_more_svc .tabs .content-box .content .cloud-server-price > li > ol > li b{font-weight: bold;} .stepBox .dom_more_svc .tabs .content-box .content .hp_product{font-size:0;text-align:center;margin-bottom:0;margin-top: 30px} .stepBox .dom_more_svc .tabs .content-box .content .hp_product>li{width:30.5%;height:415px;box-sizing:border-box;border-radius:10px;border:2px solid #e1e1e1;position:relative;background-color:#fff;margin-right:40px;margin-bottom: 10px;display:inline-block;vertical-align:top;transition:all 0.3s;text-align:center;padding: 45px 0 0;overflow: hidden} .stepBox .dom_more_svc .tabs .content-box .content .hp_product> li:hover{border-color: #06a9b7;box-shadow: 3px 3px 10px rgba(0,0,0,0.3);} .stepBox .dom_more_svc .tabs .content-box .content .hp_product > li:last-of-type{margin-right:0;} .stepBox .dom_more_svc .tabs .content-box .content .hp_product > li h3{font-size:30px;font-weight:bold;color:#333;letter-spacing:-0.025em;text-align: center;line-height:1;padding-top: 0;font-family:"Noto Sans KR", sans-serif;} .stepBox .dom_more_svc .tabs .content-box .content .hp_product > li p{padding:20px 30px 0;font-size:17px;line-height: 24px} .stepBox .dom_more_svc .tabs .content-box .content .hp_product > li img{width:100%;position: absolute;bottom:0;left:0;} .stepBox .dom_more_svc .tabs .content-box .content .wmail_price{font-size:0;text-align:center;margin-bottom:0;margin-top: 30px} .stepBox .dom_more_svc .tabs .content-box .content .wmail_price>li{width:47.5%;height:415px;box-sizing:border-box;border-radius:10px;border:2px solid #e1e1e1;position:relative;background-color:#fff;margin-right:40px;display:inline-block;vertical-align:top;transition:all 0.3s;text-align:center;padding: 45px 30px 0;} .stepBox .dom_more_svc .tabs .content-box .content .wmail_price > li:last-of-type{margin-right:0;} .stepBox .dom_more_svc .tabs .content-box .content .wmail_price > li:hover{border-color: #06a9b7;box-shadow: 3px 3px 10px rgba(0,0,0,0.3);} .stepBox .dom_more_svc .tabs .content-box .content .wmail_price > li p{font-size:30px;font-weight:bold;color:#333;letter-spacing:-0.025em;text-align: center;line-height:1;padding-top: 0;font-family:"Noto Sans KR", sans-serif;border-bottom:1px solid #e1e1e1;padding-bottom:25px;margin-bottom: 25px} .stepBox .dom_more_svc .tabs .content-box .content .wmail_price > li p font{color:#06a9b7;font-weight:bold;} .stepBox .dom_more_svc .tabs .content-box .content .wmail_price > li ol li{font-size:21px;line-height: 26px;font-weight:600;margin-bottom: 20px} .stepBox .dom_more_svc .tabs .content-box .content .wmail_price > li ol li font{color:#06a9b7;font-weight:600} .stepBox .dom_more_svc .tabs .content-box .content .wmail_price > li ol li small{display: block;text-align: center;position: relative;} .stepBox .dom_more_svc .tabs .content-box .content .wmail_price > li ol li small:after{content:'';display: block;width: 170px;height: 2px;background: red;position: absolute;top: 10px;left: calc(50% - 85px);} .stepBox .dom_more_svc .tabs .content-box .content .wmail_price >li:first-child ol{display: flex;flex-direction: column;justify-content: center;height: 251px;} .stepBox .type_wrap.dom_more_svc2{padding:0 0 50px 0;border:none;margin-top: 60px} .stepBox .dom_more_svc2.type_wrap .type_box{width:100%;} .stepBox .type_wrap.dom_more_svc2 .type_box .tb_type > p{color:#222;} .stepBox .type_wrap.dom_more_svc2 .type_box .tb_type > p:before{background:url(/images/sub/step_tit_point_gray.png) center top no-repeat; background-size:cover; } .stepBox .type_wrap.dom_more_svc2 a{display:inline-block;width:49.3%;margin-right: 15px;height:50px;line-height: 50px;text-align: center;background:#fff;border:1px solid #06a9b7;color:#06a9b7;font-size:18px;margin-top: 30px;border-radius: 5px;font-weight: 500;transition:all 0.2s ease-in-out;} .stepBox .type_wrap.dom_more_svc2 a:last-child{margin-right: 0} .stepBox .type_wrap.dom_more_svc2 a:hover{background:#06a9b7;color:#fff;border-color:#06a9b7;box-shadow: 3px 3px 9px 0px #ccc} .stepBox .type_wrap.dom_more_svc2 a small{color:#06a9b7;font-weight: 500;display: inline-block;margin-left: 15px;transition:all 0.2s ease-in-out;} .stepBox .type_wrap.dom_more_svc2 a:hover small{color:#fff;} .domain_dStep5_btn.dStep5_btn button{background:#fff;color:#222;border: 1px solid #222;} .domain_dStep5_btn.dStep5_btn button:after{background:url(/images/sub/server01-more-off-gray.png) center top no-repeat; background-size:cover; } .domain_dStep5_btn.dStep5_btn button:hover{background:#222;color:#fff;border: 1px solid #222;} .domain_dStep5_btn.dStep5_btn button:hover:after{background:url(/images/sub/server01-more-on.png) center top no-repeat; background-size:cover; } .adv_stepBox tbody td { position: relative; } .adv_stepBox tbody td i { display: inline-block; float: right; vertical-align: top; margin-top:-5px;margin-right:31px;} .adv_stepBox tbody td i + div { display: none; position: absolute; top: -10px; left: 98%; width:360px;text-align:left; max-width:600px; min-height:20px; padding:20px; background:rgba(6,169,183,.8); color: #fff;border-radius:5px; font-size:14px; line-height:150%; z-index:88; } .stepBox .type_wrap .payment_box .coupon span{color:#ff3939} /* 여백 */ .pb140{padding-bottom:140px !important;} /* 팝업 */ html.popup_on, body.popup_on{overflow:hidden} .popup_box{display:none; width:100%; height:100%; position:fixed; left:0; top:0; z-index:1000;} .popup_box .bg{width:100%; height:100%; background:rgba(0,0,0,0.5);} .popup_box .popup_con{padding:90px 50px 50px; box-sizing:border-box; width:1200px; max-height:930px; overflow-y:auto; background:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); z-index:2;} .popup_box .popup_con .x_btn{position:absolute; right:50px; top:40px;} .popup_box_yss{display:none; width:100%; height:100%; position:fixed; left:0; top:0; z-index:1000;} .popup_box_yss .bg{width:100%; height:100%; background:rgba(0,0,0,0.5);} .popup_box_yss .popup_con{padding:90px 50px 50px; box-sizing:border-box; width:1200px; max-height:930px; overflow-y:auto; background:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); z-index:2;} .popup_box_yss .popup_con .x_btn{position:absolute; right:50px; top:40px;} .popup_box2{display:none; width:100%; height:100%; position:fixed; left:0; top:0; z-index:1000;} .popup_box2 .bg{width:100%; height:100%; background:rgba(0,0,0,0.5);} .popup_box2 .popup_con{padding:90px 50px 50px; box-sizing:border-box; width:1200px; max-height:930px; overflow-y:auto; background:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); z-index:2;} .popup_box2 .popup_con .x_btn{position:absolute; right:50px; top:40px;} .bo-t1{border-top:1px solid #949494;} .popup_box3{display:none; width:100%; height:100%; position:fixed; left:0; top:0; z-index:1000;} .popup_box3 .bg{width:100%; height:100%; background:rgba(0,0,0,0.5);} .popup_box3 .popup_con{padding:90px 50px 50px; box-sizing:border-box; width:1200px; max-height:930px; overflow-y:auto; background:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); z-index:2;} .popup_box3 .popup_con .x_btn{position:absolute; right:50px; top:40px;} .popup_box4{display:none; width:100%; height:100%; position:fixed; left:0; top:0; z-index:1000;} .popup_box4 .bg{width:100%; height:100%; background:rgba(0,0,0,0.5);} .popup_box4 .popup_con{padding:90px 50px 50px; box-sizing:border-box; width:1200px; max-height:930px; overflow-y:auto; background:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); z-index:2;} .popup_box4 .popup_con .x_btn{position:absolute; right:50px; top:40px;} .popup_box_footer{display:none; width:100%; height:100%; position:fixed; left:0; top:0; z-index:1000;} .popup_box_footer .bg{width:100%; height:100%; background:rgba(0,0,0,0.5);} .popup_box_footer .popup_con{padding:90px 50px 50px; box-sizing:border-box; width:1200px; max-height:930px; overflow-y:auto; background:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); z-index:2;} .popup_box_footer .popup_con .x_btn{position:absolute; right:50px; top:40px;} .popup_box_footer p.tit{font-size:20px;font-weight:600;margin:20px 0 10px;} .popup_box_footer ul li ul{border:1px solid #e1e1e1;padding:15px;background:#f8f8f8;} .popup_box_footer .popup_con>ul>li{margin-bottom:20px;} .popup_box_footer ul li ul li *{display: inline-block;vertical-align: top;font-size: 15px;font-weight: 400;color: #333;line-height: 1.5;} .popup_box_footer ul li ul li span{width:10px;} .popup_box_footer ul li ul li p {width: calc(100% - 15px);word-break: keep-all;} .popup_box_footer ul li ul li ul{display:block;width:calc(100% - 30px);background:#fff;} .popup_box_footer ul li ul li ul li{display:block;} .popup_box_footer ul li ul li b{font-weight:600} /* 공통 */ .pr50{padding-right:50px !important;} .w1200{width:1200px;margin:0 auto;} .server-common01{padding:115px 0 130px;} .server-common01 *{font-family:"Noto Sans KR", sans-serif;} .server-common01 .w1200{} .server-common01 .w1200 > p{font-size:42px;font-weight:300;color:#333;text-align:center;} .server-common01 .w1200 .top:after{display:block;content:"";clear:both;} .server-common01 .w1200 .top{padding:110px 0 80px;} .server-common01 .w1200 .top .left{float:left;font-size:0;text-align:left;position:relative;} /* .server-common01 .w1200 .top .left .txt-box.bg01:after{display:block;content:"";position:absolute;width:780px;height:327px;background:url("/images/sub/server-common01-bg.png")no-repeat center top;left:0;top:-15px;} .server-common01 .w1200 .top .left .txt-box{display:inline-block;vertical-align:top;padding-top:35px; cursor:pointer;} .server-common01 .w1200 .top .left .txt-box p{font-size:40px;font-weight:bold;color:#333;text-align:left;line-height:48px;} .server-common01 .w1200 .top .left .txt-box span{display:block;font-size:30px;font-weight:500;color:#16a9b7;padding-top:35px;} .server-common01 .w1200 .top .left .txt-box em{display:block;font-style:normal;font-size:24px;font-weight:300;color:#333;line-height:30px;padding-top:15px;} */ .server-common01 .w1200 .top .left .txt-box.bg01:after{display:block;content:"";position:absolute;width:780px;height:327px;background:url("/images/sub/server-common01-bg.png")no-repeat center top;left:0;top:-15px;} .server-common01 .w1200 .top .left .txt-box{display:inline-block;vertical-align:top;padding-top:35px; cursor:pointer;} .server-common01 .w1200 .top .left .txt-box p{font-size:40px;font-weight:bold;color:#333;text-align:left;line-height:48px;} .server-common01 .w1200 .top .left .txt-box span{display:block;font-size:30px;font-weight:500;color:#16a9b7;padding-top:35px;} .server-common01 .w1200 .top .left .txt-box em{display:block;font-style:normal;font-size:24px;font-weight:300;color:#333;line-height:30px;padding-top:35px;} .server-common01 .w1200 .top .left .circle-wrap{display:inline-block;vertical-align:top;width:312px;height:312px;box-sizing:border-box;border:5px solid #ebebeb;border-radius:50%;position:relative;margin-left:95px;top:-5px;background-color:#fff;} .server-common01 .w1200 .top .left .circle-wrap:before{display:block;content:"";position:absolute;width:292px;height:292px;border:1px solid #e4e4e4;border-radius:50%;left:50%;top:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);z-index:-1;} .server-common01 .w1200 .top .left .circle-wrap:after{display:block;content:"";position:absolute;width:760px;height:1px;background-color:#ebebeb;top:50%;transform:translateY(-1px);-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);-moz-transform:translateY(-1px);-o-transform:translateY(-1px);right:-70px;z-index:-1;} .server-common01 .w1200 .top .left .circle-wrap .circle-inner{width:100%;padding-top:118px;box-sizing:border-box;} .server-common01 .w1200 .top .left .circle-wrap .circle-inner p{font-size:36px;font-weight:bold;color:#06a9b7;letter-spacing:-0.025em;text-align:center;} .server-common01 .w1200 .top .left .circle-wrap .circle-inner span{display:block;font-size:24px;font-weight:bold;color:#222;text-align:center;padding-top:10px;text-align:center;} .server-common01 .w1200 .top .left .circle-wrap ul{} .server-common01 .w1200 .top .left .circle-wrap ul li{width:82px;height:82px;border-radius:50%;box-sizing:border-box;line-height:82px;font-size:18px;font-weight:bold;letter-spacing:-0.025em;position:absolute;font-size:18px;font-weight:bold;color:#fff;text-align:center;} .server-common01 .w1200 .top .left .circle-wrap ul li:nth-of-type(2n-1){background-color:#676766;} .server-common01 .w1200 .top .left .circle-wrap ul li:nth-of-type(2n){background-color:#16a9b7;} .server-common01 .w1200 .top .left .circle-wrap ul li:nth-of-type(1){left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);top:-44px;} .server-common01 .w1200 .top .left .circle-wrap ul li:nth-of-type(2){right:-5px;top:5px;} .server-common01 .w1200 .top .left .circle-wrap ul li:nth-of-type(3){top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);right:-44px;} .server-common01 .w1200 .top .left .circle-wrap ul li:nth-of-type(4){right:-5px;bottom:5px;} .server-common01 .w1200 .top .left .circle-wrap ul li:nth-of-type(5){left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);bottom:-44px;} .server-common01 .w1200 .top .left .circle-wrap ul li:nth-of-type(6){left:-5px;bottom:5px;} .server-common01 .w1200 .top .left .circle-wrap ul li:nth-of-type(7){top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);left:-44px;} .server-common01 .w1200 .top .left .circle-wrap ul li:nth-of-type(8){left:-5px;top:5px;} .server-common01 .w1200 .top .right{float:right;} .server-common01 .w1200 .top .right ul{} .server-common01 .w1200 .top .right ul li:last-of-type{margin-bottom:0;} .server-common01 .w1200 .top .right ul li{width:320px;height:78px;line-height:78px;text-align:center;font-size:20px;font-weight:500;color:#333;letter-spacing:-0.05em;background-color:#ebebeb;border-radius:5px;margin-bottom:5px;} .server-common01 .w1200 .top .right ul li:hover{background-color:#313637;} .server-common01 .w1200 .top .right ul li a{display:block; line-height:78px;} .server-common01 .w1200 .top .right ul li:hover a{color:#fff;} .server-common01 .w1200 .top2{padding-bottom:45px;} .server-common01 .w1200 .top2 > ul{font-size:0;text-align:center;} .server-common01 .w1200 .top2 > ul > li:last-of-type{margin-right:0;} .server-common01 .w1200 .top2 > ul > li{width:570px;height:400px;box-sizing:border-box;margin-right:60px;display:inline-block;vertical-align:top;background-color:#f7f7f7;border-radius:15px;padding-top:95px;position:relative;box-shadow:2px 2px 6px 1px rgba(0,0,0,0.4);} .server-common01 .w1200 .top2 > ul > li:before{display:block;content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);width:216px;height:71px;background:url("/images/sub/server-common01-top2bg.png")no-repeat center top;background-size:cover;} .server-common01 .w1200 .top2 > ul > li p{font-size:45px;font-weight:bold;color:#333;text-align:center;} .server-common01 .w1200 .top2 > ul > li p span{color:#16a9b7;font-weight:bold;} .server-common01 .w1200 .top2 > ul > li > span{display:block;font-size:16px;font-weight:300;color:#333;text-align:center;padding-top:13px;} .server-common01 .w1200 .top2 > ul > li > ul{font-size:0;text-align:center;margin-top:17px;position:relative;z-index:2;} .server-common01 .w1200 .top2 > ul > li > ul:after{display:block;content:"";position:absolute;width:100%;height:2px;background-color:#e8e8e8;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);z-index:-1;} .server-common01 .w1200 .top2 > ul > li > ul > li:last-of-type{margin-right:0;} .server-common01 .w1200 .top2 > ul > li > ul > li{display:inline-block;vertical-align:top;width:118px;height:118px;box-sizing:border-box;border-radius:50%;border:1px solid #e8e8e8;background-color:#fff;margin-right:10px;font-size:22px;font-weight:500;color:#333;line-height:24px;padding-top:34px;} .server-common01 .w1200 .top2 > ul > li > ul > li.line1{padding-top:44px;} .server-common01 .w1200 .top2 > ul > li > ul > li.count1{width:250px;border-radius:75px;} .server-common01 .w1200 .top2 > ul > li > ul > li.line3{padding-top:10px;} .server-common01 .w1200 .top2 > ul > li > a{display:block;width:145px;height:40px;line-height:40px;box-sizing:border-box;border-radius:50px;font-size:16px;font-weight:400;color:#fff;text-align:center;background-color:#555;margin:25px auto 0;} .server-common01 .w1200 .top2 > ul > li > a img{display:inline-block;vertical-align:middle;margin-left:13px;position:relative;top:-2px;} .server-common01 .w1200 .bottom{height:295px;background-color:#16a9b7;border-radius:5px;width:100%;box-sizing:border-box;padding-top:70px;} .server-common01 .w1200 .bottom > div{box-sizing:border-box;} .server-common01 .w1200 .bottom .left{float:left;width:calc(100% - 815px);-webkit-width:calc(100% - 815px);-ms-width:calc(100% - 815px);-moz-width:calc(100% - 815px);-o-width:calc(100% - 815px);padding-left:60px;} .server-common01 .w1200 .bottom .left p{font-size:50px;font-weight:bold;color:#fff;letter-spacing:-0.025em;line-height:50px;text-align:left;} .server-common01 .w1200 .bottom .left span{display:block;font-size:24px;font-weight:300;color:#fff;text-align:left;padding-top:25px;} .server-common01 .w1200 .bottom .right{float:right;width:815px;} .server-common01 .w1200 .bottom .right ul{font-size:0;text-align:right;padding-right:20px;padding-top:5px;} .server-common01 .w1200 .bottom .right ul li{display:inline-block;vertical-align:top;width:20%;} .server-common01 .w1200 .bottom .right ul li a{display:block;box-sizing:border-box;} .server-common01 .w1200 .bottom .right ul li a img{display:block;margin:0 auto;} .server-common01 .w1200 .bottom .right ul li a span{display:block;font-size:18px;font-weight:bold;color:#fff;text-align:center;padding-top:25px;line-height:1;} .server-common01 .w1200 .title{text-align:center;} .server-common01 .w1200 .title h4{font-size:42px; color:#333333; letter-spacing:-0.025em; font-weight:400; margin-bottom:40px;} .server-common01 .w1200 .title p{font-size:20px; color:#333333; letter-spacing:-0.025em; font-weight:400; line-height:30px;margin-bottom:70px;} .server-common01 .w1200 .title p span{color:#16a9b7; font-weight:400; } .server-common01 .w1200 .btn {text-align: center;} .server-common01 .w1200 .btn > a span {display: inline-block;vertical-align: middle;margin-left: 17px;font-family: "batang";position: relative;top: -1px;} .server-common01 .w1200 .btn > a{display:inline-block;width:230px;box-sizing:border-box;border-radius:50px;border:1px solid #06a9b7;font-size:18px;font-weight:400;color:#06a9b7;text-align:center;padding: 15px 50px;margin: 25px auto 0;margin-bottom: 80px;position:relative;transition:all 0.2s ease-in-out;width: 240px;} .server-common01 .w1200 .btn > a:hover{background-color:#06a9b7;color:#fff;} .server-common01 .w1200 .btn > a:hover:after{background:url("/images/sub/server01-more-on.png")no-repeat center top;} .server-common02{padding:125px 0;} .server-common02 .w1200{} .server-common02 .w1200 > p{font-size:45px;font-weight:bold;color:#333;text-align:left;} .server-common02 .w1200 > ul{padding-top:25px;} .server-common02 .w1200 > ul li:last-of-type{margin-bottom:7px;} .server-common02 .w1200 > ul li{width:100%;border:3px solid #e5e5e5;border-radius:5px;margin-bottom:7px;transition:all 0.2s ease-in-out;} .server-common02 .w1200 > ul li a{display:block;padding:0 45px;box-sizing:border-box;height:70px;transition:all 0.2s ease-in-out;} .server-common02 .w1200 > ul li a span{display:inline-block;vertical-align:middle;line-height:70px;transition:all 0.2s ease-in-out;} .server-common02 .w1200 > ul li a .icon{position:relative;width:32px;height:36px;} .server-common02 .w1200 > ul li a .icon img{display:block;position:absolute;left:0;top:0;transition:all 0.2s ease-in-out;} .server-common02 .w1200 > ul li a .icon img.off{opacity:1;} .server-common02 .w1200 > ul li a .icon img.on{opacity:0;} .server-common02 .w1200 > ul li a .tit{font-size:18px;font-weight:300;color:#333;padding-left:25px;width:870px;box-sizing:border-box;} .server-common02 .w1200 > ul li a .date{} .server-common02 .w1200 > ul li a .date span:first-of-type{margin-right:30px;} .server-common02 .w1200 > ul li a .date span:first-of-type:after{display:block;content:"";position:absolute;width:1px;height:16px;background-color:#333;right:-19px;top:28px;transition:all 0.2s ease-in-out;} .server-common02 .w1200 > ul li a .date span{font-size:18px;font-weight:300;color:#333;position:relative;} .server-common02 .w1200 > ul li:hover{border-color:#666;} .server-common02 .w1200 > ul li:hover a{background-color:#666;} .server-common02 .w1200 > ul li:hover a .icon img.off{opacity:0;} .server-common02 .w1200 > ul li:hover a .icon img.on{opacity:1;} .server-common02 .w1200 > ul li:hover a span{color:#fff;} .server-common02 .w1200 > ul li:hover a .date span:first-of-type:after{background-color:#fff;} .server-common03{background:url("/images/sub/server-common03-bg.jpg")no-repeat center top;height:529px;padding-top:120px;background-size:100% 100%;transition:all 0.2s ease-in-out;box-sizing:border-box;} .server-common03:hover{background-size:105% 105%;} .server-common03 .w1200{text-align: center;} .server-common03 .w1200 > p{font-size:40px;font-weight:600;letter-spacing:-0.025em;color:#fff;text-align:center;} .server-common03 .w1200 > span{display:block;font-size:18px;font-weight:300;line-height:24px;text-align:center;padding-top:35px;color:#fff;font-family:"Noto Sans KR", sans-serif;} .server-common03 .w1200 > a{display:block;width:235px;height:50px;line-height:50px;box-sizing:border-box;border-radius:50px;background-color:#06a9b7;font-size:18px;text-align:center;color:#fff;margin:35px auto 0;font-weight:400;} .server-common03 .w1200 > a > span{transition:all 0.3 ease-in-out;} .server-common03 .w1200 > a:hover > span{transform: rotate( 180deg );-webkit-transform: rotate( 180deg );-ms-transform: rotate( 180deg );-moz-transform: rotate( 180deg );} .server-common03 .w1200 .cus:after{display:block;content:"";clear:both;} .server-common03 .w1200 .cus{padding-top:50px;} .server-common03 .w1200 .cus > div{width:50%;box-sizing:border-box;} .server-common03 .w1200 .cus .left:after{display:block;content:"";position:absolute;width:1px;height:40px;background-color:#fff;right:-1px;top:10px;} .server-common03 .w1200 .cus .left{float:left;text-align:right;padding-right:17px;color:#fff;font-size:18px;position:relative;} .server-common03 .w1200 .cus .left em{font-size:18px;font-weight:300;color:#fff;text-align:right;position:relative;top:-3px;} .server-common03 .w1200 .cus .left img{display:inline-block;vertical-align:middle;margin-right:10px;top:-6px;position:relative;} .server-common03 .w1200 .cus .left b{font-size:30px;font-weight:bold;color:#fff;margin-left:20px;} .server-common03 .w1200 .cus .left span{color:#16a9b7;} .server-common03 .w1200 .cus .right{position:relative;} .server-common03 .w1200 .cus .right{float:right;text-align:left;padding-left:17px;font-size:18px;font-weight:300;color:#fff;line-height:32px;text-align:left;} .server-common03 .w1200 .cus .right em{display:inline-block;margin-right:13px;} .server-common04{background:url("/images/sub/server-common04-bg.jpg")no-repeat center top;background-size:cover;padding:115px 0;} .server-common04 .w1200{} .server-common04 .w1200 > p{font-size:42px;font-weight:300;color:#fff;text-align:center;font-family:"Noto Sans KR", sans-serif;} .server-common04 .w1200 ul{font-size:0;text-align:center;padding-top:65px;} .server-common04 .w1200 ul li:nth-of-type(-n+6){padding-top:0;margin-top:0;border:0;} .server-common04 .w1200 ul li{display:inline-block;vertical-align:top;width:16.6666%;padding-top:30px;margin-top:35px;border-top:1px solid rgba(255,255,255,0.3);} .server-common04 .w1200 ul li a{display:block;} .server-common04 .w1200 ul li a .icon_box{display:block; width:135px; height:135px; margin:0 auto; border-radius:50%; position:relative; background-color:#fff;} .server-common04 .w1200 ul li a:hover .icon_box{background-color:#f2f1b1;} .server-common04 .w1200 ul li a .icon_box img{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} .server-common04 .w1200 ul li a p{font-size:18px;line-height:22px;font-weight:500;letter-spacing:-0.05em;color:#fff;text-align:center;padding-top:15px;font-family:"Noto Sans KR", sans-serif;} article.no-minheight{min-height:auto;} /* 12가지 무료혜택 - 리스트 */ .link_list{background:#f9fafc; padding:100px 0 114px;} .link_list .title{text-align:center; padding:10px 0;} .link_list .title h3{font-size:42px; color:#333333; letter-spacing:0em; font-weight:300;} .link_list ul{margin-top:55px;} .link_list ul:after{clear:both; content:""; display:block; height:0; visibility:hidden} .link_list ul li{width:calc(25% - 6px); float:left; margin-right:8px; margin-bottom:46px;} .link_list ul li:nth-of-type(4n){margin-right:0;} .link_list ul li a{display:block; border:2px solid #efefef; border-radius:10px; background:#fff; padding:65px 10px; box-sizing:border-box; text-align:center; transition:all 0.1s; -webkit-transition:all 0.1s; -o-transition:all 0.1s; -moz-transition:all 0.1s;} .link_list ul li a i{display:inline-block; vertical-align:top;} .link_list ul li a i img{max-width:100%;} .link_list ul li a p{font-size:20px; color:#333333; letter-spacing:-0.025em; font-weight:bold; margin:50px 0 23px;} .link_list ul li a span{display:block; font-size:16px; color:#333333; letter-spacing:-0.025em; font-weight:300; line-height:22px;} .link_list ul li a span b{color:#06a9b7; font-weight:500;} .link_list ul li:hover a{border-color:#06a9b7; box-shadow:3px 3px 10px rgba(0,0,0,0.3)} /* 12가지 무료혜택 - KSPANEL */ .kspanel_con01{padding:130px 0; text-align:center;} .kspanel_con01 h4{font-size:42px; color:#333333; letter-spacing:-0.025em; font-weight:300;} .kspanel_con01 p{line-height:30px; font-size:20px; color:#333333; letter-spacing:-0.025em; font-weight:300; margin:40px 0 50px;} .kspanel_con01 a{display:inline-block; vertical-align:top; width:200px; height:52px; line-height:52px; border-radius:30px; background:#06a9b7; font-size:16px; color:#fff; letter-spacing:0em; font-weight:400; } .kspanel_con01 a i{line-height:1; display:inline-block; vertical-align:middle; margin-left:10px;} .kspanel_con02{background:#f9fafc; padding:100px 0 115px;} .kspanel_con02 .title{text-align:center; padding:10px 0;} .kspanel_con02 .title h4{font-size:42px; color:#333333; letter-spacing:0em; font-weight:300; } .kspanel_con02 ul{margin-top:55px;} .kspanel_con02 ul:after{clear:both; content:""; display:block; height:0; visibility:hidden} .kspanel_con02 ul li{height:450px; width:calc(33.333333% - 30px); float:left; margin-right:45px; margin-bottom:45px; border:2px solid #efefef; border-radius:10px; background:#fff; padding:65px 10px; box-sizing:border-box; text-align:center;} .kspanel_con02 ul li:nth-of-type(3n){margin-right:0;} .kspanel_con02 ul li p{font-size:24px; color:#333333; letter-spacing:-0.025em; font-weight:bold;} .kspanel_con02 ul li i{margin:35px 0; display:inline-block; vertical-align:top;} .kspanel_con02 ul li i img{max-width:100%;} .kspanel_con02 ul li span{display:block; font-size:16px; line-height:22px; color:#333333; letter-spacing:-0.025em; font-weight:300;} /* 12가지 무료혜택 - 기가방화벽 */ .giga_firewall_con01{padding:130px 0; background:#f9fafc;} .giga_firewall_con01 .title{text-align:center;} .giga_firewall_con01 .title h4{font-size:42px; color:#333333; letter-spacing:-0.025em; font-weight:300;} .giga_firewall_con01 dl{margin-top:50px; font-size:0; letter-spacing:-4px; text-align:center;} .giga_firewall_con01 dl > *{width:33.333333%; display:inline-block; vertical-align:top;} .giga_firewall_con01 dl dd{border:2px solid #efefef; border-radius:5px; background:#fff; box-sizing:border-box;} .giga_firewall_con01 dl dd .top{padding:65px 0 45px; text-align:center; background:#fff;} .giga_firewall_con01 dl dd .top p{font-size:30px; color:#333333; letter-spacing:-0.025em; font-weight:bold;} .giga_firewall_con01 dl dd .center{background:#efefef; padding:40px 0; text-align:center;} .giga_firewall_con01 dl dd .center h5{font-size:16px; color:#ed1c24; letter-spacing:-0.025em; font-weight:300; margin-bottom:15px;} .giga_firewall_con01 dl dd .center h5 b{font-size:40px; font-weight:bold;} .giga_firewall_con01 dl dd .center p{font-size:24px; color:#333333; letter-spacing:-0.025em; font-weight:500;} .giga_firewall_con01 dl dd .bot{padding:42px 0 63px; text-align:center; background:#fff;} .giga_firewall_con01 dl dd .bot a{display:inline-block; vertical-align:top; width:142px; height:42px; line-height:42px; border-radius:30px; background:#06a9b7; font-size:16px; color:#fff; letter-spacing:0em; font-weight:400; } .giga_firewall_con01 dl dd .bot a i{line-height:1; display:inline-block; vertical-align:middle; margin-left:10px;} .giga_firewall_con01 dl dt{background:transparent; position:relative;} .giga_firewall_con01 dl dt:before{content:""; width:100%; height:1px; background:#efefef; position:absolute; display:block; left:0; top:50%;} .giga_firewall_con01 dl dt .img_box{width:253px; height:253px; position:relative; margin:85px auto 112px;} .giga_firewall_con01 dl dt .img_box:before{content:""; width:310px; height:310px; border-radius:50%;border:7px solid #efefef; box-sizing:border-box; position:absolute; display:block; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);} .giga_firewall_con02{padding:130px 0 90px; background:#fff;} .giga_firewall_con02 .title{text-align:center;} .giga_firewall_con02 .title h4{font-size:42px; color:#333333; letter-spacing:-0.025em; font-weight:300;} .giga_firewall_con02 ul{margin-top:55px;} .giga_firewall_con02 ul:after{clear:both; content:""; display:block; height:0; visibility:hidden} .giga_firewall_con02 ul li{width:calc(20% - 40px); float:left; margin-right:50px; margin-bottom:50px; text-align:center;} .giga_firewall_con02 ul li:nth-of-type(5n){margin-right:0;} .giga_firewall_con02 ul li .img_box img{max-width:100%;} .giga_firewall_con02 ul li p{padding:20px 0; text-align:center; font-size:18px; color:#333; letter-spacing:-0.05em; font-weight:500; line-height:1.2;} .giga_firewall_con03{padding:130px 0 130px; background:#f9fafc;} .giga_firewall_con03 .title{text-align:center; margin-bottom:60px;} .giga_firewall_con03 .title h4{font-size:42px; color:#333333; letter-spacing:-0.025em; font-weight:300;} .giga_firewall_con03 .img_box + .img_box{margin-top:42px;} .giga_firewall_con03 .img_box img{max-width:100%;} /* 12가지 무료혜택 - 서버구축 */ .server_construction_con01{padding:130px 0; background:#f9fafc;} .server_construction_con01 .title{text-align:center;} .server_construction_con01 .title h4{font-size:42px; color:#333333; letter-spacing:-0.025em; font-weight:300;} .server_construction_con01 ul{margin-top:55px;} .server_construction_con01 ul:after{clear:both; content:""; display:block; height:0; visibility:hidden} .server_construction_con01 ul li{width:calc(50% - 20px); padding:75px 45px 50px; box-sizing:border-box; margin-right:40px; float:left; background:#fff; border:2px solid #efefef; border-radius:10px;} .server_construction_con01 ul li:last-child{margin-right:0;} .server_construction_con01 ul li .top:after{clear:both; content:""; display:block; height:0; visibility:hidden} .server_construction_con01 ul li .top .img_box{width:208px; float:left;} .server_construction_con01 ul li .top .img_box img{max-width:100%;} .server_construction_con01 ul li .top .text{padding-top:5px; padding-left:20px; box-sizing:border-box; width:calc(100% - 208px); float:left;} .server_construction_con01 ul li .top .text h5{font-size:30px; color:#333333; letter-spacing:-0.025em; font-weight:bold; margin-bottom:40px;} .server_construction_con01 ul li .top .text p{font-size:16px; color:#222222; letter-spacing:-0.025em; font-weight:300; margin:12px 0; padding-left:20px; box-sizing:border-box; position:relative;} .server_construction_con01 ul li .top .text p:before{content:""; width:6px; height:6px; background:#222222; border-radius:50%; position:absolute; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);} .server_construction_con01 ul li .bot_btn{margin-top:40px; text-align:center; font-size:0; letter-spacing:-4px;} .server_construction_con01 ul li .bot_btn a{display:inline-block; vertical-align:top; width:142px; height:42px; line-height:42px; border-radius:30px; background:#555555; font-size:16px; color:#fff; margin:0 10px; letter-spacing:0em; font-weight:400; } .server_construction_con01 ul li .bot_btn a i{line-height:1; display:inline-block; vertical-align:middle; margin-left:10px;} .server_construction_con01 ul li .bot_btn a.on{background:#06a9b7;} .server_construction_popup_con dl:after{clear:both; content:""; display:block; height:0; visibility:hidden} .server_construction_popup_con dl{background:#f9f9f9; padding:50px 40px;} .server_construction_popup_con dl + dl{margin-top:20px;} .server_construction_popup_con dl dt{width:208px; float:left;} .server_construction_popup_con dl dd{padding-top:5px; padding-left:90px; box-sizing:border-box; width:calc(100% - 208px); float:left;} .server_construction_popup_con dl dd h5{font-size:30px; color:#333333; letter-spacing:-0.025em; font-weight:bold; margin-bottom:40px;} .server_construction_popup_con dl dd ul li{font-size:16px; color:#222222; letter-spacing:-0.025em; font-weight:300; margin:12px 0; padding-left:20px; box-sizing:border-box; position:relative;} .server_construction_popup_con dl dd ul li:before{content:""; width:6px; height:6px; background:#222222; border-radius:50%; position:absolute; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -o-transform:translateY(-50%); -moz-transform:translateY(-50%);} /* 12가지 무료혜택 - 서버관리대행Basic */ .server_agency_con01{padding:130px 0;} .server_agency_con01 .title{text-align:center;} .server_agency_con01 .title h4{font-size:42px; color:#333333; letter-spacing:-0.025em; font-weight:300; margin-bottom:40px;} .server_agency_con01 .title p{font-size:20px; color:#333333; letter-spacing:-0.025em; font-weight:300; line-height:30px;} .server_agency_con01 ul{font-size:0; letter-spacing:-4px; text-align:center; margin-top:90px;} .server_agency_con01 ul li{position:relative; display:inline-block; vertical-align:middle; width:33.333333%;} .server_agency_con01 ul li p{border-radius:10px; max-width:270px; background:#ebebeb; padding:20px 10px; text-align:center; margin:8px auto;} .server_agency_con01 ul li p span{display:block; font-size:20px; color:#333; letter-spacing:0em; font-weight:500;} .server_agency_con01 ul li p .color-blue {color: #06a9b7;} .server_agency_con01 ul li:nth-of-type(1):before{content:""; width:53px; height:53px; background:url('/images/sub/free12/server_agency_con01_plus.png')no-repeat center / cover; position:absolute; display:block; right:-26px; top:calc(50% - 26px);} .server_agency_con01 ul li:nth-of-type(2):before{content:""; width:53px; height:53px; background:url('/images/sub/free12/server_agency_con01_arrow.png')no-repeat center / cover; position:absolute; display:block; right:-26px; top:calc(50% - 26px);} .server_agency_con02{padding:130px 0; background:#f9fafc;} .server_agency_con02 .title{text-align:center;} .server_agency_con02 .title h4{font-size:42px; color:#333333; letter-spacing:-0.025em; font-weight:300; margin-bottom:40px;} .server_agency_con02 table{border-collapse:collapse; width:100%; margin:35px 0 50px; border-bottom:2px solid #666;} .server_agency_con02 table thead tr th{border-right:1px solid #949494; background:#666666; padding:28px 10px; font-size:20px; color:#ffffff; letter-spacing:0em; font-weight:500; text-align:center;} .server_agency_con02 table thead tr th:last-child{border-right:0;} .server_agency_con02 table tbody tr{border-bottom:1px solid #666;} .server_agency_con02 table tbody tr th{border-right:1px solid #949494; background:#fff; padding:20px 35px; font-size:20px; color:#333; letter-spacing:0em; font-weight:500; text-align:center;} .server_agency_con02 table tbody tr td{line-height:20px; border-right:1px solid #949494; background:#fff; padding:20px 35px; font-size:16px; color:#333; letter-spacing:0em; font-weight:300; text-align:center;} .server_agency_con02 table tbody tr td.lato{font-weight:500;} .server_agency_con02 table tbody tr td p{text-align:left;} .server_agency_con02 table tbody tr td:last-child{border-right:0;} .server_agency_con02 .border_box01 p.tab_title { margin-top:40px; font-size:18px; font-weight: 300; width:360px; height:60px; background:#06a9b7; border-radius:0 30px 30px 0; } .server_agency_con02 .border_box01 p.title { margin-top: 40px; display: inline-block; width:auto; padding-right:20px; text-indent:20px; height:63px; line-height:63px; color:#fff; font-size:20px; font-weight: 700; background:#06a9b7; border-radius:0 32px 32px 0; text-align: left; } .server_agency_con02 .border_box01 table { width: 1200px; margin:45px auto 50px; border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf;} .server_agency_con02 .border_box01 thead th {font-size:16px;border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; height: 55px; background: #f4f4f4; color: #353535; font-weight: 500; padding: 0;} .server_agency_con02 .border_box01 .back-blue {background:#e9f7f6;} .server_agency_con02 .border_box01 .back-yellow {background:#fffff0;} .server_agency_con02 .border_box01 tbody th { font-size: 16px;text-align: center !important; font-weight: 500; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; padding: 0;} .server_agency_con02 .border_box01 tbody td { border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; font-size:15px; line-height:130%; padding:10px 0 10px 15px; color: #353535; padding: 10px 0;} .server_agency_con02 .border_box01 td b { font-weight: 700; } .server_agency_popup_con .popup_table { width: 1100px; margin:45px auto 50px; border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf;} .server_agency_popup_con .popup_table thead th {font-size:16px;border:1px solid #dfdfdf; border-right:1px solid #dfdfdf;height: 55px; background: #f4f4f4; color: #353535; font-weight: 500; padding: 0;} .server_agency_popup_con .popup_table thead tr th:last-child{border:1px solid #dfdfdf;} .server_agency_popup_con .popup_table .back-blue {background:#e9f7f6;border:1px solid #dfdfdf;} .server_agency_popup_con .popup_table .back-yellow {background:#fffff0;border:1px solid #dfdfdf;} .server_agency_popup_con .popup_table tbody th { font-size: 16px;text-align: center !important; font-weight: 500; border:1px solid #dfdfdf;padding: 0;} .server_agency_popup_con .popup_table tbody td {border:1px solid #dfdfdf; font-size:15px; line-height:130%; padding:10px 0 10px 15px; color: #353535; padding: 10px 0;} .server_agency_popup_con .popup_table td font{font-weight: 500;color: #4e93bf;} .server_agency_popup_con .popup_table td span{font-weight: 500;color: #ff3939;} .server_agency_popup_con .popup_table tbody tr td:first-child{border:1px solid #dfdfdf;} .server_agency_popup_con .popup_table tbody tr td:last-child{border:1px solid #dfdfdf;} .server_agency_popup_con .popup_table td b { font-weight: 700; } .server_agency_con02 .bot_btn{text-align:center;} .server_agency_con02 .bot_btn > a{display:inline-block;float:none;transition:background-color 0.3s ease-in-out;width:184px;height:50px;line-height:50px;box-sizing:border-box;border:1px solid #333;border-radius:5px;font-size:16px;font-weight:300;text-align:center;position:relative;transition:all 0.3s ease-in-out;} .server_agency_con02 .bot_btn > a.btn{width:184px;} .server_agency_con02 .bot_btn > a.btn:after{right:30px;} .server_agency_con02 .bot_btn > a:hover{background-color:#333;color:#fff;} .server_agency_con02 .bot_btn > a:hover:after{color:#fff;} .server_agency_con02 .bot_btn { display: block; width:184px; margin:50px auto 0; } .server_agency_con02 .bot_btn > .btn > a { display:block;margin:45px auto 0;float:none;transition:background-color 0.3s ease-in-out;width:184px;height:50px;line-height:50px;box-sizing:border-box;border:1px solid #333;border-radius:3px;font-size:16px;font-weight:300;text-align:left;padding-left:45px;position:relative;transition:all 0.3s ease-in-out; } .server_agency_con02 .bot_btn > a:hover{background-color:#333;color:#fff;} .server_agency_con02 .bot_btn > a:hover:after{color:#fff;} .server_agency_popup_con .type{padding-top:40px;} .server_agency_popup_con .type .top_txt:after{content:""; display:block; clear:both;} .server_agency_popup_con .type .top_txt p{float:left; font-size:16px; font-weight:400; color:#333;} .server_agency_popup_con .type .top_txt span{float:right; font-size:16px; font-weight:400; color:#333;} .server_agency_popup_con .type table font{display:inline-block; vertical-align:middle; padding:10px; font-size:14px; background-color:#ff0000; color:#fff;} .server_agency_popup_con .type table span{display:inline-block; vertical-align:middle; text-decoration: line-through; color:#333;} .server_agency_popup_con .type:last-of-type table tr td:last-of-type{color:#ff0000;} .server_agency_popup_con table{border-collapse:collapse; width:100%; margin:35px 0 50px; border-bottom:2px solid #666;} .server_agency_popup_con table thead tr th{border-right:1px solid #949494; background:#666666; padding:28px 10px; font-size:20px; color:#ffffff; letter-spacing:0em; font-weight:500; text-align:center;} .server_agency_popup_con table thead tr th:last-child{border-right:0;} .server_agency_popup_con table tbody tr{border-bottom:1px solid #666;} .server_agency_popup_con table tbody tr th{border-right:1px solid #949494; background:#fff; padding:20px; font-size:20px; color:#333; letter-spacing:0em; font-weight:500; text-align:center;} .server_agency_popup_con table tbody tr td{line-height:20px; border-left:1px solid #949494; border-right:1px solid #949494; background:#fff; padding:20px 30px; font-size:16px; color:#333; letter-spacing:0em; font-weight:300; text-align:center;} .server_agency_popup_con table tbody tr td b{font-weight:bold;} .server_agency_popup_con table tbody tr td.lato{font-weight:500;} .server_agency_popup_con table tbody tr td p{text-align:left;} .server_agency_popup_con table tbody tr td:first-child{border-left:0;} .server_agency_popup_con table tbody tr td:last-child{border-right:0;} .server_agency_popup_con table tbody tr td a{display:inline-block;padding:10px 20px 10px 18px;border:1px solid #333;color:#333;text-align:center;} .server_agency_popup_con table tbody tr td span.red{ color:#ed1c24;} /* 12가지 무료혜택 - 서버관리대행 Operating */ .agency_operating_con01{padding:70px 0 130px;} .agency_operating_con01 .title{text-align:center;} .agency_operating_con01 .title h4{font-size:42px; color:#333333; letter-spacing:-0.025em; font-weight:300; margin-bottom:40px;line-height: 1.2} .agency_operating_con01 .title h4 span{font-size:42px; color:#333333; letter-spacing:-0.025em; font-weight:300; margin-bottom:40px;color: #06a9b7;} .agency_operating_con01 .title p{font-size:20px; color:#333333; letter-spacing:-0.025em; font-weight:300; line-height:30px;} .agency_operating_con01 .detail_price {box-sizing: border-box;padding: 60px 140px;height: 530px;border-radius: 7px;border: solid 2px #efefef;background-color: #ffffff;margin-top: 60px;margin-bottom: 100px;} .agency_operating_con01 .detail_price .top {overflow: hidden;margin-bottom: 65px;} .agency_operating_con01 .detail_price .top .content {float: left;margin-top:20px;text-align: center;} .agency_operating_con01 .detail_price .top .content .desc {text-align: left;margin-bottom: 30px;font-size: 45px;font-weight:bold;color: #333;} .agency_operating_con01 .detail_price .top .content .desc span {color: #06a9b7;font-weight:bold;} .agency_operating_con01 .detail_price .top .content .price {margin-bottom: 26px;} .agency_operating_con01 .detail_price .top .content .price span {vertical-align: middle;} .agency_operating_con01 .detail_price .top .content .price .cancel {font-size: 32px;font-weight: 500;line-height: 1.33;text-decoration: line-through;text-align: center;color: #333333;} .agency_operating_con01 .detail_price .top .content .price .arrow {padding: 0 15px;} .agency_operating_con01 .detail_price .top .content .price .free {font-size: 32px;font-weight: 700;line-height: 1.33;color: #ed1c24;} .agency_operating_con01 .detail_price .top .content .btn_group a {display: block;position: relative;box-sizing: border-box;width: 150px;height: 45px;padding-left: 25px;line-height: 46px;border-radius: 50px;background-color: #06a9b7;text-align: left;font-size: 18px;color: #fff;margin-left: 0;} .agency_operating_con01 .detail_price .bottom ul li{position: relative;box-sizing: border-box;float: left;width: 50%;padding-left: 30px;margin-bottom: 20px;font-size: 20px;font-weight: 300;line-height: 1.2;color: #333;} .agency_operating_con01 .detail_price .bottom ul li span{font-weight: bold;} .agency_operating_con01 .scon01 {margin-bottom:0px;background-color:#f9fafc; border-radius:10px;height: 500px;} .agency_operating_con01 .scon01 ul li {margin-bottom:80px;background-color:#fff; border-radius:10px;} .agency_operating_con01 .scon01 ul li > div{float:left; width:460px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .agency_operating_con01 .scon01 ul li .txt{position: relative;right:15px;margin-top: 70px;padding-top:50px;background-color:#fff;height: 360px;border-radius:10px;border: solid 1px #efefef;} .agency_operating_con01 .scon01 ul li .txt dl{color:#222;} .agency_operating_con01 .scon01 ul li .txt dl dt{margin-bottom:30px;font-size:36px;font-weight:700;color:#ed1c24;text-align:center;} .agency_operating_con01 .scon01 ul li .txt dl dd{font-size:20px;font-weight:300;color:#222;text-align:center;margin-bottom: 20px;} .agency_operating_con01 .scon01 ul li .txt dl .tit {font-weight: bold;font-size: 24px;margin-bottom: 25px} .agency_operating_con01 .scon01 ul li .txt dl .price{font-size:24px;font-weight:500;color:#222;text-align:center;} .agency_operating_con01 .scon01 ul li .txt dl .red{font-size:24px;font-weight:500;text-align:center;color:#ed1c24;margin-top: 20px;} .agency_operating_con01 .scon01 ul li .txt dl .red span{font-size:34px;font-weight:500;color:#ed1c24;} .agency_operating_con01 .scon01 ul li.type01{padding:0 100px; } .agency_operating_con01 .scon01 .btn {text-align: center;} .agency_operating_con01 .scon01 .btn > a{display:inline-block;width:240px;box-sizing:border-box;border-radius:50px;border:1px solid #06a9b7;font-size:18px;font-weight:400;color:#06a9b7;text-align:center;padding: 15px 30px;margin-top: 10px;position:relative;transition:all 0.2s ease-in-out;width: 240px;} .agency_operating_con01 .scon01 .btn > a:hover{background-color:#06a9b7;color:#fff;} .agency_operating_con01 .scon01 .btn > a:hover:after{background:url("/images/sub/server01-more-on.png")no-repeat center top;} .agency_operating_con01 .scon01 .btn > a span {display: inline-block;vertical-align: middle;margin-left: 17px;font-family: "batang";position: relative;top: -1px;} .agency_operating_con01 .scon01 ul .type02 .txt {border: 0;background-color:transparent;padding-top: 20px;width: 600px;} .agency_operating_con01 .scon01 ul .type02 .txt dl .price{font-size:28px;font-weight:500;color:#222;text-align:left;padding-top: 0;padding-left: 50px;line-height: 34px;margin-bottom: 50px;} .agency_operating_con01 .scon01 ul .type02 .txt dl dd{font-size:22px;font-weight:200;color:#222;text-align:left;margin-bottom: 20px;padding-left: 50px;line-height: 28px;} /* 12가지 무료혜택 - 서버관리대행 Security */ .agency_operating_con01 .scon02 {margin-bottom:0px;background-color:#f9fafc;height: 500px;} .agency_operating_con01 .scon02 h1 {font-size: 32px; text-align: center; font-weight: bold;color: #333;padding-top: 60px;} .agency_operating_con01 .scon02 h2 {font-size: 32px; text-align: center; font-weight: bold;color: #333;padding-top: 75px;line-height: 41px;} .agency_operating_con01 .scon02 hr{width: 1080px;border: solid 1px #efefef;} .agency_operating_con01 .scon02 ul {position: relative;} .agency_operating_con01 .scon02 ul li {margin-bottom:0px;background-color:#fff; border-radius:10px;} .agency_operating_con01 .scon02 ul li > div{float:left; width:460px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .agency_operating_con01 .scon02 ul p.or{position: absolute;left:580px;font-weight: bold;font-size: 28px;color: #222;bottom: 160px} .agency_operating_con01 .scon02 ul li .txt{margin-top: 70px;padding-top:60px;background-color:#fff;height: 360px;border-radius:10px;border: solid 1px #efefef;} .agency_operating_con01 .scon02 ul li .txt dl{color:#222;} .agency_operating_con01 .scon02 ul li .txt dl dt{margin-bottom:25px;font-size:36px;font-weight:700;color:#ed1c24;text-align:center;} .agency_operating_con01 .scon02 ul li .txt dl dd{font-size:20px;font-weight:300;color:#222;text-align:center;margin-bottom: 15px;} .agency_operating_con01 .scon02 ul li .txt dl dd span{font-size:18px;font-weight:300;color:#222;text-align:left;margin-bottom: 20px;} .agency_operating_con01 .scon02 ul li .txt dl .tit {font-weight: bold;font-size: 24px;margin-bottom: 20px} .agency_operating_con01 .scon02 ul li .txt dl .price{font-size:24px;font-weight:500;color:#222;text-align:center;} .agency_operating_con01 .scon02 ul li .txt dl .price font{font-size:18px;font-weight:500;color:#8f8f8f;text-align:center;text-decoration: line-through;} .agency_operating_con01 .scon02 ul li .txt dl .price i{font-size:20px} .agency_operating_con01 .scon02 ul li .txt dl .price span{font-size:20px;font-weight:300;} .agency_operating_con01 .scon02 ul li .txt dl .price01 {font-size:24px;font-weight:500;color:#222;text-align:center;margin-bottom: 10px;;} .agency_operating_con01 .scon02 ul li .txt dl .title{margin-bottom: 15px;} .agency_operating_con01 .scon02 ul li .txt dl .sub_t {font-weight: 400} .agency_operating_con01 .scon02 ul li .txt dl .or{margin-bottom: 15px;font-weight:700;font-size: 18px;color:#ed1c24;} .agency_operating_con01 .scon02 ul li .txt dl .red01{font-size:24px;font-weight:500;text-align:center;color:#ed1c24;margin-bottom:10px;} .agency_operating_con01 .scon02 ul li .txt dl .red01 span{font-size:34px;font-weight:500;color:#ed1c24;} .agency_operating_con01 .scon02 ul li .txt dl .red{font-size:24px;font-weight:500;text-align:center;color:#ed1c24;margin-top: 20px;} .agency_operating_con01 .scon02 ul li .txt dl .red span{font-size:34px;font-weight:500;color:#ed1c24;} .agency_operating_con01 .scon02 ul li.type01{padding:0 100px; } .agency_operating_con01 .scon02 .btn {text-align: center;} .agency_operating_con01 .scon02 .btn > a{display:inline-block;width:240px;box-sizing:border-box;border-radius:50px;border:1px solid #06a9b7;font-size:18px;font-weight:400;color:#06a9b7;text-align:center;padding: 15px 30px;margin-top: 10px;position:relative;transition:all 0.2s ease-in-out;width: 240px;} .agency_operating_con01 .scon02 .btn > a:hover{background-color:#06a9b7;color:#fff;} .agency_operating_con01 .scon02 .btn > a:hover:after{background:url("/images/sub/server01-more-on.png")no-repeat center top;} .agency_operating_con01 .scon02 .btn > a span {display: inline-block;vertical-align: middle;margin-left: 17px;font-family: "batang";position: relative;top: -1px;} .agency_operating_con01 .scon02 ul .type02 .txt {border: 0;background-color:transparent;padding-top:20px;width: 600px;} .agency_operating_con01 .scon02 ul .type02 .txt dl .price{font-size:28px;font-weight:500;color:#222;text-align:left;padding-top: 0;padding-left: 50px;line-height: 34px;margin-bottom: 50px;} .agency_operating_con01 .scon02 ul .type02 .txt dl dd{font-size:22px;font-weight:400;color:#222;text-align:left;margin-bottom: 20px;padding-left: 50px;line-height: 28px;} .agency_operating_con01 .scon02 ul .type02 .txt dl dd span{font-size:18px;font-weight:500;color:#222;text-align:left;} .agency_operating_con01 .scon02 ul .type02 .txt dl dd b{color:#06a9b7; font-weight: bold;} .agency_operating_con01 .scon02 ul .type03 .txt {margin-left: 80px;} .agency_operating_con02{padding:130px 0; background:#f9fafc;} .agency_operating_con02 .title{text-align:center;} .agency_operating_con02 .title h4{font-size:42px; color:#333333; letter-spacing:-0.025em; font-weight:400; margin-bottom:40px;line-height: 44px;} .agency_operating_con02 .title h4 span{font-size:28px; color:#333333; letter-spacing:-0.025em;font-weight:400;} .agency_operating_con02 table{border-collapse:collapse; width:100%; margin:35px 0 50px; border-bottom:2px solid #666;} .agency_operating_con02 table thead tr th{border-right:1px solid #949494; background:#666666; padding:28px 10px; font-size:20px; color:#ffffff; letter-spacing:0em; font-weight:500; text-align:center;} .agency_operating_con02 table thead tr th:last-child{border-right:0;} .agency_operating_con02 table tbody tr{border-bottom:1px solid #666;} .agency_operating_con02 table tbody tr th{border-right:1px solid #949494; background:#fff; padding:20px 35px; font-size:20px; color:#333; letter-spacing:0em; font-weight:500; text-align:center;} .agency_operating_con02 table tbody tr td{line-height:20px; border-right:1px solid #949494; background:#fff; padding:20px 35px; font-size:16px; color:#333; letter-spacing:0em; font-weight:300; text-align:center;} .agency_operating_con02 table tbody tr td.lato{font-weight:500;} .agency_operating_con02 table tbody tr td p{text-align:left;} .agency_operating_con02 table tbody tr td:last-child{border-right:0;} .agency_operating_con02 .border_box01 p.tab_title { margin-top:40px; font-size:18px; font-weight: 300; width:360px; height:60px; background:#06a9b7; border-radius:0 30px 30px 0; } .agency_operating_con02 .border_box01 p.title { margin-top: 40px; display: inline-block; width:auto; padding-right:20px; text-indent:20px; height:63px; line-height:63px; color:#fff; font-size:20px; font-weight: 700; background:#06a9b7; border-radius:0 32px 32px 0; text-align: left; } .agency_operating_con02 .border_box01 table { width: 1200px; margin:45px auto 50px; border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;border-right:1px solid #dfdfdf;} .agency_operating_con02 .border_box01 thead th {font-size:16px;border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; height: 55px; background: #f4f4f4; color: #353535; font-weight: 500; padding: 0;} .agency_operating_con02 .border_box01 .back-blue {background:#e9f7f6;} .agency_operating_con02 .border_box01 .back-yellow {background:#fffff0;} .agency_operating_con02 .border_box01 tbody th { font-size: 16px;text-align: center !important; font-weight: 500; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; padding: 0;} .agency_operating_con02 .border_box01 tbody td { border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; font-size:15px; line-height:130%; padding:10px 0 10px 15px; color: #353535; padding: 10px 0;} .agency_operating_con02 .border_box01 td b { font-weight: 700; } .agency_operating_con02 .border_box01 td font { font-weight: 700; color: #4e93bf;} .agency_operating_con02 .border_box01 td span { font-weight: 700; color: #ff3939;} .agency_operating_con02 .bot_btn{text-align:center;} .agency_operating_con02 .bot_btn > a{display:inline-block;float:none;transition:background-color 0.3s ease-in-out;width:184px;height:50px;line-height:50px;box-sizing:border-box;border:1px solid #333;border-radius:5px;font-size:16px;font-weight:300;text-align:center;position:relative;transition:all 0.3s ease-in-out;} .agency_operating_con02 .bot_btn > a.btn{width:184px;} .agency_operating_con02 .bot_btn > a.btn:after{right:30px;} .agency_operating_con02 .bot_btn > a:hover{background-color:#333;color:#fff;} .agency_operating_con02 .bot_btn > a:hover:after{color:#fff;} .agency_operating_con02 .bot_btn { display: block; width:184px; margin:50px auto 0; } .agency_operating_con02 .bot_btn > .btn > a { display:block;margin:45px auto 0;float:none;transition:background-color 0.3s ease-in-out;width:184px;height:50px;line-height:50px;box-sizing:border-box;border:1px solid #333;border-radius:3px;font-size:16px;font-weight:300;text-align:left;padding-left:45px;position:relative;transition:all 0.3s ease-in-out; } .agency_operating_con02 .bot_btn > a:hover{background-color:#333;color:#fff;} .agency_operating_con02 .bot_btn > a:hover:after{color:#fff;} /* 12가지 무료혜택 - 서버관리대행 ITO */ .ito01{padding:70px 0 130px;} .ito01 .w1200{} .ito01 h1{font-size:42px;font-weight:300;color:#333;text-align:center;line-height:1;font-family:"Noto Sans KR", sans-serif;} .ito01 h2{font-size:34px;font-weight:300;color:#333;text-align:center;line-height:44px;font-family:"Noto Sans KR", sans-serif;margin-top: 30px;} .ito01 h2 span{color:#06a9b7;} .ito01 h3{font-size:20px; color:#333333; letter-spacing:-0.025em; font-weight:300; line-height:28px;text-align:center;margin-top: 30px;} .ito01 h3 b{font-weight: 500;} .ito01 h4{width: 450px;height: 60px;font-size: 24px;font-weight: 600;text-align: center;line-height: 60px;background: #06a9b7;color: #fff;margin: 0 auto;border-radius:50px;margin-top: 60px;} .ito01 .w1200 ul.count5 li{margin-top:90px;} .ito01 .w1200 ul.count5 li:nth-of-type(5){margin-right:0;} .ito01 .w1200 ul.count5 li:nth-of-type(5) div.circle:before{display:none;} .ito01 .w1200 ul.count5 li:nth-of-type(5) div.circle:after{display:none;} .ito01 .w1200 ul{padding-top:60px;font-size:0;text-align:center;} .ito01 .w1200 ul > li:nth-of-type(-n+3){margin-top:0;} .ito01 .w1200 ul > li:nth-of-type(3n){margin-right:0;} .ito01 .w1200 ul > li{display:inline-block;vertical-align:top;margin-right:183px;margin-top:40px;width:267px;} .ito01 .w1200 ul > li div.circle:after{display:block;content:"";position:absolute;width:183px;height:1px;background-color:#c1c1c1;right:-190px;top:50%;transform:translateY(-1px);-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);-moz-transform:translateY(-1px);-o-transform:translateY(-1px);} .ito01 .w1200 ul > li:nth-of-type(3n) div.circle:before{display:none;} .ito01 .w1200 ul > li:nth-of-type(3n) div.circle:after{display:none;} .ito01 .w1200 ul > li .circle{width:267px;height:267px;box-sizing:border-box;border-radius:50%;border:7px solid #a1d9de;background-color:#fff;position:relative;} .ito01 .w1200 ul > li .circle span{display:block;font-size:20px;font-weight:bold;color:#06a9b7;text-align:center;line-height:1;padding-top:40px;} .ito01 .w1200 ul > li .circle img{display:block;margin:15px auto 0;} .ito01 .w1200 ul > li .circle p{font-size:26px;font-weight:bold;color:#333;text-align:center;padding-top:112px;line-height: 30px;} .ito01 .w1200 ul > li .circle .line2 {padding-top: 100px;} .ito01 .w1200 ul > li ol{padding-left:10px;padding-top:35px;} .ito01 .w1200 ul > li ol li{font-size:15px;font-weight:300;color:#666;letter-spacing:-0.025em;line-height:24px;text-align:left;padding-left:14px;position:relative;white-space:nowrap;} .ito01 .w1200 ul > li ol li:before{display:block;content:"";position:absolute;width:2px;height:2px;background-color:#666;left:0;top:11px;} .ito01 .btn {text-align: center;} .ito01 .btn > a span {display: inline-block;vertical-align: middle;margin-left: 17px;font-family: "batang";position: relative;top: -1px;} .ito01 .btn > a{display:inline-block;width:230px;box-sizing:border-box;border-radius:50px;border:1px solid #06a9b7;font-size:18px;font-weight:400;color:#06a9b7;text-align:center;padding: 15px 50px;margin: 60px auto 0;position:relative;transition:all 0.2s ease-in-out;width: 240px;} .ito01 .btn > a:hover{background-color:#06a9b7;color:#fff;} .ito01 .btn > a:hover:after{background:url("/images/sub/server01-more-on.png")no-repeat center top;} .ito02{padding:130px 0;} .ito02 h1{font-size:42px;font-weight:300;color:#333;text-align:center;line-height:1;font-family:"Noto Sans KR", sans-serif;} .ito02 .title p{font-size:20px; color:#333333; letter-spacing:-0.025em; font-weight:300; line-height:28px;text-align:center;margin-top: 30px;} .ito02 .w1200 > p{font-size:42px;font-weight:300;text-align:center;color:#333;} .ito02 .w1200 ul{font-size:0;text-align:center;padding-top:60px;} .ito02 .w1200 ul li:nth-of-type(3n){margin-right:0;} .ito02 .w1200 ul li:nth-of-type(-n+3){margin-bottom:30px;} .ito02 .w1200 ul li{display:inline-block;vertical-align:top;width:320px;height:382px;box-sizing:border-box;border:2px solid #31b3bf;border-radius:15px;margin-right:30px;} .ito02 .w1200 ul li .img{} .ito02 .w1200 ul li .img img{display:block;margin:0 auto;padding-top:40px;} .ito02 .w1200 ul li .txt{height:180px;display:table;width:100%;} .ito02 .w1200 ul li .txt p{display:table-cell;vertical-align:middle;font-size:20px;font-weight:300;text-align:center;color:#333;line-height:26px;text-align:center;} .ito02 .w1200 ul li .txt p span{color:#00a9b7;} .ito02 .w1200 ul li .txt a{display:table;margin:25px auto 0;width:120px;height:34px;background-color:#00a9b7;line-height:34px;font-size:14px;font-weight:300;color:#fff;text-align:center;border-radius:15px;} .ito03{padding:130px 0;} .ito03 h1{font-size:42px;font-weight:300;color:#333;text-align:center;line-height:1;font-family:"Noto Sans KR", sans-serif;margin-bottom: 70px;} .ito03 .tab_button_area ul li {display: table;box-sizing: border-box;line-height: 1.6;} .ito03 .tab_button_area ul li span {display: table-cell;vertical-align: middle; font-size: 18px;} .ito03 .tab_button_area {margin: 50px 0;border-bottom: 1px solid #21424a;text-align: center;font-size: 0;} .ito03 .tab_button_area ul { display: inline-block;} .ito03 .tab_button_area ul::after {content: "";display: block;clear: both;} .ito03 .tab_button_area ul li {float: left;width: 250px;height: 60px;margin-right: -1px;line-height: 60px;border: 1px solid #ccc;border-bottom: none;font-size: 16px;color: #999;cursor: pointer;width: 220px;} .ito03 .tab_button_area ul li.active {background-color: #21424a;color: #fff;} .ito03 .table_area table {border-top: 1px solid #dfdfdf;} .ito03 .table_area th {border-top:1px solid #dfdfdf;background: #f4f4f4;padding: 20px 0;font-weight: bold;} .ito03 .table_area td {padding: 20px 0;line-height: 24px;} .ito03 .table_area td b {font-weight: 500;} .ito03 .table_area .td_head{background: #e7f2f1;} .ito03 .table_area .td_left{text-align: left; padding-left: 20px;} .ito03 .table_area table tbody tr:last-child td {background:#fff;} .ito03 .table_area table tbody tr:last-child .td_head {background:#e7f2f1;} .ito03 .more_box {padding-top: 0;} .ito04{padding:130px 0;} .ito04 h1{font-size:42px;font-weight:300;color:#333;text-align:center;line-height:1;font-family:"Noto Sans KR", sans-serif;margin-bottom:70px;line-height: 52px;} .ito04 h1 span {color: #06a9b7;} .ito04 .w1200 .info_ito{padding:0; text-align: center;} .ito04 .w1200 .info_ito > ul {display: inline-block; margin-bottom: 40px;} .ito04 .w1200 .info_ito > ul > li{float:left; width:560px;margin-right:38px; text-align:center; border:1px solid #06a9b7; border-radius:7px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .ito04 .w1200 .info_ito > ul > li:last-child{margin-right:0;} .ito04 .w1200 .info_ito > ul > li > h4{padding:25px 0; font-size:24px; font-weight:500; color:#333; letter-spacing: -0.05em; line-height:1; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;background-color:#06a9b7;color: #fff;} .ito04 .w1200 .info_ito > ul > li ul{padding:25px 30px; height: 240px;} .ito04 .w1200 .info_ito > ul > li ul li{padding-left:20px; font-size:18px; font-weight:300; color:#333; letter-spacing: -0.025em; line-height:26px; text-align:left; position:relative;margin-bottom:20px;} .ito04 .w1200 .info_ito > ul > li ul li:before{content:""; display:block; width:7px; height:7px; background-color:#666; border-radius:50%; position:absolute; left:0; top:9px; } .ito05{padding:130px 0;} .ito05 h1{font-size:42px;font-weight:300;color:#333;text-align:center;line-height:1;font-family:"Noto Sans KR", sans-serif;margin-bottom:70px;line-height: 52px;} /* 12가지 무료혜택 - CarePack */ .care_pack_con01{padding:130px 0;} .care_pack_con01 .title{text-align:center;} .care_pack_con01 .title h4{font-size:42px; color:#333333; letter-spacing:-0.025em; font-weight:300;} .care_pack_con01 dl{font-size:0; letter-spacing:-4px; text-align:center;} .care_pack_con01 dl > *{width:33.333333%; display:inline-block; vertical-align:top;} .care_pack_con01 dl dd{border:2px solid #efefef; border-radius:5px; background:#fff; box-sizing:border-box;} .care_pack_con01 dl dd .top{padding:65px 0 45px; text-align:center; background:#fff;} .care_pack_con01 dl dd .top p{font-size:30px; color:#333333; letter-spacing:-0.025em; font-weight:bold;} .care_pack_con01 dl dd .center{background:#efefef; padding:40px 0; text-align:center;} .care_pack_con01 dl dd .center h5{font-size:16px; color:#ed1c24; letter-spacing:-0.025em; font-weight:300; margin-bottom:15px;} .care_pack_con01 dl dd .center h5 b{font-size:30px; font-weight:bold;} .care_pack_con01 dl dd .center p{font-size:15px; color:#333333; letter-spacing:-0.025em; font-weight:500;} .care_pack_con01 dl dd .center h5 span{text-decoration: line-through;} .care_pack_con01 dl dd .bot{padding:42px 0 63px; text-align:center; background:#fff;} .care_pack_con01 dl dd .bot a{display:inline-block; vertical-align:top; width:142px; height:42px; line-height:42px; border-radius:30px; background:#06a9b7; font-size:16px; color:#fff; letter-spacing:0em; font-weight:400; } .care_pack_con01 dl dd .bot a i{line-height:1; display:inline-block; vertical-align:middle; margin-left:10px;} .care_pack_con01 dl dt{background:transparent; position:relative;} .care_pack_con01 dl dt:before{content:""; width:100%; height:1px; background:#efefef; position:absolute; display:block; left:0; top:50%;} .care_pack_con01 dl dt .img_box{width: 300px;height: 253px;position: relative;margin: 94px auto 110px;background: #fff;} .care_pack_con01 dl dt .img_box:before{content:""; width:310px; height:310px; border-radius:50%;border:7px solid #efefef; box-sizing:border-box; position:absolute; display:block; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%);} .care_pack_con01 .title .question_box{text-align: left;} .care_pack_con02{padding:130px 0 90px; background:#f9fafc;} .care_pack_con02 .title{text-align:center;} .care_pack_con02 .title h4{font-size:42px; color:#333333; letter-spacing:-0.025em; font-weight:300;} .care_pack_con02 .title h4 span{color:#06a9b7;font-weight:500;} .care_pack_con02 .title p{line-height: 30px;font-size: 20px;color: #333333;letter-spacing: -0.025em;font-weight: 300;margin: 40px 0 50px;} .care_pack_con02 .top2{padding-bottom:45px;} .care_pack_con02 .top2 > ul{font-size:0;text-align:center;} .care_pack_con02 .top2 > ul > li:last-of-type{margin-right:0;} .care_pack_con02 .top2 > ul > li{width:570px;height:400px;box-sizing:border-box;margin-right:60px;display:inline-block;vertical-align:top;background-color:#f7f7f7;border-radius:15px;padding-top:80px;position:relative;box-shadow:2px 2px 6px 1px rgba(0,0,0,0.4);} .care_pack_con02 .top2 > ul > li:before{display:block;content:"";position:absolute;top:-8px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);width:216px;height:71px;background:url("/images/sub/free12/care_pack_con02_icon01.png")no-repeat center top;background-size:cover;} .care_pack_con02 .top2 > ul > li p{font-size:25px;font-weight:bold;color:#747474;text-align:center;} .care_pack_con02 .top2 > ul > li p span{color:#16a9b7;font-weight:bold;font-size:47px;display:block;} .care_pack_con02 .top2 > ul > li > ul{text-align: left;list-style: none;margin:20px auto;width:460px;} .care_pack_con02 .top2 > ul > li > ul li {line-height: 24px} .care_pack_con02 .top2 > ul > li > ul li h4{font-size:18px;} .care_pack_con02 .top2 > ul > li > ul li p{font-size:15px;font-weight:300;text-align:left;padding-left: 23px;margin-bottom: 10px;line-height: 17px;} .care_pack_con03{padding:130px 0 130px; background:#fff;} .care_pack_con03 .title{text-align:center; margin-bottom:60px;} .care_pack_con03 .title h4{font-size:42px; color:#333333; letter-spacing:-0.025em; font-weight:300;} .care_pack_con03 ul{font-size:0;text-align:center;padding-top:60px;} .care_pack_con03 ul li:last-of-type{margin-right:0;} .care_pack_con03 ul li{display:inline-block;vertical-align:top;width:210px;height:400px;margin-right:26px;border:1px solid #666;box-sizing:border-box;} .care_pack_con03 ul li .img{border-bottom:1px dashed #797979;} .care_pack_con03 ul li .img img{} .care_pack_con03 ul li .txt{height:198px;display:table;width:100%;box-sizing: border-box;padding:0 15px} .care_pack_con03 ul li .txt .txt-inner{display:table-cell;vertical-align:middle;font-size:16px;font-weight:500;letter-spacing:-0.05em;line-height:30px;} .care_pack_con03 ul li .txt .txt-inner em{color:#06a9b7;font-weight:500;} .care_pack_con04{padding:130px 0; background:#f9fafc;} .care_pack_con04 .title{text-align:center;margin-bottom:80px;} .care_pack_con04 .title h4{font-size:42px; color:#333333; letter-spacing:-0.025em; font-weight:300;} .care_pack_con04 .title span{color:#06a9b7;font-weight:500;} .care_pack_con04 .box table{} .care_pack_con04 .box table tr th, .care_pack_con04 .box table tr td{height:80px; font-size:16px; font-weight:400; color:#333; letter-spacing: -0.025em; text-align:center; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;} .care_pack_con04 .box table tr.lgtd th{height:160px} .care_pack_con04 .box table tr.lgtd td{line-height:20px;} .care_pack_con04 .box table thead tr td{background-color:#f3f3f3; font-size:20px; font-weight:700; color:#333; font-family: 'Lato', sans-serif; border-top:1px solid #e1e1e1;line-height:24px;height:90px;} .care_pack_con04 .box table thead tr td.on{background-color:#06a9b7; color:#fff; border-left:1px solid #06a9b7; border-right:1px solid #06a9b7;} .care_pack_con04 .box table thead tr td.bg_wh{background-color:#f9fafc; border-top:none;} .care_pack_con04 .box table tr td.on{color:#06a9b7; border-left:1px solid #06a9b7; border-right:1px solid #06a9b7;} .care_pack_con04 .box table tr td.on_f{border-right:none;} .care_pack_con04 .box table tr td.on_l{border-left:1px solid #e1e1e1;} .care_pack_con04 .box table tr td.on_last{border-bottom:1px solid #06a9b7;} .care_pack_con04 .box table tbody tr th{padding:0 20px; text-align:left; border-right:none; } /* 무료혜택 - INSIGHT */ .insight .sub1{padding:100px 0;} .insight .sub1 .tit{font-size: 33px;color: #333;line-height: 1;text-align: center;padding-bottom: 55px;font-weight: 300;} .insight .sub1 .tit span{font-size:42px;color:#06a9b7;font-weight:400;line-height:47px} .insight .sub1 ul{font-size:0; letter-spacing:-4px; text-align:center; padding-bottom:40px} .insight .sub1 ul li {position:relative; display:inline-block; vertical-align:middle;width:225px;text-align: center;padding:10px 20px} .insight .sub1 ul li:nth-of-type(1){border-top:2px dashed #e1e1e1;border-left:2px dashed #e1e1e1;border-bottom:2px dashed #e1e1e1;} .insight .sub1 ul li:nth-of-type(2){border-top:2px dashed #e1e1e1;border-right:2px dashed #e1e1e1;border-bottom:2px dashed #e1e1e1;} .insight .sub1 ul li:nth-of-type(3){width:33.333333%;padding-left:50px} .insight .sub1 ul li p{text-align: center; font-size:20px; color:#333; letter-spacing:0em; font-weight:500;} .insight .sub1 ul li:nth-of-type(2):before{content:""; width:53px; height:53px; background:url('/images/sub/free12/server_agency_con01_arrow.png')no-repeat center / cover; position:absolute; display:block; right:-97px; top:calc(50% - 26px);} .insight .sub1 ul li p{font-size:20px;line-height: 42px;font-weight:300} .insight .sub1 p.txt{font-size:24px;line-height: 42px;font-weight:300;text-align:center;} .insight .sub1 p.txt span{color:#06a9b7} .insight .sub1 a{display:block; width:143px;padding:13px 0 13px 32px; font-size:16px; font-weight:400; color:#fff; line-height:1;box-sizing:border-box; background-color:#06a9b7; border-radius:30px; text-align:left;position:relative;margin:15px auto 0} .insight .sub1 a:before{content:""; display:block; width:7px; height:11px; background:url(/images/sub/btn_arrow.png) center top no-repeat; position:absolute; top:16px; right:29px;} .insight .sub2{padding-bottom:100px} .insight .sub2 .tit span{font-weight:500} .insight .sub3{padding:100px 0;} .insight .sub3 .tit{font-size: 42px;color: #333;line-height: 1;text-align: center;padding-bottom: 63px;font-weight: 300;} .insight .sub3 .sflow_box{padding-bottom:60px;} .insight .sub3 .sflow_box div{float:left;width:600px;box-sizing: border-box;height:410px} .insight .sub3 .sflow_box div.question_box{height:auto;} .insight .sub3 .sflow_box .sflow_left h2{font-size:36px;color: #333;line-height:44px;font-weight: 400;padding:80px 0 40px} .insight .sub3 .sflow_box .sflow_left h2 span{color:#06a9b7;font-weight:400;line-height:34px} .insight .sub3 .sflow_box .sflow_left p{line-height: 24px} .insight .sub3 .sflow_box .sflow_right{text-align:right;} .insight .sub3 .table_area p{text-align:center;padding:15px 0;font-size:20px;font-weight: 300} .insight .sub3 .table_area table tbody tr:last-child td{background:#fff;} .insight .sub3 .table_area table tbody tr td{padding:6px 0 3px;line-height:23px} /* 통합모니터링 */ .monitor #sub1 {padding:130px 0;} .monitor #sub1 .w1200{} .monitor #sub1 .w1200 ul{font-size:0;text-align:center;padding-top:20px;} .monitor #sub1 .w1200 ul > li:last-of-type{margin-right:0;} .monitor #sub1 .w1200 ul > li{width:580px;height:410px;box-sizing:border-box;border-radius:10px;border:2px solid #efefef;position:relative;background-color:#fff;margin-right:40px;display:inline-block;vertical-align:top;transition:all 0.3s;padding-left:230px;text-align:left;padding-top:70px;} .monitor #sub1 .w1200 ul > li:hover{border-color: #06a9b7;box-shadow: 3px 3px 10px rgba(0,0,0,0.3);} .monitor #sub1 .w1200 ul > li img{display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);} .monitor #sub1 .w1200 ul > li p.title{font-size:30px;font-weight:bold;color:#333;letter-spacing:-0.025em;line-height:1;font-family:"Noto Sans KR", sans-serif;} .monitor #sub1 .w1200 ul > li p.price{display:block;font-weight:bold;font-size:40px;letter-spacing:-0.025em;color:#ed1c24;padding-top:35px;line-height:1;} .monitor #sub1 .w1200 ul > li p.price small{font-size:16px;color:#222;display: block;font-weight:bold;margin-bottom: 5px} .monitor #sub1 .w1200 ul > li p.txt{padding-top:25px;font-size:16px;line-height:24px;letter-spacing:-0.025em;color:#333;text-align:left;font-family:"Noto Sans KR", sans-serif;} .monitor #sub1 .w1200 ul > li a{display:inline-block;width:143px;height:42px;box-sizing:border-box;border-radius:50px;border:1px solid #06a9b7;font-size:16px;font-weight:400;color:#06a9b7;line-height:42px;text-align:left;padding-left:30px;margin:50px auto 0;position:relative;transition:all 0.2s ease-in-out;} .monitor #sub1 .w1200 ul > li a:after{display:block;content:"";position:absolute;width:7px;height:11px;background:url("/images/sub/server01-more-off.png")no-repeat center top;background-size:cover;right:30px;top:15px;transition:all 0.2s ease-in-out;} .monitor #sub1 .w1200 ul > li a:hover{background-color:#06a9b7;color:#fff;} .monitor #sub1 .w1200 ul > li a:hover:after{background:url("/images/sub/server01-more-on.png")no-repeat center top;} .monitor #sub1 .link_btn{width:1200px;margin:0 auto;} .monitor #sub1 .link_btn ul li{display: inline-block;width:200px;margin-right:15px;height:50px;border-radius: 8px;line-height: 50px;text-align: center;} .monitor #sub1 .link_btn ul li:last-child{background:#06a9b7;color:#fff} .monitor #sub1 .link_btn ul li:first-child{border:1px solid #06a9b7;} .monitor #sub1 .link_btn ul li a{display: inline-block;width:100%;height:100%;color:#06a9b7 } .monitor .addTxt{width:100%;text-align:center;} .monitor .addTxt{width:100%;background:#4e93bf;text-align:center;color:#fff;font-size:20px;padding:30px 0;line-height:24px;} .monitor .addTxt span{font-weight:500;color:#f2f1b1} .monitor #sub2 {padding-bottom: 130px} .monitor #sub2 ul li{float:left;border:1px solid #e1e1e1;background:#fff;margin: 25px 40px 0 0;width:580px;height:280px;box-sizing:border-box;border-radius:10px;position: relative;padding:60px 40px 40px;} .monitor #sub2 ul li:nth-child(2n){margin-right: 0} .monitor #sub2 ul li .img{position: absolute;right:40px;top:40px;} .monitor #sub2 ul li h1{font-size:24px;font-weight:600;padding-bottom: 30px;color:#06a9b7;} .monitor #sub2 ul li .sub_txt>div{width:calc(100% - 140px);line-height:24px} .monitor #sub3{padding:130px 0;} .monitor #sub3 .tit{font-size: 42px;color: #333;line-height: 1;text-align: center;padding-bottom: 30px;font-weight: 300;} .monitor #sub3 .w1200>p{text-align:center;font-size: 20px;font-weight: 300;color: #333;line-height: 1.3;padding-bottom:60px;} .monitor #sub3 ul li{float:left;width:33.3%;text-align:center;padding-bottom: 60px} .monitor #sub3 ul li p{font-weight:600;padding-top: 15px;font-size:18px;} .monitor #sub3 ul li .img{padding:0 20px;} .monitor #sub3 ul li .img img{width:100%;border:1px solid #e1e1e1} .monitor #sub3 .w1200 .sub_txt{background:#f1f5f6;border-radius:8px;text-align:center; padding:30px 0;line-height:24px;} .monitor #sub3 .w1200 .sub_txt p{font-weight:500} .monitor #sub4{padding:130px 0;} .monitor #sub4 .tit{font-size: 42px;color: #333;line-height: 1;text-align: center;padding-bottom: 30px;font-weight: 300;} .monitor #sub4 .w1200>p{text-align:center;font-size: 20px;font-weight: 300;color: #333;line-height: 1.3;padding-bottom:60px;} .monitor #sub4 ul li{float:left;width:33.3%;text-align:center;padding-bottom: 60px} .monitor #sub4 ul li p{font-weight:600;padding-top: 15px;font-size:18px;} .monitor #sub4 ul li .img{padding:0 20px;} .monitor #sub4 ul li .img img{width:100%;border:1px solid #e1e1e1} .monitor #sub4 .w1200 .sub_txt{background:#fff;border-radius:8px;text-align:center; padding:30px 0;line-height:24px;border:1px solid #e1e1e1} .monitor #sub4 .w1200 .sub_txt p{font-weight:500} /* 서버·IDC */ .server01 .compare_box {text-align: center;display: flex;justify-content: center;margin: 60px 0 0;align-items: center} .server01 .compare_box h1 {font-size: 36px;color: #333;} .server01 .compare_box a {width: 140px;border: 1px solid #222;border-radius: 5px;height: 42px;line-height: 42px;color: #222;margin-left: 15px;font-weight: 400} .server01 .compare_box a.more_Btn {border: 1px solid #06a9b7;background-color: #06a9b7;color: #fff;} .server01 .compare_con {display: none;width: 100%;max-width: 1200px;margin: 0 auto;padding-top: 40px;padding-bottom: 0px;} .server01 .compare_con.view {display: block;} .server01 .compare_con .event_server_list {padding-bottom: 40px} .server01 .compare_con .event_server_list >ul>li {padding: 40px 30px 0;position: relative;height: 520px} .server01 .compare_con .event_server_list >ul>li p {text-align: left;padding-bottom: 15px} .server01 .compare_con .event_server_list >ul>li span {text-align: left;} .server01 .compare_con .event_server_list >ul>li #favor_price {margin-bottom:20px;text-align: left;display: flex;align-items: center;margin-top: 15px} .server01 .compare_con .event_server_list >ul>li #favor_price .txt {display: inline-block;vertical-align: middle;padding-right: 7px;font-size: 14px;padding-left: 5px} .server01 .compare_con .event_server_list >ul>li #favor_price .txt p {font-size: 16px;font-weight: 500;letter-spacing: -0.025em;color: #ff6363;text-align: left;line-height: 1;padding-bottom: 5px;} .server01 .compare_con .event_server_list >ul>li #favor_price .txt span b {font-size: 18px;font-weight: bold;letter-spacing: -0.025em;font-family: 'Lato', sans-serif;top: 1px;text-decoration: line-through;color: #888;} .server01 .compare_con .event_server_list >ul>li #favor_price .circle {width: 55px;height: 55px;border-radius: 50%;background-color: #ed1c24;display: inline-block;vertical-align: middle;font-size: 14px;font-weight: 500;color: #fff;letter-spacing: -0.025em;line-height: 50px;text-align: center;} .server01 .compare_con .event_server_list >ul>li #favor_price .circle b {font-size: 28px;font-weight: bold;letter-spacing: -0.025em;font-family: 'Lato', sans-serif;font-style: italic;position: relative;top: 2px;} .server01 .compare_con .event_server_list >ul>li #favor_price span.af_price {font-size: 30px;color: #06a9b7;font-weight: 700;} .server01 .compare_con .event_server_list >ul>li>p.tag {position: absolute;top: 0;left: 0;width: 100px;height: 45px;line-height: 45px;background: #06a9b7;color: #fff;text-align: center;font-size: 18px;font-weight: 600;border-top-left-radius: 8px;border-bottom-right-radius: 8px;padding: 0} .server01 .compare_con .event_server_list >ul>li>em {line-height: 1.2;} .server01 .compare_con .event_server_list >ul>li>em:first-of-type {padding-top:30px;} .server01 .compare_con .event_server_list >ul>li>em:last-of-type {padding-bottom: 30px;} .server01 .compare_con .vs_box {width: 1200px; border: 1px solid #06a9b7;display: flex;padding:40px 0;justify-content: center;align-items: center;background-color: #fff;border-radius: 10px;} .server01 .compare_con .vs_box div{padding: 0 30px;text-align: center;} .server01 .compare_con .vs_box div i {color: #06a9b7;} .server01 .compare_con .vs_box div h1 {font-size: 32px;color: #333;font-weight: bold;padding-bottom: 15px} .server01 .compare_con .vs_box div h2 {width: 70px;height: 70px;background-color: #06a9b7;border-radius: 200px;color: #fff;padding: 25px 17px;font-weight: bold;font-size: 20px;} .server01 .compare_con .vs_box div p {font-size: 18px;letter-spacing: -0.025em;position: relative;text-align: left;padding-left: 25px;position: relative;margin-top: 15px;} .server01 .compare_con .vs_box div p:before {display: block;content: "";position: absolute;width: 6px;height: 6px;border-radius: 50%;background-color: #666;left: 0;top: 6px;} .server01 .compare_con .vs_box .vs_right,.server01 .compare_con .vs_box .vs_left{width: 400px} .server01{background-color:#f9fafc;padding:70px 0 105px;} .server01 .w1200{} .server01 .w1200 .tab-box{} .server01 .w1200 .tab-box:after{display:block;content:"";clear:both;} .server01 .w1200 .tab-box .left{float:left;padding-top:25px;} .server01 .w1200 .tab-box .left form{font-size:0;text-align:left;} .server01 .w1200 .tab-box .left form a.popular{margin-right:23px;} .server01 .w1200 .tab-box .left form a.price.on{background:url("/images/sub/select-bg-on.png")no-repeat top 50% right 0;} .server01 .w1200 .tab-box .left form a.price{margin-right:23px;margin-right:18px;padding-right:15px;background:url("/images/sub/select-bg.png")no-repeat top 50% right 0;} .server01 .w1200 .tab-box .left form a.toggle.on{color:#06a9b7;} .server01 .w1200 .tab-box .left form a.toggle{display:inline-block;vertical-align:top;font-size:16px;font-weight:400;letter-spacing:-0.025em;color:#222;transition:all 0.3s ease-in-out;} .server01 .w1200 .tab-box .left form .select-brand{display:inline-block;vertical-align:top;position:relative;padding-bottom:5px;} .server01 .w1200 .tab-box .left form .select-brand > a{display:block;font-size:16px;font-weight:400;letter-spacing:-0.025em;color:#222;padding-right:15px;background:url("/images/sub/select-bg.png")no-repeat top 50% right 0;width:120px;} .server01 .w1200 .tab-box .left form .select-brand ul{width:120px;padding:5px 10px;z-index:100;background-color:#fff;border:1px solid #333;position:absolute;top:20px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);display:none;} .server01 .w1200 .tab-box .left form .select-brand ul li{} .server01 .w1200 .tab-box .left form .select-brand ul li a{font-size:14px;color:#333;font-weight:400;font-family:"Noto Sans KR", sans-serif;padding:3px;letter-spacing:-0.01em;display:block;transition:all 0.3 ease-in-out;} .server01 .w1200 .tab-box .left form .select-brand ul li a:hover{background-color:#333;color:#fff;} .server01 .w1200 .tab-box .right{float:right;} .server01 .w1200 .tab-box .right .tab{} .server01 .w1200 .tab-box .right .tab ul{font-size:0;text-align:right;} .server01 .w1200 .tab-box .right .tab ul li:last-of-type{margin-right:0;} .server01 .w1200 .tab-box .right .tab ul li{display:inline-block;vertical-align:top;margin-right:6px;} .server01 .w1200 .tab-box .right .tab ul li.on a{background-color:#06a9b7;} .server01 .w1200 .tab-box .right .tab ul li a{display:block;width:96px;height:42px;box-sizing:border-box;border-radius:3px;background-color:#313637;font-size:16px;font-weight:400;letter-spacing:-0.025em;color:#fff;text-align:center;line-height:42px;} .server01 .w1200 .tab-box .right .tab ul li a img{display:inline-block;vertical-align:middle;margin-right:8px;top:-1px;position:relative;} .server01 .w1200 .content-box{padding-top:22px;} .server01 .w1200 .content-box .content:first-of-type{display:block;} .server01 .w1200 .content-box .content{display:none;} .server01 .w1200 .content-box .content > ul{font-size:0;text-align:left;} .server01 .w1200 .content-box .content > ul > li{transition:all .3s;} .server01 .w1200 .content-box .content > ul > li:nth-of-type(3n){margin-right:0;} .server01 .w1200 .content-box .content > ul > li:nth-of-type(-n+3){margin-top:0;} .server01 .w1200 .content-box .content > ul > li:nth-of-type(-n+6){display:inline-block;} .server01 .w1200 .content-box .content > ul > li:hover{border-color:#06a9b7; box-shadow: 3px 3px 10px rgba(0,0,0,0.3);} .server01 .w1200 .content-box .content > ul > li.view{display:inline-block;} .server01 .w1200 .content-box .content > ul > li{display:inline-block;vertical-align:top;width:382px;height:600px;box-sizing:border-box;margin-right:27px;border:2px solid #efefef;border-radius:5px;background-color:#fff;padding:40px 45px 0;margin-top:27px;display:none;position:relative;} .server01 .w1200 .content-box .content > ul > li .brand{} .server01 .w1200 .content-box .content > ul > li .brand img{} .server01 .w1200 .content-box .content > ul > li .title{padding:30px 0;border-bottom:1px solid #e1e1e1;} .server01 .w1200 .content-box .content > ul > li .title p{font-size:30px;font-weight:bold;color:#000;letter-spacing:-0.025em;text-align:center;} .server01 .w1200 .content-box .content > ul > li .title span{display:block;font-size:16px;font-weight:400;color:#ed1c24;letter-spacing:-0.025em;text-align:center;padding-top:16px;} .server01 .w1200 .content-box .content > ul > li .title span b{font-size:36px;font-weight:bold;letter-spacing:-0.025em;position:relative;bottom:-3px;margin-right:2px;} .server01 .w1200 .content-box .content > ul > li .spec{padding-top:30px;} .server01 .w1200 .content-box .content > ul > li .spec dl:after{display:block;content:"";clear:both;} .server01 .w1200 .content-box .content > ul > li .spec dl:first-of-type{padding-top:0;} .server01 .w1200 .content-box .content > ul > li .spec dl{padding-top:20px;} .server01 .w1200 .content-box .content > ul > li .spec dl dt{float:left;width:58px;font-size:16px;font-weight:400;color:#222;font-weight:bold;text-transform:uppercase;} .server01 .w1200 .content-box .content > ul > li .spec dl dd{float:left;width:calc(100% - 58px);width:-ms-calc(100% - 58px);width:-o-calc(100% - 58px);width:-moz-calc(100% - 58px);width:-webkit-calc(100% - 58px);font-size:14px;font-weight:300;color:#222;letter-spacing:-0.025em;text-transform:uppercase;} .server01 .w1200 .content-box .content > ul > li p.add-txt{font-size:16px;font-weight:500;letter-spacing:-0.025em;color:#222;padding-top:30px;text-align:center;position: absolute;width: 288px;bottom: 145px;} .server01 .w1200 .content-box .content > ul > li p.add-txt_2{font-size:24px;font-weight:500;letter-spacing:-0.025em;color:#222;padding-top:30px;text-align:center;position: absolute;width: 288px;bottom: 130px;} .server01 .w1200 .content-box .content > ul > li div.serverList_btn{position:absolute;bottom:35px;left:0;text-align:center;width:100%;} .server01 .w1200 .content-box .content > ul > li div.serverList_btn a{display:inline-block;width:142px;height:42px;text-align:center;} .server01 .w1200 .content-box .content > ul > li div.serverList_btn a:first-child{margin-right:15px} .server01 .w1200 .content-box .content > ul > li div.serverList_btn a.auto_btn{width:288px;margin-top:5px;} .server01 .w1200 .content-box .content > ul > li div.serverList_btn a.auto_btn span{background:#06a9b7;color:#fff;border-color:#06a9b7} .server01 .w1200 .content-box .content > ul > li div.serverList_btn a.auto_btn span:after{background:url("/images/sub/server01-more-on.png")no-repeat center top;} .server01 .w1200 .content-box .content > ul > li div.serverList_btn a.auto_btn span:hover{background:#fff;color:#06a9b7} .server01 .w1200 .content-box .content > ul > li div.serverList_btn a.auto_btn span:hover:after{background:url("/images/sub/server01-more-off.png")no-repeat center top;} .server01 .w1200 .content-box .content > ul > li div.serverList_btn a span{display:inline-block;width:100%;height:42px;box-sizing:border-box;border-radius:50px;border:1px solid #06a9b7;font-size:16px;font-weight:400;color:#06a9b7;line-height:42px;text-align:left;padding-left:30px;position:relative;transition:all 0.2s ease-in-out;} .server01 .w1200 .content-box .content > ul > li div.serverList_btn a span:after{display:block;content:"";position:absolute;width:7px;height:11px;background:url("/images/sub/server01-more-off.png")no-repeat center top;background-size:cover;right:30px;top:15px;transition:all 0.2s ease-in-out;} .server01 .w1200 .content-box .content > ul > li div.serverList_btn a:nth-child(2) span{padding-left:20px} .server01 .w1200 .content-box .content > ul > li div.serverList_btn a span:hover{background-color:#06a9b7;color:#fff;} .server01 .w1200 .content-box .content > ul > li div.serverList_btn a span:hover:after{background:url("/images/sub/server01-more-on.png")no-repeat center top;} .server01 .w1200 .more-btn-wrap{padding-top:55px;} .server01 .w1200 .more-btn-wrap:after{display:block;content:"";clear:both;} .server01 .w1200 .more-btn-wrap > a{display:block;float:left;width:184px;height:50px;line-height:50px;box-sizing:border-box;border:1px solid #333;border-radius:3px;font-size:16px;font-weight:300;text-align:left;padding-left:65px;position:relative;} .server01 .w1200 .more-btn-wrap > a.on{padding-left:0;text-align:center;} .server01 .w1200 .more-btn-wrap > a.on:after{display:none;} .server01 .w1200 .more-btn-wrap > a:after{display:block;content:"+";position:absolute;font-size:20px;font-weight:300;color:#333;right:55px;top:-2px;} .server01 .w1200 .more-btn-wrap .estimate{float:right;text-align:right;} .server01 .w1200 .more-btn-wrap .estimate a{display:inline-block;width:160px;height:35px;line-height:35px;box-sizing:border-box;font-size:15px;font-weight:400;letter-spacing:-0.025em;color:#fff;text-align:left;padding-left:25px;position:relative;background-color:#666;border-radius:3px;} .server01 .w1200 .more-btn-wrap .estimate a:after{display:block;content:"";position:absolute;width:7px;height:9px;background:url("/images/sub/estimate-icon.png")no-repeat center top;right:25px;top:13px;} .server01 .w1200 .more-btn-wrap .estimate p{font-size:14px;font-weight:300;color:#666;text-align:right;padding-top:10px;} #serverListBox{padding-top:200px;margin-top:-200px} .cloud_ex{padding-top:200px;margin-top:-200px} /* 코로케이션 */ .server01 .w1200 .tab-box .left .tab{} .server01 .w1200 .tab-box .left .tab ul{font-size:0;text-align:left;} .server01 .w1200 .tab-box .left .tab ul li:last-of-type{margin-right:0;} .server01 .w1200 .tab-box .left .tab ul li{display:inline-block;vertical-align:top;margin-right:23px;} .server01 .w1200 .tab-box .left .tab ul li.on a{color:#06a9b7;} .server01 .w1200 .tab-box .left .tab ul li a{display:block;font-size:16px;font-weight:400;color:#222;letter-spacing:-0.025em;transition:all 0.2s ease-in-out;} .server01 .w1200 .content-box .content > ul.type02 > li{height:460px;padding:50px 42px 0;} .server01 .w1200 .content-box .content > ul.type02 > li > .title2{padding-bottom:15px;border-bottom:1px solid #e1e1e1;} .server01 .w1200 .content-box .content > ul.type02 > li > .title2 p{font-size:30px;font-weight:bold;color:#222;text-align:center;letter-spacing:-0.025em;} .server01 .w1200 .content-box .content > ul.type02 > li > .title2 span{display:block;font-size:32px;font-weight:bold;color:#ed1c24;text-align:center;padding-top:20px;} .server01 .w1200 .content-box .content > ul.type02 > li > .title2 span i{font-size:16px;font-weight:400;letter-spacing:-0.025em;color:#ed1c24;font-style:normal;margin-left:2px;position:relative;top:-2px;} .server01 .w1200 .content-box .content > ul.type02 > li > .title2 span em{display:block;font-size:16px;font-weight:400;letter-spacing:-0.025em;color:#222;padding-top:15px;} .server01 .w1200 .content-box .content > ul.type02 > li > .info{padding-top:33px;} .server01 .w1200 .content-box .content > ul.type02 > li > .info dl:after{display:block;content:"";clear:both;} .server01 .w1200 .content-box .content > ul.type02 > li > .info dl:first-of-type{padding-top:0;} .server01 .w1200 .content-box .content > ul.type02 > li > .info dl{padding-top:20px;} .server01 .w1200 .content-box .content > ul.type02 > li > .info dl dt{float:left;font-size:16px;font-weight:bold;color:#222;width:100px;} .server01 .w1200 .content-box .content > ul.type02 > li > .info dl dd{float:left;font-size:16px;font-weight:300;color:#222;width:calc(100% - 100px);width:-o-calc(100% - 100px);width:-ms-calc(100% - 100px);width:-moz-calc(100% - 100px);width:-webkit-calc(100% - 100px);} .server01 .w1200 .content-box .content > ul.type02 > li > .info dl dd.red{color:#ed1c24;font-weight:500;} .server01 .w1200 .content-box .content > ul.type02 > li > .info > a{display:block;width:143px;height:42px;box-sizing:border-box;border-radius:50px;border:1px solid #06a9b7;font-size:16px;font-weight:400;color:#06a9b7;line-height:42px;text-align:left;padding-left:30px;margin:27px auto 0;position:relative;transition:all 0.2s ease-in-out;} .server01 .w1200 .content-box .content > ul.type02 > li > .info > a:after{display:block;content:"";position:absolute;width:7px;height:11px;background:url("/images/sub/server01-more-off.png")no-repeat center top;background-size:cover;right:30px;top:15px;transition:all 0.2s ease-in-out;} .server01 .w1200 .content-box .content > ul.type02 > li > .info > a:hover{background-color:#06a9b7;color:#fff;} .server01 .w1200 .content-box .content > ul.type02 > li > .info > a:hover:after{background:url("/images/sub/server01-more-on.png")no-repeat center top;} .server01 .w1200 .content-box .content > ul.type02.count4 > li .title2{padding-bottom:30px;} .server01 .w1200 .content-box .content > ul.type02.count4 > li{width:292px;margin-right:10px;} /* .server01 .w1200 .content-box .content > ul.type02.count4 > li:nth-of-type(3n){margin-right:26px;} */ .server01 .w1200 .content-box .content > ul.type02.count4 > li:nth-of-type(4n){margin-right:0;margin-top:0;} .server01 .w1200 .more-btn-wrap2{font-size:0;text-align:center;margin-top:40px;} .server01 .w1200 .more-btn-wrap2 a{display:inline-block;vertical-align:top;width:183px;height:50px;line-height:50px;text-align:center;font-size:16px;font-weight:300;color:#333;box-sizing:border-box;border:1px solid #333;border-radius:30px;margin-right:30px;position:relative;text-align:left;padding-left:40px;} .server01 .w1200 .more-btn-wrap2 a:first-of-type:after{display:block;content:"+";position:absolute;right:45px;top:-1px;font-size:20px;} .server01 .w1200 .more-btn-wrap2 a:first-of-type{background-color:#333;color:#fff;} .server01 .w1200 .more-btn-wrap2 a:last-of-type{margin-right:0;} /* 이벤트 서버 */ .event_server_list{padding:0 0 100px;} .event_server_list >ul{font-size:0;text-align:center;} .event_server_list >ul>li *{font-family:"Noto Sans KR", sans-serif;} .event_server_list >ul>li:hover{border-color: #06a9b7;box-shadow: 1px 0 20px rgba(0,0,0,0.15);} .event_server_list >ul>li:last-of-type{margin-right:0;} .event_server_list >ul>li{display:inline-block;vertical-align:top;width:373px;height:550px;box-sizing:border-box;margin-right:40px;border:2px solid #efefef;border-radius:10px;padding:60px 5px 0;background-color:#fff;transition: all .3s;} .event_server_list >ul>li > span{display:block;font-size:16px;font-weight:500;color:#222;text-align:center;letter-spacing:-0.025em;} .event_server_list >ul>li > span b.red{color:#ed1c24;font-weight:400;} .event_server_list >ul>li > span b.green{color:#06a9b7;font-weight:400;} .event_server_list >ul>li > p{font-size:35px;font-weight:bold;color:#333;letter-spacing:-0.025em;padding-top:20px;} .event_server_list >ul>li > p.fs26{font-size:26px;} .event_server_list >ul>li > em:first-of-type{padding-top:20px;} .event_server_list >ul>li > em{display:block;font-size:16px;font-weight:300;letter-spacing:-0.025em;color:#222;text-align:center;padding-top:10px;} .event_server_list >ul>li > i{display:block;font-size:16px;font-weight:500;color:#b2b1b1;letter-spacing:-0.025em;text-align:center;font-style:normal;padding-top:22px;} .event_server_list >ul>li > b{display:block;font-size:16px;color:#222;text-align:center;padding-top:45px;font-weight:400;} .event_server_list >ul>li > b span{color:#ed1c24;} .event_server_list >ul>li > b span{} .event_server_list >ul>li > img{max-width:100%;display:block;margin:0 auto;} .event_server_list >ul>li .price{width:100%;height:76px;margin:0 auto;} .event_server_list >ul>li .price a {display:inline-block;width: 143px;height: 42px;padding-left: 21px;margin: 0 auto;font-size: 16px;font-weight: 400;color: #06a9b7 !important;line-height: 40px;text-align: left;border-radius: 50px;border: 1px solid #06a9b7;position: relative;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;} /* .event_server_list >ul>li .price a:last-child{width:302px;margin-top:5px;color:#fff !important;background:#06a9b7;border-color:#06a9b7} .event_server_list >ul>li .price a:last-child:after{background: url(/images/sub/server01-more-on.png)no-repeat center top;} .event_server_list >ul>li .price a:last-child:hover{color:#06a9b7 !important;background:#fff;} .event_server_list >ul>li .price a:last-child:hover::after{background: url(/images/sub/server01-more-off.png)no-repeat center top;} */ .event_server_list >ul>li .price a:first-child{margin-right:15px;} .event_server_list >ul>li .price a:after{content: "";display: block;width: 7px;height: 11px;background: url(/images/sub/server01-more-off.png)no-repeat center top;background-size: cover;position: absolute;right: 30px;top: 51%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;} .event_server_list >ul>li .price a:hover{background-color:#06a9b7; color:#fff !important;} .event_server_list >ul>li .price a:hover:after{background:url("/images/sub/server01-more-on.png")no-repeat center top;} .event_server_list >ul>li img{width:320px;} /* 2024 서버호스팅이벤트 용 */ .event_serverHosting_list{padding:0 0 40px;} .event_serverHosting_list >ul{font-size:0;text-align:center;} .event_serverHosting_list >ul>li *{font-family:"Noto Sans KR", sans-serif;} .event_serverHosting_list >ul>li:hover{box-shadow: 1px 0 20px rgba(0,0,0,0.15);} .event_serverHosting_list >ul>li:last-of-type{margin-right:0;} .event_serverHosting_list >ul>li{display:inline-block;vertical-align:top;width:373px;height:545px;box-sizing:border-box;margin-right:40px;border:2px solid #06a9b7;border-radius:10px;padding: 5px 0;background-color:#fff;transition: all .3s;position: relative;} /* 20250212 수정 */ /* .event_serverHosting_list >ul>li:nth-child(2){display: none;} .event_serverHosting_list >ul>li{display:inline-block;vertical-align:top;width:579px;height:570px;box-sizing:border-box;margin-right:40px;border:2px solid #06a9b7;border-radius:10px;padding:35px 5px 0;background-color:#fff;transition: all .3s;position: relative;} .event_serverHosting_list >ul>li > #favor_price {padding-top: 0;margin-bottom: 30px;} */ /* 20250212 수정 */ .event_serverHosting_list >ul>li > span{font-size:20px;font-weight:600;color:#fff;text-align:center;letter-spacing:-0.025em;background-color: #06a9b7;width: 220px;display: inline-block;padding: 12px;border-radius: 8px;position: absolute;top:0px;right: 50%;transform:translateX(50%);border-top-left-radius: 0px;border-top-right-radius: 0px;} .event_serverHosting_list >ul>li > .tit_sub {font-size: 18px;padding-top: 30px;color:#06a9b7;} .event_serverHosting_list >ul>li > span b.red{color:#ed1c24;font-weight:400;} .event_serverHosting_list >ul>li > span b.green{color:#06a9b7;font-weight:400;} .event_serverHosting_list >ul>li > p{font-size:35px;font-weight:bold;color:#333;letter-spacing:-0.025em;padding-top:40px;} .event_serverHosting_list >ul>li > p.fs26{font-size:26px;} .event_serverHosting_list >ul>li > #favor_price {padding-top: 20px;margin-bottom: 30px;} .event_serverHosting_list >ul>li > em:first-of-type{padding-top:20px;border-top: 1px solid #e1e1e1;} .event_serverHosting_list >ul>li > em:last-of-type {padding-bottom: 20px} .event_serverHosting_list >ul>li > em{display:block;font-size:16px;font-weight:300;letter-spacing:-0.025em;color:#222;text-align:center;padding-top:10px;margin:0 auto;width: 90%;line-height: 1.2} .event_serverHosting_list >ul>li > i{display:block;font-size:16px;font-weight:500;color:#06a9b7;letter-spacing:-0.025em;text-align:center;font-style:normal;margin-top: 15px} .event_serverHosting_list >ul>li > b{display:block;font-size:16px;color:#222;text-align:center;padding-top:5px;font-weight:400;line-height: 1.2;} .event_serverHosting_list >ul>li > b span{color:#ed1c24;font-weight: bold;} .event_serverHosting_list >ul>li > b span{} .event_serverHosting_list >ul>li > img{max-width:100%;display:block;margin:0 auto;} .event_serverHosting_list >ul>li .price{width:100%;height:76px;margin:0 auto;} .event_serverHosting_list >ul>li .price a {display:inline-block;width: 143px;height: 42px;padding-left: 21px;margin: 0 auto;font-size: 16px;font-weight: 400;color: #06a9b7 !important;line-height: 40px;text-align: left;border-radius: 50px;border: 1px solid #06a9b7;position: relative;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;} .event_serverHosting_list >ul>li .price a:first-child{margin-right:15px;} .event_serverHosting_list >ul>li .price a:after{content: "";display: block;width: 7px;height: 11px;background: url(/images/sub/server01-more-off.png)no-repeat center top;background-size: cover;position: absolute;right: 30px;top: 51%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;} .event_serverHosting_list >ul>li .price a:hover{background-color:#06a9b7; color:#fff !important;} .event_serverHosting_list >ul>li .price a:hover:after{background:url("/images/sub/server01-more-on.png")no-repeat center top;} .event_serverHosting_list >ul>li img{width:320px;} .event_security{padding-bottom: 80px} .event_security h1 font{color:#06a9b7;font-weight:600} .event_security ul{display:flex;justify-content:space-evenly;margin-bottom:20px;} .event_security ul li{text-align:center;width:20%;} .event_security ul li div{overflow: hidden;width:150px;border:1px solid #e1e1e1;height:150px;border-radius:200px;margin:0 auto 15px;} .event_security ul li div img{height:100%;} .event_security ul li p{font-weight:400;} .event_security .warning_txt{font-size:24px;line-height:30px;font-weight:400;text-align:center;margin-top: 30px} .event_security .warning_txt b{color:#ff3939;font-weight:600} .event_security .warning_txt i{text-decoration: underline;font-style: normal;font-weight:600} .event_security a{display: block;width:200px;height:40px;line-height:40px;text-align:center;color:#fff;background:#06a9b7;border-radius:5px;margin:20px auto 0} /* 2024 서버호스팅이벤트 용 */ /* #es_tab{margin-top:20px;} */ #es_tab ul.tabs{margin: 0px;padding: 0px;list-style: none;} #es_tab ul.tabs li{background:#ccc;color: #fff;display: inline-block;padding: 13px 0;cursor: pointer;width:390px;margin-right:10px;text-align: center;font-size:18px;height:30px;line-height:30px;margin-top:15px;} #es_tab ul.tabs li:last-child{margin-right:0} #es_tab ul.tabs li.current{background: #06a9b7;color:#fff;} #es_tab .tab-content{display: none;padding: 25px;height:540px;text-align:left;position:relative;border:1px solid #e1e1e1;background:#fff;box-sizing:border-box;} #es_tab .tab-content.current{display: inherit;} #es_tab .tab-content p{text-align:center; font-size:20px;line-height:24px;padding:15px 0} #es_tab #tab-2.tab-content ul li{width:375px;margin-right:10px;float:left;text-align:center;} #es_tab #tab-2.tab-content ul li:last-child{margin-right:0;border-right:none;} #es_tab #tab-2.tab-content ul li .img{width:200px;height:200px;background:#fff;border:1px solid #e1e1e1;padding-top:10px;border-radius:200px;margin:20px auto;box-sizing: border-box;} #es_tab #tab-2.tab-content ul li .txt{padding:20px;font-size:20px;line-height:24px;} #es_tab #tab-3.tab-content ul{padding-top:10px} #es_tab #tab-3.tab-content ul li{float:left; width:285px;padding:0 10px; text-align:center; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;border-right:1px solid #e1e1e1;} #es_tab #tab-3.tab-content ul li:nth-child(4n){margin-right:0;border-right:none;} #es_tab #tab-3.tab-content ul li:nth-child(n+4){margin-top:28px;} #es_tab #tab-3.tab-content ul li img{margin-bottom:30px;} #es_tab #tab-3.tab-content ul li p{font-size:18px; font-weight:500; color:#222; line-height:1.4;padding:0} /* //이벤트 서버 */ /* GPU 서버 */ .gpu_server #sub1 .w1200{padding: 80px 0} .gpu_server #sub1 .w1200>ul > li{display:inline-block;vertical-align:top;width:370px;height:500px;box-sizing:border-box;margin-right:25px;border:2px solid #efefef;border-radius:5px;background-color:#fff;padding:40px 30px 0;margin-top:30px;position:relative;} .gpu_server #sub1 .w1200>ul> li:hover{border-color:#06a9b7; box-shadow: 3px 3px 10px rgba(0,0,0,0.3);} .gpu_server #sub1 .w1200>ul > li >span{position: absolute;top:-1px;left:-1px;background:#06a9b7;padding:15px;border-bottom-right-radius: 5px;border-top-left-radius: 5px;color:#fff;} .gpu_server #sub1 .w1200>ul li{transition:all .3s;} .gpu_server #sub1 .w1200>ul li:nth-of-type(4n){margin-right:0;} .gpu_server #sub1 .w1200>ul li:nth-of-type(-n+4){margin-top:0;} /* .gpu_server #sub1 .w1200 ul > li .top{padding:30px 0;border-bottom:1px solid #e1e1e1;}*/ .gpu_server #sub1 .w1200>ul > li .top p{font-size:28px;font-weight:bold;color:#000;letter-spacing:-0.025em;text-align:center;} .gpu_server #sub1 .w1200>ul > li .price{background:#f1f5f6;width:calc(100% + 50px);margin:30px -25px;padding:23px 0;text-align:center;color:#ff3939;font-size:34px;font-weight:600;border-radius:10px;} .gpu_server #sub1 .w1200>ul > li .price p{font-weight:600} .gpu_server #sub1 .w1200>ul > li .price span{font-size:16px;font-weight: 400} .gpu_server #sub1 .w1200>ul > li > a{display:block;width:120px;height:42px;box-sizing:border-box;border-radius:50px;border:1px solid #06a9b7;font-size:14px;font-weight:400;color:#06a9b7;line-height:42px;text-align:center;margin:27px auto 0;position:relative;transition:all 0.2s ease-in-out;} .gpu_server #sub1 .w1200>ul > li > a:hover{background-color:#06a9b7;color:#fff;} .gpu_server #sub1 .w1200>ul > li .desc_list{text-align:center;} .gpu_server #sub1 .w1200>ul > li .desc_list p {line-height: 1.6;text-align: center;font-size: 16px;font-weight: 300;} .gpu_server #sub1 .w1200>ul > li .desc_list dl {margin-bottom: 10px;} .gpu_server #sub1 .w1200>ul > li .desc_list dl::after {content: "";display: block;clear: both;} .gpu_server #sub1 .w1200>ul > li .desc_list dl dt {float: left;width: 80px;padding-left:10px;line-height: 1.4;font-size: 16px;font-weight: 700;text-align: left;color: #222222;} .gpu_server #sub1 .w1200>ul > li .desc_list dl dd {float: left;width: calc(100% - 80px);text-align: left;font-weight: 400;color: #222222;line-height: 1.4;font-size:14px;line-height: 22px;} .gpu_server #sub1 .w1200 .server_agency_popup_con table thead tr th{font-size:16px} .gpu_server #sub1 .w1200 .server_agency_popup_con table tbody tr td{font-size:14px} .gpu_server #sub2 .w1200{padding-bottom: 80px} .gpu_server #sub2 .w1200>p{font-size: 20px;text-align:center;line-height:24px;} .gpu_server #sub2 .w1200 h3{width:400px;height:80px;margin:80px auto 0;text-align: center;line-height:80px;border-radius: 6px;background:#06a9b7;color:#fff;font-weight:600;font-size:24px} .gpu_server #sub2 .w1200 ul{margin-top: 40px} .gpu_server #sub2 .w1200 ul li{float:left; width:355px; height:355px;margin-right:64px; text-align:center; background-color:#fff; border:1px solid #efefef; border-radius:50%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;display: flex;flex-direction: column;align-items: center;justify-content: center;} .gpu_server #sub2 .w1200 ul li:nth-child(3n){margin-right:0;} .gpu_server #sub2 .w1200 ul li:nth-child(n+4){margin-top:35px;} .gpu_server #sub2 .w1200 ul li img{margin-bottom:30px;} .gpu_server #sub2 .w1200 ul li p{font-size:20px; font-weight:500; color:#222; line-height:1.4;} .gpu_server #sub3 .w1200{padding-bottom: 80px} /* 무료혜택 확인 */ .blinking_link{display:block;margin:50px auto 0 ;width:240px;} .blinking{ /*-webkit-animation:blink 1s ease-in-out infinite alternate; -moz-animation:blink 1s ease-in-out infinite alternate; animation:blink 1s ease-in-out infinite alternate;*/ color:#ffffff;display:inline-block;padding:15px;background:#4e93bf;border-radius:5px;width:100%;text-align:center} @-webkit-keyframes blink{ 0% {opacity:0.4;} 100% {opacity:1;} } @-moz-keyframes blink{ 0% {opacity:0.4;} 100% {opacity:1;} } @keyframes blink{ 0% {opacity:0.4;} 100% {opacity:1;} } /* 구매가 */ .price_tip{position:absolute;top:45px;right:45px;} .server01 .w1200 .content-box .content > ul > li .title .price_tip p{font-size:18px;font-weight:300;color:#06a9b7;cursor: pointer;} .server01 .w1200 .content-box .content > ul > li .title .price_tip p img{width:18px} .server01 .w1200 .content-box .content > ul > li .title .price_tip div{display:none;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;width:170px;height:60px;padding:10px 5px;line-height:17px;box-sizing:border-box;border:2px solid #06a9b7;position:absolute; left: 0;background: #fff;border-radius: 6px;top: 22px;font-size: 14px;animation: listshow 0.8s ease normal;z-index:100;} .server01 .w1200 .content-box .content > ul > li .title .price_tip div.on{display:block;} .server01 .w1200 .content-box .content > ul > li .title .price_tip div dl dt{float: left;width: 70px;margin-right:5px;font-weight: 400;color: #222;font-weight: bold;text-transform: uppercase;text-align: right;} .server01 .w1200 .content-box .content > ul > li .title .price_tip div dl dd{float: left;width: calc(100% - 75px);width: -ms-calc(100% - 75px);width: -o-calc(100% - 75px);width: -moz-calc(100% - 75px);width: -webkit-calc(100% - 75px);font-weight: 400;color: #06a9b7;letter-spacing: -0.025em;text-transform: uppercase;text-align:right;} @keyframes listshow { 0% { opacity: 0; } 100% { opacity: 1; } } /* //구매가 */ .colocation01{padding:125px 0;} .colocation01 .w1200{} .colocation01 .w1200 > p{font-size:42px;font-weight:300;text-align:center;color:#333;font-family:"Noto Sans KR", sans-serif;} .colocation01 .w1200 ul{font-size:0;text-align:center;padding-top:60px;} .colocation01 .w1200 ul li:last-of-type{margin-right:0;} .colocation01 .w1200 ul li{display:inline-block;vertical-align:top;width:280px;height:400px;margin-right:26px;border:1px solid #666;box-sizing:border-box;} .colocation01 .w1200 ul li .img{border-bottom:1px dashed #797979;} .colocation01 .w1200 ul li .img img{} .colocation01 .w1200 ul li .txt{height:198px;display:table;width:100%;} .colocation01 .w1200 ul li .txt .txt-inner{display:table-cell;vertical-align:middle;font-size:20px;font-weight:500;letter-spacing:-0.05em;line-height:30px;} .colocation01 .w1200 ul li .txt .txt-inner span{color:#06a9b7;font-weight:500;} .type1 ul.list li .sub_txt{} .type1 ul.list li .sub_txt > div.subDiv{width:590px;} .type1 ul.list li .sub_txt > div{width:630px;} .type1 ul.list li .sub_txt > div > em{display:block;font-style:normal;font-size:24px;font-weight:500;color:#333;text-align:left;font-family:"Noto Sans KR", sans-serif;padding-bottom:20px;} .type1 ul.list li .sub_txt > div > em:last-of-type{padding-bottom:0;} .type1 ul.list li .sub_txt > div > em strong{color:#06a9b7;font-size:30px;font-weight:500;font-family:"Noto Sans KR", sans-serif;} .colocation03{padding:130px 0;background-color:#f9fafc;} .colocation03 .w1200{} .colocation03 .w1200 > p{font-size:42px;font-weight:300;color:#333;text-align:center;} .colocation03 .w1200 ul{font-size:0;text-align:center;padding-top:55px;} .colocation03 .w1200 ul li{display:inline-block;vertical-align:top;width:257px;height:257px;box-sizing:border-box;border-radius:50%;border:5px solid #ebebeb;padding:2px;} .colocation03 .w1200 ul li .line-inner{border:1px solid #ebebeb;padding:2px;display:block;width:100%;height:100%;box-sizing:border-box;border-radius:50%;} .colocation03 .w1200 ul li:nth-of-type(2n) .bg-inner{background-color:#666;} .colocation03 .w1200 ul li .bg-inner{width:100%;height:100%;border-radius:50%;background-color:#16a9b7;display:table;position:relative;} .colocation03 .w1200 ul li .bg-inner:before{display:block;content:"";position:absolute;width:1px;height:50px;background-color:rgba(255,255,255,0.5);top:0;left:50%;transform:translateX(-1px);-webkit-transform:translateX(-1px);-ms-transform:translateX(-1px);-moz-transform:translateX(-1px);-o-transform:translateX(-1px);} .colocation03 .w1200 ul li .bg-inner p{font-size:18px;font-weight:300;color:#fff;text-align:center;letter-spacing:-0.05em;line-height:24px;display:table-cell;vertical-align:middle;} .colocation03 .w1200 ul li .bg-inner p b{} .pt5{padding-top:5px !important;} .diropen01{padding:130px 0;background-color:#f9fafc;} .diropen01 .w1200{} .diropen01 .w1200>ul{font-size:0;text-align:center;} .diropen01 .w1200>ul>li *{font-family:"Noto Sans KR", sans-serif;} /* .diropen01 .w1200>ul>li:hover{border-color: #06a9b7;box-shadow: 1px 0 20px rgba(0,0,0,0.15);} */ .diropen01 .w1200>ul>li:last-of-type{margin-right:0;} .diropen01 .w1200>ul>li{display:inline-block;vertical-align:top;width:580px;height:530px;box-sizing:border-box;margin-right:40px;border:2px solid #efefef;border-radius:10px;padding:60px 5px 0;background-color:#fff;transition: all .3s;position:relative;} .diropen01 .w1200>ul>li span{display:block;font-size:16px;font-weight:500;color:#222;text-align:center;letter-spacing:-0.025em;} .diropen01 .w1200>ul>li span b.red{color:#ed1c24;font-weight:400;} .diropen01 .w1200>ul>li span b.green{color:#06a9b7;font-weight:400;} .diropen01 .w1200>ul>li p{font-size:45px;font-weight:bold;color:#333;letter-spacing:-0.025em;padding-top:20px;} .diropen01 .w1200>ul>li em:first-of-type{padding-top:20px;} .diropen01 .w1200>ul>li em{display:block;font-size:16px;font-weight:300;letter-spacing:-0.025em;color:#222;text-align:center;padding-top:10px;} .diropen01 .w1200>ul>li i{display:block;font-size:16px;font-weight:500;color:#b2b1b1;letter-spacing:-0.025em;text-align:center;font-style:normal;padding-top:22px;} .diropen01 .w1200>ul>li b{display:block;font-size:16px;color:#222;text-align:center;padding-top:45px;font-weight:400;} .diropen01 .w1200>ul>li b span{color:#ed1c24;} .diropen01 .w1200>ul>li b span{} .diropen01 .w1200>ul>li img{max-width:100%;display:block;margin:0 auto;} .diropen01 .w1200>ul>li a{display: block;width:100%;height:50px;} .diropen01 .w1200>ul>li a .price{width:283px;height:50px;background-color:#06a9b7;border-radius:10px;position: absolute;bottom:7px} .diropen01 .w1200>ul>li a .price dl{font-size:0;text-align:center;} .diropen01 .w1200>ul>li a .price dl dt{display:inline-block;vertical-align:top;font-size:13px;line-height:50px;font-weight:300;letter-spacing:-0.025em;color:#fff;margin-right:30px;position:relative;text-decoration:line-through;font-family:"Noto Sans KR", sans-serif;} .diropen01 .w1200>ul>li a .price dl dt:after{display:block;content:">";position:absolute;right:-23px;top:0;font-size:14px;color:#fff;font-weight:bold;} .diropen01 .w1200>ul>li a .price:hover{background:#fff;color:#06a9b7;} .diropen01 .w1200>ul>li a .price:hover dl{border:1px solid #06a9b7;border-radius:10px;} .diropen01 .w1200>ul>li a .price:hover dl dd, .diropen01 .w1200>ul>li a .price:hover dl dt:after, .diropen01 .w1200>ul>li a .price:hover dl dt{color:#06a9b7} .diropen01 .w1200>ul>li a .price dl dd{display:inline-block;vertical-align:top;font-size:16px;line-height:50px;font-weight:500;letter-spacing:-0.025em;color:#fff;font-family:"Noto Sans KR", sans-serif;} .diropen01 .w1200>ul>li img{width:348px;} .diropen01 .w1200>ul>li button.detail_btn{width: 240px;height: 50px;position: absolute;bottom: 24px;right: 44px;background-color:#06a9b7;border-radius:10px;border:1px solid #06a9b7;color:#fff;font-size:16px;} .diropen01 .w1200>ul>li button.detail_btn:hover{background:#fff;color:#06a9b7} .diropen01 .w1200>ul>li button.detail_btn:after{display:block;content:"";position:absolute;width:7px;height:11px;background:url("/images/sub/server01-more-on.png")no-repeat center top;background-size:cover;right:30px;top:20px;} .diropen01 .w1200>ul>li button.detail_btn:hover:after{background:url("/images/sub/server01-more-off.png")no-repeat center top;} /* 2024 서버호스팅이벤트 용 */ .diropen01 .w1200>.serverH_event_list{margin-bottom: 50px;} .diropen01 .w1200>.serverH_event_list>li {border:2px solid #06a9b7;position: relative;padding-top: 30px;} /* 20250212 수정 */ /* .diropen01 .w1200>.serverH_event_list>li:last-child{display: none;} .diropen01 .w1200>.serverH_event_list>li {border:2px solid #06a9b7;position: relative;padding-top: 50px;height: 515px;width:100%;} .diropen01 .w1200>ul.serverH_event_list>li button.detail_btn{width: 240px;height: 50px;position: absolute;bottom: 24px;right: 50%;background-color: #06a9b7;border-radius: 10px;border: 1px solid #06a9b7;color: #fff;font-size: 16px;transform: translateX(100%);} */ /* 20250212 수정 */ .diropen01 .w1200>.serverH_event_list>li>span {font-size: 20px;font-weight: 600;color: #fff;text-align: center;letter-spacing: -0.025em;background-color: #06a9b7;width: 240px;display: inline-block;padding: 12px;border-radius: 8px;position: absolute;top: 0px;right: 50%;transform: translateX(50%);border-top-left-radius: 0px;border-top-right-radius: 0px;} .diropen01 .w1200>.serverH_event_list>li > .tit_sub {font-size: 18px!important;padding-top: 20px;color:#06a9b7;} .diropen01 .w1200>.serverH_event_list>li>#favor_price {margin-bottom: 30px;padding-top: 0} .diropen01 .w1200>.serverH_event_list>li b {line-height: 1.2} .diropen01 .w1200>.serverH_event_list>li i {color: #06a9b7;font-weight: bold;margin-top: 15px} .diropen01 .w1200>.serverH_event_list>li > em:last-of-type {padding-bottom: 20px} /* 2024 서버호스팅이벤트 용 */ .diropen03{background-color:#f9fafc;padding:135px 0;} .diropen03 *{font-family:"Noto Sans KR", sans-serif;} .diropen03 .w1200{} .diropen03 .w1200 .top-box:before{display:block;content:"";position:absolute;width:216px;height:71px;background:url("/images/sub/diropen03-topbox-bg.png")no-repeat center top;background-size:cover;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);top:-9px;} .diropen03 .w1200 .top-box{width:100%;height:400px;box-sizing:border-box;border-radius:30px;background-color:#f7f7f7;border:1px solid #edeef0;box-shadow: 2px 2px 3px rgba(0,0,0,0.3);position:relative;} .diropen03 .w1200 .top-box > p{font-size:45px;font-weight:500;color:#333;padding-top:90px;text-align:center;} .diropen03 .w1200 .top-box > p span{color:#16a9b7;font-weight:500;} .diropen03 .w1200 .top-box .txt{width:650px;height:115px;box-sizing:border-box;border-radius:50px;border:1px solid #e8e8e8;background-color:#fff;display:table;margin:45px auto 0;position:relative;z-index:2;} .diropen03 .w1200 .top-box .txt:before{display:block;content:"";position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);width:276px;height:2px;background-color:#e8e8e8;left:-276px;z-index:-1;} .diropen03 .w1200 .top-box .txt:after{display:block;content:"";position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);width:276px;height:2px;background-color:#e8e8e8;right:-276px;z-index:-1;} .diropen03 .w1200 .top-box .txt p{display:table-cell;vertical-align:middle;font-size:20px;font-weight:500;line-height:32px;color:#333;text-align:center;} .diropen03 .w1200 .top-box .txt p span{color:#06a9b7;font-weight:600} .diropen03 .w1200 .top-box .add-txt{display:block;font-size:16px;font-weight:400;color:#333;text-align:center;padding-top:40px;text-align:center;} .diropen03 .w1200 .top-box .add-txt b{font-weight:500;} .diropen03 .w1200 > p{font-size:42px;font-weight:300;color:#333;text-align:center;padding-top:85px;} .diropen03 .w1200 ul{font-size:0;text-align:center;padding-top:60px;display: flex;flex-wrap: wrap;padding-bottom: 85px} .diropen03 .w1200 ul li:hover{border-color: #06a9b7;box-shadow: 1px 0 20px rgba(0,0,0,0.15);} .diropen03 .w1200 ul li:nth-of-type(-n+10){margin-bottom:24px;} .diropen03 .w1200 ul li:nth-child(7n){margin-right:0;} /* .diropen03 .w1200 ul li:nth-child(n+7):nth-child(-n+13){width:150px;} */ .diropen03 .w1200 ul li:last-child{margin-right:0} .diropen03 .w1200 ul li{display:inline-block;vertical-align:top;padding-top:20px;box-sizing:border-box;width:150px;height:210px;border-radius:10px;border:2px solid #efefef;margin-right:24px;background-color:#fff;transition:all 0.3s;} .diropen03 .w1200 ul li img{display:block;margin:0 auto;} .diropen03 .w1200 ul li p{font-size:16px;font-weight:400;letter-spacing:-0.025em;line-height:22px;padding-top:5px;color:#333;} .bg-gray > div{background:#f9fafc;} /* #subVisual.free12_visual{background:url('/images/sub/free12_subVisual.jpg') no-repeat;background-size:cover} */ #subVisual.free12_visual{background:#e9fdff; height: 420px; overflow: hidden;} #subVisual.free12_visual .inner2{background:url(/images/sub/subVisual/free12_visual02.png) center top no-repeat;background-color:#e9fdff} #subVisual.idc_visual2{background:#e9fdff; height: 420px; overflow: hidden;} #subVisual.idc_visual2 .inner2{background:url(/images/sub/subVisual/auto_visual02.png) center top no-repeat;background-color:#e9fdff} #subVisual.review_visual{height:420px;background:#fff} #subVisual.review_visual .inner2 {background:url(/images/sub/subVisual/review_visual02.png) center top no-repeat;background-color:#fff} #subVisual.free12_visual aside > div{text-align:left;} #subVisual.free12_visual aside > div.center{text-align:center;} #subVisual.free12_visual aside h3{/*font-size:24px;*/ line-height:85px; margin:0;} #subVisual.free12_visual aside h3 i{font-style: normal;font-weight: 700;position: relative;} #subVisual.free12_visual aside h3 i:before{content:""; display:block; width:5px; height:5px; background-color:#f2f1b1; border-radius:50%; position:absolute; top:-10px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);} /* #subVisual.free12_visual aside h3 span{color:#fff;} */ #subVisual.free12_visual aside.type02 h3 {line-height:85px; display: inline-block; color:#fff; font-size:32px; font-weight: 700; } #subVisual.free12_visual aside.type02 h3 img { vertical-align: middle; margin:0 15px 5px 0; } #subVisual.free12_visual aside.type02 h3 span { color: #f2f1b1; font-weight: 700; } #subVisual.free12_visual aside.type02 h3 b { color:#fff; font-weight: 700; } #subVisual.free12_visual aside.type02 h3 em {font-size:inherit; font-weight: 700; position: relative; } #subVisual.free12_visual aside.type02 h3 em:before { content:""; display: block; width:5px; height:5px; border-radius:50%; background: #f2f1b1; position: absolute; top: -10px; left: 11px; } #subVisual.free12_visual aside.type02 h3 em:after { content:""; display: block; width:5px; height:5px; border-radius:50%; background: #f2f1b1; position: absolute; top: -10px; left: 39px; } /* type1 */ .type1 .tit{font-size:42px; color:#333;line-height:1; text-align:center; padding-top:131px; padding-bottom:63px;font-weight:300} .type1 .list{border-top:1px solid #666; border-bottom:1px solid #666;} .type1 .list > li{border-bottom:1px dotted #000; display:table; min-height:192px; width:100%; padding:40px 0; box-sizing:border-box;} .cloud_webshell .type1 .list > li{padding:0} .type1 .list > li:last-child{border:none;} .type1 .list > li > *{display:table-cell; vertical-align:middle; text-align:center;} .type1 .list > li .img{width:218px;} .type1 .list > li .sub_txt{box-sizing:border-box; width:calc(100% - 343px); text-align:left; font-size:0;} .type1 .list > li .sub_txt > *{display:inline-block; vertical-align:top;font-family:"Noto Sans KR", sans-serif;} .type1 .list > li .sub_txt h1{width:300px; text-align:right; font-size:36px; color:#333; font-weight:bold; vertical-align:top; padding-right:58px;white-space:nowrap;} .type1 .list > li .sub_txt h3{font-size:24px; font-weight:500; color:#333; padding-bottom:20px;} .cloud_webshell .type1 .list > li .sub_txt h3{font-size:18px; font-weight:300;} .type1 .list > li .sub_txt h3 span{color:#06a9b7; font-weight:500;} .type1 .list > li .sub_txt > div > span{display:block;font-size:16px;font-weight:400;color:#333;line-height:24px;} .type1 .list > li .sub_txt p{font-size:16px; color:#333; font-weight:300; padding-bottom:8px;line-height:24px;} .type1 .list > li .sub_txt p:last-child{padding-bottom:0;} .type1 .list > li .link{width:125px;} .type1 .list > li .link .sample{display:inline-block; width:107px; height:107px; border-radius:50%; background:#e1e1e1; text-align:center; font-size:16px; color:#06a9b7; font-weight:bold; line-height:1.3; padding-top:25px; box-sizing:border-box;} .type1 .list > li .link .sample img{display:block; margin:0 auto; margin-top:12px;} .type1 .list.list2 .sub_txt h1{width:302px; padding-right:91px; white-space:nowrap;} .type1 .list.list2 .sub_txt p{padding-left:34px; position:relative; line-height:1.4;} .type1 .list.list2 .sub_txt p:before{content:''; display:block; width:8px; height:8px; border-radius:50%; background:#333; position:absolute; left:8px; top:6px;} .type1 .list.list2 .sub_txt p strong{font-weight:500;} .type1 .list.list3 li .sub_txt{padding-left:73px; box-sizing:border-box;} .type1 .list.list3 li .sub_txt p{font-size:18px; font-weight:400; color:#000; line-height:1.5; position:relative; padding-left:28px;} .type1 .list.list3 li .sub_txt p:before{content:""; display:block; width:3px; height:3px; background-color:#000; position:absolute; top:12px; left:0; border-radius:50%;} .type1 .list > li .sub_txt .txt { font-size:24px; font-weight: 500; } .type1 .list > li .sub_txt .txt li { overflow: hidden; position: relative; text-indent:15px; margin-bottom: 15px; color: #404040; font-weight: 500; } .type1 .list > li .sub_txt .txt li:before { content:""; display: block; width:3px; height:3px; border-radius:50%; background:#404040; position: absolute; top: 10px; left: 0; } .type1 .list > li .sub_txt .txt li em { color: #06a9b7; font-weight: 500; } /* type2 */ .type2{background:#f9fafc; padding:131px 0;} .type2 h1{text-align:center; font-size:42px; color:#333; padding-bottom:95px;} .type2 ul{font-size:0;} .type2.count7 ul{text-align:center;} .type2.count7 ul li:nth-of-type(-n+3){margin-bottom:30px;} .type2.count7 ul li:nth-of-type(3):before{display:none;} .type2.count7 ul li:nth-of-type(3):after{display:none;} .type2 ul li{display:inline-block; vertical-align:top; width:253px; height:253px; box-sizing:border-box; border:7px solid #efefef; border-radius:50%; background:#fff; margin-right:62px; position:relative; text-align:center;} .type2 ul li:last-child{margin-right:0;} .type2 ul li:before{content:''; display:block; width:62px; height:1px; background:#d0d0d0; position:absolute; top:50%; right:-69px;} .type2 ul li:after{content:''; display:block; width:42px; height:42px; background:#06a9b7 url('/images/sub/free12/arrow-right-icon-w.png')no-repeat 50% 50%; position:absolute; top:50%; margin-top:-21px; right:-60px; border-radius:50%;} .type2 ul li:last-child:before, .type2 ul li:last-child:after{display:none;} .type2 ul li h3{font-size:20px; font-weight:bold; color:#06a9b7; padding:34px 0 30px;} .type2 ul li p{font-size:20px; font-weight:bold; color:#333; padding-top:30px;} /*클라우드 관리대행*/ .level > li { float: left; width: 294px; height: 550px; box-sizing:border-box; overflow: hidden; margin-left:8px; background: #fff; border:2px solid #efefef; border-radius:7px; text-align: center; } .level > li:first-child { margin-left: 0; } .level > li h3 { text-align: center; margin-top: 40px; font-size:30px; line-height:120%; color:#222; font-weight: 700; } .level > li img { margin-top:25px; } .level > li dl { margin-top:25px; } .level > li dt { font-size:30px; font-weight: 700; line-height: 120%; color: #06a9b7; } .level > li dt span { font-weight: 300; color: #2d2d2d; } .level > li dd { margin-top:15px; } .level > li dd h4 { color:#222; font-weight: 500; font-size:18px; line-height: 120%; } .level > li dd ul { margin-top:15px; height: 95px; color: #222; } .level > li:not(:first-child) dd ul:before { content:"+"; font-size:24px; color: #2d2d2d; font-weight: 500; } .level > li dd ul li { line-height:150%; } .level > li dd > a { display: block; margin: 35px auto 0; width:145px; height:42px; line-height:42px; background:#06a9b7 url(/images/sub/icon_arrow.gif) no-repeat right 20px center; color: #fff; font-size:16px; border-radius:20px;text-align:left;padding:1px 0 0 30px;box-sizing:border-box;} .manage_agency01 .level_box > li { float: left; width: 385px; height: 550px; box-sizing:border-box; overflow: hidden; margin-right: 13px; margin-top: 27px;background: #fff; border:2px solid #efefef; border-radius:7px; text-align: center; } .manage_agency01 .level_box > ul > li:nth-of-type(3n){margin-right:0;} .manage_agency01 .level_box > ul > li:nth-of-type(-n+3){margin-top:0;} .manage_agency01 .level_box > ul > li:nth-of-type(-n+6){display:inline-block;} .manage_agency01 .level_box > li h3 { text-align: center; margin-top: 40px; font-size:30px; line-height:120%; color:#222; font-weight: 700; } .manage_agency01 .level_box > li img { margin-top:25px; } .manage_agency01 .level_box > li dl { margin-top:25px; } .manage_agency01 .level_box > li dt { font-size:30px; font-weight: 700; line-height: 120%; color: #06a9b7; } .manage_agency01 .level_box > li dt span { font-size: 18px;font-weight: 300; color: #2d2d2d; } .manage_agency01 .level_box > li dd { margin-top:15px; } .manage_agency01 .level_box > li dd h4 { color:#222; font-weight: 500; font-size:18px; line-height: 120%; } .manage_agency01 .level_box > li dd ul { margin-top:10px; height: 95px; color: #222; } .manage_agency01 .level_box > li:not(:first-child,:last-child) dd ul:before { content:"+"; font-size:24px; color: #2d2d2d; font-weight: 500; } .manage_agency01 .level_box > li dd ul li {line-height:150%;} .manage_agency01 .level_box > li dd > a { display: block; margin: 30px auto 0; width:145px; height:42px; line-height:42px; background:#06a9b7 url(/images/sub/icon_arrow.gif) no-repeat right 20px center; color: #fff; font-size:16px; border-radius:20px;text-align:left;padding:1px 0 0 30px;box-sizing:border-box;} .agency h1 { color: #333; font-size:42px; line-height:130% !important; } .agency h1 em { color: #06a9b7; } .stepBox.stepBox01{margin-top:0; padding:120px 0 125px;} .stepBox .tab_button_area ul li { width:240px !important; } .stepBox .border_box { background:none; border:none; padding-bottom:40px; margin-bottom:40px; } .stepBox .border_box h4 { text-align: center; font-size:30px; font-weight: 500; color: #464646; } .stepBox .border_box h4 em { color:#06a9b7; font-weight: 500; } .stepBox .border_box p { text-align: center; color: #464646; font-size:30px; font-weight: 500; } .stepBox .border_box p em { color: #06a9b7; font-weight: 500; } .stepBox .border_box .txt { margin-top:50px; width: 100%; box-sizing:border-box; background: #fff; border-radius:7px; border:1px solid #e1e1e1; } .stepBox .border_box .txt div.boxSt01 { margin: 0 auto 40px; width: 1130px; height:auto; padding:40px 0; background: #f9fafc; border:1px solid #e3e3e3; border-radius:6px; box-sizing:border-box; font-size:18px; font-weight: 300; line-height: 150%; } .stepBox .border_box .txt img { display: block; text-align: center; margin: 50px auto 60px; } .stepBox .border_box .txt div.listBox { background:none; border:none; overflow: hidden; text-align: center; } .stepBox .border_box .txt div.listBox img { display: inline-block; vertical-align: top; } .stepBox .border_box .txt div.listBox ul { display: inline-block; vertical-align: top; text-align: left; margin:25px 0 0 70px; } .stepBox .border_box .txt div.listBox li { margin-top:25px; position: relative; padding-left:9px; color: #5b5b5b; } .stepBox .border_box .txt div.listBox li:before { content:""; display: block; width:3px; height:3px; background:#5b5b5b; border-radius:50%; position: absolute; top: 9px; left: 0; } .stepBox .border_box p { /* margin-top:40px; */ font-size:18px; font-weight: 300; } .stepBox .border_box p em { color:#414141; } .stepBox .border_box p.tab_title { margin-top:40px; font-size:18px; font-weight: 300; width:360px; height:60px; background:#06a9b7; border-radius:0 30px 30px 0; } .stepBox .border_box p.title { margin-top: 40px; display: inline-block; width:auto; padding-right:20px; text-indent:20px; height:63px; line-height:63px; color:#fff; font-size:20px; font-weight: 700; background:#06a9b7; border-radius:0 32px 32px 0; text-align: left; } .stepBox .border_box table { width: 1200px; margin:45px auto 50px; border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf; } .stepBox .border_box thead th { border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; height: 55px; background: #f4f4f4; color: #353535; font-weight: 500; } .stepBox .border_box .back-blue {background:#e9f7f6;} .stepBox .border_box .back-yellow {background:#fffff0;} .stepBox .border_box tbody th { text-align: center !important; font-weight: 500; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; } .stepBox .border_box tbody td { border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf; font-size:15px; line-height:130%; padding:10px 0 10px 15px; color: #353535; } .stepBox .border_box td b { font-weight: 700; } .finishBtn { margin:0 auto 50px; } .finishBtn > a { display: block; margin: 0 auto; width:250px; height:40px; line-height:40px; text-indent:20px; text-align: left; background:#06a9b7 url(/images/sub/icon_arrow.gif) no-repeat right 20px center; color: #fff; border-radius:20px; } .managed_auto{padding: 130px 0;background:#4e93bf} .managed_auto .w1200>p{text-align:center;font-weight:400;color:#fff;font-size:20px} .managed_auto .w1200 h1{color:#fff;font-size: 42px;text-align: center;font-weight: 400;padding-bottom: 20px;} .server02 .managed_auto .w1200 h1{color:#fff;padding-bottom: 20px;} .managed_auto .w1200 ul{display:flex;margin:50px 0 30px;} .managed_auto .w1200 ul li{width:33%;margin-right: 20px;text-align: center;border:1px solid #e1e1e1;background: #fff;padding:30px;border-radius: 20px;box-shadow:3px 5px 15px -3px #31546b} .managed_auto .w1200 ul li:last-child{margin-right: 0} .managed_auto .w1200 ul li i{display: inline-block;width:70px;height:70px;text-align: center;border-radius: 200px;margin-bottom: 25px;background:#d7f0ff;color:#4e93bf;line-height: 70px;font-size: 28px} .managed_auto .w1200 ul li h3{font-weight:600;margin-bottom: 20px;font-size:34px;color:#4e93bf;} .managed_auto .w1200 ul li p{font-weight: 400;margin-bottom: 20px;padding-bottom: 20px;border-bottom:1px solid #e1e1e1;font-size:18px;color:#222;} .managed_auto .w1200 ul li span{font-weight: 400;font-size:16px;line-height: 20px;color:#222;} .managed_auto .w1200 .txt{text-align: center;border:1px solid #e1e1e1;background: #fff;padding:30px;border-radius: 20px;box-shadow:3px 5px 15px -3px #31546b;font-size:20px;color:#222;line-height: 30px;font-weight: 400;} .managed_auto .w1200 .txt b{font-weight:bold;} .managed_auto .w1200 .txt a{display: inline-block;background:#4e93bf;color:#fff;font-size:14px;font-weight: 400;width:150px;margin-left: 10px;height: 35px;line-height: 35px;border-radius: 5px;vertical-align: bottom;} .bg-gray > div.managed_auto{background:#4e93bf} /** 3단계 서비스 모니터링 **/ .monitoring3.sub1{padding-bottom:131px;} .monitoring3.sub2{background:#f9fafc; padding:131px 0;} .monitoring3.sub2 h1{font-size:42px; color:#333; font-weight:300; padding-bottom:22px; text-align:center;} .monitoring3.sub2 .cont{display:table; width:100%;} .monitoring3.sub2 .cont > div, .monitoring3.sub2 .cont > ul{display:table-cell; vertical-align:middle; width:33.3333%;} .monitoring3.sub2 .cont .left li{margin-bottom:10px; width:168px; height:168px; box-sizing:border-box; border-radius:50%; background:#fff; border:3px solid #efefef; text-align:center; position:relative;} .monitoring3.sub2 .cont .left li:last-child{margin:0;} .monitoring3.sub2 .cont .left li:nth-of-type(1) img{padding-top:37px;} .monitoring3.sub2 .cont .left li:nth-of-type(2) img{padding-top:33px; padding-left:17px;} .monitoring3.sub2 .cont .left li:nth-of-type(3) img{padding-top:46px;} .monitoring3.sub2 .cont .left li:before{content:''; display:block; width:292px; height:1px; background:#e1e1e1; position:absolute; top:50%; right:-295px; z-index:0;} .monitoring3.sub2 .cont .left li:nth-of-type(1):before{width:320px; top:90%; right:-314px; transform:rotate(15deg);} .monitoring3.sub2 .cont .left li:nth-of-type(3):before{width:320px; top:18px; right:-314px; transform:rotate(-15deg);} .monitoring3.sub2 .cont .left li span{display:inline-block; width:103px; padding:34px 0; text-align:center; font-size:16px; color:#06a9b7; font-weight:bold; background:#fff; border:1px solid #ccc; border-radius:7px; line-height:1.3; position:absolute; top:50%; margin-top:-55px; right:-190px;} .monitoring3.sub2 .cont .center{text-align:center;} .monitoring3.sub2 .cont .center .box{display:inline-block; width:294px; height:294px; background:#fff; border:7px solid #e1e1e1; border-radius:50%; box-sizing:border-box; position:relative;} .monitoring3.sub2 .cont .center .box:before{content:''; display:block; width:313px; height:313px; border:1px solid #e1e1e1; position:absolute; top:-17.5px; left:-17.5px; border-radius:50%;} .monitoring3.sub2 .cont .center .box:after{content:''; display:block; width:554px; height:93px; border:3px solid #e1e1e1; border-radius:7px; border-top:none; position:absolute; right:-416.5px; bottom:-96px; z-index:0;} .monitoring3.sub2 .cont .center .box p{font-size:24px; color:#333; font-weight:bold; padding-top:48px; padding-bottom:30px;} .monitoring3.sub2 .cont .center .box span{font-size:20px; color:#06a9b7; font-weight:bold; position:absolute; bottom:-88px; right:-178px;} .monitoring3.sub2 .cont .right{text-align:right; position:relative} .monitoring3.sub2 .cont .right p{font-size:20px; color:#06a9b7; font-weight:bold; text-align:center; display:inline-block; width:92px; padding-bottom:20px;} .monitoring3.sub2 .cont .right .port{display:inline-block; padding:28px 19px; text-align:left; border:1px solid #ccc; background:#fff; border-radius:7px; position:absolute; left:75px; z-index:1; top:31%;} .monitoring3.sub2 .cont .right .port span{display:inline-block; font-size:16px; color:#06a9b7; font-weight:bold; line-height:1.3; padding-bottom:37px;} .monitoring3.sub2 .cont .right .port p{font-size:16px; color:#333; font-weight:bold; padding-bottom:17px; text-align:left; display:block; width:auto;} .monitoring3.sub2 .cont .right .port p:last-child{padding:0;} .monitoring3.sub2 .cont .right li{margin-bottom:8px; position:relative;} .monitoring3.sub2 .cont .right li:last-child{margin:0;} .monitoring3.sub2 .cont .right li:before{content:''; display:block; width:275px; height:11px; background:url('/images/sub/free12/arrow-right-icon.png')no-repeat 50% 50%; position:absolute; top:50%; left:0;} .monitoring3.sub2 .cont .right li div{display:inline-block; width:92px; height:92px; background:#eee; border-radius:50%; text-align:center; position:relative;} .monitoring3.sub2 .cont .right li div:after{content:''; display:block; width:3px; height:8px; background:#e1e1e1; position:absolute; bottom:-8px; left:50%;} .monitoring3.sub2 .cont .right li div img{padding-top:7px;} .monitoring3.sub3 .server-common01{padding-top:136px;} /** 실시간 트래픽 **/ .traffic.sub1{padding-bottom:131px;} .traffic.sub1 .type1 .list li .sub_txt h1{width:340px;} .traffic.popup_box .popup_con{padding:80px 50px;} .traffic.popup_box .popup_con .x_btn{top:30px;} .traffic_popup_con dl{background:#f9f9f9; padding:50px 40px; margin-bottom:20px; text-align:center;} .traffic_popup_con dl:last-child{margin:0;} .traffic_popup_con dl dt h5{font-size:30px; color:#333; letter-spacing:-0.025em; font-weight:bold; margin-bottom:40px;} .idc_traffic .target{padding: 0 0 131px;} .idc_traffic .sub1,.idc_traffic .sub3 {padding-top: 80px} .idc_traffic .tit {font-size: 42px;font-weight: 300;color: #333;line-height: 1;text-align: center;letter-spacing: -0.025em;} .idc_traffic .tit span {color: #06a9b7;} .idc_traffic .tit p {font-size: 18px;line-height: 24px;margin-top: 15px;} .idc_traffic .sub1 .scon {} .idc_traffic .sub1 .scon > div {float: left;width: 50%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .idc_traffic .sub1 .scon .img {} .idc_traffic .sub1 .scon .img img {} .idc_traffic .sub1 .scon .txt {padding: 57px 0 0 40px;} .idc_traffic .sub1 .scon .txt p {margin-bottom: 60px;text-align: left;padding: 0} .idc_traffic .sub1 .scon .txt dl {} .idc_traffic .sub1 .scon .txt dl dt {margin-bottom: 30px;font-size: 24px;font-weight: 500;color: #06a9b7;letter-spacing: -0.025em;} .idc_traffic .sub1 .scon .txt dl dd {font-size: 18px;font-weight: 300;color: #333;line-height: 1.6;} .idc_traffic .sub1 .scon .txt .BtnSt01 {width: 210px;height: 52px;padding-left: 35px;line-height: 52px;margin: 50px 0 0;} .idc_traffic .sub1 .scon .txt .BtnSt01:after {right: 40px;} .idc_traffic .sub2 .w1200>ul{display: flex;justify-content: space-between;} .idc_traffic .sub2 .w1200>ul li{width:32%;border:2px solid #e1e1e1;padding:40px 20px;border-radius: 5px;transition:all 0.3s ease-in-out;} .idc_traffic .sub2 .w1200>ul li:hover{border-color: #06a9b7;box-shadow: 1px 0 20px rgba(0,0,0,0.15);} .idc_traffic .sub2 .w1200>ul li p{font-weight:600;color:#222;margin-bottom: 20px;font-size:24px;text-align: center;} .idc_traffic .sub2 .w1200>ul li p font{color:#06a9b7;font-weight:600;} .idc_traffic .sub2 .w1200>ul li div{font-weight:400;line-height:20px;font-size:15px;} .idc_traffic .sub2 .more_graph{width: 210px;height: 52px;text-align: center;margin: 50px auto;display: block; font-size: 16px; font-weight: 400; color: #06a9b7;border-radius: 50px;border: 1px solid #06a9b7; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;} .idc_traffic .sub2 .more_graph:hover{background-color: #06a9b7;color: #fff} .idc_traffic .sub2 .sample_graph{display: none;margin-bottom: 50px;border:1px solid #e1e1e1;padding:40px 20px;border-radius: 5px;} .idc_traffic .sub2 .sample_graph h5{text-align: center;font-size: 28px;font-weight: 600;color:#222;margin-bottom: 40px;} .idc_traffic .sub2 .sample_graph ul{display: flex;justify-content: center;flex-wrap: wrap;} .idc_traffic .sub2 .sample_graph ul li{width:48%;margin-bottom: 30px;margin-right: 15px;} .idc_traffic .sub2 .sample_graph ul li:nth-child(2n){margin-right: 0} .idc_traffic .sub2 .sample_graph ul li p{font-size: 18px;margin-bottom: 15px;font-weight:500;} .idc_traffic .sub2 .sample_graph ul li img{width:100%;} .idc_traffic .sub2 .more_infra{background:#06a9b7;border-radius: 8px;padding:50px;position: relative;} .idc_traffic .sub2 .more_infra h3{color:#fdff9c;font-size:36px;font-weight:bold;margin-bottom: 15px;} .idc_traffic .sub2 .more_infra p{color:#fff;font-size:18px;font-weight:400;} .idc_traffic .sub2 .more_infra a{position: absolute;right: 50px;top:50%;-webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);width: 210px;height: 50px;line-height: 50px;border-radius: 8px;background:#fff;color:#06a9b7;font-weight:600;text-align:center;} .idc_traffic .sub3 ul li .txt p {font-weight: 400} .idc_traffic .sub3 ul li .txt a {color: #06a9b7;font-weight: 600;display: inline-block;} .idc_traffic .sub3 ul li .txt font {color: #0a5a7a;font-weight: 600;} /** 웹로그 분석 **/ .weblog.sub1{padding-bottom:131px;} /** 10G 백업 **/ .backup.sub1{padding-bottom:72px;} .backup .type1 .list.list2 li:nth-of-type(2) .sub_txt p{padding-left:0;} .backup .type1 .list.list2 li:nth-of-type(2) .sub_txt p:before{display:none;} .backup .type1 .list.list2 li:nth-of-type(3) .img{vertical-align:top;} .backup .info_box{margin:22px 0 0; position:relative;} .backup .info_box .info{padding-left:20px; font-size:16px; font-weight:bold; color:#06a9b7; line-height:37px; cursor:pointer;} .backup .info_box .info span{display:inline-block; width:37px; height:37px; background:#efefef url('/images/sub/free12/info-icon.png')no-repeat 50% 50%; margin-right:18px; border-radius:50%; vertical-align:top;} .backup .info_box ul{display:none; width:100%; padding:15px 20px; background:#fff; border:1px solid #efefef; box-sizing:border-box; position:absolute; top:50px; left:0; z-index:1;} .backup .info_box ul li{font-size:0; margin-bottom:8px;} .backup .info_box ul li:last-child{margin:0;} .backup .info_box ul li > *{display:inline-block; vertical-align:top; font-size:13px; font-weight:400; color:#333; line-height:1.5;} .backup .info_box ul li span{width:10px;} .backup .info_box ul li p{width:calc(100% - 10px); word-break:keep-all;} .backup .info_box:hover ul{display:block;} .backup.sub2{background:#f9fafc; padding:131px 0;} .backup.sub2 .tit{text-align:center; font-size:42px; color:#333; padding-bottom:60px; font-weight:300;} .backup.sub2 ul{font-size:0;} .backup.sub2 ul li{display:inline-block; vertical-align:top; width:calc(50% - 10px); margin-right:20px; box-sizing:border-box; border:3px solid #efefef; border-radius:10px; background:#fff; position:relative; text-align:center;} .backup.sub2 ul li:last-child{margin-right:0;} .backup.sub2 ul li:before{content:''; display:block; width:1px; height:33px; background:#06a9b7; position:absolute; top:0; left:50%;} .backup.sub2 ul li h1{font-size:16px; font-weight:bold; color:#06a9b7; padding-top:49px;} .backup.sub2 ul li .cont{padding:35px 30px 39px;} .backup.sub2 ul li .cont > div{display:inline-block; width:201px; height:201px; vertical-align:middle; border-radius:50%; background:#f7f7f7; position:relative;} .backup.sub2 ul li .cont > div img{margin-top:35px;} .backup.sub2 ul li .cont > div p{font-size:16px; font-weight:500; padding-top:20px; color:#333; line-height:1.2;} .backup.sub2 ul li .cont .left{margin-right:122px;} .backup.sub2 ul li .cont span{font-size:14px; font-weight:600; color:#333; display:block; width:111px; position:absolute; right:-117px;} .backup.sub2 ul li .cont span:after{content:''; display:block; width:100%; height:11px; background:url('/images/sub/free12/arrow-right-icon2.png')no-repeat 50% 50%; position:absolute; bottom:-20px; left:0;} .backup.sub2 ul li .cont .step1{top:53px;} .backup.sub2 ul li .cont .step2{top:96px;} .backup.sub2 ul li .cont .step3{bottom:49px;} .backup.sub2 ul li .cont .step3:after{display:none;} .backup.sub2 ul li:nth-of-type(2) .cont .step1{top:72px;} /** KR 도메인 **/ .krdomain.sub1 .sub_cont{padding:110px 0; font-size:0;} .krdomain.sub1 .sub_cont > div{display:inline-block; vertical-align:middle;} .krdomain.sub1 .sub_cont .txt{box-sizing:border-box; width:calc(100% - 526px); padding-left:114px;} .krdomain.sub1 .sub_cont .txt h1{font-size:42px; font-weight:300; color:#333; padding-bottom:50px; line-height:1.1;} .krdomain.sub1 .sub_cont .txt p{font-size:18px; color:#333; padding-bottom:10px; font-weight:300;} .krdomain.sub1 .sub_cont .txt p:nth-last-of-type(1){padding-bottom:59px;} .krdomain.sub1 .sub_cont .txt .link a{display:inline-block; vertical-align:top; font-size:16px; color:#fff; width:210px; line-height:52px; text-align:center; border-radius:26px; background:#06a9b7; margin-right:26px;} .krdomain.sub1 .sub_cont .txt .link a:last-child{background:#666;} .krdomain.sub1 .sub_cont .txt .link a:after{content:''; display:inline-block; vertical-align:middle; width:7px; height:11px; background:url('/images/sub/free12/arrow-right-icon-w.png')no-repeat 50% 50%; background-size:7px; margin-left:13px; margin-top:-2px;} /* event_server */ .event_server h1.tit{font-size:42px; color:#333;line-height:1; text-align:center; padding-top:80px; padding-bottom:63px;} .event_server p.sub_tit{margin-top: 15px;color: #9d9da3;line-height: 150%;font-size: 16px;text-align:center;margin-bottom:50px} .event_tb table {margin-top: 23px;border: 1px solid #ddd;box-sizing: border-box;border-collapse: collapse;} .event_tb table tbody tr {border-bottom: 1px solid #ddd;} .event_tb table tbody tr th {font-size: 16px;font-weight: 500;letter-spacing: -0.035em;color: #353535;line-height: 1;border-right: 1px solid #ddd;box-sizing: border-box;background-color: #f9f9f9;border-left: 1px solid #ddd;padding: 12px 0;} .event_tb table tbody tr td {font-size: 14px;font-weight: 400;letter-spacing: -0.035em;color: #353535;line-height: 25px;box-sizing: border-box;padding: 12px 0 12px 27px;background:#fff;} .event_tb table tbody tr td ul li{font-weight:400} .event_con01{padding:142px 0 100px;} .event_con01 .info_box{/*padding:45px 0 60px;*/ background-color:#fff; border:2px solid #efefef; border-radius:10px; box-sizing:border-box;} .event_con01 .info_box .top_box{font-size:0;text-align:center; box-sizing:border-box;} .event_con01 .info_box .top_box > *{display:inline-block; vertical-align:top;} .event_con01 .info_box .top_box .server_img{width:450px;padding-top:50px;} .event_con01 .info_box .top_box img{width:289px;} .event_con01 .info_box .top_box .txt_box{width:510px; margin:90px 0 0 94px; text-align:center;position:relative;} .dellDeca .diropen03{background:#fff !important;} .event_con01 .info_box .top_box .txt_box .price_tip{top:6px;right:33px;cursor: pointer;} .event_con01 .info_box .top_box .txt_box.dellDeca p{text-align: left;padding-left:20px} .event_con01 .info_box .top_box .txt_box .price_tip p{font-size:18px;font-weight:300;color:#06a9b7;cursor: pointer;} .event_con01 .info_box .top_box .txt_box .price_tip p img{width:18px} .event_con01 .info_box .top_box .txt_box .price_tip div{display:none;transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;width:170px;height:60px;padding:10px 5px;line-height:17px;box-sizing:border-box;border:2px solid #06a9b7;position:absolute; left: 42px;background: #fff;border-radius: 6px;top:0;font-size: 14px;animation: listshow 0.8s ease normal;z-index:100;} .event_con01 .info_box .top_box .txt_box .price_tip div.on{display:block;} .event_con01 .info_box .top_box .txt_box .price_tip div dl dt{float: left;width: 70px;margin-right:5px;font-weight: 400;color: #222;font-weight: bold;text-transform: uppercase;text-align: right;} .event_con01 .info_box .top_box .txt_box .price_tip div dl dd{float: left;width: calc(100% - 75px);width: -ms-calc(100% - 75px);width: -o-calc(100% - 75px);width: -moz-calc(100% - 75px);width: -webkit-calc(100% - 75px);font-weight: 400;color: #06a9b7;letter-spacing: -0.025em;text-transform: uppercase;text-align:right;} .event_con01 .info_box .top_box .txt_box .tit p{text-align:left;} .event_con01 .info_box .top_box .txt_box .tit p:first-child{margin-bottom:5px;} .event_con01 .info_box .top_box .txt_box .tit h4{font-size:30px;text-align:center; letter-spacing:-0.025em;color:#222;margin-bottom:30px} .event_con01 .info_box .top_box .txt_box .tit h4 span{color:red;display:block;font-weight:600;font-size:36px;padding:5px 0 0 0} .event_con01 .info_box .top_box .txt_box .tit .call_txt{font-size:16px;color:#7e7e7e;display: block;text-align:center;margin-bottom:40px;} .event_con01 .info_box .top_box .txt_box p{font-size:20px;color:#222; letter-spacing:-0.025em; line-height:1;margin-bottom:40px;} .event_con01 .info_box .top_box .txt_box span{color:#3f3f3f; letter-spacing:-0.025em; line-height:1; padding:20px 0 37px; } .event_con01 .info_box .top_box .txt_box span.bf_price{text-decoration: line-through;color:red;} .event_con01 .info_box .top_box .txt_box span.af_price{font-size:35px; color:#06a9b7;font-weight:700;} .event_con01 .info_box .top_box .txt_box span.af_price small{font-size:18px;} .event_con01 .info_box .top_box .txt_box a{display:inline-block; width:185px; margin:0 auto; padding:13px 0 13px 32px; font-size:16px; font-weight:400; color:#fff; line-height:1; position:relative; box-sizing:border-box; background-color:#06a9b7; border-radius:30px; text-align:left;} .event_con01 .info_box .top_box .txt_box a:before{content:""; display:block; width:7px; height:11px; background:url(/images/sub/btn_arrow.png) center top no-repeat; position:absolute; top:16px; right:29px;} .event_con01 .info_box .top_box .txt_box a.auto_btn{background-color: #0a5a7a;margin-left:15px;} .event_server.w1200 .info_box .spec{padding:0 40px 50px;} .event_server.w1200 .info_box .spec a{display:inline-block; width:98px; margin:0 auto; padding:7px 0 7px 21px; font-size:14px; font-weight:400; color:#fff; line-height:1; position:relative; box-sizing:border-box; background-color:#828282; border-radius:30px; text-align:left;border:none;} .event_con01 .info_box .spec a:before{content:""; display:block; width:7px; height:11px; background:url(/images/sub/btn_arrow.png) center top no-repeat; position:absolute; top:9px; right:22px;} .event_server .popup_box p.tit{font-size:20px;font-weight:600;margin-bottom:10px;} .event_server .popup_box ul li ul{border:1px solid #e1e1e1;padding:15px;background:#f8f8f8;} .event_server .popup_box .popup_con>ul>li{margin-bottom:20px;} .event_server .popup_box ul li ul li *{display: inline-block;vertical-align: top;font-size: 15px;font-weight: 400;color: #333;line-height: 1.5;} .event_server .popup_box ul li ul li span{width:10px;} .event_server .popup_box ul li ul li p {width: calc(100% - 15px);word-break: keep-all;} .event_server .popup_box ul li ul li div{border:1px solid #e1e1e1;background:#fff;padding:15px;width:calc(100% - 30px);margin-top:15px;} .event_server .popup_box ul li ul li div span{width:35px;font-size:13px;color:#868686;} .event_server .popup_box ul li ul li div p {width: calc(100% - 45px);word-break: keep-all;font-size:13px;color:#868686;} .event_server .benchmark_list{border:1px solid #e1e1e1;background:#fff;text-align:center;padding:40px 0} .event_server .benchmark_list span.tit{margin:40px 0 15px;display: block;text-align:center;font-size:18px;font-weight:500} .event_server.dellDeca ul{padding:25px 0} .event_server.dellDeca ul li{width:209px;float:left;text-align: center;height:100%;position: relative;margin:0 15px} /* .event_server.dellDeca ul li:last-child{margin-right:0;} */ .event_server.dellDeca ul li img{margin-bottom:30px} .event_server.dellDeca ul li p{font-size:16px;font-weight:300;line-height:19px} .event_service_img{border:1px solid #e1e1e1;background:#fff;position:relative;padding:10px 0 55px;} .event_service_img table{width:533.44px;position:absolute;top:300px;left:335px;border: 1px solid #ddd;box-sizing: border-box;border-collapse: collapse;} .event_service_img table tbody tr {border-bottom: 1px solid #ddd;} .event_service_img table tbody tr th {font-size: 16px;font-weight: 500;letter-spacing: -0.035em;color: #353535;line-height: 1;border-right: 1px solid #ddd;box-sizing: border-box;background-color: #f9f9f9;border-left: 1px solid #ddd;padding: 12px 0;} .event_service_img table tbody tr td {font-size: 14px;font-weight: 400;letter-spacing: -0.035em;color: #353535;line-height: 25px;box-sizing: border-box;text-align:center;border-right:1px solid #ddd;padding: 10px;} .event_service_img table tbody tr td span{font-weight:500} .event_service_img table tbody tr th span{font-weight:500;color:red;} .warning_txt small{display:block;margin-top:5px;color:#868686} .warning_txt p b{font-weight:500} .special_txt p.tit{font-weight:500;margin:20px 0 10px;} .special_txt a{display:block; width:240px; margin:50px auto; padding:13px 0; font-size:16px; font-weight:400; color:#fff; line-height:24px; position:relative; box-sizing:border-box; background-color:#06a9b7; border-radius:30px; text-align:center;} .event_server .smtit{margin-bottom: 20px;font-size: 32px;font-weight: 500;text-align:center;} .basic_setting_tb table{width:595px;float:left;} .basic_setting_tb table thead th{background:#e1e1e1;border-top:2px solid #06a9b7;border-bottom:1px solid #ddd;padding:12px 0;font-weight:500} .basic_setting_tb table tbody td{border-right:1px solid #ddd;} .basic_setting_tb .fir b{font-weight:500;} .basic_setting_tb:after{content:'';display:block;clear:both;} .event_tb {padding-bottom:80px;} .event_tb.web_setting_tb {padding-bottom:0;} .event_tb .border_tbl td{border-right:1px solid #e1e1e1} /* 관리대행 */ .fs35{font-size:35px !important;} .top5{top:5px !important;} .pb6{padding-bottom:6px !important;} .server01 .w1200 .content-box .content.type02 > ul > li:nth-of-type(3n){margin-right:0;margin-top:0;} .server01 .w1200 .content-box .content.type02 > ul > li{width:385px;height:610px;margin-right:13px;padding:55px 25px 0;position:relative;} .server01 .w1200 .content-box .content.type02 > ul > li .price-wrap{padding-bottom:40px;border-bottom:1px solid #e1e1e1;} /* .server01 .w1200 .content-box .content.type02 > ul > li:last-child .price-wrap {height:185px} */ .server01 .w1200 .content-box .content.type02 > ul > li .price-wrap > p{font-size:30px;font-weight:bold;letter-spacing:-0.025em;color:#222;text-align:center;} .server01 .w1200 .content-box .content.type02 > ul > li .price-wrap .recommend {position: absolute;top:0px;left:20px;font-size:20px;line-height:66px;font-weight: 500;letter-spacing:-0.025em;color:#fff;text-align:center;background-color:#06a9b7;width:70px;height:65px;border-bottom-right-radius:15px;border-bottom-left-radius:15px;} .server01 .w1200 .content-box .content.type02 > ul > li .price-wrap > span{font-size:16px;font-weight:400;letter-spacing:-0.025em;color:#3f3f3f;display:block;text-align:center;text-decoration:line-through;padding-top:35px;} .server01 .w1200 .content-box .content.type02 > ul > li .price-wrap > span b{font-size:18px;font-weight:bold;} .server01 .w1200 .content-box .content.type02 > ul > li .price-wrap > strong{display:block;font-size:16px;font-weight:500;letter-spacing:-0.025em;color:#ed1c24;text-align:center;padding-top:20px;position:relative;} .server01 .w1200 .content-box .content.type02 > ul > li .price-wrap > strong span{font-size:40px;letter-spacing:-0.025em;font-weight:bold;} .server01 .w1200 .content-box .content.type02 > ul > li .spec-wrap{padding-top:50px;} .server01 .w1200 .content-box .content.type02 > ul > li .spec-wrap p{font-size:18px;font-weight:500;letter-spacing:-0.025em;color:#222;text-align:center;} .server01 .w1200 .content-box .content.type02 > ul > li .spec-wrap ul li:first-of-type{margin-top:0;} .server01 .w1200 .content-box .content.type02 > ul > li .spec-wrap ul li{font-size:18px;font-weight:300;letter-spacing:-0.025em;color:#222;text-align:center;margin-top:10px;line-height: 26px;} .server01 .w1200 .content-box .content.type02 > ul > li .spec-wrap ul li font {font-weight: 600;} .server01 .w1200 .content-box .content.type02 > ul > li .spec-wrap div{position:absolute;width:100%;bottom:40px;left:0} .server01 .w1200 .content-box .content.type02 > ul > li .spec-wrap .btn {text-align: center;} .server01 .w1200 .content-box .content.type02 > ul > li .spec-wrap a{display:inline-block;width:143px;height:42px;box-sizing:border-box;border-radius:50px;border:1px solid #06a9b7;font-size:16px;font-weight:400;color:#06a9b7;line-height:42px;text-align:left;padding-left:30px;margin-bottom: 20px;position:relative;transition:all 0.2s ease-in-out;} .server01 .w1200 .content-box .content.type02 > ul > li .spec-wrap a:first-child{margin-right:10px;} .server01 .w1200 .content-box .content.type02 > ul > li .spec-wrap a:first-child:after{display: none;} .server01 .w1200 .content-box .content.type02 > ul > li .spec-wrap a:after{display:block;content:"";position:absolute;width:7px;height:11px;background:url("/images/sub/server01-more-off.png")no-repeat center top;background-size:cover;right:30px;top:15px;transition:all 0.2s ease-in-out;} .server01 .w1200 .content-box .content.type02 > ul > li .spec-wrap a:hover{background-color:#06a9b7;color:#fff;} .server01 .w1200 .content-box .content.type02 > ul > li .spec-wrap a:hover:after{background:url("/images/sub/server01-more-on.png")no-repeat center top;} .server01 .w1200 .more-btn-wrap03{} .server01 .w1200 .more-btn-wrap03 > a{display:block;margin:45px auto 0;float:none;transition:background-color 0.3s ease-in-out;width:184px;height:50px;line-height:50px;box-sizing:border-box;border:1px solid #333;border-radius:3px;font-size:16px;font-weight:300;text-align:left;padding-left:65px;position:relative;transition:all 0.3s ease-in-out;} .server01 .w1200 .more-btn-wrap03 > a:after{transition:all 0.3s ease-in-out;display:block;content:"+";position:absolute;font-size:20px;font-weight:300;color:#333;right:55px;top:-2px;} .server01 .w1200 .more-btn-wrap03 > a:hover{background-color:#333;color:#fff;} .server01 .w1200 .more-btn-wrap03 > a:hover:after{color:#fff;} .server02 .border_box table td{padding:10px 0;text-align:center;} .server02 .border_box table td font {font-weight: 500; color:#4e93bf;} .server02 .border_box table td span {font-weight: 500; color:#ff3939;} .server02 .w1200 h1 {font-size: 42px;color: #333;text-align: center;font-weight: 400;padding-top: 60px;padding-bottom: 30px;} .agency01{padding:130px 0 160px;} .agency01 .w1200{} .agency01 .w1200 > p{font-size:42px;font-weight:400;text-align:center;color:#333;} .agency01 .w1200 ul{font-size:0;text-align:left;padding-top:60px;} .agency01 .w1200 ul li:nth-of-type(4n){margin-right:0;} .agency01 .w1200 ul li:nth-of-type(-n+4){margin-bottom:30px;} .agency01 .w1200 ul li{display:inline-block;vertical-align:top;width:290px;height:382px;box-sizing:border-box;border:1px solid #31b3bf;background:#fff;border-radius:5px;margin-right:13px;} .agency01 .w1200 ul li .img{} .agency01 .w1200 ul li .img img{display:block;margin:0 auto;padding-top:40px;} .agency01 .w1200 ul li .txt{height:204px;display:table;width:100%;} .agency01 .w1200 ul li .txt p{display:table-cell;vertical-align:middle;font-size:17px;font-weight:400;text-align:center;color:#333;line-height:24px;text-align:center;} .agency01 .w1200 ul li .txt p span{color:#00a9b7;font-weight:500} .agency01 .w1200 ul li .txt a{display:table;margin:25px auto 0;width:120px;height:34px;background-color:#00a9b7;line-height:34px;font-size:14px;font-weight:300;color:#fff;text-align:center;border-radius:15px;} .agency03{background-color:#00a9b7;padding:130px 0 160px;} .agency03 *{font-family:"Noto Sans KR", sans-serif;} .agency03 .w1200{} .agency03 .w1200 > p{font-size:42px;font-weight:300;color:#fff;text-align:center;} .agency03 .w1200 > span{display:block;font-size:20px;font-weight:300;color:#fff;text-align:center;padding-top:30px;} .agency03 .w1200 .white-box{width:850px;height:60px;line-height:60px;font-size:20px;font-weight:500;color:#00828d;text-align:center;background-color:#fff;margin:50px auto 0;border-radius:10px;} .agency03 .w1200 .info_agency_box ul{font-size:0;text-align:center;padding:50px 50px 45px;border:1px solid #fff;border-radius:10px;} .agency03 .w1200 .info_agency_box ul li{display:inline-block;vertical-align:top;width:16.66666%;} .agency03 .w1200 .info_agency_box ul li img{display:block;margin:0 auto;} .agency03 .w1200 .info_agency_box ul li p{font-size:18px;font-weight:400;color:#ceeae8;padding-top:30px;white-space:nowrap;line-height:1.2;} .agency03 .w1200 .info_agency{padding:0; text-align: center;} .agency03 .w1200 .info_agency > ul {display: inline-block;height: 316px; border: none; margin-top: 50px;} .agency03 .w1200 .info_agency > ul > li{float:left; width:500px;margin-right:40px; text-align:center; border:1px solid #fff; border-radius:7px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .agency03 .w1200 .info_agency > ul > li:last-child{margin-right:0;} .agency03 .w1200 .info_agency > ul > li > h4{padding-top: 35px; padding-bottom: 10px;font-size:24px; font-weight:500;letter-spacing: -0.05em; line-height:1; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;color: #fff; } .agency03 .w1200 .info_agency > ul > li ul{padding:25px 30px; height: 240px;} .agency03 .w1200 .info_agency > ul > li ul li{padding-left:20px; font-size:18px; font-weight:300; color:#fff; letter-spacing: -0.025em; line-height:26px; text-align:left; position:relative;margin-bottom:20px;} .agency03 .w1200 .info_agency > ul > li ul li:before{content:""; display:block; width:7px; height:7px; background-color:#fff; border-radius:50%; position:absolute; left:0; top:11px; } .agency03 .w1200 .agency03_arrow {text-align: center; margin: 50px 0;} .agency03 .w1200 .content .cl li {float: left; width: 33.3%; text-align: center; padding-top: 40px;} .agency03 .w1200 .content .cl li p {padding-top: 15px; font-size: 18px; color: #fff;} .agency03 .w1200 .content .cl li .img {padding: 0 20px;} .agency03 .w1200 .content .cl li .img img {width: 100%; border: 1px solid #fff; border-radius: 6px;} .server_agency03_popup_con {text-align: center;} .server_agency03_popup_con img {border: 1px solid #e1e1e1; width: 40%;} /* 공통 css */ article.no-minheight{min-height:auto;} .gray_bg{background-color:#f9fafc;} /* 주의사항 css */ .question_box:after{display:block;content:"";clear:both;} .question_box{padding-top:17px; box-sizing:border-box; position:relative;} .question_box > p{display:inline-block; vertical-align:top; font-size:12px; font-weight:500; color:#999; line-height:1; cursor:pointer;} .question_box > p img{display:inline-block; vertical-align:middle; margin:-2px 11px 0 0;} .question_box .question_txt{display:none; width:100%; padding:15px 10px; background-color:#fff; border:1px solid #efefef; box-sizing:border-box; position:absolute; top:40px; left:0; z-index:2;} .question_box .question_txt > p{font-size:15px; font-weight:400; color:#333;} .question_box .question_txt > a{font-size:14px; font-weight:400; color:#333; display:block; padding:10px 0;} .question_box .question_txt li{font-size:0;} .question_box .question_txt li:nth-of-type(n+2){margin-top:8px;} .question_box .question_txt li > *{display:inline-block; vertical-align:top; font-size:13px; font-weight:400; color:#333; line-height:1.5;} .question_box .question_txt li span{width:10px;} .question_box .question_txt li p{width:calc(100% - 10px); word-break:keep-all;} .question_box .question_txt li p b{font-weight:bold;} .question_box .question_txt li p font{color:#ff0000;} .question_box01 .question_txt{width:auto;} .question_box01 .question_txt img{margin-bottom:20px;} .question_box01 .question_txt p{font-size:14px; font-weight:400; color:#333; line-height:1.5;} .more_btn{display:block; width:184px; margin:10px auto 0; padding:17px 0 16px 42px; font-size:16px; font-weight:400; color:#333; line-height:1; border:1px solid #333; border-radius:5px; box-sizing:border-box; position:relative;} .question_box01 .question_txt p b{font-weight:700;} /* 주의사항 css */ .question_box2:after{display:block;content:"";clear:both;} .question_box2{box-sizing:border-box; position:relative;} .question_box2 > p{display:inline-block; vertical-align:top; font-size:12px; font-weight:500; color:#999; line-height:1; cursor:pointer;} .question_box2 > p img{display:inline-block; vertical-align:middle; margin:-2px 11px 0 0;} .question_box2 .question_txt{display:none; width:100%; padding:15px 10px; background-color:#fff; border:1px solid #efefef; box-sizing:border-box; position:absolute; top:25px; left:0; z-index:2;} .question_box2 .question_txt > p{font-size:15px; font-weight:400; color:#333;} .question_box2 .question_txt > a{font-size:14px; font-weight:400; color:#333; display:block; padding:10px 0;} .question_box2 .question_txt li{font-size:0;} .question_box2 .question_txt li:nth-of-type(n+2){margin-top:8px;} .question_box2 .question_txt li > *{display:inline-block; vertical-align:top; font-size:13px; font-weight:400; color:#333; line-height:1.5;} .question_box2 .question_txt li span{width:10px;} .question_box2 .question_txt li p{width:calc(100% - 10px); word-break:keep-all;} .question_box2 .question_txt li p b{font-weight:bold;} .question_box2 .question_txt li p font{color:#ff0000;} .question_box2 .question_txt li p a{font-weight:600;text-decoration: underline;} .question_box01 .question_txt{width:auto;} .question_box01 .question_txt img{margin-bottom:20px;} .question_box01 .question_txt p{font-size:14px; font-weight:400; color:#333; line-height:1.5;} .more_btn{display:block; width:184px; margin:10px auto 0; padding:17px 0 16px 42px; font-size:16px; font-weight:400; color:#333; line-height:1; border:1px solid #333; border-radius:5px; box-sizing:border-box; position:relative;} .question_box01 .question_txt p b{font-weight:700;} .more_box{text-align: center;padding:30px 0 0} .more_box a{text-align:left;display: inline-block;width:184px; padding:17px 0 16px 42px; font-size:16px; font-weight:400; color:#333; line-height:1; border:1px solid #333; border-radius:5px; box-sizing:border-box; position:relative; -webkit-transition: background 0.2s ease-in-out;} .more_box a.long_txt{padding-left:20px} .more_box a.long_txt:before{right:20px} .more_box a:before{content:""; display:block; width:10px; height:11px; background:url(/images/sub/more_off.png) center top no-repeat; position:absolute; top:18px; right:43px; transition:all .3s;} .more_box a.view_Btn:after{display: none;} /* .more_box a.view_Btn.on:before{display:none;} */ .more_box a.view_Btn:before,.more_box a.cus_Btn:before{top:19px} .more_box a.view_Btn.on{text-align: left;padding:17px 0 16px 42px; vertical-align: bottom;} .more_box a:hover{background-color:#333; color:#fff; transition:all .3s;} .more_box a:hover:before{background:url(/images/sub/more_on.png) center top no-repeat;} .more_box a.on:before{-webkit-transform:rotate(46deg); -ms-transform:rotate(46deg); -moz-transform:rotate(46deg); -o-transform:rotate(46deg); transform:rotate(46deg);} /* 더보기 css */ .more_btn:before{content:""; display:block; width:10px; height:11px; background:url(/images/sub/more_off.png) center top no-repeat; position:absolute; top:18px; right:43px; transition:all .3s;} .more_btn:hover{background-color:#333; color:#fff; transition:all .3s;} .more_btn:hover:before{background:url(/images/sub/more_on.png) center top no-repeat;} .more_btn.on:before{-webkit-transform:rotate(46deg); -ms-transform:rotate(46deg); -moz-transform:rotate(46deg); -o-transform:rotate(46deg); transform:rotate(46deg);} /* 부가서비스 list css */ .idc_service_con{text-align:center;} .idc_service_con > p{padding-top:130px; font-size:30px; font-weight:400; color:#333; line-height:1.3;} .idc_service_con > p > span{font-weight:400;color:#06a9b7;} .idc_service_con .list{padding-top:50px; font-size:0;} .idc_service_con .list li{display:inline-block; vertical-align:top; width:290px; height:382px; margin-right:13px; border:1px solid #31b3bf; border-radius:5px; box-sizing:border-box;} .idc_service_con .list li:last-of-type{margin-right:0;} .idc_service_con .list li img{max-width:100%;} .idc_service_con .list li p{font-size:15px; font-weight:400; color:#333; line-height:1.4; padding-top:30px;} .idc_service_con .list li p span{color:#00a9b7;} .idc_service_con .list li > font{display:block; font-size:17px; font-weight:500; color:#00a9b7; line-height:1.3; padding-top:50px;} .idc_service_con .list01 li{padding-top:39px;} .idc_service_con .list01 li:last-of-type > font{padding-top:37px;} .idc_service_con .list02 li{height:315px; padding-top:40px;} .idc_service_con .list03 li{height:406px; padding-top:70px; border:2px solid #efefef;} /* .idc_service_con .list03 li:hover{border-color:#06a9b7; box-shadow:1px 4px 9px rgba(0,0,0,0.4); transition:all .3s;} */ .idc_service_con .list03 li p{font-size:20px; font-weight:700; letter-spacing:-0.025em; color:#333; line-height:1; padding:50px 0 23px 0;} .idc_service_con .list03 li > span{font-size:16px; font-weight:300; letter-spacing:-0.025em; color:#333; line-height:1.4;} .idc_service_con .list03 li > span font{color:#06a9b7;} /* 부가서비스 메인 */ #subVisual.idc_visual{background:#f1fcff; height: 420px; overflow: hidden;} #subVisual.idc_visual .inner2{background:url(/images/sub/subVisual/addsvc_visual02.png) center top no-repeat;background-color:#f1fcff} #subVisual.sms_visual{background:url(/images/sub/subVisual/letter_visual.png) center top no-repeat !important;background-color:#f1ffff !important} #subVisual.sms_visual .inner2{background:none !important;background-color:transparent !important} #subVisual.gpu_visual{background:#e4f3ff} #subVisual.gpu_visual .inner2{background:url(/images/sub/subVisual/gpu_visual02.png) center top no-repeat;background-color:#e4f3ff} #subVisual.colocation_visual{background:#f1f5f6} #subVisual.colocation_visual .inner2{background:url(/images/sub/subVisual/colocation_visual02.png) center top no-repeat;background-color:#f1f5f6} #subVisual.diropen_visual{background:#e7f3f3} #subVisual.diropen_visual .inner2{background:url(/images/sub/subVisual/diropen_visual02.png) center top no-repeat;background-color:#e7f3f3} #subVisual.agency_visual{background:#eef9ff} #subVisual.agency_visual .inner2{background:url(/images/sub/subVisual/agency_visual02.png) center top no-repeat;background-color:#eef9ff} #subVisual.agency_visual p{font-size:19px} #subVisual.idc_visual aside h3{text-align:center; letter-spacing: -0.025em;line-height: 80px;margin-top: 0} #subVisual.idc_visual aside > div{text-align:left;} #subVisual.idc_visual aside > div.w1400{width:1400px; margin:0 auto;} #subVisual.idc_visual aside h3 span i{font-style:normal; font-weight:700; position:relative;} #subVisual.idc_visual aside h3 span i.big{font-size:42px;} #subVisual.idc_visual aside h3 span i.big:before{top:-3px;} #subVisual.idc_visual aside h3 span i:before{content:""; display:block; width:5px; height:5px; background-color:#f2f1b1; border-radius:50%; position:absolute; top:-10px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);} #subVisual.idc_visual aside > div {position:relative;} #subVisual.idc_visual aside p{position:absolute; top:20px; right:0; margin-top:0;} .idc_con_box{padding-top:140px;} .idc_con_box > p{font-size:24px; font-weight:700; letter-spacing:-0.025em; color:#06a9b7; line-height:1;} .idc_con_box .con{padding-top:23px; font-size:0;} .idc_con_box .con:after{content:""; display:block; clear:both;} .idc_con_box .con .type{float:left; display:table; height:470px; border:2px solid #efefef; border-radius:5px; background-color:#fff; box-sizing:border-box;} .idc_con_box .con .type:hover{border-color:#06a9b7; box-shadow:1px 0 20px rgba(0,0,0,0.15); transition:all .3s;} .idc_con_box .con01 .type{width:15% !important; margin:0 0 0 .6% !important;} .idc_con_box .con01 .type:first-child { margin-left: 0 !important; } .idc_con_box .con.con01 .type p { border-bottom:none;position: relative;} .idc_con_box .con.con01 .type span { border-top:1px solid #e1e1e1; width: 90%; margin: 0 auto; height: 90px; } .idc_con_box .con.con01 .type p i{position: absolute;width:5px;height:5px;background:#ff3939;border-radius:200px;margin-left: 5px;} /* .idc_con_box .con01 .type span { width:90% !important; margin: 0 auto;} */ .idc_con_box .con02 .type{width:580px; margin-right:40px;} .idc_con_box .con03 .type{float:none; width:100%;} .idc_con_box .con04 .type{width:382px; margin-right:27px;} .idc_con_box .con .type:last-of-type{margin-right:0;} .idc_con_box .con .type:nth-of-type(3n){margin-right:0;} .idc_con_box .con .type:nth-of-type(n+4){margin-top:27px;} .idc_con_box .con .type a{display:table-cell; vertical-align:middle; text-align:center;} .idc_con_box .con .type img{max-width:100%;} .idc_con_box .con .type p{width:290px; margin:0 auto; font-size:24px; font-weight:700; letter-spacing:-0.025em; color:#313637; line-height:1; padding:45px 0 16px; border-bottom:1px solid #e1e1e1;} .idc_con_box .con .type span{display:block; padding-top:16px; font-size:16px; font-weight:400; letter-spacing:-0.025em; color:#3d3d3d; line-height:1.5;} .idc_con_box .con .type span font{font-weight:500; color:#06a9b7;} #sub5 .idc_con_box{padding-bottom:275px;} /* 부가서비스 메인 */ #subVisual.vpn_visual {background:url(/images/sub/vpn_visual.jpg) center top no-repeat;background-size:cover} #subVisual.moreSvc_visual h2 {margin-top: 156px} #subVisual.moreSvc_visual {background:#f7fdff;position: relative;} #subVisual.moreSvc_visual .inner2 {background:url(/images/sub/subVisual/moreSvc_visual01.png) center top no-repeat;background-size:cover} #subVisual.moreSvc_visual aside > div {text-align: left;} #subVisual.moreSvc_visual aside h3 {margin-top: 26px;text-align: center;letter-spacing: -0.025em;} #subVisual.moreSvc_visual .btn_wrap{margin-top: 40px} #subVisual.moreSvc_visual .btn_wrap .btn{ position:relative;margin-right:12px;} #subVisual.moreSvc_visual .btn_wrap .btn a{ position:relative; display:block; font-size:18px; color:#fff; letter-spacing:-0.05em; width:200px; height:60px; line-height:60px; text-align:center; border-radius:50px;background-color:#06a9b7;} .moreSvc .no-minheight {padding: 80px 0;} .moreSvc_box {padding: 0;} .moreSvc_box .centerTit {font-size:26px; font-weight:700; letter-spacing:-0.025em; color:#06a9b7; line-height:1;margin-bottom: 30px} .moreSvc_box .con {display: flex;justify-content: flex-start;margin-bottom: 25px} .moreSvc_box .con:last-child{margin-bottom: 0;} .moreSvc_box .con .type {width:280px;height:220px; border:1px solid #e1e1e1; border-radius:20px; background-color:#fff; box-sizing:border-box;margin-right: 25px; transition: all 0.2s ease-in-out;} .moreSvc_box .con .type:last-child {margin-right: 0;} .moreSvc_box .con .type:hover{border-color:#06a9b7; box-shadow:1px 0 20px rgba(0,0,0,0.05);} .moreSvc_box .con .type a {width:280px;height:220px;display: block;padding: 30px 20px} .moreSvc_box .con .type a p {font-size: 18px;font-weight: bold;color: #222;padding-bottom: 20px;border-bottom: 1px solid #efefef;margin-bottom: 20px} .moreSvc_box .con .type a p i {font-size: 22px;color:#06a9b7;margin-right: 5px} .moreSvc_box .con .type a span {font-size: 16px;line-height: 1.3;font-weight: 400;} .moreSvc_box .con .type a span font {color:#06a9b7;font-weight: 400;} .moreSvc_box .con02 .type {width: 590px;} .moreSvc_box .con02 .type a {width: 590px;display: flex;align-items: center;padding: 30px} .moreSvc_box .con02 .type .left {display: inline-block;width: 40%;margin-right: 35px} .moreSvc_box .con02 .type .left img {width: 100%} .moreSvc_box .con02 .type .right {display: inline-block;height: 100%;padding: 10px 0} .moreSvc_box .con02 .type a p {font-size: 24px;border: none;padding: 0;} .moreSvc_box .con02 .type a span {display: block;} .moreSvc_box .con02 .type a span {font-size: 18px;} /* 원격이미지백업 */ .remote_con01{padding:142px 0 140px;} .remote_con01 .info_box{padding:45px 0 60px; background-color:#fff; border:2px solid #efefef; border-radius:10px; box-sizing:border-box;} .remote_con01 .info_box .top_box{font-size:0; padding-left:190px; box-sizing:border-box;} .remote_con01 .info_box .top_box > *{display:inline-block; vertical-align:top;} .remote_con01 .info_box .top_box img{max-width:100%;} .remote_con01 .info_box .top_box .txt_box{width:282px; margin:30px 0 0 154px; text-align:center;} .remote_con01 .info_box .top_box .txt_box p{font-size:30px; font-family: 'Noto Sans KR', sans-serif ;font-weight:700; color:#222; letter-spacing:-0.025em; line-height:1;} .remote_con01 .info_box .top_box .txt_box span{display:block; font-size:16px; font-family: 'Noto Sans KR', sans-serif font-weight:400; color:#3f3f3f; letter-spacing:-0.025em; line-height:1; padding:20px 0 37px; } .remote_con01 .info_box .top_box .txt_box a{display:block; width:143px; margin:0 auto; padding:13px 0 13px 32px; font-size:16px; font-weight:400; color:#fff; line-height:1; position:relative; box-sizing:border-box; background-color:#06a9b7; border-radius:30px; text-align:left;} .remote_con01 .info_box .top_box .txt_box a:before{content:""; display:block; width:7px; height:11px; background:url(/images/sub/btn_arrow.png) center top no-repeat; position:absolute; top:16px; right:29px;} .remote_con01 .info_box .list_txt{font-size:0; padding:55px 0 0 180px; box-sizing:border-box;} .remote_con01 .info_box .list_txt .box{display:inline-block; vertical-align:top; text-align:left;} .remote_con01 .info_box .list_txt .box:first-of-type{margin-right:190px;} .remote_con01 .info_box .list_txt .box p{font-size:20px; font-weight:300; color:#222; line-height:1; letter-spacing:-0.025em; line-height:1; position:relative; padding-left:30px;} .remote_con01 .info_box .list_txt .box p:nth-of-type(n+2){margin-top:16px;} .remote_con01 .info_box .list_txt .box p:before{content:""; display:block; width:7px; height:7px; background-color:#000; border-radius:50%; position:absolute; top:6px; left:0;} .remote .type1 .list li{border-bottom-color:#a2a2a2; padding:46px 0;} .remote_con04{padding:108px 0 130px;} .remote_con04 .w1200 > p{font-size:42px; font-weight:400; color:#333; line-height:1; text-align:center;} .remote_con04 .top_box{width:100%; padding:40px 0 30px; margin:55px 0 50px; background-color:#fff; border:2px solid #efefef; border-radius:5px; box-sizing:border-box; text-align:center;} .remote_con04 .top_box .txt{text-align:left; font-size:0; padding:74px 0 0 170px; box-sizing:border-box;} .remote_con04 .top_box .txt > *{display:inline-block; vertical-align:top;} .remote_con04 .top_box .txt span{width:162px; font-size:20px; font-weight:500; color:#696969; line-height:1;} .remote_con04 .top_box .txt p{width:calc(100% 162px); font-size:18px; font-weight:500; color:#696969; line-height:1.3;} .remote_con04 .type_box{font-size:0; text-align:center;} .remote_con04 .type_box .type{display:inline-block; vertical-align:top; width:427px;} .remote_con04 .type_box .type:first-of-type{margin-right:163px; position:relative;} .remote_con04 .type_box .type:first-of-type:before{content: "";display: block;width: 123px;height: 56px;background: url(/images/sub/remote_con04_img02.png) center top no-repeat;position: absolute;bottom: 10px;right: -150px;background-size: cover;} .remote_con04 .type_box .type > p{width:100%; padding:23px 0; font-size:16px; font-weight:400; color:#fff; line-height:1; text-align:center;} .remote_con04 .type_box .type:first-of-type > p{background-color:#959595;} .remote_con04 .type_box .type:last-of-type > p{background-color:#16a9b7;} .remote_con04 .type_box .type .box_list{padding-top:20px; font-size:0; position:relative; z-index:1;} .remote_con04 .type_box .type .box_list li{display:inline-block; vertical-align:top; width:110px; padding:10px 0 9px; border:1px solid #c2c2c2; border-radius:5px; margin-right:10px; background-color:#fff;} .remote_con04 .type_box .type .box_list li:lsat-of-type{margin-right:0;} .remote_con04 .type_box .type .box_list li p{font-size:15px; font-weight:400; color:#959595; line-height:1.4;} .remote_con04 .type_box .type .list{font-size:0; padding:13px 0 0 43px; box-sizing:border-box; text-align:left;} .remote_con04 .type_box .type .list li p{font-size:16px; font-weight:400; color:#7a7a7a; line-height:1.4; position:relative; padding-left:18px;} .remote_con04 .type_box .type .list li p:before{content:""; display:block; width:2px; height:2px; background-color:#7a7a7a; border-radius:50%; position:absolute; top:8px; left:0;} .remote #sub1 .price_list li {width: 49%;margin-right: 2%; height: 560px;} .remote #sub1 .price_list li:last-child {margin-right: 0;} .remote #sub1 .price_list li .title {height: 75px;} .remote #sub1 .price_list li .eng {font-weight: 700;} .remote #sub1 .price_list li .kor {font-size: 36px;font-weight: 700;} .remote #sub1 .price_list li .down {font-family: "Noto Sans KR";font-size: 20px;font-weight: 500;} .remote #sub1 .price_list li .txt {margin-bottom: 35px; height:140px;} .remote #sub1 .price_list li .txt span {font-size: 16px;} .remote #sub1 .price_list li .btn {text-align:center;} .remote #sub1 .price_list li .desc {margin-bottom: 40px;} .remote #sub1 .price_list li .intro {position: absolute;margin-left: 25px;font-size: 20px;font-weight: 500;letter-spacing: -0.025em;color: #fff;text-align: center;background-color: #06a9b7;width:80px;height:74px;border-bottom-right-radius: 15px;border-bottom-left-radius: 15px;padding-top: 12px;line-height:24px;} .remote #sub1 .price_list li a {display:inline-block;box-sizing: border-box;width: 160px;height: 45px;padding-left: 25px;line-height: 46px;border-radius: 50px;background-color: #06a9b7;text-align: left;font-size: 16px;color: #fff;} .remote #sub1 .price_list li a:first-child{margin-right:15px;} /* 글로벌DR백업 */ .globaldr #sub1,.globaldr #sub2,.globaldr #sub3 {padding: 130px 0;} .globaldr #sub1 .price_list li {width: 49%;margin-right: 2%; height: 560px;} .globaldr #sub1 .price_list li:last-child {margin-right: 0;} .globaldr #sub1 .price_list li .title {height: 75px;} .globaldr #sub1 .price_list li .eng {font-weight: 700;} .globaldr #sub1 .price_list li .kor {font-size: 36px;font-weight: 700;} .globaldr #sub1 .price_list li .down {font-family: "Noto Sans KR";font-size: 20px;font-weight: 500;} .globaldr #sub1 .price_list li .txt {margin-bottom: 35px; height:140px;} .globaldr #sub1 .price_list li .txt span {font-size: 16px;} .globaldr #sub1 .price_list li .btn {text-align:center;} .globaldr #sub1 .price_list li .desc {margin-bottom: 40px;} .globaldr #sub1 .price_list li .intro {position: absolute;margin-left: 25px;font-size: 20px;font-weight: 500;letter-spacing: -0.025em;color: #fff;text-align: center;background-color: #06a9b7;width:80px;height:74px;border-bottom-right-radius: 15px;border-bottom-left-radius: 15px;padding-top: 12px;line-height:24px;} .globaldr #sub1 .price_list li a {display:inline-block;box-sizing: border-box;width: 160px;height: 45px;padding-left: 25px;line-height: 46px;border-radius: 50px;background-color: #06a9b7;text-align: left;font-size: 16px;color: #fff;} .globaldr #sub1 .price_list li a:first-child{margin-right:15px;} .globaldr #sub2 p {font-size: 30px;font-weight: 400;color: #333;line-height: 1.3; text-align: center;} .globaldr #sub2 .img {padding-top: 100px; text-align: center;} .globaldr #sub3 .tit {padding-top: 0;padding-bottom:63px;} .globaldr #sub3 h3 {line-height: 32px;} .globaldr #sub3 li {padding: 30px 0;} /* 백업/복원 서비스 */ .resotre_con01{padding:130px 0 130px;} .resotre_con01 .list{font-size:0; text-align:center;} .resotre_con01 .list li{display:inline-block; vertical-align:top; width:32%; margin-right:13px; border:2px solid #efefef; border-radius:5px; padding:0 23px; box-sizing:border-box;background:#fff; } .resotre_con01 .list li:last-of-type{margin-right:0;} .resotre_con01 .list li .top_box{width:100%; height:217px; text-align:center; padding-top:48px; border-bottom:1px solid #e1e1e1; box-sizing:border-box;} .resotre_con01 .list li .top_box p{font-size:30px; font-weight:500; letter-spacing:-0.025em; color:#222; line-height:1; padding-bottom:33px;} .resotre_con01 .list li:nth-of-type(2) .top_box p, .resotre_con01 .list li:nth-of-type(3) .top_box p{padding-bottom:30px;} .resotre_con01 .list li:last-of-type .top_box p{padding-bottom:38px;} .resotre_con01 .list li .top_box span{display:block; font-size:35px; font-weight:500; letter-spacing:-0.025em; color:#ed1c24; line-height:1;} .resotre_con01 .list li:nth-of-type(2) .top_box span, .resotre_con01 .list li:nth-of-type(3) .top_box span{font-size:40px; font-family: 'Lato', sans-serif; font-weight:700;} .resotre_con01 .list li:last-of-type span{font-weight:300; font-weight:400;} .resotre_con01 .list li .top_box span font{display:inline-block; vertical-align:middle; font-size:16px; font-weight:400; letter-spacing:-0.025em; margin:2px 0 0 6px;} .resotre_con01 .list li .top_box > font{display:block; font-size:16px; font-weight:400; letter-spacing:-0.025em; color:#3f3f3f; line-height:1;} .resotre_con01 .list li:nth-of-type(1) .top_box > font{padding-top:12px;} .resotre_con01 .list li:nth-of-type(2) .top_box > font{padding-top:8px;} .resotre_con01 .list li .bot_box{height:210px; padding-top:63px; box-sizing:border-box;} .resotre_con01 .list li:last-of-type .bot_box{padding-top:50px;} .resotre_con01 .list li .bot_box p{font-size:16px; font-weight:300; letter-spacing:-0.025em; color:#222; line-height:1.6;} .resotre_con01 .list li .bot_box a{display:block; width:143px; margin:45px auto 0; padding:13px 0 13px 32px; font-size:16px; font-weight:400; color:#fff; line-height:1; position:relative; box-sizing:border-box; background-color:#06a9b7; border-radius:30px; text-align:left;} .resotre_con01 .list li:last-of-type .bot_box a{margin-top:32px;} .resotre_con01 .list li .bot_box a:before{content:""; display:block; width:7px; height:11px; background:url(/images/sub/btn_arrow.png) center top no-repeat; position:absolute; top:16px; right:29px;} /* .resotre .type1 .list.list2 li .img{width:183px;} .resotre .type1 .list.list2 .sub_txt h1{width:100%; padding-right:0; font-size:24px;text-align:left;padding-left:30px;} .resotre .type1 .list.list2 li>div{display: table;width: auto;margin: 0 auto;} .resotre .type1 .list.list2 li>div>div{display: table-cell;vertical-align: middle;} .resotre .type1 .list.list2 .sub_txt p{font-size:16px; font-weight:300; color:#333; line-height:1.4; padding-left:28px; padding-bottom:0;} .resotre .type1 .list.list2 .sub_txt p:before{width:2px; height:2px; background-color:#494949; top:10px;} */ .resotre .new_list{margin-top:80px;} .resotre .new_list ul{padding:0 0 80px 0} .resotre .new_list ul li{float:left;width:300px;text-align:center;} .resotre .new_list ul li div.img{width:180px;height:180px;background:#fff;border:1px solid #e1e1e1;border-radius: 200px;margin:0 auto 20px} .resotre .new_list ul li:first-child div.img img{margin-left:-33px;padding-top:30px;} .resotre .new_list ul li:nth-child(2) div.img img{margin-left:-30px;padding-top:40px;} .resotre .new_list ul li:nth-child(3) div.img img{margin-left:-23px;padding-top:44px;} .resotre .new_list ul li:nth-child(4) div.img img{margin-left:-18px;padding-top:30px;} .resotre .new_list ul li div.sub_txt{width:200px;font-size:18px;line-height:24px;margin:auto;} /* 네트워크격리백업 */ .network_con01{padding:132px 0;} .network_con01 > p{font-size:42px; font-weight:400; color:#333; line-height:1; text-align:center;} .network_con01 .box{width:100%; padding:35px 0 44px; background-color:#fff; border:2px solid #efefef; border-radius:10px; box-sizing:border-box; text-align:center; margin-top:60px;} .network_con01 .box > *{display:inline-block; vertical-align:top;} .network_con01 .box > img{margin-right:60px;} .network_con01 .box .txt_box{text-align:left;} .network_con01 .box .txt_box .top_box{padding-top:40px; font-size:0;} .network_con01 .box .txt_box .top_box > *{display:inline-block; vertical-align:top;} .network_con01 .box .txt_box .top_box img{margin-top:9px;} /* .network_con01 .box .txt_box .top_box .txt{padding-left:63px; margin-left:53px; position:relative;} */ .network_con01 .box .txt_box .top_box .txt{text-align:center;width:100%} /* .network_con01 .box .txt_box .top_box .txt:before{content:""; display:block; width:1px; height:76px; background-color:#06a9b7; position:absolute; top:35px; left:0;} */ .network_con01 .box .txt_box .top_box .txt span{display:block; font-size:30px; font-family: 'Lato', sans-serif; font-weight:700; letter-spacing:-0.025em; color:#bbb; line-height:1; position:relative; margin-left:7px;} .network_con01 .box .txt_box .top_box .txt span:before{content:""; display:block; width:120px; height:1px; background-color:#bbb; position:absolute; top:19px; left:-6px;} .network_con01 .box .txt_box .top_box .txt p{font-size:40px; font-weight:700; letter-spacing:-0.025em; color:#ed1c24; line-height:1;} .network_con01 .box .txt_box .top_box .txt p font{display:inline-block; vertical-align:middle; font-size:16px; font-family: 'Noto Sans KR', sans-serif font-weight:400;} .network_con01 .box .txt_box .top_box .txt > font{display:block; padding:23px 0 38px; font-size:18px; font-weight:500; letter-spacing:-0.025em; color:#333; line-height:1;} .network_con01 .box .txt_box .top_box .txt a{display:inline-block; width:143px; padding:13px 0 13px 32px; font-size:16px; font-weight:400; color:#fff; line-height:1; position:relative; box-sizing:border-box; background-color:#06a9b7; border-radius:30px; text-align:left;} .network_con01 .box .txt_box .top_box .txt a:before{content:""; display:block; width:7px; height:11px; background:url(/images/sub/btn_arrow.png) center top no-repeat; position:absolute; top:16px; right:29px;} .remote_con01 .info_box .list_txt{font-size:0; padding:55px 0 0 180px; box-sizing:border-box;} .network_con01 .box .txt_box > p{font-size:16px; font-weight:300; letter-spacing:-0.025em; color:#222; line-height:1.4; padding-top:40px;} .network .idc_service_con{padding-bottom:130px;} .network .type1{padding-bottom:130px;} .network .type1 .list li .sub_txt h1{width:350px;} /* 로드밸런싱 */ .balancing .tab_list{padding-top:110px;margin-top:-60px} .balancing .tabs{width:1200px;margin:0 auto;text-align: left;border-bottom:none;font-size: 0;} .balancing .tabs::after {content: "";display: block;clear: both;} .balancing .tabs li {float: left;line-height: 60px;font-size: 17px;font-weight:400;color: #222;border:none;cursor: pointer;width:auto;margin-right:15px;} .balancing .tabs li.active {color: #06a9b7;background:transparent;} .balancing .tab_view_list > div {display: none;} .balancing .tab_view_list > div.active {display: block;} .load_bal #sub1,.load_bal #sub6{margin-top:-110px;padding-top:110px;} .balancing_con01{padding:0 0 134px;} .balancing_con01 .list{width:100%; font-size:0; text-align:center;} .balancing_con01 .list li{display:inline-block; vertical-align:top; width:294px; margin-right:8px; height:405px; padding:50px 4px 0 4px; border:2px solid #efefef; border-radius:5px; box-sizing:border-box; position:relative;background:#fff} .balancing_con01 .list li:last-of-type{margin-right:0;} .balancing_con01 .list li > p{font-size:24px; font-weight:700; letter-spacing:-0.05em; color:#333; line-height:1;} .balancing_con01 .list li .price{height:115px; margin:40px 0 22px; background-color:#f5f5f5; border-radius:5px; padding-top:30px; box-sizing:border-box;} .balancing_con01 .list li:nth-of-type(2) .price, .balancing_con01 .list li:nth-of-type(3) .price{padding-top:24px;} .balancing_con01 .list li .price p{font-size:30px; font-weight:700; color:#ed1c24;} .balancing_con01 .list li:nth-of-type(2) .price p, .balancing_con01 .list li:nth-of-type(3) .price p{font-size:40px; font-family: 'Lato', sans-serif;} .balancing_con01 .list li .price p font{display:inline-block; vertical-align:middle; margin:-4px 0 0 5px; font-size:16px; font-family: 'Noto Sans KR', sans-serif; font-weight:400;} .balancing_con01 .list li .price span{display:block; font-size:15px; font-weight:400; letter-spacing:-0.025em; color:#333; line-height:1; padding-top:16px;} .balancing_con01 .list li:nth-of-type(2) .price span, .balancing_con01 .list li:nth-of-type(3) .price span{padding-top:12px;} .balancing_con01 .list li > span{font-size:18px; font-weight:500; letter-spacing:-0.025em; color:#222; line-height:1.3;} .balancing_con01 .list li a{display:block; width:143px; padding:13px 0 13px 32px; font-size:16px; font-weight:400; color:#fff; line-height:1; box-sizing:border-box; background-color:#06a9b7; border-radius:30px; text-align:left; position:absolute; bottom:39px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);} .balancing_con01 .list li a:before{content:""; display:block; width:7px; height:11px; background:url(/images/sub/btn_arrow.png) center top no-repeat; position:absolute; top:16px; right:29px;} .balancing_con01 .list .list_li {width: 390px; height: 450px;margin-right:15px;} .balancing_con01 .list .list_li:last-of-type{width: 385px; margin-right:0;} .balancing_con01 .list .list_li .price{margin-bottom: 42px;} .balancing_con01 .list .list_li > span {font-size: 20px;} .balancing_con01 .list .list_li .price p{font-size:40px; color:#ed1c24; font-family: 'Lato', sans-serif;} .balancing .title {color: #06a9b7; font-size: 32px; font-weight:600; margin-bottom: 20px;} .balancing .title span{font-size: 18px;font-weight:300;color: #222;} .balancing #sub2, .balancing #sub3{padding-bottom:130px; padding-top: 0;} .balancing .idc_service_con > p{padding-bottom:17px; font-size:42px;font-weight:300} .balancing .idc_service_con > span{font-size:24px; font-weight:300; color:#333; line-height:1;} .balancing .idc_service_con .list03 li{width:580px; margin-right:40px; padding-top:0; height:365px; border-radius:30px;background:#fff;} .balancing .idc_service_con .list03 li:last-of-type{margin-right:0;} .balancing .diagram_img_box{padding:130px 0; width:100%; text-align:center;padding-bottom: 0;} .balancing .diagram_img_box p{margin-bottom: 60px;font-size: 42px;font-weight: 300;color: #333;line-height: 1;} .balancing .diagram_img_box .title {color: #06a9b7; font-size: 32px; font-weight:600; margin-bottom: 20px;text-align: left;} .balancing .diagram_img_box .img01 {margin-bottom: 60px;} .balancing .diagram_img_box .img {padding: 60px 0;background-color: #fff;border: 2px solid #efefef;border-radius: 30px;box-sizing: border-box;position: relative;} .balancing .diagram_img_box .img span {font-size: 18px;font-weight: 300;color: #333;line-height: 1.2;text-align: center;display: block;} .balancing #sub6,.balancing #sub7{padding-bottom:130px} .balancing #sub8{padding:130px 0;} .cloud_bal #sub1{padding-top:200px;padding-bottom:80px;} .cloud_bal #sub2{padding:80px 0;} .cloud_bal #sub2 p{padding-bottom:17px; font-size:42px;font-weight:300;text-align:center;} .cloud_bal #sub2 span{font-size:18px; font-weight:300; color:#333; line-height:1.2;text-align:center;display:block;} /* .balancing .type1{padding-bottom:140px;} */ .balancing .type1 .list li .sub_txt h1{width:330px;} .bg-gray{background-color:#f9fafc !important;} .bg-white{background-color:#fff !important;} .balancing .priceBox{padding:20px 30px; border:2px solid #efefef; border-radius:5px;} .balancing .priceBox .top{font-size:0;} .balancing .priceBox .top > div{display:inline-block; vertical-align:middle; width:50%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .balancing .priceBox .top .img{text-align:center;} .balancing .priceBox .top .txt{padding-left:110px; padding-top:25px} .balancing .priceBox .top .txt .price01{margin-bottom:24px; font-size:30px; font-weight:700; color:#222; letter-spacing: -0.025em;} .balancing .priceBox .top .txt .price01 span{font-size:20px;} .balancing .priceBox .top .txt .price02{margin-bottom:38px;} .balancing .priceBox .top .txt .price02 span{vertical-align: middle;} .balancing .priceBox .top .txt .price02 span{font-size:20px; font-weight:500; color:blue;} .balancing .priceBox .top .txt > a{display:block; width:143px; height:42px; padding-left:35px; line-height:44px; background-color:#06a9b7; font-size:16px; font-weight:400; color:#fff; position:relative; border-radius:30px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .balancing .priceBox .top .txt > a:after{display:block; content:""; width:7px; height:11px; background:url("/images/sub/btn_arrow.png") no-repeat; position:absolute; right:30px; top:50%; margin-top:-6px;} .balancing .price_detail ul li{float:left;width:390px;margin-top:30px;margin-right:15px;height:120px;border:2px solid #efefef;box-sizing: border-box;padding-left:105px;} .balancing .price_detail ul li:first-child{background:url('/images/sub/balancing_icon01.png') no-repeat;background-position: 13px center;} .balancing .price_detail ul li:nth-child(2){background:url('/images/sub/balancing_icon02.png') no-repeat;background-position: 13px center;} .balancing .price_detail ul li:last-child{background:url('/images/sub/balancing_icon03.png') no-repeat;background-position: 13px center;margin-right:0} .balancing .price_detail ul li img{line-height: 120px} .balancing .price_detail ul li img,.balancing .price_detail ul li div{float:left;} .balancing .price_detail ul li p{font-size:18px;font-weight:500;line-height:24px;padding-top:48px;} .balancing .price_detail ul li:nth-child(2) p{padding-top:38px} .balancing #sub8 p{text-align:center;padding-bottom:17px; font-size:42px; color:#333; line-height:1.3;} .balancing #sub8 span{font-size:18px; color:#333; line-height:1.2;text-align:center;display: block;} .bstep_tbl .w200{width:190px !important} .bstep_tbl label{width:90px;display: inline-block;text-align: right;padding-right:5px;} .bstep_tbl label.lbSmall{width:40px;} .bstep_tbl tr td:nth-child(2){border-right:1px solid #e1e1e1} .bstep_tbl tr td:nth-child(3){text-align:center;padding:0 !important} /* 자주묻는질문 */ .faq01{background-color:#f9fafc;padding:125px 0 130px;} .faq01 *{font-family:"Noto Sans KR", sans-serif;} .faq01 .w1200{} .faq01 .w1200 > p{font-size:42px;font-weight:300;color:#333;text-align:center;position:relative;} .faq01 .w1200 > p a{display:block;position:absolute;right:0;bottom:0;font-size:20px;font-weight:300;color:#737171;} .faq01 .w1200 ul{margin-top:70px;} .faq01 .w1200 ul li:first-of-type{margin-top:0;} .faq01 .w1200 ul li{padding:0 40px;background-color:#fff;border-radius:10px;border:1px solid #cfcfcf;margin-top:15px;} .faq01 .w1200 ul li dl{} .faq01 .w1200 ul li dl dt{font-size:20px;font-weight:300;color:#333;height:90px;line-height:90px;position:relative;padding-left:65px;cursor:pointer;} .faq01 .w1200 ul li dl dt:after{display:block;content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);width:15px;height:16px;background:url("/images/sub/faq-on-icon.png")no-repeat center top;background-size:cover;transition:all 0.3s ease-in-out;} .faq01 .w1200 ul li dl dt.on:after{background:url("/images/sub/faq-off-icon.png")no-repeat center top;background-size:cover;} .faq01 .w1200 ul li dl dt:before{display:block;content:"Q.";position:absolute;left:15px;top:0;font-size:30px;font-weight:500;} .faq01 .w1200 ul li dl dd{padding:25px 20px 35px;font-size:16px;font-weight:300;line-height:30px;color:#666;border-top:1px solid #e3e3e3;display:none;} .faq01 .w1200 > a{display:block;margin:100px auto 0;float:none;transition:background-color 0.3s ease-in-out;width:184px;height:50px;line-height:50px;box-sizing:border-box;border:1px solid #333;border-radius:3px;font-size:16px;font-weight:300;text-align:left;padding-left:65px;position:relative;transition:all 0.3s ease-in-out;} .faq01 .w1200 > a.btn{width:230px; padding-left:20px;} .faq01 .w1200 > a:after{transition:all 0.3s ease-in-out;display:block;content:"+";position:absolute;font-size:20px;font-weight:300;color:#333;right:55px;top:0;} .faq01 .w1200 > a.btn:after{right:30px;} .faq01 .w1200 > a:hover{background-color:#333;color:#fff;} .faq01 .w1200 > a:hover:after{color:#fff;} .faq01 .btn { display: block; width:184px; margin:50px auto 0; } .faq01 .w1200 > .btn > a { display:block;margin:45px auto 0;float:none;transition:background-color 0.3s ease-in-out;width:184px;height:50px;line-height:50px;box-sizing:border-box;border:1px solid #333;border-radius:3px;font-size:16px;font-weight:300;text-align:left;padding-left:45px;position:relative;transition:all 0.3s ease-in-out; } .faq01 .btn > a:after{transition:all 0.3s ease-in-out;display:block;content:"+";position:absolute;font-size:20px;font-weight:300;color:#333; top:0; right: 30px; } .faq01 .btn > a:hover{background-color:#333;color:#fff;} .faq01 .btn > a:hover:after{color:#fff;} /* cdn서비스 */ .fs24{font-size:24px !important;} .mt32{margin-top:32px !important;} .cdn03{padding:130px 0 130px;background-color:#f9fafc;} .cdn03 .w1200{} .cdn03 .w1200 > p{font-size:42px;font-weight:300;text-align:center;color:#333;} .cdn03 .w1200 ul{font-size:0;text-align:center;margin-top:65px;} .cdn03 .w1200 ul li:nth-of-type(3n){margin-right:0;} .cdn03 .w1200 ul li{width:370px;height:450px;display:inline-block;vertical-align:top;box-sizing:border-box;border:1px solid #ededed;border-radius:10px;margin-right:45px;background-color:#fff;padding-top:70px;transition:all 0.3s;} /* .cdn03 .w1200 ul li:hover{border-color: #06a9b7;box-shadow: 1px 4px 9px rgba(0,0,0,0.4);} */ .cdn03 .w1200 ul li p{font-size:24px;font-weight:bold;color:#333;text-align:center;} .cdn03 .w1200 ul li img{display:block;margin:35px auto 40px;} .cdn03 .w1200 ul li span{display:block;font-size:16px;font-weight:300;text-align:center;letter-spacing:-0.025em;color:#333;line-height:22px;} .cdn03 .w1200 ul li span b{color:#06a9b7;} .ha01{padding: 0 0 130px;} .ha01 *{font-family:"Noto Sans KR", sans-serif;} .ha01 .w1200{} .ha01 .w1200 > p{font-size:42px;font-weight:300;text-align:center;color:#333;padding-top: 130px} .ha01 .w1200 > span{display:block;font-size:24px;font-weight:300;color:#33;text-align:center;padding-top:25px;line-height:30px;} .ha01 .w1200 > img{display:block;margin:40px auto 0;} /* db호스팅 */ .db01{background-color:#f9fafc;padding:120px 0 85px;} .db01 *{font-family:"Noto Sans KR", sans-serif;} .db01 .w1200{} .db01 .w1200 > p{font-size:42px;font-weight:300;color:#333;text-align:center;} .db01 .w1200 .info-box{width:100%;height:420px;box-sizing:border-box;background-color:#fff;border:2px solid #efefef;border-radius:10px;padding:37px 65px;margin-top:60px;} .db01 .w1200 .info-box:after{display:block;content:"";clear:both;} .db01 .w1200 .info-box .left{float:left;} .db01 .w1200 .info-box .left img{} .db01 .w1200 .info-box .center{float:left;border-left:1px solid #eee;border-right:1px solid #eee;padding:0 5px;width:280px;margin-top:60px;margin-left:45px;} .db01 .w1200 .info-box .center > p{font-size:24px;font-weight:bold;color:#333;text-align:center;letter-spacing:-0.025em;} .db01 .w1200 .info-box .center .inner-box{margin-top:25px;width:100%;height:110px;border-radius:10px;background-color:#f5f5f5;box-sizing:border-box;padding-top:12px;} .db01 .w1200 .info-box .center .inner-box p{font-size:16px;font-weight:400;letter-spacing:-0.025em;color:#ed1c24;text-align:center;padding-top:5px;} .db01 .w1200 .info-box .center .inner-box p b{font-size:40px;font-weight:bold;top:5px;position:relative;} .db01 .w1200 .info-box .center .inner-box span{display:block;20px;font-weight:500;color:#333;text-align:center;letter-spacing:-0.025em;padding-top:20px;} .db01 .w1200 .info-box .center > a{display:block; width:143px; padding:13px 0 13px 32px; font-size:16px; font-weight:400; color:#fff; line-height:1; box-sizing:border-box; background-color:#06a9b7; border-radius:30px; text-align:left; margin:35px auto 0;position:relative;} .db01 .w1200 .info-box .center > a:before{content:""; display:block; width:7px; height:11px; background:url(/images/sub/btn_arrow.png) center top no-repeat; position:absolute; top:16px; right:29px;} .db01 .w1200 .info-box .right{margin-top:60px;margin-left:45px;float:left;} .db01 .w1200 .info-box .right ul{} .db01 .w1200 .info-box .right ul li:first-of-type{margin-top:0;} .db01 .w1200 .info-box .right ul li{font-size:16px;font-weight:300;letter-spacing:-0.025em;color:#333;text-align:left;padding-left:30px;position:relative;margin-top:22px;} .db01 .w1200 .info-box .right ul li:before{display:block;content:"";position:absolute;left:0;top:5px;width:8px;height:8px;border-radius:50%;background-color:#333;} .db01 .w1200 .info-box .right ul li > a{display:block;position:absolute;right:-60px;top:-6px;font-size:12px;font-weight:400;color:#06a9b7;letter-spacing:-0.025em;width:116px;height:28px;line-height:26px;text-align:left;box-sizing:border-box;padding-left:18px;background-color:#fff;border:1px solid #06a9b7;color:#06a9b7;border-radius:30px;} .db01 .w1200 .info-box .right ul li > a:before{display:block;content:"";position:absolute;width:10px;height:1px;background-color:#06a9b7;left:-10px;top:50%;transform:translateY(-1px);-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);-moz-transform:translateY(-1px);-o-transform:translateY(-1px);} .db01 .w1200 .info-box .right ul li > a:after{display:block;content:"";position:absolute;width:10px;height:7px;background:url("/images/sub/db01-go-icon.png")no-repeat center top;background-size:cover;right:8px;top:10px;} .db01 .w1200 .info-box .right ul li .click-box{position:absolute;padding:15px;border-radius:10px;border:1px solid #e1e1e1;z-index:2;background-color:#fff;right:-60px;top:28px;display:none;} .db01 .w1200 .info-box .right ul li .click-box p{font-size:16px;color:#333;letter-spacing:-0.025em;text-align:left;font-weight:500;} .db01 .w1200 .info-box .right ul li .click-box span:first-of-type{margin-top:15px;} .db01 .w1200 .info-box .right ul li .click-box span{display:block;font-size:14px;color:#666;margin-top:5px;font-weight:400;} .db01 .w1200 .info-box .right ul li .click-box em{font-size:14px;padding-top:15px;color:#333;display:block;font-weight:500;} .db01 .w1200 .info-box .right ul li .click-box > a{display:block;position:absolute;right:15px;top:13px;font-family: 'Montserrat', sans-serif;font-weight:500;color:#000;font-size:20px;} /* 서버관리툴 */ .pl165{padding-left:165px !important;} .pr100{padding-right:100px !important;} .idc_server01{background-color:#f9fafc;padding:135px 0;} .idc_server01 *{font-family:"Noto Sans KR", sans-serif;} .idc_server01 .w1200{} .idc_server01 .w1200 .inner-box:after{display:block;content:"";clear:both;} .idc_server01 .w1200 .inner-box{width:100%;height:475px;box-sizing:border-box;border-radius:10px;border:1px solid #ededed;background-color:#fff;padding:15px 85px;position:relative;} .idc_server01 .w1200 .inner-box:before{display:block;content:"";position:absolute;width:86px;height:100px;background:url("/images/sub/idc_server01-box-bg.png")no-repeat center top;background-size:cover;right:45px;top:0;} .idc_server01 .w1200 .inner-box ul{} .idc_server01 .w1200 .inner-box ul li:first-of-type{margin-top:0;} .idc_server01 .w1200 .inner-box ul li{font-size:16px;font-weight:300;letter-spacing:-0.025em;color:#222;text-align:left;padding-left:25px;position:relative;margin-top:13px;} .idc_server01 .w1200 .inner-box ul li:before{display:block;content:"";position:absolute;width:6px;height:6px;border-radius:50%;background-color:#333;left:0;top:6px;} .idc_server01 .w1200 .inner-box .left{float:left;} .idc_server01 .w1200 .inner-box .left img{} .idc_server01 .w1200 .inner-box .left ul{padding-left:55px;padding-top:40px;} .idc_server01 .w1200 .inner-box .right{float:right;padding-right:130px;padding-top:90px;} .idc_server01 .w1200 .inner-box .right dl:after{display:block;content:"";clear:both;} .idc_server01 .w1200 .inner-box .right dl{} .idc_server01 .w1200 .inner-box .right dl dt{float:left;font-size:24px;font-weight:bold;color:#666;letter-spacing:-0.025em;color:#666;margin-right:50px;padding-top:3px;position:relative;} .idc_server01 .w1200 .inner-box .right dl dt:after{display:block;content:"";position:absolute;background:url("/images/sub/idc_server01-dt-icon01.png")no-repeat center top;background-size:cover;width:26px;height:12px;right:-40px;top:10px;} .idc_server01 .w1200 .inner-box .right dl dd{float:left;font-size:30px;font-weight:bold;letter-spacing:-0.025em;color:#333;} .idc_server01 .w1200 .inner-box .right > span{display:block;font-size:16px;font-weight:300;letter-spacing:-0.025em;color:#333;text-align:center;padding-top:20px;} .idc_server01 .w1200 .inner-box .right a{display:block; width:143px; padding:13px 0 13px 32px; font-size:16px; font-weight:400; color:#fff; line-height:1; box-sizing:border-box; background-color:#06a9b7; border-radius:30px; text-align:left; margin:30px auto 0;position:relative;} .idc_server01 .w1200 .inner-box .right a:before{content:""; display:block; width:7px; height:11px; background:url(/images/sub/btn_arrow.png) center top no-repeat; position:absolute; top:16px; right:29px;} .idc_server01 .w1200 .inner-box .right ul{padding-top:90px;} .idc_server01 .w1200 > a{margin-top:35px;} .idc_service_con.type7 .list03 li{padding-top:50px;} .idc_service_con.type7 .list03 li > strong{display:block;font-size:24px;font-weight:bold;letter-spacing:-0.025em;color:#333;text-align:center;} .idc_service_con.type7 .list03 li img{padding-top:50px;} .idc_service_con.type7 .list03 li p{font-size:16px;font-weight:300;letter-spacing:-0.025em;line-height:22px;color:#3133;text-align:center;padding:30px 0 0 0;} .idc_service_con.type7 .list03 li p strong{font-weight:300;color:#06a9b7;} .idc_service_con.type7 > a{display:block;width:235px;height:50px;line-height:50px;text-align:center;font-size:18px;font-weight:400;letter-spacing:-0.05em;color:#fff;background-color:#06a9b7;margin:60px auto 0;border-radius:30px;} /* 기술지원서비스 */ .disb{display:block !important;} .tech01{padding:145px 0 135px;} .tech01 *{font-family:"Noto Sans KR", sans-serif;} .tech01 .w1200{} .tech01 .w1200 > ul{font-size:0;text-align:center;} .tech01 .w1200 > ul li:last-of-type{margin-right:0;} .tech01 .w1200 > ul li{width:586px;height:408px;margin-right:28px;display:inline-block;vertical-align:top;border:2px solid #efefef;border-radius:10px;background-color:#fff;box-sizing:border-box;} .tech01 .w1200 > ul li > p{font-size:30px;font-weight:bold;color:#333;text-align:center;letter-spacing:-0.025em;padding-top:55px;} .tech01 .w1200 > ul li .gray-box{display:table;width:calc(100% - 12px);background-color:#f5f5f5;margin:40px auto 0;border-radius:10px;height:180px;} .tech01 .w1200 > ul li .gray-box > p{display:table-cell;vertical-align:middle;font-size:20px;font-weight:300;letter-spacing:-0.025em;color:#333;text-align:center;line-height:40px;} .tech01 .w1200 > ul li > a{display:block; width:143px; margin:30px auto 0; padding:13px 0 13px 32px; font-size:16px; font-weight:400; color:#fff; line-height:1; position:relative; box-sizing:border-box; background-color:#06a9b7; border-radius:30px; text-align:left;} .tech01 .w1200 > ul li > a:before{content:""; display:block; width:7px; height:11px; background:url(/images/sub/btn_arrow.png) center top no-repeat; position:absolute; top:16px; right:29px;} .tech01 .w1200 > a{margin-top:40px;} .tech02{padding:145px 0 175px;background-color:#f9fafc;} .tech02 .w1200{} .tech02 .w1200 > p{font-size:30px;font-weight:300;color:#333;text-align:center;} .tech02 .w1200 > p b{font-weight:bold;} .tech02 .w1200 ul{font-size:0;text-align:center;padding-top:90px;} .tech02 .w1200 ul li:last-of-type{margin-right:0;} .tech02 .w1200 ul li{display:inline-block;vertical-align:top;width:586px;height:350px;box-sizing:border-box;border:2px solid #efefef;border-radius:10px;margin-right:28px;background-color:#fff;transition:all 0.3s;padding-top:40px;} /* .tech02 .w1200 ul li:hover{border-color: #06a9b7;box-shadow: 1px 4px 9px rgba(0,0,0,0.4);} */ .tech02 .w1200 ul li img{display:block;margin:0 auto;} .tech02 .w1200 ul li p{font-size:20px;font-weight:500;letter-spacing:-0.05em;line-height:30px;color:#333;padding-top:40px;} .tech02 .w1200 ul li p b{font-weight:500;color:#00a9b7;} .server_agency_popup_con > p{font-size:20px;font-weight:500;color:#000;text-align:center;letter-spacing:-0.025em;} .ta-center{text-align:center !important;} .float-none{float:none !important;} .before-none:before{display:none !important;} /* 서버자원체크 */ .resource01{padding:125px 0;} .resource01:first-of-type{padding-top:0;} .resource01 img:first-of-type{display:block;} .resource01 img{width:60%;display:block;margin:0 auto;padding-top:100px;display:none;} .resource01 a{margin-top:105px;} /* 데이터복구 */ .data01{padding:85px 0 140px;} .data01 .w1200{} .data01 .w1200 > ul{font-size:0;text-align:center;padding-top:24px;} .data01 .w1200 > ul li:last-of-type{margin-right:0;} .data01 .w1200 > ul li{display:inline-block;vertical-align:top;width:294px;height:406px;box-sizing:border-box;margin-right:8px;border:2px solid #efefef;background-color:#fff;padding-top:55px;border-radius:10px; transition:all .3s;} .data01 .w1200 > ul li:hover{border-color: #06a9b7;box-shadow: 3px 3px 10px rgba(0,0,0,0.3);} .data01 .w1200 > ul li > p{font-size:30px;font-weight:bold;color:#333;text-align:center;} .data01 .w1200 > ul li > span{display:block;font-size:16px;font-weight:400;color:#ed1c24;padding-top:30px;} .data01 .w1200 > ul li > span b{font-weight:bold;font-size:40px;letter-spacing:-0.025em;position:relative;top:2px;} .data01 .w1200 > ul li .gray-box{width:calc(100% - 6px);height:65px;display:table;margin:0 auto;background-color:#f5f5f5;border-radius:10px;margin-top:20px;} .data01 .w1200 > ul li .gray-box p{display:table-cell;vertical-align:middle;text-align:center;font-size:16px;font-weight:500;letter-spacing:-0.025em;color:#333;} .data01 .w1200 > ul li .gray-box p b{font-weight:bold;font-size:24px;} .data01 .w1200 > ul li > em{display:block;font-size:16px;font-weight:300;text-align:center;letter-spacing:-0.025em;line-height:22px;color:#333;text-align:center;padding-top:24px;} .data01 .w1200 > ul li > a{display:block;} .data01 .w1200 > ul li > a{display:block; width:143px; padding:13px 0 13px 32px; font-size:16px; font-weight:400; color:#fff; line-height:1; box-sizing:border-box; background-color:#06a9b7; border-radius:30px; text-align:left; position:relative;margin:25px auto 0;} .data01 .w1200 > ul li > a:before{content:""; display:block; width:7px; height:11px; background:url(/images/sub/btn_arrow.png) center top no-repeat; position:absolute; top:16px; right:29px;} .data01 .w1200 > a{margin-top:40px;} .float-right{float:right !important;} .pb0{padding-bottom:0 !important;} .fs30{font-size:30px !important;} .soft01{padding:80px 0;} .soft01 .w1200{} .soft01 .w1200 > ul{font-size:0;text-align:center;padding-top:23px;} .soft01 .w1200 > ul li:last-of-type{margin-right:0;} .soft01 .w1200 > ul li{width:294px;height:406px;box-sizing:border-box;border:2px solid #efefef;box-sizing:border-box;border-radius:10px;padding:0 25px;display:inline-block;vertical-align:top;margin-right:8px;transition:all 0.3s;} .soft01 .w1200 > ul li:hover{border-color: #06a9b7;box-shadow: 1px 4px 9px rgba(0,0,0,0.4);} .soft01 .w1200 > ul li .price-wrap{padding-top:55px;padding-bottom:35px;border-bottom:1px solid #e0e0e0;} .soft01 .w1200 > ul li .price-wrap p{font-size:28px;font-weight:bold;color:#333;text-align:center;white-space:nowrap;} .soft01 .w1200 > ul li .price-wrap span{display:block;font-size:16px;font-weight:400;letter-spacing:-0.025em;color:#ed1c24;text-align:center;padding-top:27px;} .soft01 .w1200 > ul li .price-wrap span b{font-size:40px;font-weight:bold;letter-spacing:-0.025em;position:relative;top:2px;} .soft01 .w1200 > ul li > p{font-size:16px;font-weight:300;letter-spacing:-0.025em;color:#333;text-align:center;padding-top:33px;line-height:22px;} .soft01 .w1200 > ul li > a{display:block; width:143px; margin:25px auto 0; padding:13px 0 13px 32px; font-size:16px; font-weight:400; color:#fff; line-height:1; position:relative; box-sizing:border-box; background-color:#06a9b7; border-radius:30px; text-align:left;} .soft01 .w1200 > ul li > a:before{content:""; display:block; width:7px; height:11px; background:url(/images/sub/btn_arrow.png) center top no-repeat; position:absolute; top:16px; right:29px;} .soft01 .w1200 > a{margin-top:40px;} .pl415{padding-left:415px !important;} .ml5{margin-left:5px !important;} /* 웹메일 베이직 무상 제공 */ .data01 .w1200 .more-view-demo:after{display:block;content:"";clear:both;} .data01 .w1200 .more-view-demo a{display:block;float:right;width:180px;height:42px;line-height:42px;text-align:left;box-sizing:border-box;padding-left:27px;position:relative;background-color:#16a9b7;border-radius:3px;color:#fff;font-size:16px;font-weight:400;letter-spacing:-0.025em;} .data01 .w1200 .more-view-demo a:after{content: "";display: block;width: 7px;height: 11px;background: url(/images/sub/btn_arrow.png) center top no-repeat;position: absolute;top: 16px;right: 29px;} .kspanel_con02 ul.type02 li{height:480px;transition:all 0.3s;} .kspanel_con02 ul.type02 li:hover{border-color: #06a9b7;box-shadow: 1px 4px 9px rgba(0,0,0,0.4);} .webmail06{padding:135px 0;background-color:#f9fafc;} .webmail06 *{font-family:"Noto Sans KR", sans-serif;} .webmail06 .w1200{} .webmail06 .w1200 > p{font-size:42px;font-weight:300;color:#333;text-align:center;} .webmail06 .w1200 ul{font-size:0;text-align:center;padding-top:35px;} .webmail06 .w1200 ul li:last-of-type{margin-right:0;} .webmail06 .w1200 ul li{display:inline-block;vertical-align:top;width:540px;height:540px;box-sizing:border-box;border-radius:50%;border:7px solid #f5f5f5;background-color:#fff;padding-top:90px;margin-right:80px;transition:all 0.3s;} .webmail06 .w1200 ul li:hover{border-color: #06a9b7;box-shadow: 1px 4px 9px rgba(0,0,0,0.4);} .webmail06 .w1200 ul li p{font-size:40px;font-weight:bold;color:#333;text-align:center;font-weight:} .webmail06 .w1200 ul li p span{color:#06a9b7;font-weight:bold;} .webmail06 .w1200 ul li img{display:block;margin:0 auto;padding-top:20px;} .webmail06 .w1200 ul li > span{display:block;font-size:24px;font-weight:bold;color:#333;text-align:center;letter-spacing:-0.025em;padding-top:25px;line-height:1.2;} .webmail06 .w1200 ul li > span b{color:#06a9b7;font-weight:bold;} /* 웹DNS */ .dns01{padding:120px 0 85px;} .dns01 *{font-family:"Noto Sans KR", sans-serif;} .dns01 .w1200{} .dns01 .w1200 > p{font-size:42px;font-weight:300;text-align:center;color:#333;text-align:center;} .dns01 .w1200 > ul{font-size:0;text-align:left;padding-top:55px;display: flex;flex-wrap: wrap;align-items: stretch;justify-content: space-evenly;flex-direction: row;} .dns01 .w1200 > ul li:after{content:'';display: block;clear:both;} .dns01 .w1200 > ul li{width:49%;height:195px;padding:20px 40px;margin-bottom:20px;box-sizing:border-box;border-radius:10px;border:2px solid #efefef;position:relative; transition:all .3s;background:#fff;margin-right: 24px;display: flex;align-items: center;} .dns01 .w1200 > ul li:nth-child(2n){margin-right: 0} .dns01 .w1200 > ul li:hover{border-color:#06a9b7; box-shadow: 3px 3px 10px rgba(0,0,0,0.3);} .dns01 .w1200 > ul li img{float:left;margin-right:30px;} .dns01 .w1200 > ul li div{float:left;width:calc(100% - 140px);} .dns01 .w1200 > ul li:nth-child(2) div,.dns01 .w1200 > ul li:last-child div{padding-top:5px} .dns01 .w1200 > ul li p{font-size:30px;font-weight:bold;letter-spacing:-0.025em;color:#333;text-align:left;} .dns01 .w1200 > ul li span b{display:inline-block;font-size:14px;font-weight:300;letter-spacing:-0.025em;color:#ff8400;padding-top:5px;border-bottom:1px solid #ff8400;padding-bottom:3px;font-weight:400;} .dns01 .w1200 > ul li span{display:block;font-size:16px;font-weight:300;letter-spacing:-0.025em;color:#333;text-align:left;padding-top:10px;line-height:24px;} .dns01 .w1200 a{display:block; width:143px;margin:20px auto;padding:13px 0 13px 32px; font-size:16px; font-weight:400; color:#fff; line-height:1;box-sizing:border-box; background-color:#06a9b7; border-radius:30px; text-align:left;position: relative} .dns01 .w1200 a:before{content:""; display:block; width:7px; height:11px; background:url(/images/sub/btn_arrow.png) center top no-repeat; position:absolute; top:16px; right:29px;} .fs20{font-size:20px !important;} .c_dns01.dns01 .w1200 > ul{font-size:0;text-align:left;padding-top:55px;} .c_dns01.dns01 .w1200 > ul li:nth-of-type(-n+2){margin-bottom:40px;} .c_dns01.dns01 .w1200 > ul li:nth-of-type(2n){margin-right:0;} .c_dns01.dns01 .w1200 > ul li p{font-size:30px;font-weight:bold;letter-spacing:-0.025em;color:#333;text-align:left;} .c_dns01.dns01 .w1200 > ul li{display:inline-block;vertical-align:top;margin-right:40px;width:580px;height:350px;box-sizing:border-box;border-radius:10px;border:2px solid #efefef;position:relative;padding-left:225px;padding-top:70px; transition:all .3s;} .c_dns01.dns01 .w1200 > ul li:hover{border-color:#06a9b7; box-shadow: 3px 3px 10px rgba(0,0,0,0.3);} .c_dns01.dns01 .w1200 > ul li img{position:absolute;left:0;top:35px;height:290px;} .c_dns01.dns01 .w1200 > ul li span{display:block;font-size:16px;font-weight:300;letter-spacing:-0.025em;color:#333;text-align:left;padding-top:45px;line-height:24px;} .c_dns01.dns01 .w1200 > ul li span b{display:inline-block;font-size:14px;font-weight:300;letter-spacing:-0.025em;color:#ff8400;padding-top:15px;border-bottom:1px solid #ff8400;padding-bottom:3px;font-weight:400;} .dns02{padding:120px 0 115px;background-color:#f9fafc;} .dns02 .w1200{} .dns02 .w1200 > p{font-size:42px;font-weight:300;text-align:center;color:#333;} .dns02 .w1200 ul{font-size:0;text-align:center;padding-top:165px;} .dns02 .w1200 ul li:last-of-type{margin-right:0;} .dns02 .w1200 ul li{display:inline-block;vertical-align:top;width:274px;height:274px;box-sizing:border-box;border-radius:50%;border:7px solid #efefef;background-color:#fff;margin-right:100px;position:relative;padding-top:35px;transition:all 0.3s;} /* .dns02 .w1200 ul li:hover{border-color: #06a9b7;box-shadow: 1px 4px 9px rgba(0,0,0,0.4);} */ .dns02 .w1200 ul li:before{display:block;content:"";position:absolute;width:353px;bottom:0;left:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);} .dns02 .w1200 ul li:nth-of-type(2){margin-top:-60px;} .dns02 .w1200 ul li:nth-of-type(3){margin-top:-120px;} .dns02 .w1200 ul li:nth-of-type(1):before{height:66px;background:url("/images/sub/dns02-bg01.png")no-repeat center top;background-size:cover;bottom:-57px;} .dns02 .w1200 ul li:nth-of-type(2):before{height:126px;background:url("/images/sub/dns02-bg02.png")no-repeat center top;background-size:cover;bottom:-118px;} .dns02 .w1200 ul li:nth-of-type(3):before{height:186px;background:url("/images/sub/dns02-bg03.png")no-repeat center top;background-size:cover;bottom:-178px;} .dns02 .w1200 ul li dl:last-of-type{border-bottom:0;} .dns02 .w1200 ul li dl{border-bottom:1px solid #efefef;padding-bottom:10px;width:95%;margin:0 auto;} .dns02 .w1200 ul li dl dt{font-size:16px;font-weight:500;letter-spacing:-0.025em;color:#06a9b7;padding-bottom:3px;padding-top:5px;font-weight:bold;} .dns02 .w1200 ul li dl dd{font-size:16px;font-weight:500;letter-spacing:-0.025em;color:#333;text-align:center;} .dns02 .w1200 ul li span:first-of-type{margin-top:15px;} .dns02 .w1200 ul li span{display:block;font-size:16px;font-weight:500;letter-spacing:-0.025em;color:#333;text-align:center;padding:20px 0;border-bottom:1px solid #efefef;} .dns02 .w1200 ul li span:last-of-type{border-bottom:0;} .dns02 .w1200 ul li p{font-size:16px;font-weight:500;letter-spacing:-0.025em;color:#333;text-align:center;line-height:30px;padding-top:75px;} .transfer01{padding:130px 0} .transfer01 .w1200{} .transfer01 .w1200 p{font-size:42px;font-weight:300;text-align:center;color:#333;} .transfer01 .w1200 ul{padding-top:60px;font-size:0;text-align:center;} .transfer01 .w1200 ul li:last-of-type{margin-right:0;} .transfer01 .w1200 ul li{display:inline-block;vertical-align:top;padding:65px 35px;background-color:#fff;box-sizing:border-box;border:2px solid #efefef;border-radius:10px;margin-right:45px;} .transfer01 .w1200 ul li > p{font-size:30px;font-weight:bold;color:#333;text-align:center;} .transfer01 .w1200 ul li .gray-box{width:280px;height:190px;display:table;margin:0 auto;background-color:#f5f5f5;border-radius:10px;margin-top:25px;} .transfer01 .w1200 ul li .gray-box .table-cell{vertical-align:middle;display:table-cell;} .transfer01 .w1200 ul li .gray-box p{font-size:30px;font-weight:bold;color:#333;text-align:center;} .transfer01 .w1200 ul li .gray-box p.red{color:#ed1c24;} .transfer01 .w1200 ul li .gray-box span{display:block;font-size:16px;font-weight:400;letter-spacing:-0.025em;color:#ed1c24;margin-top:20px;} .transfer01 .w1200 ul li .gray-box span b{font-size:40px;font-weight:bold;letter-spacing:-0.025em;position:relative;bottom:-2px;font-family: 'Lato', sans-serif;} .transfer01 .w1200 ul li > span{display:block;font-size:16px;font-weight:300;letter-spacing:-0.025em;color:#333;text-align:center;padding-top:25px;} .type2.count6 ul li{width:300px;height:300px;margin-right:150px;} .type2.count6 ul li:nth-of-type(4n):before{display:block;} .type2.count6 ul li:nth-of-type(4n):after{display:block;} .type2.count6 ul li:nth-of-type(3n){margin-right:0;} .type2.count6 ul li:nth-of-type(-n+3){margin-bottom:55px;} .type2.count6 ul li:before{width:150px;right:-157px;} .type2.count6 ul li:after{right:-105px;} .type2.count6 ul li:nth-of-type(3):before{display:none;} .type2.count6 ul li:nth-of-type(3):after{display:none;} .type2.count6 ul li h3{padding-bottom:0;} .type2.count6 ul li img{padding-top:25px;} .type2.count6 ul li p{line-height:1.3;padding-top:18px;} /*step1 신청하기*/ .stepBox { margin-top:105px; width: 100%; background: #f9f9f9; overflow: hidden; padding:70px 0 125px;} .stepBox .top_box{font-size:0;} .stepBox .top_box > *{display:inline-block; vertical-align:top;} .stepBox .top_box .txt_box{font-size:0; width:360px; padding:38px 0 38px 20px; box-sizing:border-box; background-color:#06a9b7;} .stepBox .top_box .txt_box > *{display:inline-block; vertical-align:middle;} .stepBox .top_box .txt_box img{max-width:100%;} .stepBox .top_box .txt_box .txt{padding-left:20px;} .stepBox .top_box .txt_box .txt p{font-size:22px; font-weight:500; letter-spacing:-0.025em; color:#fff; line-height:1; padding-bottom:10px;} .stepBox .top_box .txt_box .txt p font{font-family: 'Lato', sans-serif; font-weight:700;} .stepBox .top_box .txt_box .txt span{font-size:14px; font-weight:500; letter-spacing:-0.025em; color:#fff; line-height:1.7;} .stepBox .top_box .route{width:calc(100% - 360px); text-align:center; font-size:0; padding:23px 0 26px; border:1px solid #ddd; background-color:#fff; box-sizing:border-box; border-left:0; position:relative; z-index:1;} .stepBox .top_box .route:before{content:""; display:block; width:556px; height:13px; position:absolute; top:63px; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); z-index:-1;} .stepBox .top_box .route1:before{background:url(/images/sub/route_bar01_img.png) center top no-repeat; background-size:cover;} .stepBox .top_box .route2:before{background:url(/images/sub/route_bar02_img.png) center top no-repeat; background-size:cover;} .stepBox .top_box .route3:before{background:url(/images/sub/route_bar03_img.png) center top no-repeat; background-size:cover;} .stepBox .top_box .route li{display:inline-block; vertical-align:top; margin:0 38px;} .stepBox .top_box .route li img{max-width:100%;} .stepBox .top_box .route li p{font-size:16px; font-weight:500; letter-spacing:-0.025em; color:#aaa; line-height:1; padding-top:9px;} .stepBox .top_box .route li.on p{color:#06a9b7;} .stepBox .type_wrap{margin-top:30px; padding:70px 60px; background-color:#fff; border:1px solid #ddd; box-sizing:border-box; position:relative; font-size:0;} .stepBox .type_wrap .type_box{width:770px;} .stepBox2 .type_wrap .type_box, .stepBox2 .type_wrap .payment_box{display:inline-block; vertical-align:top;} .stepBox .type_wrap .type_box .tb_type:nth-of-type(n+2){margin-top:43px;} .stepBox .type_wrap .type_box .tb_type > p{font-size:20px; font-weight:700; letter-spacing:-0.025em; color:#06a9b7; line-height:1; padding-left:33px; position:relative;} .stepBox .type_wrap .type_box .tb_type > p:before{content:""; display:block; width:24px; height:24px; background:url(/images/sub/step_tit_point.png) center top no-repeat; background-size:cover; position:absolute; top:-3px; left:0;} .stepBox .type_wrap .type_box .tb_type > p .btnCoupon{position: absolute;right: 0;z-index: 1;top:-8px;height:34px;width:90px;border-radius: 5px;border:none;background:#4e93bf;color:#fff;font-size:14px;font-weight:400} .stepBox .type_wrap .type_box .tb_type table{margin-top:23px; border:1px solid #ddd; box-sizing:border-box; border-collapse:collapse;} .stepBox .type_wrap .type_box .tb_type table thead tr{border-bottom:1px solid #ddd;} .stepBox .type_wrap .type_box .tb_type table thead tr th{font-size:16px; font-weight:500; letter-spacing:-0.035em; color:#353535; line-height:1; border-right:1px solid #ddd; box-sizing:border-box; background-color:#f9f9f9; padding:20px 0;} .stepBox .type_wrap .type_box .tb_type table tbody tr{border-bottom:1px solid #ddd;} .stepBox .type_wrap .type_box .tb_type table tbody tr:last-of-type{border-bottom:0;} .stepBox .type_wrap .type_box .tb_type table tbody tr th{font-size:16px; font-weight:500; letter-spacing:-0.035em; color:#353535; line-height:1; border-right:1px solid #ddd; box-sizing:border-box; background-color:#f9f9f9;} .stepBox .type_wrap .type_box .tb_type table tbody tr td{font-size:15px; font-weight:400; letter-spacing:-0.035em; color:#353535; line-height:1.5; box-sizing:border-box;} .stepBox .type_wrap .type_box .tb_type table tbody tr td.service_select{word-break: break-all;table-layout: fixed;height:180px;} .stepBox .type_wrap .type_box .tb_type table tbody tr td.service_select div{display: table-cell;vertical-align: middle;width: 609px;height: 180px;table-layout: fixed;max-height: 180px;} .stepBox .type_wrap .type_box .tb_type table tbody tr td.service_select div ul{max-height:180px;height:auto;} .stepBox .type_wrap .type_box .tb_type table tbody tr td.service_select2{word-break: break-all;table-layout: fixed;height:100px;} .stepBox .type_wrap .type_box .tb_type table tbody tr td.service_select2 div{display: table-cell;vertical-align: middle;width: 609px;height: 100px;table-layout: fixed;max-height: 100px;} .stepBox .type_wrap .type_box .tb_type table tbody tr td.service_select2 div ul{max-height:100px;height:auto;} .stepBox .type_wrap .type_box .tb_type table tbody tr td ul{padding:27px 0 27px 28px; height:180px; overflow-y:auto; box-sizing:border-box;} .stepBox .type_wrap .type_box .tb_type table tbody tr:last-of-type td ul{height:100px;} .stepBox .type_wrap .type_box .tb_type table tbody tr td ul li:nth-of-type(n+2){margin-top:13px;} .stepBox .type_wrap .type_box .tb_type table tbody tr td .check_box{overflow:hidden; position:relative; display:inline-block; vertical-align:top; height:18px;} .stepBox .type_wrap .type_box .tb_type table tbody tr td .check_box input[type="checkbox"]{overflow:hidden; display:none; width:0px; height:0px; border:0 none; font-size:0; line-height:0; clip:rect(0 0 0 0); opacity:0;} .stepBox .type_wrap .type_box .tb_type table tbody tr td .check_box .ico {position:absolute; left:0; top:0; width:16px; height:16px; background:url("/images/sub/check_off.png") center top no-repeat; background-size:100% 100%;} .stepBox .type_wrap .type_box .tb_type table tbody tr td .check_box input[type="checkbox"]:checked + .ico {background:url("/images/sub/check_on.png") center top no-repeat; background-size:100% 100%;} .stepBox .type_wrap .type_box .tb_type table tbody tr td .check_box .txt{display:inline-block; vertical-align:top; font-size:15px; font-weight:400; letter-spacing:-0.035em; color:#353535; margin:1px 0 0 27px; line-height:1;} .stepBox .type_wrap .type_box .tb_type table tbody tr td .data{display:block; width:244px; height:39px; font-size:0;} .stepBox .type_wrap .type_box .tb_type table tbody tr td .data > *{display:inline-block; vertical-align:top; height:100%;} .stepBox .type_wrap .type_box .tb_type table tbody tr td .data input{width:206px; border:1px solid #ddd; padding-left:20px; box-sizing:border-box; font-size:15px; font-family: 'Montserrat', sans-serif; font-weight:400; letter-spacing:-0.035em; color:#353535;} .stepBox .type_wrap .type_box .tb_type table tbody tr td .data button{width:38px; border:0; padding:0;} .stepBox .type_wrap .type_box .tb_type1 table tbody tr td{vertical-align:top;} .stepBox .type_wrap .type_box .tb_type2 table tbody tr td{padding:18px 0; font-size:15px; font-weight:400; letter-spacing:-0.035em; color:#353535; line-height:1; text-align:center; border-right:1px solid #ddd;} .stepBox .type_wrap .type_box .tb_type2 table tbody tr td:last-of-type{border-right:0;} .stepBox .type_wrap .type_box .tb_type2 table tbody tr td.gray_bg{font-weight:500; background-color:#f9f9f9;} .stepBox .type_wrap .type_box .tb_type2 table tbody tr td.t_left{padding-left:26px; text-align:left;} .stepBox .type_wrap .type_box .tb_type2 table tbody tr td .check_box{width:18px;} .stepBox .type_wrap .type_box .tb_type3 table tbody tr td{padding:8px 0 8px 27px;} .stepBox .type_wrap .type_box .tb_type4 table tbody tr td{padding:18px 0 18px 27px;} .stepBox .type_wrap .payment_box{width:281px; position:absolute; top:70px; right:60px;} .stepBox2 .type_wrap .payment_box{position:static; top:0; right:0; margin:43px 0 0 27px;} .stepBox .type_wrap .payment_box:after{content:""; display:block; clear:both;} .stepBox .type_wrap .payment_box .tit{width:100%; padding:20px 0 20px 15px; background-color:#06a9b7; box-sizing:border-box;} .stepBox .type_wrap .payment_box .tit p{font-size:17px; font-weight:700; letter-spacing:-0.035em; color:#fff; line-height:1; padding-left:25px; position:relative;width:100%} .stepBox .type_wrap .payment_box .tit p:before{content:""; display:block; width:15px; height:18px; background:url(/images/sub/payment_icon.png) center top no-repeat; background-size:cover; position:absolute; top:-1px; left:0; border-radius:0;} .stepBox .type_wrap .payment_box .list{padding:20px 15px; box-sizing:border-box; font-size:0; border:1px solid #dfdfdf;} .stepBox .type_wrap .payment_box .list li:nth-of-type(n+2){margin-top:15px;} .stepBox .type_wrap .payment_box .box{padding:20px 15px; box-sizing:border-box; font-size:0; border:1px solid #dfdfdf; border-top:0;} .stepBox .type_wrap .payment_box p{display:inline-block; vertical-align:top; width:calc(100% - 130px); padding:0 20px 0 14px; font-size:15px; font-weight:500; letter-spacing:-0.035em; color:#353535; line-height:1; box-sizing:border-box; position:relative;} .stepBox .type_wrap .payment_box p:before{content:""; display:block; width:3px; height:3px; background-color:#353535; border-radius:50%; position:absolute; top:5px; left:0;} .stepBox .type_wrap .payment_box span{display:inline-block; vertical-align:top; width:130px; font-size:14px; font-family: 'Montserrat', sans-serif; font-weight:500; color:#353535; line-height:1; text-align:right;} .stepBox .type_wrap .payment_box span span{display:inline} /* .stepBox .type_wrap .payment_box span#real_price, .stepBox .type_wrap .payment_box span.noto{display:inline-block; vertical-align:top; width:120px; font-size:14px; font-family: 'Montserrat', sans-serif; font-weight:500; color:#353535; line-height:1; text-align:right;} */ .stepBox .type_wrap .payment_box span.point_price{color:#06a9b7;} .stepBox .type_wrap .payment_box span.noto{font-family: 'Noto Sans KR', sans-serif;} .stepBox .type_wrap .payment_box span font{font-family: 'Noto Sans KR', sans-serif; font-weight:400;} .stepBox .type_wrap .payment_box .sub_list{padding:15px 0 0 11px;} .stepBox .type_wrap .payment_box .sub_list li:nth-of-type(n+2){margin-top:13px;} .stepBox .type_wrap .payment_box .sub_list li p{font-size:15px; font-weight:400; letter-spacing:-0.035em; color:#757575; line-height:1; width:100%; padding-left:8px; text-transform:uppercase;} .stepBox .type_wrap .payment_box .sub_list li p:before{width:4px; height:1px; background-color:#9e9e9e; top:6px;} .stepBox .type_wrap .payment_box .total{background-color:#f9f9f9;} .stepBox .type_wrap .payment_box .total p{width:calc(100% - 130px); font-size:16px; color:#1d8a93;} .stepBox .type_wrap .payment_box .total span{width:130px; font-size:18px; font-weight:700; color:#1d8a93; margin-top:-3px;} .stepBox .type_wrap .payment_box .info_check span{width:auto; color:#353535; font-family: 'Noto Sans KR', sans-serif; margin:-2px 0 0 8px;} .stepBox .type_wrap .payment_box button{float:right;} .stepBox .type_wrap .payment_box button{display:block; width:143px; margin-top:24px; padding:13px 0 13px 32px; font-size:16px; font-weight:400; color:#fff; line-height:1; position:relative; box-sizing:border-box; background-color:#06a9b7; border-radius:30px; text-align:left; border:0;} .stepBox .type_wrap .payment_box button:before{content:""; display:block; width:7px; height:11px; background:url(/images/sub/btn_arrow.png) center top no-repeat; position:absolute; top:16px; right:29px;} .stepBox .type_wrap .payment_box button.btn_msCancle{display: inline-block;width: 120px;background: #737373} .stepBox .type_wrap .payment_box button.btn_msCross{display: inline-block;width: 133px;margin-right:7px;} .stepBox .type_wrap .warning_box {width: 770px;font-size: 14px;margin-bottom:40px;padding: 20px;position: relative;border: 1px solid #e1e1e1;} .stepBox .type_wrap .warning_box ul li {line-height: 22px;font-size: 14px;font-weight: 400;} .stepBox .type_wrap .warning_box ul li button {font-size: 14px;text-decoration: underline;cursor: pointer;color: #06a9b7;border: none;background: none;padding: 0;} .stepBox .type_wrap .warning_box p.tit {font-size: 16px;font-weight: 600;color: red;margin-bottom: 10px;} .stepBox .type_wrap .warning_box .popup {display: none;width: 400px;height: 240px;padding: 20px;border: 1px solid #e1e1e1;background: #fff;position: absolute;box-shadow: 5px 5px 10px #ccc;} .stepBox .type_wrap .warning_box .popup button {border: 1px solid #e1e1e1;border-radius: 200px;width: 40px;height: 40px;background: #fff;font-size: 24px;position: absolute;top: 20px;right: 20px} .stepBox .type_wrap .warning_box .popup h5 {font-size: 18px;font-weight: 600;padding-top: 14px;margin-bottom: 15px;} .stepBox .type_wrap .warning_box .popup h6 {font-size: 15px;font-weight: 600;line-height: 18px;color: red;} .stepBox .type_wrap .warning_box .popup h6 span {font-weight: 600;color: #666} .stepBox .type_wrap .warning_box .popup p {margin-bottom: 10px;} .stepBox .type_wrap .warning_box .popup.on {display: block;} .stepBox .type_wrap .type_box.order_end{width:100%;} .stepBox .type_wrap .type_box.order_end table{width:100%;} .stepBox .type_wrap .type_box.order_end table th{height: 56px;padding: 10px;} .stepBox .type_wrap .type_box.order_end table td{border-right: 1px solid #ddd;} .stepBox .type_wrap .type_box.order_end table tr td:last-child{border-right:none} .adv_stepBox .privacy_Box{padding-top:15px;} .adv_stepBox .privacy_Box .tit{ font-size:0; margin-bottom:15px;} .adv_stepBox .privacy_Box .tit p, .adv_stepBox .privacy_Box .tit button{ display:inline-block; vertical-align:middle;} .adv_stepBox .privacy_Box .tit p{ font-size:16px; color:#000; font-weight:300;} .adv_stepBox .privacy_Box .tit button{ width:80px;height:30px; border:none; background-color:#333; color:#fff; border-radius:5px; text-align:center; font-size:14px; letter-spacing:-0.05em; margin-left:17px;} .adv_stepBox .privacy_Box .tit button:hover{background:#4e4e4e} .adv_stepBox .privacy_Box .tit button img{ vertical-align:middle; margin-left:6px;} .adv_stepBox .privacy_Box .txtBox{ background-color:#FFF; padding:15px;border:1px solid #e1e1e1;height:300px;overflow-y: scroll;} .adv_stepBox .privacy_Box .txtBox li{margin-bottom:10px;} .adv_stepBox .privacy_Box .txtBox li > p{font-size:14px; font-weight:500; color:#222; padding-bottom:10px;} .adv_stepBox .privacy_Box .txtBox li > span{display:block; font-size:12px; font-weight:400; color:#333; line-height:1.4em; word-break:keep-all; padding: 0 0 10px 15px; box-sizing:border-box;} .adv_stepBox .privacy_Box .check_box{overflow:hidden; position:relative; display:inline-block; vertical-align:top; height:18px;} .adv_stepBox .privacy_Box .check_box input[type="checkbox"]{overflow:hidden; display:none; width:0px; height:0px; border:0 none; font-size:0; line-height:0; clip:rect(0 0 0 0); opacity:0;} .adv_stepBox .privacy_Box .check_box .ico {position:absolute; left:0; top:0; width:16px; height:16px; background:url("/images/sub/check_off.png") center top no-repeat; background-size:100% 100%;} .adv_stepBox .privacy_Box .check_box input[type="checkbox"]:checked + .ico {background:url("/images/sub/check_on.png") center top no-repeat; background-size:100% 100%;} .adv_stepBox .privacy_Box .check_box .txt{display:inline-block; vertical-align:top; font-size:15px; font-weight:400; letter-spacing:-0.035em; color:#353535; margin:1px 0 0 27px; line-height:1;} /*step2 신청하기*/ .stepBox .type_wrap .type_box .tb_type table tbody tr td .sale{font-size:0;} .stepBox .type_wrap .type_box .tb_type table tbody tr td .sale > *{display:inline-block; vertical-align:middle;} .stepBox .type_wrap .type_box .tb_type table tbody tr td .sale input{width:200px; height:39px; border:1px solid #ddd; font-size:15px; font-weight:400; letter-spacing:-0.05em; color:#353535; box-sizing:border-box;} .stepBox .type_wrap .type_box .tb_type table tbody tr td .sale span{font-size:15px; font-weight:400; letter-spacing:-0.05em; color:#353535; box-sizing:border-box; margin:16px 10px 0 5px;} .stepBox .type_wrap .type_box .tb_type table tbody tr td .sale button{padding:10px 20px; font-size:15px; font-weight:400; color:#fff; background-color:#06a9b7; line-height:1; border:0;} .stepBox .type_wrap .type_box .tb_type table tbody tr td .radio{overflow:hidden; position:relative; display:inline-block; vertical-align:top; height:18px; margin-right:20px;} .stepBox .type_wrap .type_box .tb_type table tbody tr td .radio input[type="radio"]{overflow:hidden; display:none; width:0px; height:0px; border:0 none; font-size:0; line-height:0; clip:rect(0 0 0 0); opacity:0;} .stepBox .type_wrap .type_box .tb_type table tbody tr td .radio .ico {position:absolute; left:0; top:0; width:18px; height:18px; background:url("/images/sub/radio_off.png") center top no-repeat; background-size:100% 100%;} .stepBox .type_wrap .type_box .tb_type table tbody tr td .radio input[type="radio"]:checked + .ico {background:url("/images/sub/radio_on.png") center top no-repeat; background-size:100% 100%;} .stepBox .type_wrap .type_box .tb_type table tbody tr td .radio .txt{display:inline-block; vertical-align:top; font-size:15px; font-weight:400; letter-spacing:-0.035em; color:#353535; margin:1px 0 0 27px;margin-top:-2px;} .stepBox .type_wrap .type_box .tb_type table tbody tr td > p{font-size:13px; font-weight:400; color:#353535; padding-top:10px;} .stepBox .type_wrap .type_box .tb_type table tbody tr td > p.none{display:none;} /* Smooth Sticky 구현 */ .sticky-container { position: relative !important; display: flex !important; flex-direction: row !important; } .sticky-left-content { margin-right: auto !important; } .sticky-right-sidebar { position: relative !important; right: auto !important; } /*200811 클라우드 관리대행*/ .level > li{ transition:all 0.3s; -webtkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; -ms-transition:all 0.3s; } .level > li:hover {border-color: #06a9b7;box-shadow: 3px 3px 10px rgba(0,0,0,0.3);} .agencyBox { margin:0 auto; width: 1200px; height: 400px; background: #fff; border:1px solid #e1e1e1; box-sizing:border-box; border-radius:7px; overflow: hidden; text-align: center; } .agencyBox p { display: inline-block; vertical-align: middle; } .agencyBox p img { display: block; } .agencyBox p span { display: inline-block; vertical-align: middle; margin-top: 40px; font-size:24px; font-weight: 700; color: #434343; } .agencyBox i { display: inline-block; width:180px; text-align: center; } .agencyBox ul { display: inline-block; vertical-align: middle; margin-top: 40px; } .agencyBox ul:before { content:""; display: inline-block; width:165px; height:100%; } .agencyBox li { width:300px; height:45px; line-height:45px; margin-bottom:15px; background:#06a9b7; color:#fff; font-weight: 700; border-radius:3px; } .monitorBox{width:100%; height:937px; padding-top:110px; background:url("/images/sub/manage_agency_bg.jpg") no-repeat center; background-size:cover; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .monitorBox .titBox{margin-bottom:48px; color: #fff; text-align:center;} .monitorBox .titBox h1{margin-bottom:60px; font-size:42px; line-height:130% !important; } .monitorBox .titBox p{font-size:20px; line-height:1.2;} .monitorBox .agencyTxt{width:848px; height:61px; margin:0 auto; background-color:#fff; border-radius:10px; position:relative;} .monitorBox .agencyTxt:after{content:""; display:block; width:227px; height:90px; margin:18px auto 0; background:url("/images/sub/manage_agency_icon07.png") no-repeat; } .monitorBox .agencyTxt p{font-size:20px; font-weight:500; color:#00828d; line-height:61px; text-align:center;} .monitorBox .agencyTxt span{font-weight:500; color:#00a9b7;} .monitorBox .agencyIcon{padding:50px 100px; margin-top:150px; border:1px solid #fff; border-radius:7px;} .monitorBox .agencyIcon ul{} .monitorBox .agencyIcon ul li{float:left; width:16.66666666666667%; text-align:center;} .monitorBox .agencyIcon ul li img{margin-bottom:20px;} .monitorBox .agencyIcon ul li p{font-size:18px; color:#fff; line-height:1.4;} .monitorBox .agencyIcon ul li p > span{font-size:15px;} .popup_box5{display:none; width:100%; height:100%; position:fixed; left:0; top:0; z-index:1000;} .popup_box5 > .bg{width:100%; height:100%; background-color:rgba(0,0,0,0.5);} .popup_box5 .popCon{width:1000px; height:900px; padding:80px 0 120px; background-color:#fff; position:absolute; left:50%; top:50%; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); } .popup_box5 .popCon .x_btn{position:absolute; right:50px; top:50px;} .popup_box5 .popCon .tit{margin-bottom:50px; font-size:24px; font-weight:500; color:#222; letter-spacing: -0.025em; text-align:center;} .popup_box5 .popCon .poptable{width:100%; height:622px; padding:0 50px 30px; overflow-y:auto; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} .popup_box5 .popCon .poptable table{border-top:3px solid #666;} .popup_box5 .popCon .poptable table tr td{padding:20px 0; font-size:15px; font-weight:300; letter-spacing: -0.025em; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #aaa;} .popup_box5 .popCon .poptable table tr td.tdSt01{background-color:#f8f8f8; color:#06a9b7;} .popup_box5 .popCon .poptable table tr td:last-child{border-right:none;} .popup_box5 .popCon .poptable table tr th{padding:20px 0; font-size:16px; font-weight:500; color:#666; letter-spacing: -0.025em; text-align:center; border-right:1px solid #aaa;} .popup_box5 .popCon .poptable table thead tr th{border-bottom:1px solid #666;} .popup_box5 .popCon .poptable table thead tr th:last-child{border-right:none;} .popup_box5 .popCon .poptable table thead tr th b, .popup_box5 .popCon .poptable table tr td b{font-weight:500; color:#222; } .popup_box5 .popCon .poptable table tbody tr th{border-bottom:1px solid #ddd;} .popup_box5 .popCon .poptable table tbody tr td{} .popup_box5 .popCon .poptable table tbody tr td .price{display:inline-block; vertical-align:middle; text-decoration:line-through; color:#f00; font-weight:500; line-height:1.3} .popup_box5 .popCon .poptable table tbody tr td em{display:inline-block; vertical-align:top; margin-left:3px; font-size:13px; color:#222; } .popup_box5 .question_box02{padding-left:50px; margin:30px 0;} .popup_box5 .question_box02 .question_txt{left:50px;} .popup_box5 .question_box02 .question_txt .txt{width:800px;} .popup_box5 .question_box02 .question_txt .txt li b{font-weight:700; color:#06a9b7;} /* .cloud-balancing01 .type1 .list > li .sub_txt h1{width:auto;} */ .pt100{padding-top:100px;} .db02 .type1 .list li .sub_txt h1{width:245px;} .mt50{margin-top:50px;} .server01 .more_btn{width:220px;} .server_agency_popup_con.server_popup .type table tr td{padding:20px 5px;} .server_agency_popup_con.server_popup .type:last-of-type table tr td:last-of-type{color:#333;} .server_agency_popup_con.server_popup .tab_btn{width:100%; font-size:0; text-align:center; padding-top:40px;} .server_agency_popup_con.server_popup .tab_btn li{display:inline-block; vertical-align:top; width:25%; margin-left:-1px;} .server_agency_popup_con.server_popup .tab_btn li a{display:block; width:100%; padding:15px 0; font-size:16px; font-weight:400; color:#333; border:1px solid #06a9b7; box-sizing:border-box;} .server_agency_popup_con.server_popup .tab_btn li.on{position:relative; z-index:1;} .server_agency_popup_con.server_popup .tab_btn li.on a{background-color:#06a9b7; color:#fff;} /*쿠폰 페이지*/ .couponCon { background: #f9fafc; padding-bottom:150px; } .couponCon .coupon_list { overflow: hidden; padding:85px 0; } .couponCon .coupon_list>li { float: left; margin:0 0 80px 38px; } .couponCon .coupon_list li:nth-child(odd) { margin-left: 0; } .couponCon .coupon_list li .coupon{position: relative;width: 525px;height: 238px;margin: 0 auto;padding:11px 94px 0 9px;background: url(/images/sub/coupon_img.png) no-repeat 0 0;background-size:cover;} .couponCon .coupon_list li .coupon .info {display: table-cell;width: 336px;height: 227px;vertical-align: middle;} .couponCon .coupon_list li .coupon .tit {font-size: 22px;font-weight: bold;display:block;text-align:center;} .couponCon .coupon_list li .coupon .sale {display:block;margin-top: 13px;font-size: 33px;line-height:42px;font-weight: 600;letter-spacing: -3.5px; color:#06a9b7;text-align:center;} .couponCon .coupon_list li .coupon .txt {margin-top: 13px;font-size: 16px;color: #6c6c6c;line-height: 1.4;display:block;text-align:center;font-weight: 500;} .couponCon .coupon_list li .coupon .txt font{color: #f00;font-weight: 500;} .couponCon .coupon_list li > a {display: block;margin: 40px auto 0;width: 270px;height: 55px;line-height: 55px;box-sizing: border-box;border: 1px solid #ccc;color: #313637;font-size: 20px;font-weight: 700;background: #f9fafc;text-align: center;} .couponCon .coupon_list li > a span {color: #06a9b7;font-weight: 700;} .couponCon .coupon_list li > a img {margin: 13px 0 0 15px;} .couponCon .coupon_list li .coupon_con {position: absolute;right: 29px;bottom: 25px;font-size: 12px;color: #fff;line-height: 15px;} .couponCon .etc_txt{width:530px;text-align:center;} .couponCon .coupon_list li .coupon .coupon_detail{position: absolute;background:url(/images/sub/coupon_img02.png) no-repeat 0 0;background-size:cover;;top:0;left:0;width: 100%; height: 100%;padding: 30px 0 0 40px;color: #222;font-size: 14px;line-height: 18px;font-weight:400} .couponCon .coupon_list li .coupon .coupon_detail .btn_box{text-align: right;width:calc(100% - 40px)} .couponCon .coupon_list li .coupon .coupon_detail .btn_box a{width:200px;height:35px;display: inline-block;background:#06a9b7;text-align: center;line-height:35px;font-weight:500;color:#fff} .couponCon .coupon_list li .more_txt{display:none;} .couponCon .coupon_list li:first-child .more_txt{display: block;text-align: center;font-weight: 500;color: #06a9b7;border: none;margin-top: 0;padding: 15px 0 0 0;font-size: inherit;} .couponCon .coupon_lists{display: flex;flex-direction: row;flex-wrap: wrap;justify-content: flex-start;padding:85px 0 20px;} .couponCon .coupon_lists li{float:none;margin:0 30px 30px 0;position:relative;width:48%;overflow:hidden;height:195px;box-shadow: 5px 7px 11px 0px #d9d9d9;border-radius:5px} .couponCon .coupon_lists li:last-child{margin-bottom:0;} .couponCon .coupon_lists li:nth-child(2n){margin-right:0} .couponCon .coupon_lists li .coupon_card{border-bottom:1px solid #ccc;border:1px solid #ccc;height:195px;border-bottom-left-radius:5px;border-top-left-radius:5px;background:#fff;} .couponCon .coupon_lists li button{border:1px solid #ccc;background:#f1f5f6;width:120px;color:#06a9b7;font-weight:600;height:195px;position:absolute;bottom:0;right:0;z-index:0;border-bottom-right-radius:5px;border-top-right-radius:5px;text-align:center;font-weight:500;font-size:16px;line-height: 24px} .couponCon .coupon_lists li button i{font-size:24px} .couponCon .coupon_lists li>a:hover button{background:#06a9b7;color:#fff} .couponCon .coupon_lists li button::after, .couponCon .coupon_lists li button::before{content: "";position: absolute;right: 104px;top: -2px;width: 14px;height: 14px;background-color:#f9fafc;border: 1px solid #ccc;border-radius: 50%;transform: translate(-50%, -50%);box-sizing: border-box;} .couponCon .coupon_lists li button::after{top: auto;bottom: -2px;transform: translate(-50%, 50%);box-shadow:inset 6px 11px 11px 0px #d9d9d9} .couponCon .coupon_lists li > a{width:100%;height:100%;display:block;} .couponCon .coupon_lists li .info{padding:30px;} .couponCon .coupon_lists li .info .subTxt{font-size:18px;font-weight:500;color:#222;margin-bottom:10px;} .couponCon .coupon_lists li .info .title{font-size:24px;font-weight:600;color:#06a9b7;margin-bottom:20px;} .couponCon .coupon_lists li .info .amount{font-size:16px; font-weight:500;color:#454545;margin-bottom:30px;} .couponCon .coupon_lists li .info .expiration{font-size:14px; font-weight:400;color:#717171} .couponCon .coupon_lists li a.done{cursor:default} .couponCon .coupon_lists li a.done button{cursor:default;color:#717171;} .couponCon .coupon_lists li a.done:hover button{background:#717171;color:#fff;} /*서비스 더보기*/ #subVisual.vpn_visual.sec {background:#f3f3f3} #subVisual.vpn_visual.sec .inner2 { background:url(/images/sub/subVisual/sec_visual02.png) center top no-repeat;background-color:#f3f3f3} /* #subVisual.sec_visual aside > div h3 { margin-top: 25px; } */ .moreService .idc_con_box { padding:0; } .moreService .no-minheight { padding:100px 0; } .line_banner_quick{width:100%;height:60px;background:#06a9b7;text-align:center} .line_banner_quick a{display:inline-block;color:#fff;font-size:20px;line-height: 60px;} .line_banner_quick a span{font-size:24px;font-weight:500;color:#f2f1b1} /* 카카오톡 신청하기 */ input[type=text]#m_name,input[type=text]#m_phone{border: 1px solid #ddd;height: 35px;text-indent: 10px;width: 80%;} /* estimate S */ .estimate_sign{position:absolute; top:90px; right:5px; z-index:200;} @media print { .estimate_sign{top:80px;right:5px} #btn_print{display:none;} } #btn_print{text-align:center;padding:20px 0} #btn_print button{border:1px solid #06a9b7;width:200px;height:34px;color:#fff;background:#06a9b7} .est_tb1,.est_tb1 th,.est_tb1 td,.est_tb2,.est_tb2 th,.est_tb2 td,.est_tb3,.est_tb3 th,.est_tb3 td,.est_tb4,.est_tb4 th,.est_tb4 td {border:0;} .est_tb1{width:100%;border-bottom:2px solid #dddee2;font-family:'돋움',dotum;font-size:11px;table-layout:fixed;} .est_tb1 .p_txt {text-align:center; font-size:12px;font-weight:bold;} .est_tb1 .p_txt1 {text-align:center; font-size:12px;font-weight:bold;border-right:0px;} .est_tb1 th{padding:8px 0px 5px 10px;border-top:1px solid #dddee2;border-right:1px solid #dddee2;background:#f3f3f3;text-align:left;vertical-align:top} .est_tb1 td{padding:8px 5px 5px 5px;border-top:1px solid #dddee2;border-right:1px solid #dddee2;line-height:13px;vertical-align:top;font-size:11px;} .est_tb1 td.last{padding:8px 5px 5px 5px;border-top:1px solid #dddee2;border-right:0px;line-height:13px;vertical-align:top;font-size:11px;} .est_tb1 .txt_c {text-align:center;} .est_tb2 {width:100%;border-top:2px solid #dddee2;border-bottom:2px solid #dddee2;font-family:'돋움',dotum;font-size:11px;padding-bottom:10px;margin:3px 0 3px 0;} .est_tb2 .tit {font-size:12px; padding:8px 0px 7px 10px; text-align:left;} .est_tb2 .imgtit {font-size:12px; padding:8px 0px 2px 10px; text-align:center;} .est_tb2 .txt {padding:10px 0px 8px 10px;} .est_tb2 th,.est_tb2 td{padding:1px 0px 1px 10px;vertical-align:top} .est_tb2 thead th{border-bottom:1px solid #ccc;background:#f3f3f3} .est_tb2 tbody th{text-align:left;} .est_tb2 .veiw {text-align:center; vertical-align:middle;} .est_tb2 th.i {text-align:center; vertical-align:middle;} .est_tb2 .op {font-weight:none;} .est_tb3 {width:100%;font-family:Tahoma;font-size:11px;text-align:center;margin-bottom:3px;border-top:1px solid #dddee2;border-bottom:1px solid #dddee2;} .est_tb3 th{padding:7px 0 4px;border-top:1px solid #dddee2;border-right:1px solid #dddee2;background-color:#f6f6f6;font-family:'돋움',dotum;font-size:12px;font-weight:bold;} .est_tb3 th.last{padding:7px 0 4px;border-top:1px solid #dddee2;border-right:0px;background-color:#f6f6f6;font-family:'돋움',dotum;font-size:12px;font-weight:bold;} .est_tb3 td{padding:6px 0 4px;border-top:1px solid #dddee2;border-right:1px solid #dddee2;} .est_tb3 td.last{padding:6px 0 4px;border-top:1px solid #dddee2;border-right:0px;} .est_tb3 .tit{padding:6px 0 5px 17px; text-align:left;border-right:0px;} .est_tb3 .txt_l{padding-left:10px; text-align:left;} .est_tb4{width:100%;border-top:1px solid #dddee2;border-bottom:2px solid #dddee2;font-family:'돋움',dotum;table-layout:fixed;} .est_tb4 .p_txt {text-align:center; font-size:12px;font-weight:bold;} .est_tb4 th{padding:8px 0px 5px 0px;border-top:1px solid #dddee2;border-right:1px solid #dddee2;background:#f3f3f3;text-align:center;vertical-align:top} .est_tb4 th.last{padding:8px 0px 5px 0px;border-top:1px solid #dddee2;border-right:0px;background:#f3f3f3;text-align:center;vertical-align:top} .est_tb4 td{padding:8px 10px 5px 5px;border-top:1px solid #dddee2;border-right:1px solid #dddee2;line-height:13px;vertical-align:top;font-size:11px;text-align:right;} .est_tb4 td.last{padding:8px 10px 5px 5px;border-top:1px solid #dddee2;border-right:0px;line-height:13px;vertical-align:top;font-size:11px;text-align:right;} .est_tb4 .txt_c {text-align:center; font-weight:bold;} .est_tb5 {padding:15px 15px;} .est_tb5 .sign {height:40px;} /* //estimate E */ /* 웹 취약점 원스탑 서비스 */ .web-onestop #subVisual h2{margin-top: 155px;} .web-onestop #subVisual.vpn_visual.sec{position:relative} .web-onestop #subVisual.vpn_visual.sec .inner2{background:none;display: flex;overflow: visible;justify-content: space-between;} .web-onestop #subVisual.idc_visual .btn_wrap{bottom:48px} .web-onestop #subVisual.idc_visual .btn_wrap .btn a{display: inline-block;width:180px;} .web-onestop #subVisual.idc_visual .btn_wrap .btn a:last-child{border:1px solid #06a9b7;color:#06a9b7;background:transparent} .web-onestop #subVisual.vpn_visual.sec .img_list {position: relative;margin-top:110px;width:530px} .web-onestop #subVisual.vpn_visual.sec .img_list > .img_con {} .web-onestop #subVisual.vpn_visual.sec .img_list > .img_con.img01 {width: 420px;} .web-onestop #subVisual.vpn_visual.sec .img_list > .img_con.img02 {width: 420px;position: absolute;bottom: 25px;right: -20px;border-radius: 20px;box-shadow: 0 0 min(20px, 1.04vw) 0 rgba(144, 159, 173, 0.55);z-index: 10;} .web-onestop #subVisual.vpn_visual.sec .img_list > .img_con.img03 > img {position: absolute;z-index: 10;} .web-onestop #subVisual.vpn_visual.sec .img_list > .img_con.img03 > img.img01 {width:125px;top: 20px;right: 3px;} .web-onestop #subVisual.vpn_visual.sec .img_list > .img_con.img03 > img.img02 {width: 99px;top: 48px;right: -89px;} .web-onestop #subVisual.vpn_visual.sec .img_list > .img_con.img03 > img.img03 {width: 67px;top: 138px;right: -21px;} .web-onestop #subVisual.vpn_visual.sec .img_list > .img_con.img02:after {content: '';width: 100%;height: 100%;background: rgba(255, 255, 255, 0.10);backdrop-filter: blur(min(4px, 0.21vw));position: absolute;top: 0;left: 0;right: 0;z-index: -1;border-radius: min(20px, 1.04vw);} .web-onestop #subVisual.vpn_visual.sec .img_list > .img_con > img {width: 100%;} .web-onestop #subVisual.vpn_visual.sec .img_list > .img_con > img.shield {width:220px;position: absolute;top: 0; left: 50%;transform: translateX(-50%);} .web-onestop .subContents .target{padding:130px 0} .web-onestop .subContents p.tit{font-weight:600;font-size: 42px;color: #222;text-align: center;margin-bottom: 20px;} .web-onestop .subContents p.tit span{font-weight:700;color:#06a9b7;} .web-onestop .subContents p.tit_desc{font-weight:400;color;#222;} .web-onestop .subContents #sub1 .table_con {width:min(1096px, 57.08vw); margin:0 auto; margin-top:min(75px, 3.91vw);} .web-onestop .subContents #sub1 .table_con > table {width:100%; table-layout:fixed; border-spacing:min(10px, 0.52vw);background:#fff;border-radius:8px} .web-onestop .subContents #sub1 .table_con > table > tbody {} .web-onestop .subContents #sub1 .table_con > table > tbody > tr {} .web-onestop .subContents #sub1 .table_con > table > tbody > tr > td {height:min(67px, 3.49vw); font-size:min(22px, 1.15vw); color:121212; font-weight:500; line-height:140%; border-radius:min(10px, 0.52vw);} .web-onestop .subContents #sub1 .table_con > table > tbody > tr > .type_td {width:min(260px, 13.54vw); background:#EDF2F9;} .web-onestop .subContents #sub1 .table_con > table > tbody > tr > .type_td > span {color:#414A56; font-weight:600; line-height:140%;} .web-onestop .subContents #sub1 .table_con > table > tbody > tr > .title {} .web-onestop .subContents #sub1 .table_con > table > tbody > tr > .title > span {color:#FFF; font-weight:700; line-height:140%;} .web-onestop .subContents #sub1 .table_con > table > tbody > tr > .title.type_td {background:#AAB3BF;} .web-onestop .subContents #sub1 .table_con > table > tbody > tr > .title.blue_td {background:#06a9b7;} .web-onestop .subContents #sub1 .table_con > table > tbody > tr > .title.red_td {background:#ff3939;} .web-onestop .subContents #sub1 .table_con > table > tbody > tr > .text_td {border-bottom:min(1px, 0.05vw) solid #E2E8F0; border-radius:0;} .web-onestop .subContents #sub1 .table_con > table > tbody > tr > .text_td.blue > span {color:#06a9b7;} .web-onestop .subContents #sub1 .table_con > table > tbody > tr > .text_td.red > span {color:#ff3939;} .web-onestop .subContents #sub1 .text_con {display:flex; justify-content:center; align-items:center; margin-top:55px;} .web-onestop .subContents #sub1 .text_con > span {font-size:min(30px, 1.56vw); color:#121212; font-weight:700; line-height:135%;} .web-onestop .subContents #sub1 .text_con > span .color_text01 {color:#06a9b7;font-weight:700} .web-onestop .subContents #sub1 .text_con > span .color_text02 {color:#ff3939;font-weight:700} .web-onestop .subContents #sub2 .list_con {margin:min(70px, 3.65vw) 0 0;} .web-onestop .subContents #sub2 .list_con > ul {display:flex; justify-content:space-between; align-items:center;} .web-onestop .subContents #sub2 .list_con > ul > li {width:33%;margin-right:30px} .web-onestop .subContents #sub2 .list_con > ul > li:last-child{margin-right:0} .web-onestop .subContents #sub2 .list_con > ul > li > .list_div {display:flex; flex-direction:column; align-items:center; gap:min(30px, 1.56vw); height:min(372px, 19.38vw); padding:min(50px, 2.60vw) min(71px, 3.70vw) 0; border-radius:min(20px, 1.04vw);} .web-onestop .subContents #sub2 .list_con > ul > li > .list_div > .img_con {width:min(156px, 8.13vw);} .web-onestop .subContents #sub2 .list_con > ul > li > .list_div > .img_con > img {width:100%;} .web-onestop .subContents #sub2 .list_con > ul > li > .list_div > .txt_con {text-align:center;} .web-onestop .subContents #sub2 .list_con > ul > li > .list_div > .txt_con > .text01_con {} .web-onestop .subContents #sub2 .list_con > ul > li > .list_div > .txt_con > .text01_con > span {font-size:min(26px, 1.35vw); color:#121212; font-weight:700; line-height:135%;} .web-onestop .subContents #sub2 .list_con > ul > li > .list_div > .txt_con > .text02_con {margin:min(12px, 0.63vw) 0 0;} .web-onestop .subContents #sub2 .list_con > ul > li > .list_div > .txt_con > .text02_con > span {font-size:min(20px, 1.04vw); color:#222; font-weight:400; line-height:140%;} .web-onestop .subContents #sub2 .list_con > ul > li:first-child > .list_div {background:#FFF4F7;} .web-onestop .subContents #sub2 .list_con > ul > li:nth-child(2) > .list_div {background:#FFF8F0;} .web-onestop .subContents #sub2 .list_con > ul > li:nth-child(3) > .list_div {background:#F3FBFF;} .web-onestop .subContents #sub2 .arrow_con {display:flex; flex-direction:column; align-items:center; gap:min(10px, 0.52vw); margin:min(35px, 1.82vw) 0 0;} .web-onestop .subContents #sub2 .arrow_con > img {width:min(36px, 1.88vw);} .web-onestop .subContents #sub2 .txt02_con {margin:min(34px, 1.77vw) 0 0; text-align:center;} .web-onestop .subContents #sub2 .txt02_con > .text01_con {} .web-onestop .subContents #sub2 .txt02_con > .text01_con > span {font-size:min(28px, 1.46vw); color:#6E7C8E; font-weight:600; line-height:135%;} .web-onestop .subContents #sub2 .txt02_con > .text02_con {margin:min(5px, 0.26vw) 0 0;} .web-onestop .subContents #sub2 .txt02_con > .text02_con > span {font-size:min(38px, 1.98vw); color:#121212; font-weight:700; line-height:135%;} .web-onestop .subContents #sub2 .txt02_con > .text02_con > span .color_blue {color:#06a9b7;font-weight:700} .web-onestop .subContents #sub2 .txt02_con > .text02_con > span .color_red {color:#ff3939;font-weight:700} .web-onestop .subContents #sub3{position: relative;} .web-onestop .subContents #sub3 .etc_list {width:100%;margin-top:100px;height:260px} .web-onestop .subContents #sub3 .etc_list > ul{width:100%;max-width:min(1096px, 57.08vw);margin:0 auto;display:flex;justify-content:space-between;align-items:flex-start;} .web-onestop .subContents #sub3 .etc_list > ul > li{width:auto;flex:1;display:flex;justify-content:center;} .web-onestop .subContents #sub3 .etc_list > ul, .web-onestop .subContents #sub3 .list_con > ul{justify-content:space-evenly;} .web-onestop .subContents #sub3 .etc_list > ul > li > .list_div {display:flex; flex-direction:column; align-items:center; gap:min(106px, 5.52vw); position:relative;} .web-onestop .subContents #sub3 .etc_list > ul > li > .list_div > .img_con {width:min(100px, 5.21vw);} .web-onestop .subContents #sub3 .etc_list > ul > li > .list_div > .img_con > img {width:100%;} .web-onestop .subContents #sub3 .etc_list > ul > li > .list_div > .text_con {width:max-content; position:absolute; top:min(206px, 10.73vw); text-align:center;} .web-onestop .subContents #sub3 .etc_list > ul > li > .list_div > .text_con > span {font-size:min(20px, 1.04vw); color:#121212; font-weight:700; line-height:135%;} .web-onestop .subContents #sub3 .etc_list > ul > li > .list_div > .text_con > span .color_text {color:#AAB3BF;} .web-onestop .subContents #sub3 .list_con {width:100%; max-width:min(1096px, 57.08vw); margin:0 auto; position:absolute; top:460px; left:0; right:0; z-index:10;} .web-onestop .subContents #sub3 .list_con > ul {display:flex; justify-content:space-between; align-items:center;} .web-onestop .subContents #sub3 .list_con > ul > li{flex:1;display:flex;justify-content:center;} .web-onestop .subContents #sub3 .list_con > ul > li > .list_div {} .web-onestop .subContents #sub3 .list_con > ul > li > .list_div > .num_con {} .web-onestop .subContents #sub3 .list_con > ul > li > .list_div > .num_con > span {display:flex; justify-content:center; align-items:center; width:min(66px, 3.44vw); height:min(66px, 3.44vw); background:#D1DBE8; font-size:min(30px, 1.56vw); color:#FFF; font-weight:700; line-height:135%; border-radius:100%;} .web-onestop .subContents #sub3 .list_con > .bar {height:min(13px, 0.68vw); background:#D1DBE8; position:absolute; top:50%; left: 86px; right: calc(min(66px, 3.44vw) / 2); width: 902px; transform:translateY(-50%); z-index:-1;border-radius:200px} .web-onestop .subContents #sub3 .list_con > .bar .progress {width:15%; height:min(13px, 0.68vw); background:#06a9b7; position:absolute; top:0; left:0; border-radius:min(500px, 26.04vw);} .web-onestop .subContents #sub3 .list_con > ul > li.on > .list_div > .num_con > span {background:#06a9b7;} .web-onestop .subContents #sub3 .w1200>.text_con {display:flex; justify-content:center; align-items:center; margin-top:55px;} .web-onestop .subContents #sub3 .w1200>.text_con > span {font-size:min(30px, 1.56vw); color:#121212; font-weight:700; line-height:135%;text-align:center;} .web-onestop .subContents #sub3 .w1200>.text_con > span .color_blue {color:#06a9b7;font-weight:700} .web-onestop .subContents #sub3 .w1200>.text_con > span .color_red {color:#ff3939;font-weight:700} .web-onestop .subContents #sub4 .table_con {margin:min(60px, 3.13vw) 0 0;} .web-onestop .subContents #sub4 .table_con > table {width:100%; table-layout:fixed; border-spacing:min(10px, 0.52vw);} .web-onestop .subContents #sub4 .table_con > table > tbody {} .web-onestop .subContents #sub4 .table_con > table > tbody > tr {} .web-onestop .subContents #sub4 .table_con > table > tbody > tr > td {height:min(67px, 3.49vw); font-size:min(22px, 1.15vw); color:#5A6167; font-weight:500; line-height:140%; border-radius:min(10px, 0.52vw);} .web-onestop .subContents #sub4 .table_con > table > tbody > tr > .type_td {width:min(260px, 13.54vw); background:#EDF2F9;} .web-onestop .subContents #sub4 .table_con > table > tbody > tr > .type_td > span {color:#414A56; font-weight:600; line-height:140%;} .web-onestop .subContents #sub4 .table_con > table > tbody > tr > .title {} .web-onestop .subContents #sub4 .table_con > table > tbody > tr > .title > span {color:#FFF; font-weight:700; line-height:140%;} .web-onestop .subContents #sub4 .table_con > table > tbody > tr > .title.type_td {background:#AAB3BF;} .web-onestop .subContents #sub4 .table_con > table > tbody > tr > .title.navy_td {background:#21374B;} .web-onestop .subContents #sub4 .table_con > table > tbody > tr > .title.blue_td {background:#06a9b7;} .web-onestop .subContents #sub4 .table_con > table > tbody > tr > .text_td {border-bottom:min(1px, 0.05vw) solid #E2E8F0; border-radius:0;} .web-onestop .subContents #sub4 .table_con > table > tbody > tr > .text_td.blue > span {color:#06a9b7;} .web-onestop .subContents #sub4 .txt02_con {margin:min(70px, 3.65vw) 0 0; text-align:center;} .web-onestop .subContents #sub4 .txt02_con > .text01_con {} .web-onestop .subContents #sub4 .txt02_con > .text01_con > span {font-size:min(28px, 1.46vw); color:#6E7C8E; font-weight:600; line-height:135%;} .web-onestop .subContents #sub4 .txt02_con > .text02_con {margin:min(5px, 0.26vw) 0 0;} .web-onestop .subContents #sub4 .txt02_con > .text02_con > span {font-size:min(32px, 1.67vw); color:#121212; font-weight:700; line-height:135%;} .web-onestop .subContents #sub4 .txt02_con > .text02_con > span .color_red {color:#ff3939;font-weight:700} .web-onestop .subContents #sub5 {width:100%; margin:0 auto; background:url('/images/sub/webonestop_img13.jpg') no-repeat center/cover;} .web-onestop .subContents #sub5 p.tit{color:#fff;} .web-onestop .subContents #sub5 .w1200 {width:100%} .web-onestop .subContents #sub5 .slide_con {margin:min(80px, 4.17vw) 0 0;} .web-onestop .subContents #sub5 .slide_con > .swiper {} .web-onestop .subContents #sub5 .slide_con > .swiper .swiper-wrapper {transition-timing-function: linear !important; will-change: transform;} .web-onestop .subContents #sub5 .slide_con > .swiper .swiper-wrapper .swiper-slide {width:min(344px, 17.92vw); margin:0 min(32px, 1.67vw) 0 0;border-radius: 20px;} .web-onestop .subContents #sub5 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con {display:flex; flex-direction:column; justify-content:space-between; width:100%; height:min(250px, 13.02vw); background:#FFF; padding:min(30px, 1.56vw) min(25px, 1.30vw); border-radius:20px;} .web-onestop .subContents #sub5 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .text_con {} .web-onestop .subContents #sub5 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .text_con > span {font-size:min(20px, 1.04vw); color:#222; font-weight:500; line-height:140%;} .web-onestop .subContents #sub5 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .name_con {text-align:right;} .web-onestop .subContents #sub5 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .name_con > span {font-size:min(20px, 1.04vw); color:#06a9b7; font-weight:700; line-height:140%;} .web-onestop .subContents #sub6 .w1200{width:100%} .web-onestop .subContents #sub6 .slide_con {} .web-onestop .subContents #sub6 .slide_con > .swiper {padding:min(80px, 4.17vw) 0 min(140px, 7.29vw);} .web-onestop .subContents #sub6 .slide_con > .swiper .swiper-wrapper {} .web-onestop .subContents #sub6 .slide_con > .swiper .swiper-wrapper .swiper-slide {width:min(410px, 21.35vw); margin:0 min(48px, 2.50vw) 0 0;} .web-onestop .subContents #sub6 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con {display:flex; flex-direction:column; border-radius:min(20px, 1.04vw); box-shadow:0 0 min(30px, 1.56vw) 0 rgba(128, 138, 151, 0.20); overflow:hidden; transition:0.6s;} .web-onestop .subContents #sub6 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .top_con {height:min(377px, 19.64vw); background:#FFF; padding:min(30px, 1.56vw);} .web-onestop .subContents #sub6 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .top_con > .txt_con {border-bottom:min(1px, 0.05vw) dashed #F8FAFD; margin:0 0 min(25px, 1.30vw); text-align:center;} .web-onestop .subContents #sub6 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .top_con > .txt_con > .text01_con {display:inline-flex; justify-content:center; align-items:center; height:min(36px, 1.88vw); border:min(1px, 0.05vw) solid #06a9b7; padding:0 min(15px, 0.78vw); border-radius:min(10px, 0.52vw);} .web-onestop .subContents #sub6 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .top_con > .txt_con > .text01_con > span {font-size:min(18px, 0.94vw); color:#06a9b7; font-weight:700; line-height:135%;} .web-onestop .subContents #sub6 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .top_con > .txt_con > .text02_con {margin:min(16px, 0.83vw) 0 0;} .web-onestop .subContents #sub6 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .top_con > .txt_con > .text02_con > span {font-size:min(26px, 1.35vw); color:#121212; font-weight:700; line-height:135%;} .web-onestop .subContents #sub6 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .top_con > .list_con {} .web-onestop .subContents #sub6 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .top_con > .list_con > ul {text-align:left;} .web-onestop .subContents #sub6 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .top_con > .list_con > ul > li {position:relative;} .web-onestop .subContents #sub6 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .top_con > .list_con > ul > li:before {content:''; width:min(4px, 0.21vw); height:min(4px, 0.21vw); background:#222; position:absolute; top:min(15px, 0.78vw); left:min(12px, 0.63vw); border-radius:100%;} .web-onestop .subContents #sub6 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .top_con > .list_con > ul > li > span {display:inline-block; padding-left:min(28px, 1.46vw); font-size:min(18px, 0.94vw); color:#222; font-weight:500; line-height:200%;} .web-onestop .subContents #sub6 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .bottom_con {height:min(230px, 11.98vw); background:#06a9b7; padding:min(20px, 1.04vw) min(30px, 1.56vw) min(30px, 1.56vw);} .web-onestop .subContents #sub6 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .bottom_con > ul {text-align:left;} .web-onestop .subContents #sub6 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .bottom_con > ul > li {position:relative;} .web-onestop .subContents #sub6 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .bottom_con > ul > li:before {content:''; width:min(4px, 0.21vw); height:min(4px, 0.21vw); background:#FFF; position:absolute; top:min(15px, 0.78vw); left:min(12px, 0.63vw); border-radius:100%;} .web-onestop .subContents #sub6 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .bottom_con > ul > li > span {display:inline-block; padding-left:min(28px, 1.46vw); font-size:min(18px, 0.94vw); color:#FFF; font-weight:600; line-height:200%;} .web-onestop .subContents #sub6 .slide_con > .swiper .swiper-wrapper .swiper-slide.before-prev > .contents_con {opacity:0.3;} .web-onestop .subContents #sub6 .slide_con > .swiper .swiper-wrapper .swiper-slide.after-next > .contents_con {opacity:0.3;} .web-onestop .subContents #sub7 .list_con {margin:50px 0 0;} .web-onestop .subContents #sub7 .list_con > ul {display:flex; gap:min(32px, 1.67vw);} .web-onestop .subContents #sub7 .list_con > ul > li {width:33%} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div {} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label {cursor:pointer;} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > input {display:none;} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > .inner_con {display:flex; flex-direction:column; justify-content:space-between; height:min(524px, 27.29vw); border:1px solid #ddd; background:#FFF; padding:min(40px, 2.08vw) min(40px, 2.08vw) min(30px, 1.56vw); position:relative; border-radius:min(20px, 1.04vw); transition:all 0.3s ease;} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > .inner_con > .point_con {display:flex; justify-content:center; align-items:center; width:min(65px, 3.39vw); height:min(47px, 2.45vw); background:#F44848; position:absolute; top:max(-3px, -0.16vw); right:min(24px, 1.25vw); border-radius:0 0 min(10px, 0.52vw) min(10px, 0.52vw);} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > .inner_con > .point_con > span {font-size:min(20px, 1.04vw); color:#FFF; font-weight:700; line-height:135%;} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > .inner_con > .info_con {} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con {border-bottom:min(1px, 0.05vw) dashed #AAB3BF; margin:0 0 min(20px, 1.04vw); padding:0 0 min(25px, 1.30vw);} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .type_con {text-align:center} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .type_con > span {font-size:35px; color:#222; font-weight:700; line-height:135%;} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .line_text {margin:min(20px, 1.04vw) 0 0;text-align:center} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .line_text > span {font-size:min(18px, 0.83vw); color:#AAB3BF; font-weight:500; line-height:135%; text-decoration:line-through;} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .amount_con {display:flex; align-items:center; gap:min(8px, 0.42vw);justify-content: center;} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .amount_con > .text01_con {} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .amount_con > .text01_con > span {font-size:min(30px, 1.56vw); color:#06a9b7; font-weight:700; line-height:135%;} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .amount_con > .text02_con {} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .amount_con > .text02_con > span {font-size:min(18px, 0.94vw); color:#808A97; font-weight:500; line-height:140%; transition:all 0.3s ease;} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .amount_con > .text03_con{padding: 5px 15px;color: #06a9b7;background: #d3f6f9;border-radius: 5px;line-height: 20px;} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .text_con {margin:min(8px, 0.42vw) 0 0;text-align:center} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > .inner_con > .info_con > .txt_con > .text_con > span {font-size:min(18px, 0.94vw); color:#808A97; font-weight:500; line-height:140%; transition:all 0.3s ease;} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > .inner_con > .info_con > .list_con {margin:0} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > .inner_con > .info_con > .list_con > ul {display:block;} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > .inner_con > .info_con > .list_con > ul > li {width:100%;padding:0 0 0 min(27px, 1.41vw); position:relative;} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > .inner_con > .info_con > .list_con > ul > li:before {content:''; width:min(3px, 0.16vw); height:min(3px, 0.16vw); background:#222; border-radius:100%; position:absolute; top:50%; left:min(13px, 0.68vw); transform:translateY(-50%);} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > .inner_con > .info_con > .list_con > ul > li > span {font-size:min(18px, 0.94vw); color:#222; font-weight:400; line-height:200%;} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > .inner_con > .btn_con a{display:flex; justify-content:center; align-items:center; gap:min(10px, 0.52vw); width:100%; height:min(48px, 2.50vw); background:#AAB3BF; border-radius:200px; transition:all 0.3s ease;} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > .inner_con > .btn_con >a img {width:min(17px, 0.89vw); opacity:0.7; transition:all 0.3s ease;} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > .inner_con > .btn_con >a span{font-size:min(18px, 0.94vw); color:#E6EBF3; font-weight:700; line-height:135%; transition:all 0.3s ease;display:block;} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > input:checked + .inner_con {border:1px solid #06a9b7;} /* .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > input:checked + .inner_con > .info_con > .txt_con > .type_con {background:#06a9b7;} */ .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > input:checked + .inner_con > .info_con > .txt_con > .amount_con > .text02_con > span {color:#A4B2BE;} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > input:checked + .inner_con > .info_con > .txt_con > .text_con > span {color:#5A6167;} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > input:checked + .inner_con > .btn_con a{background:#06a9b7;} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > input:checked + .inner_con > .btn_con a span {color:#FFF;} .web-onestop .subContents #sub7 .list_con > ul > li > .list_div > label > input:checked + .inner_con > .btn_con a img {opacity:1;} .web-onestop .subContents #sub7 .text_con {margin:min(40px, 2.08vw) 0 0;} .web-onestop .subContents #sub7 .text_con > ul {} .web-onestop .subContents #sub7 .text_con > ul > li {display:flex; align-items:flex-start; gap:min(4px, 0.21vw);} .web-onestop .subContents #sub7 .text_con > ul > li > span {font-size:min(16px, 0.83vw); color:#5A6167; font-weight:400; line-height:140%;} .web-onestop .subContents #sub7 .text_con > ul > li > span.symbol {position:relative; top:0;} .web-onestop .subContents #sub7 .w1200>.btn_con {display:flex; justify-content:center; align-items:center; gap:min(15px, 0.78vw); margin:25px 0 0;} .web-onestop .subContents #sub7 .w1200>.btn_con > a {display:flex; justify-content:center; align-items:center; padding:0 min(45px, 2.34vw); height:min(71px, 3.70vw); border:min(1px, 0.05vw) solid #FFF; border-radius:min(500px, 26.04vw); box-shadow:0 min(8px, 0.42vw) min(10px, 0.52vw) 0 rgba(0, 123, 238, 0.10), 0 min(8px, 0.42vw) min(30px, 1.56vw) 0 rgba(0, 0, 0, 0.10);} .web-onestop .subContents #sub7 .w1200>.btn_con > a > span {display:inline-block; position:relative; font-size:min(22px, 1.15vw); color:transparent; font-weight:700; line-height:140%; overflow:hidden;} .web-onestop .subContents #sub7 .w1200>.btn_con > a.a_btn01 {background:#06a9b7;} .web-onestop .subContents #sub7 .w1200>.btn_con > a.a_btn01 > span:before {content:'무료 컨설팅'; font-size:min(22px, 1.15vw); color:#FFF; font-weight:700; line-height:140%; position:absolute; top:0; left:0; transition:all 0.3s ease;} .web-onestop .subContents #sub7 .w1200>.btn_con > a.a_btn01 > span:after {content:'무료 컨설팅'; font-size:min(22px, 1.15vw); color:#FFF; font-weight:700; line-height:140%; position:absolute; top:-100%; left:0; transition:all 0.3s ease;} .web-onestop .subContents #sub7 .w1200>.btn_con > a.a_btn02 {background:#FFF;} .web-onestop .subContents #sub7 .w1200>.btn_con > a.a_btn02 > span:before {content:'1분 자가진단'; font-size:min(22px, 1.15vw); color:#121212; font-weight:700; line-height:140%; position:absolute; top:0; left:0; transition:all 0.3s ease;} .web-onestop .subContents #sub7 .w1200>.btn_con > a.a_btn02 > span:after {content:'1분 자가진단'; font-size:min(22px, 1.15vw); color:#121212; font-weight:700; line-height:140%; position:absolute; top:-100%; left:0; transition:all 0.3s ease;} .web-onestop .subContents #sub7 .w1200>.btn_con > a:hover > span:before {top:100%;} .web-onestop .subContents #sub7 .w1200>.btn_con > a:hover > span:after {top:0;} .web-onestop .subContents #sub8 .slide_con > .swiper {padding:min(80px, 4.17vw) 0; overflow:visible;} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper {} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper .swiper-slide {width:min(726px, 37.81vw); height:595px; background:#FFF; margin:0 min(40px, 2.08vw) 0 0; border-radius:min(20px, 1.04vw); box-shadow:0 0 min(30px, 1.56vw) 0 rgba(204, 216, 233, 0.60);} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con {padding:30px;} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .title_con {display:flex; align-items:center; gap:min(10px, 0.52vw);} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .title_con > .text01_con {display:inline-flex; justify-content:center; align-items:center; height:min(54px, 2.81vw); background:#06a9b7; padding:0 min(15px, 0.78vw); border-radius:min(10px, 0.52vw);} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .title_con > .text01_con > span {font-size:18px; color:#FFF; font-weight:700;} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .title_con > .text02_con {display:inline-flex; justify-content:center; align-items:center; height:min(54px, 2.81vw); border:min(1px, 0.05vw) solid #E2E8F0; background:#FFF; padding:0 min(20px, 1.04vw); border-radius:min(10px, 0.52vw);} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .title_con > .text02_con > span {font-size:16px; color:#121212; font-weight:700;} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .title_con > .text03_con {display:flex; align-items:center; gap:min(6px, 0.31vw);} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .title_con > .text03_con > span {font-size:min(16px, 0.83vw); color:#8793A2; font-weight:500;} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .title_con > .text03_con > span.example {display:inline-flex; justify-content:center; align-items:center; height:min(32px, 1.67vw); background:#E2E8F0; padding:0 min(10px, 0.52vw); border-radius:min(50px, 2.60vw);} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con {} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul {display:flex; flex-direction:column;margin-top: 10px;} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li {margin:min(20px, 1.04vw) 0 0;} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li:first-child {margin:0;} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li > .list_div {display:flex; align-items:flex-start; gap:min(20px, 1.04vw);} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li > .list_div > .profile_con {display:flex; flex-direction:column; gap:min(4px, 0.21vw); align-items:center;} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li > .list_div > .profile_con > .img_con {width:min(60px, 3.13vw);} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li > .list_div > .profile_con > .img_con > img {width:100%;} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li > .list_div > .profile_con > .text_con {margin-top: 5px;} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li > .list_div > .profile_con > .text_con > span {font-size:min(16px, 0.83vw); color:#121212; font-weight:700; line-height:140%;} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li > .list_div > .text_con {display:flex; flex-direction:column; gap:min(12px, 0.63vw); background:#E5F0FF; padding:min(18px, 0.94vw) min(24px, 1.25vw); border-radius:0 min(20px, 1.04vw) min(20px, 1.04vw) min(20px, 1.04vw);text-align:left;margin-top:10px} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li > .list_div > .text_con > span {font-size:14px;color:#121212; font-weight:500; line-height:1;} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li > .list_div > .text_con > span .color_text {color:#06a9b7; font-weight:700;} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li.customer > .list_div {justify-content:flex-end;} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper .swiper-slide > .contents_con > .list_con > ul > li.customer > .list_div > .text_con {background:#F5F5F5; border-radius:min(20px, 1.04vw) 0 min(20px, 1.04vw) min(20px, 1.04vw);} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper .swiper-slide:nth-child(2) > .contents_con > .list_con > ul > li.customer {margin:max(-5px, -0.26vw) 0 0;} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-wrapper .swiper-slide:last-child {margin:0;} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-scrollbar {width:100%; height:min(4px, 0.21vw); background:#CED6E0; position:absolute; bottom:0; left:0; right:0; border-radius:unset;} .web-onestop .subContents #sub8 .slide_con > .swiper .swiper-scrollbar .swiper-scrollbar-drag {height:min(4px, 0.21vw); background:#06a9b7; border-radius:unset;} .web-onestop .subContents #sub8 .text_con {margin:min(90px, 4.69vw) 0 0; text-align:center;} .web-onestop .subContents #sub8 .text_con > span {display:inline-block; margin:0 0 min(10px, 0.52vw); font-size:min(28px, 1.46vw); color:#6E7C8E; font-weight:600; line-height:135%;} .web-onestop .subContents #sub8 .text_con > span.color_text {margin:0 0 min(5px, 0.26vw); font-size:min(32px, 1.67vw); color:#06a9b7; font-weight:700; line-height:135%;} .web-onestop .subContents #sub8 .text_con > span:last-child {margin:0;} .web-onestop .subContents .slide_con > .swiper .swiper-wrapper .swiper-slide-prev,.web-onestop .subContents .slide_con > .swiper .swiper-wrapper .swiper-slide-next{opacity: 1;} .web-onestop .subContents #sub9 .list_con {margin:min(60px, 3.13vw) 0 0;} .web-onestop .subContents #sub9 .list_con > ul {display:flex; flex-direction:column;} .web-onestop .subContents #sub9 .list_con > ul > li {width:100%;} .web-onestop .subContents #sub9 .list_con > ul > li > .list_div {} .web-onestop .subContents #sub9 .list_con > ul > li > .list_div > .q_con {display:flex; justify-content:space-between; align-items:center; width:100%; height:min(78px, 4.06vw); border-bottom:min(1px, 0.05vw) solid #E2E8F0; padding:0 min(10px, 0.52vw); cursor:pointer;} .web-onestop .subContents #sub9 .list_con > ul > li > .list_div > .q_con > .txt_con {display:flex; align-items:center; gap:min(20px, 1.04vw);} .web-onestop .subContents #sub9 .list_con > ul > li > .list_div > .q_con > .txt_con > .icon_con {display:flex; justify-content:center; align-items:center; width:min(34px, 1.77vw); height:min(34px, 1.77vw); background:#06a9b7; border-radius:100%;} .web-onestop .subContents #sub9 .list_con > ul > li > .list_div > .q_con > .txt_con > .icon_con > span {font-size:min(20px, 1.04vw); color:#FFF; font-weight:700;} .web-onestop .subContents #sub9 .list_con > ul > li > .list_div > .q_con > .txt_con > .title_con {} .web-onestop .subContents #sub9 .list_con > ul > li > .list_div > .q_con > .txt_con > .title_con > span {font-size:min(20px, 1.04vw); color:#121212; font-weight:600; line-height:140%;} .web-onestop .subContents #sub9 .list_con > ul > li > .list_div > .q_con > .arrow_con {width:min(25px, 1.30vw); transition:all 0.45s ease;} .web-onestop .subContents #sub9 .list_con > ul > li > .list_div > .q_con > .arrow_con > img {width:100%;} .web-onestop .subContents #sub9 .list_con > ul > li > .list_div > .q_con.on > .arrow_con {transform:rotate(180deg);} .web-onestop .subContents #sub9 .list_con > ul > li > .list_div > .a_con {display:none; background:#fff; padding:min(40px, 2.08vw) min(65px, 3.39vw);} .web-onestop .subContents #sub9 .list_con > ul > li > .list_div > .a_con > span {font-size:min(18px, 0.94vw); color:#121212; font-weight:400; line-height:140%;} :root { --checkbox-off-bg: url(/images/sub/webonestop_checkbox_off.png); --checkbox-on-bg: url(/images/sub/webonestop_checkbox_on.png); } /* 체크박스 버튼 */ .web-onestop .checkbox_label {display:inline-block; cursor:pointer;} .web-onestop .checkbox_label input[type=checkbox] {display:none;} .web-onestop .checkbox_label .check_icon {display:inline-block; width:min(30px, 1.56vw); height:min(30px, 1.56vw); background-image:var(--checkbox-off-bg); background-repeat:no-repeat; background-size:contain; vertical-align:middle; cursor:pointer;} .web-onestop .checkbox_label span {vertical-align:middle;} .web-onestop .checkbox_label input[type=checkbox]:checked + .check_icon {background-image:var(--checkbox-on-bg);} .web-onestop .subContents #sub10 .form_con {margin:min(80px, 4.17vw) 0 0;} .web-onestop .subContents #sub10 .form_con > .list_con {} .web-onestop .subContents #sub10 .form_con > .list_con > ul {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .web-onestop .subContents #sub10 .form_con > .list_con > ul > li {} .web-onestop .subContents #sub10 .form_con > .list_con > ul > li > .list_div {display:flex; gap:min(30px, 1.56vw);} .web-onestop .subContents #sub10 .form_con > .list_con > ul > li > .list_div > .input_con {display:flex; flex-direction:column; gap:min(8px, 0.42vw); width:50%;} .web-onestop .subContents #sub10 .form_con > .list_con > ul > li > .list_div > .input_con > .title_con {} .web-onestop .subContents #sub10 .form_con > .list_con > ul > li > .list_div > .input_con > .title_con > span {font-size:min(22px, 1.15vw); color:#121212; font-weight:500; line-height:140%;} .web-onestop .subContents #sub10 .form_con > .list_con > ul > li > .list_div > .input_con > .title_con > span .color_text {color:#06a9b7;} .web-onestop .subContents #sub10 .form_con > .list_con > ul > li > .list_div > .input_con > .input_div {display:flex; gap:min(8px, 0.42vw);} .web-onestop .subContents #sub10 .form_con > .list_con > ul > li > .list_div > .input_con > .input_div > input {width:100%; height:min(67px, 3.49vw); border:min(1px, 0.05vw) solid #E2E8F0; background-color:#FFF; padding:0 min(25px, 1.30vw); font-size:min(22px, 1.15vw); color:#121212; font-weight:400; line-height:140%; border-radius:min(10px, 0.52vw);} .web-onestop .subContents #sub10 .form_con > .list_con > ul > li > .list_div > .input_con > .input_div > input::placeholder {color:#AAB3BF;} .web-onestop .subContents #sub10 .form_con > .list_con > ul > li > .list_div > .input_con > .input_div > select {width:min(262px, 13.65vw); height:min(67px, 3.49vw); border:min(1px, 0.05vw) solid #E2E8F0; background-color:#FFF; padding:0 min(25px, 1.30vw); font-size:min(22px, 1.15vw); color:#121212; font-weight:400; line-height:140%; border-radius:min(10px, 0.52vw);} .web-onestop .subContents #sub10 .form_con > .list_con > ul > li > .list_div > .input_con > .input_div.flex_div > input {width:min(262px, 13.65vw);} .web-onestop .subContents #sub10 .form_con > .check_list {margin:min(40px, 2.08vw) 0 0;} .web-onestop .subContents #sub10 .form_con > .check_list > ul {display:flex; flex-direction:column; gap:min(30px, 1.56vw);} .web-onestop .subContents #sub10 .form_con > .check_list > ul > li > .list_div {} .web-onestop .subContents #sub10 .form_con > .check_list > ul > li > .list_div > .check_con {display:flex; justify-content:space-between; align-items:center;} .web-onestop .subContents #sub10 .form_con > .check_list > ul > li > .list_div > .check_con > label {flex-shrink:0; display:flex; align-items:center; gap:min(10px, 0.52vw); width:max-content;} .web-onestop .subContents #sub10 .form_con > .check_list > ul > li > .list_div > .check_con > label > input {} .web-onestop .subContents #sub10 .form_con > .check_list > ul > li > .list_div > .check_con > label > .check_icon {} .web-onestop .subContents #sub10 .form_con > .check_list > ul > li > .list_div > .check_con > label > span {font-size:min(18px, 0.94vw); color:#5A6167; font-weight:600; line-height:140%;} .web-onestop .subContents #sub10 .form_con > .check_list > ul > li > .list_div > .check_con > label > span .color_text {color:#06a9b7;} .web-onestop .subContents #sub10 .form_con > .check_list > ul > li > .list_div > .check_con > .arrow_con {text-align:right; cursor:pointer;} .web-onestop .subContents #sub10 .form_con > .check_list > ul > li > .list_div > .check_con > .arrow_con > img {width:min(19px, 0.99vw); transition:all 0.45s ease;} .web-onestop .subContents #sub10 .form_con > .check_list > ul > li > .list_div > .check_con > .arrow_con > img.on {display:none;} .web-onestop .subContents #sub10 .form_con > .check_list > ul > li > .list_div > .check_con > .arrow_con.on > img {transform:rotate(180deg);} .web-onestop .subContents #sub10 .form_con > .check_list > ul > li:hover > .list_div > .check_con > .arrow_con > img {display:none;} .web-onestop .subContents #sub10 .form_con > .check_list > ul > li:hover > .list_div > .check_con > .arrow_con > img.on {display:block;} .web-onestop .subContents #sub10 .form_con > .check_list > ul > li > .list_div > .text_con {display:none; background:#EDF2FA; margin:min(10px, 0.52vw) 0 0; padding:min(30px, 1.56vw) min(10px, 0.52vw) min(30px, 1.56vw) 0; border-radius:min(10px, 0.52vw);} .web-onestop .subContents #sub10 .form_con > .check_list > ul > li > .list_div > .text_con > .scroll_con {width:100%; height:min(130px, 6.77vw); padding:0 min(30px, 1.56vw) 0 min(40px, 2.08vw); overflow-y:scroll;} .web-onestop .subContents #sub10 .form_con > .check_list > ul > li > .list_div > .text_con > .scroll_con > span {font-size:min(16px, 0.83vw); color:#5A6167; font-weight:400; line-height:140%;} .web-onestop .subContents #sub10 .form_con > .check_list > ul > li > .list_div > .text_con > .scroll_con::-webkit-scrollbar {width:min(3px, 0.16vw);} .web-onestop .subContents #sub10 .form_con > .check_list > ul > li > .list_div > .text_con > .scroll_con::-webkit-scrollbar-thumb {background-color:#AAB3BF; border-radius:min(50px, 2.60vw);} .web-onestop .subContents #sub10 .form_con > .btn_con {display:flex; justify-content:center; margin:min(60px, 3.13vw) 0 0;} .web-onestop .subContents #sub10 .form_con > .btn_con > a {display:flex; justify-content:center; align-items:center; background:#06a9b7; padding:0 min(80px, 4.17vw); height:min(71px, 3.70vw); border:min(1px, 0.05vw) solid #FFF; border-radius:min(500px, 26.04vw); box-shadow:0 min(8px, 0.42vw) min(10px, 0.52vw) 0 rgba(0, 123, 238, 0.10), 0 min(8px, 0.42vw) min(30px, 1.56vw) 0 rgba(0, 0, 0, 0.10);} .web-onestop .subContents #sub10 .form_con > .btn_con > a > span {display:inline-block; position:relative; font-size:min(22px, 1.15vw); color:transparent; font-weight:700; line-height:140%; overflow:hidden;} .web-onestop .subContents #sub10 .form_con > .btn_con > a > span:before {content:'신청하기'; font-size:min(22px, 1.15vw); color:#FFF; font-weight:700; line-height:140%; position:absolute; top:0; left:0; transition:all 0.3s ease;} .web-onestop .subContents #sub10 .form_con > .btn_con > a > span:after {content:'신청하기'; font-size:min(22px, 1.15vw); color:#FFF; font-weight:700; line-height:140%; position:absolute; top:-100%; left:0; transition:all 0.3s ease;} .web-onestop .subContents #sub10 .form_con > .btn_con > a:hover > span:before {top:100%;} .web-onestop .subContents #sub10 .form_con > .btn_con > a:hover > span:after {top:0;} /* 팝업 - 1분자가진단 */ .web-onestop .popup_con_bg {display:none; width:100%; height:100%; background:rgba(0,0,0,0.4); position:fixed; top:0; left:0; right:0; z-index:300;} .web-onestop .popup_con {display:none; width:820px;margin:0 auto; border:min(1px, 0.05vw) solid #E2E8F0; background:#FFF; border-radius:min(20px, 1.04vw); box-shadow:0 0 min(30px, 1.56vw) 0 rgba(128,128,128,0.2); position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:300;} .web-onestop .popup_con form {} .web-onestop .popup_con .contents_con {display:flex; flex-direction:column; gap:20px; padding:30px;} .web-onestop .popup_con .contents_con > .txt_con {text-align:center;} .web-onestop .popup_con .contents_con > .txt_con > .title_con {} .web-onestop .popup_con .contents_con > .txt_con > .title_con > span {font-size:28px; color:#121212; font-weight:700; line-height:135%;} .web-onestop .popup_con .contents_con > .txt_con > .title_con > span .color_text {color:#06a9b7;font-weight:700} .web-onestop .popup_con .contents_con > .txt_con > .text_con {margin:10px 0 0;} .web-onestop .popup_con .contents_con > .txt_con > .text_con > span {font-size:16px; color:#5A6167; font-weight:500; line-height:135%;} .web-onestop .popup_con .contents_con > .list_con {width:100%; background:#F8FAFD; padding:min(30px, 1.56vw) min(10px, 0.52vw) 0 min(30px, 1.56vw); border-radius:min(10px, 0.52vw);} .web-onestop .popup_con .contents_con > .list_con > .category_con {display:none;} .web-onestop .popup_con .contents_con > .list_con > .category_con.active {display:block;} .web-onestop .popup_con .contents_con > .list_con > .category_con > ul {display:flex; flex-direction:column; gap:30px; height:auto; padding:0 min(10px, 0.52vw) min(30px, 1.56vw) 0;} .web-onestop .popup_con .contents_con > .list_con > .category_con > ul > li {} .web-onestop .popup_con .contents_con > .list_con > .category_con > ul > li > .list_div {display:flex; flex-direction:column; gap:min(20px, 1.04vw);} .web-onestop .popup_con .contents_con > .list_con > .category_con > ul > li > .list_div > .title_con {} .web-onestop .popup_con .contents_con > .list_con > .category_con > ul > li > .list_div > .title_con > span {font-size:20px; color:#121212; font-weight:700; line-height:135%;} .web-onestop .popup_con .contents_con > .list_con > .category_con > ul > li > .list_div > .input_con {} .web-onestop .popup_con .contents_con > .list_con > .category_con > ul > li > .list_div > .input_con > ul {display:flex; flex-direction:column; gap:min(15px, 0.78vw);} .web-onestop .popup_con .contents_con > .list_con > .category_con > ul > li > .list_div > .input_con > ul > li {} .web-onestop .popup_con .contents_con > .list_con > .category_con > ul > li > .list_div > .input_con > ul > li > label {display:flex; align-items:center; gap:min(15px, 0.78vw);} .web-onestop .popup_con .contents_con > .list_con > .category_con > ul > li > .list_div > .input_con > ul > li > label > input {} .web-onestop .popup_con .contents_con > .list_con > .category_con > ul > li > .list_div > .input_con > ul > li > label > .check_icon {} .web-onestop .popup_con .contents_con > .list_con > .category_con > ul > li > .list_div > .input_con > ul > li > label > span {font-size:16px; color:#121212; font-weight:400; line-height:135%;} .web-onestop .popup_con .contents_con > .btn_con {} .web-onestop .popup_con .contents_con > .btn_con > ul {display:flex; justify-content:center; align-items:center; gap:min(15px, 0.78vw);} .web-onestop .popup_con .contents_con > .btn_con > ul > li {} .web-onestop .popup_con .contents_con > .btn_con > ul > li > a {display:flex; justify-content:center; align-items:center; width:min(160px, 8.33vw); height:min(58px, 3.02vw); border:min(1px, 0.05vw) solid #FFF; background:#FFF; font-size:min(20px, 1.04vw); color:#121212; font-weight:700; line-height:140%; border-radius:min(500px, 26.04vw); box-shadow:0 min(8px, 0.42vw) min(10px, 0.52vw) 0 rgba(0, 123, 238, 0.10), 0 min(8px, 0.42vw) min(30px, 1.56vw) 0 rgba(0, 0, 0, 0.10);} .web-onestop .popup_con .contents_con > .btn_con > ul > li > a.a_btn02 {background:#06a9b7; color:#FFF;} .web-onestop .popup_con .contents_con > .info_div {background:#F8FAFD; padding:30px; border-radius:min(10px, 0.52vw);} .web-onestop .popup_con .contents_con > .info_div > .result_con {display:none;} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con {display:flex; flex-direction:column; gap:15px; padding:0;} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con > .txt_con {text-align:center;} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con > .txt_con > .img_con {width:80px; margin:0 auto;} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con > .txt_con > .img_con > img {width:100%;} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con > .txt_con > .text01_con {margin:min(8px, 0.42vw) 0 0;} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con > .txt_con > .text01_con > span {font-size:min(26px, 1.35vw); color:#121212; font-weight:700; line-height:135%;} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con > .txt_con > .text02_con {margin:min(5px, 0.26vw) 0 0;} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con > .txt_con > .text02_con > span {font-size:min(18px, 0.94vw); color:#808A97; font-weight:500; line-height:140%;} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con > .txt_con > .text03_con {margin:min(20px, 1.04vw) 0 0;} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con > .txt_con > .text03_con > span {font-size:min(20px, 1.04vw); color:#121212; font-weight:400; line-height:135%;} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con > .txt_con > .text03_con > span .bold_text {font-weight:700;} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con > .txt_con > .text03_con > span .color_text {color:#06a9b7; font-weight:700;} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con > .box_con {background:#EAF2FE; padding:min(30px, 1.56vw) min(40px, 2.08vw); border-radius:min(10px, 0.52vw);} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con > .box_con > .title_con {display:flex; justify-content:center; align-items:center; gap:min(32px, 1.67vw); border-bottom:min(1px, 0.05vw) dashed #808A97; margin:0 0 min(20px, 1.04vw); padding:0 0 min(20px, 1.04vw);} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con > .box_con > .title_con > .text01 {position:relative;} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con > .box_con > .title_con > .text01:after {content:''; width:min(6px, 0.31vw); height:min(6px, 0.31vw); background:#06a9b7; position:absolute; top:min(10px, 0.52vw); right:max(-18px, -0.94vw); border-radius:100%;} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con > .box_con > .title_con > .text01 > span {font-size:min(20px, 1.04vw); color:#06a9b7; font-weight:700; line-height:135%;} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con > .box_con > .title_con > .text02 {} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con > .box_con > .title_con > .text02 > span {font-size:min(20px, 1.04vw); color:#121212; font-weight:700; line-height:135%;} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con > .box_con > .list_con {} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con > .box_con > .list_con > ul {display:flex; justify-content:center; align-items:center; gap:min(20px, 1.04vw);} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con > .box_con > .list_con > ul > li {} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con > .box_con > .list_con > ul > li > span {font-size:min(18px, 0.94vw); color:#414A56; font-weight:500; line-height:200%;} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con > .btn_con {} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con > .btn_con > ul {} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con > .btn_con > ul > li {} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con > .btn_con > ul > li > a {width:min(233px, 12.14vw); background:#444; color:#FFF;} .web-onestop .popup_con .contents_con > .info_div > .result_con > .contents_con > .btn_con > ul > li > a.a_btn02 {background:#0084FF;}