@font-face {
font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
}

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
}

@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
}

html, body {width:100%; height:100%;}
html {overflow-y:scroll;}
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, del, dfn, em, img, ins, q, samp, strong, sub, sup, var, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button  {vertical-align:baseline;  font-family:'Malgun Gothic', '맑은 고딕', 'gulim', '굴림';  font-weight:inherit; font-style:inherit; font-size:inherit; outline:0; padding:0; margin:0; border:0 none; line-height:inherit;}
strong {font-weight:bold;}
body {background:#FFF; color:#333; }
input, select {margin:0; padding:0; font-size:inherit;  font-family:'Malgun Gothic', '맑은 고딕', 'gulim', '굴림'; color:inherit; vertical-align:middle;}
a {color:#333; cursor:pointer;}
a:hover {color:#005CBA;cursor:pointer; text-decoration:underline;}
:link, :visited {text-decoration:none; font-size:inherit;}


#contents_bg{margin:0 auto; background:#edeffe; }
#contents{width:840px; margin:0 auto;}
#contents .v_traffic{background:url('visual_bg_traffic.png') no-repeat 50% 10% / 45%; }
#contents .logo_area img {width:200px;}
#contents .main_txt {padding:350px 0 100px;}
#contents .main_txt h2 {font-size:50px;letter-spacing:-1px; font-family:'GmarketSansMedium', 'Malgun Gothic', '맑은 고딕', verdana, tahoma, 'gulim', '굴림';}
#contents .main_txt h2 strong {font-family:inherit; color:#475ed4;}
#contents .main_txt h3 {font-size:30px;  letter-spacing:-1px; font-family:'GmarketSansMedium', 'Malgun Gothic', '맑은 고딕', verdana, tahoma, 'gulim', '굴림'; margin-bottom: 50px;}
#contents .main_txt p {font-size:16px;  }

#cs_area2{margin:0 auto; background:#edeffe; width:840px; height:40px; margin-top:0px; box-sizing: border-box}
#cs_area2 .cs_01 {float:left; display:inline-block; width:560px; height:40px; background:#484848; padding:9px 20px; box-sizing: border-box }
#cs_area2 .cs_01 a{color:#fff; font-size:14px; font-weight:bold;  }
#cs_area2 .cs_01 a strong{color:#febf00;}
#cs_area2 .cs_02 {display:inline-block; width:280px; height:40px; background:#475ed4; color:#fff; font-size:14px; font-weight:bold;  padding:9px 20px; box-sizing: border-box }

.service_list{width:840px; height:280px; padding:18px 0; background:#fff; margin:0 auto;}
.service_list .list_line{float:left;width:280px;height:260px;background: url('/img/dot_vertical.gif') repeat-y right top;}
.service_list .list_line.none{background:#fff; }
.service_list .list_line ul{height:80px;padding:5px 0 0 23px; margin:0;}
.service_list .list_line ul li{color:#888; margin:0; font-size:12px; letter-spacing:-0.5px;}
.service_list .list_line ul li .service_vps{display:block; margin:0;}
.service_list .list_line ul li .service_vps a{margin:0;}
.service_list .list_line ul li .service_sms{display:block; margin:0;padding-top:0px; }
.service_list .list_line ul li .service_sms a{margin:0;}
.service_list .list_line ul li a{color:#888; }
.service_list .list_line ul li.list_title{color:#555; font-weight:bold;margin-bottom:8px; font-size:14px; letter-spacing:-0.5px;}
.service_list .list_line ul li.list_title a{color:#555; font-weight:bold;margin-bottom:8px; font-size:14px; letter-spacing:-0.5px;}
.service_list .list_banner{display:none; float:left; text-align:right;width:320px; height:285px;}
.service_list .icon_arrow{margin-left:7px;margin-bottom:1px;}
.service_list .list_line .banner_mobile {position:relative; left:30px; top:53px;}

.main_btn {margin-top:20px;}
.btn_yellow {display:inline-block; background:#fdcc1c; padding:7px 40px 9px 40px; border: solid 1px #c39f01; color: #2c220e; font-size:16px; line-height:30px; cursor:pointer; font-family:'Noto Sans KR' , sans-serif, 'Malgun Gothic', '맑은 고딕', 'gulim', '굴림'; }
.btn_yellow:hover{background:#fcdd4d; color: #42300c; text-decoration:none;}
.mr5 {margin-right:5px;}

#footer{border-top:solid 1px #d3d3d3; text-align:center;padding-top:60px;}