@charset "utf-8";
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");

body {
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: 400;
  font-style: normal;  
  font-size: 12px;
  color: #555;
  line-height: 18px;
  font-weight: 500;
}

body,
html,
h1, h2,h3,h4,h5,
p,div,span,a,button,
input::placeholder,
textarea::placeholder,textarea {
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
  font-weight: 400;
  font-style: normal;      
}

::selection {
  background: rgba(166, 175, 189, .3) !important;
  color: #222222 !important;
}

ul,
ol,
dl {
  list-style: none
}

img {
  border: none;
  vertical-align: middle
}

.grecaptcha-badge {
  z-index:9999;
}

a:link,
a:visited,
a:active {
  text-decoration: none;
  color: #555
}

ul {
  list-style: none;
  margin: 0;
  padding: 0
}

select option {
  line-height: 21px !important;
  font-size: 12px !important;
  padding: 5px !important;
  min-height: 1.5em;
}

#wrap {
  width: 100%;
  margin: blockboth0 auto
}

#top {
  width: 100%;
  height: 34px;
  border-bottom: 1px solid #e5e5e5;
  background-color: #f7f7f7
}

#middle {
  clear: both;
  width: 100%
}

#bottom {
  clear: both;
  width: 100%;
  background-color: #f7f7f7;
  background: url(/assets/images/index/footer_bg.gif) repeat-x;
}

#top_menu {
  width: 940px;
  font-size: 11px;
  position: relative;
  margin: 0 auto;
  padding: 10px
}

#top_menu .topmenu_dotapp_popup {
  position: absolute;
  z-index: 10001;
  left: 280px;
  top: 30px
}

#top_menu .topmenu_doticon_popup {
  position: absolute;
  z-index: 10;
  left: 466px;
  top: 30px;
  border: 1px solid #bcbcbc;
  background: #fff;
  padding: 8px 9px
}

#top_menu .topmenu_doticon_popup p {
  font-size: 11px;
  color: #7a7a7a
}

#top_menu .topmenu_doticon_popup a {
  font-weight: 700;
  color: #004dfb;
  text-decoration: underline
}

.allmenu {
  position: absolute;
  left: 0;
  top: 40px;
  z-index: 99999;
  width: 956px;
  border: 2px solid #000;
  background-color: #e5e5e5;
  zoom: 1;
  margin: 0 auto
}

.allmenu ul {
  width: 119px;
  float: left;
  font-size: 11px;
  color: #222;
  letter-spacing: -.1em
}

.allmenu li.menu_1depth {
  background-color: #000;
  padding-left: 10px
}

.allmenu li.menu_1depth a {
  display: block;
  width: 109px;
  color: #fff;
  font-weight: 700;
  background-color: #000;
  padding: 10px 0
}

.allmenu ul.menu_2depth {
  padding-top: 10px;
  width: 108px;
  height: 260px;
  border-right: 1px solid #d4d4d4;
  padding-left: 10px
}

p.allmenu_close {
  position: absolute;
  right: -30px;
  top: 5px;
  z-index: 999999;
  margin: 0;
  padding: 0
}

.nallmenu {
  position: absolute;
  left: 0;
  top: 40px;
  z-index: 99999;
  width: 960px;
  background: url(/assets/images/index/bg_menu_top.gif) no-repeat left top;
  background-size: 960px 390px;
  zoom: 1;
  margin: 0 auto
}

.nallmenu .flist {
  margin-left: 40px;
}

.nallmenu ul {
  width: 120px;
  float: left;
  font-size: 11px;
  color: #222;
  letter-spacing: -.1em;
  margin-right: 12px;
  height: 370px;
  padding: 20px 0 0
}

.nallmenu ul:nth-child(2) {
  width: 120px !important;
}

2019-01-30 .nallmenu ul:nth-child(2) .menu_2depth {
  width: 114px !important;
}

.nallmenu ul:nth-child(4) {
  width: 125px;
  margin-right: 15px;
}

.nallmenu ul:nth-child(4) .menu_2depth {
  width: 125px;
}

.nallmenu ul:nth-child(4) .menu_2depth li {
  width: 125px;
}

.nallmenu ul:nth-child(7) {
  margin: 0;
  width: 100px;
}

.nallmenu li.menu_1depth {
  background: url(/assets/images/index/bg_two_line.gif) repeat-x left bottom;
  padding: 7px 0 4px
}

.nallmenu ul.menu_2depth {
  height: 265px
}

p.nallmenu_close {
  position: absolute;
  right: -35px;
  top: 16px;
  z-index: 999999;
  margin: 0;
  padding: 0
}

#header {
  width: 960px;
  height: 150px;
  padding-bottom: 10px;
  margin: 0 auto
}

#header h1 {
  float: left;
  margin-top: 10px;
  margin-bottom: 5px
}

#header div.header_search {
  float: right;
  margin-top: 35px;
  margin-bottom: 5px
}

/*#header input.header_search{float:left;width:140px;border:3px solid #e0e0e0;height:14px;border-right:none;margin:0;padding:2px}*/
#header img.header_searchbtn {
  float: left;
  vertical-align: top
}

#gnb_navi {
  clear: both;
  background: url(/assets/images/index/header_navi_bg.gif) no-repeat;
  width: 960px;
  height: 35px;
  position: relative
}

#header .header_navi_bg {
  display: inline-block;
  width: 960px;
  height: 35px;
  background: url(/assets/images/index/header_navi.gif) no-repeat;
  text-indent: -9999px;
  margin: 0;
  padding: 0
}

#gnb_navi ul {
  list-style: none;
  width: 960px;
  height: 35px;
  background: url(/assets/images/index/header_navi_bg.gif) no-repeat
}

#gnb_navi ul li a {
  display: block;
  width: 140px;
  height: 35px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(/assets/images/index/header_navi.gif) no-repeat
}

#gnb_navi ul li.navi_domain {
  padding-left: 60px;
}

#gnb_navi ul li.navi_domain a {
  background-position: -60px 0
}

#gnb_navi ul li.navi_hosting a {
  background-position: -200px 0
}

#gnb_navi ul li.navi_serveridc a {
  background-position: -340px 0
}

#gnb_navi ul li.navi_service a {
  background-position: -480px 0
}

#gnb_navi ul li.navi_homepage a {
  background-position: -620px 0
}

#gnb_navi ul li.navi_mydotname a {
  background-position: -760px 0
}

#gnb_navi ul li.navi_domain a:hover {
  background-position: -60px -35px
}

#gnb_navi ul li.navi_hosting a:hover {
  background-position: -200px -35px
}

#gnb_navi ul li.navi_serveridc a:hover {
  background-position: -340px -35px
}

#gnb_navi ul li.navi_service a:hover {
  background-position: -480px -35px
}

#gnb_navi ul li.navi_homepage a:hover {
  background-position: -620px -35px
}

#gnb_navi ul li.navi_mydotname a:hover {
  background-position: -760px -35px
}

#gnb_navi ul li ul {
  width: 140px;
  position: absolute;
  margin-left: -1px;
  display: none;
  z-index: 100
}

*+html #gnb_navi ul li ul {
  position: static;
  z-index: 9999
}

*+html #gnb_navi {
  z-index: 9999
}

#gnb_navi ul li:hover ul {
  display: block;
  background: none;
  padding-bottom: 10px
}

#gnb_navi ul li:hover ul li {
  height: 22px;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
  background-color: #FFF
}

#gnb_navi ul li:hover ul li a {
  height: 22px;
  padding-left: 5px;
  width: 135px
}

#gnb_navi ul li:hover ul li a:hover {
  color: #0c85dc;
  background: url(/assets/images/index/submenu_bg.gif);
  font-weight: 700;
  height: 22px;
  padding-left: 5px;
  width: 135px;
  line-height: 22px
}

#gnb_navi ul li ul li {
  float: left;
  display: inline
}

#gnb_navi ul li ul li a {
  background: #fff;
  width: 135px;
  height: 22px;
  text-indent: 0;
  line-height: 22px;
  text-align: left;
  padding-left: 5px;
  font-size: 11px;
  color: #4b4b4b;
  letter-spacing: -1px
}

#gnb_navi ul li ul li a:hover {
  font-weight: 700;
  color: #0c85dc;
  background: url(/assets/images/index/submenu_bg.gif) 0 -60px;
  width: 135px;
  height: 22px;
  padding-left: 5px;
  line-height: 22px;
  font-size: 11px;
  letter-spacing: -1px
}

.menu_Last {
  padding-bottom: 7px;
  border-bottom: 1px solid #000
}

#new_gnb {
  clear: both
}

#new_gnb .headmenu {
  zoom: 1
}

#new_gnb .headmenu li {
  position: relative;
  float: left
}

#new_gnb .headmenu li .blacklayer {
  position: absolute;
  top: 37px;
  z-index: 10000;
  width: 960px;
  ;
  background: #181818;
  padding: 25px 0 27px;
}

#new_gnb li .blacklayer .mimg {
  float: left;
  /* background:url(/assets/images/index/two_line_domain.gif) repeat-y right top; */
  padding: 0 30px 0 28px
}

#new_gnb li .blacklayer ul {
  float: left;
  color: #268adb;
  width: 197px;
  /* background:url(/assets/images/index/two_line_domain.gif) repeat-y right top; */
  padding: 0 31px 0 29px
}

#new_gnb li .blacklayer li {
  float: none;
  width: 180px;
  color: #268adb;
  margin: 0 0 3px
}

#new_gnb li .blacklayer a {
  display: block;
  width: 200px;
  color: #fff;
  vertical-align: middle;
  line-height: 14px;
  padding: 4px 0 1px 4px
}

#new_gnb li .blacklayer .gnb_Bg {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(/assets/images/index/gnb_Bg.png)
}

#new_gnb li .domain {
  left: 0;
  background: #181818 !important
}

#new_gnb li .hosting {
  left: -141px
}

#new_gnb li .idc {
  left: -273px;
}

#new_gnb li .ssl {
  left: -418px
}

#new_gnb .headmenu li .bluelayer {
  position: absolute;
  top: 37px;
  z-index: 10000;
  width: 960px;
  background: #2380d8;
  padding: 25px 0 27px
}

#new_gnb li .bluelayer .gnb_Bg {
  display: inline-block;
  width: 100%;
  height: 100%;
  background: url(/assets/images/index/gnb_Bg2.png)
}

#new_gnb li .bluelayer .mimg {
  float: left;
  padding: 0 30px 0 28px
}

/*height:151px;*/
#new_gnb li .bluelayer ul {
  float: left;
  color: #292929;
  width: 197px;
  padding: 0 31px 0 29px;
}

#new_gnb li .bluelayer li {
  float: none;
  color: #292929;
  margin: 0 0 3px
}

#new_gnb li .bluelayer a {
  display: block;
  width: 100%;
  color: #fff;
  line-height: 14px;
  padding: 4px 0 1px 4px
}

#new_gnb li .faxoffice {
  left: -576px;
}

/*#new_gnb li .marketing .mimg{padding-right:10px}
#new_gnb li .marketing ul{padding:0 27px 0 25px}*/
#new_gnb li .homepage {
  left: -716px;
}

#new_gnb li .member {
  left: -857px;
}

#container {
  position: relative;
  width: 960px;
  zoom: 1;
  margin: 0 auto
}

#center {
  float: left;
  width: 520px;
  position: relative;
  margin: 0 10px
}

h3.mt {
  padding-bottom: 5px;
  border-bottom: 2px solid #3b3b3b;
  margin-bottom: 8px
}

.n_bg {
  background: url(/assets/images/index/bg_main_login.gif) no-repeat left top;
  border: none !important;
  width: 210px !important;
  height: 90px;
  padding: 0 !important
}

.n_bg02 {
  background: #E1E6ED;
  border: 1px solid #BCC7D5;
  border-radius: 2px;
  width: 189px !important;
  height: 81px;
  padding: 9px 9px 9px 10px !important
}

.n_bg03 {
  width: 189px !important;
  height: 231px;
  padding: 9px 9px 9px 10px !important;
  background: #E1E6ED;
  border: 1px solid #BCC7D5;
  border-radius: 2px;
}

.n_bg .n_login_input {
  position: relative;
  border: 1px solid #acbac9;
  border-right: none;
  width: 194px;
  height: 53px;
  background: #fff;
  margin: 8px 0 8px 7px;
  padding: 0
}

.n_bg .n_login_input .uid {
  position: absolute;
  top: 0;
  left: 0;
  outline-style: none;
  padding: 5px 0 6px 10px
}

.n_bg .n_login_input .upw {
  position: absolute;
  top: 28px;
  left: 0;
  border: 1px solid #fff;
  outline-style: none;
  padding: 3px 0 0 10px
}

.n_bg .n_login_input input {
  width: 132px;
  border: none;
  color: #979797
}

.n_bg .n_login_input a {
  position: absolute;
  top: -1px;
  right: 0
}

.login_menu ul {
  zoom: 1;
  letter-spacing: 0;
  margin: 0 0 0 8px
}

.login_menu li {
  float: left;
  background: url(/assets/images/index/blt_login_bar.gif) no-repeat right 2px;
  line-height: 16px;
  margin: 0 6px 0 0;
  padding: 0 7px 0 0
}

.login_menu .last {
  background-image: none;
  margin: 0;
  padding: 0
}

.login .login_input {
  float: left;
  width: 125px;
  margin: 0;
  padding: 0
}

.login a.login_btn {
  display: inline-block;
  margin-left: 5px;
  background-color: #ededed;
  border: 1px solid #c9c9c9;
  color: #515151;
  font-weight: 700;
  padding: 14px 9px 10px
}

.login .login_menu span {
  float: right;
  display: inline-block
}

.mypage p.mypage_name {
  float: left;
  line-height: 16px
}

.mypage div.mypage_manage {
  clear: both;
  width: 135px
}

.mypage div.mypage_manage p {
  float: left;
  line-height: 16px;
  letter-spacing: 0;
  width: 118px
}

/*.MYDotname{width:48px;height:28px;background-color:#424242;margin-left:140px;color:#fff;line-height:13px;text-align:center;display:block;padding-top:2px;font-size:11px;border:1px solid #000}  151209 hosting/sms pgae gnb오류로 주석처리함*/
.mypage div.mypage_manage_more {
  clear: both;
  width: 190px;
  background: url(/assets/images/index/bg_main_logon.gif) no-repeat -10px -20px
}

.mypage div.mypage_manage_more p {
  letter-spacing: 0
}

.mypage div.mypage_manage_more p select {
  font-size: 11px;
  width: 190px;
  height: 18px;
  margin-top: 4px
}

p.mypage_bottom a {
  color: #a8a8a8
}

.hanguk_DC {
  margin-top: 111px
}

.dotnews {
  width: 210px;
  padding-top: 35px;
  margin-bottom: 0px;
  margin-top: -19px
}

.nameserver #named_slides {
  clear: both;
  width: 210px;
  padding-top: 15px;
  font-family: Verdana;
  font-size: 11px;
  letter-spacing: -.1em;
  line-height: 18px;
  padding-bottom: 10px;
  margin-top: 0px
}

.nameserver #named_slides h3 span {
  display: inline-block;
  float: right;
  font-weight: 400;
  color: #858585;
  margin-bottom: 5px
}

.sub_nameserver #named_slides {
  clear: both;
  width: 180px;
  padding-top: 15px;
  font-family: Verdana;
  font-size: 10px;
  letter-spacing: -.1em;
  line-height: 18px
}

.sub_nameserver #named_slides h3 span {
  display: inline-block;
  float: right;
  font-weight: 400;
  color: #858585;
  margin-bottom: 3px
}

.customer {
  width: 210px;
  padding-top: 12px
}

.customer ul {
  width: 210px;
  height: 73px;
  font-size: 11px
}

.customer li {
  float: left;
  width: 100px;
  height: 18px;
  background: url(/assets/images/index/icon_arrow_small2.gif) no-repeat 0 5px;
  padding-left: 5px
}

.customer p {
  clear: both;
  font-size: 11px;
  color: #949494;
  text-align: left;
  background-color: #f4f4f4;
  padding: 4px 0 2px 12px;
  letter-spacing: -0.02em;
}

.customer p span {
  display: inline-block;
  margin-left: 3px;
}

.board {
  width: 209px;
  padding-top: 8px;
  font-size: 11px
}

.board .board_tab {
  width: 100%
}

.board .board_tab h3 {
  float: left;
  border-top: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: none
}

.board .board_tab h3 a {
  display: block;
  width: 103px;
  background-color: #f4f4f4;
  text-align: center;
  padding: 8px 0
}

.board .board_tab h3 a:hover {
  background-color: #FFF
}

.board .board_list {
  clear: both;
  border: 1px solid #e5e5e5;
  border-top: none;
  padding: 9px 6px 6px
}

.board .board_list li {
  height: 18px;
  letter-spacing: -.1em;
  color: #898989;
  overflow: hidden
}

.event {
  width: 520px
}

.domain_search {
  width: 500px;
  background: url(/assets/images/index/main_domain_search_bgB.gif) no-repeat;
  margin-top: 5px;
  padding: 10px
}

.domain_search .search {
  background-color: #fff;
  padding: 5px 10px
}

.domain_search .search h3 {
  padding-top: 5px;
  margin-bottom: 10px
}

.search_bottom {
  background-color: #ededed;
  text-align: center;
  padding: 5px
}

.domain_search .search a.trans {
  display: inline-block;
  text-align: center;
  border: 5px solid #2587da;
  font-size: 11px;
  font-weight: 700;
  color: #2587da;
  margin-left: 5px;
  vertical-align: top;
  padding: 4px 6px 2px
}

.domain_search .search a.whois {
  display: inline-block;
  text-align: center;
  border: 5px solid #2587da;
  background-color: #2587da;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  margin-left: 5px;
  vertical-align: top;
  padding: 4px 6px 2px
}

.domain_search .search .Qmenu {
  float: left;
  margin-left: -10px;
  margin-top: 10px;
  width: 520px
}

.domain_search p.adtxt {
  padding-top: 8px;
  color: #fff
}

.domain_search_01 {
  width: 450px;
  background: url(/assets/images/index/main_domain_search_bgB.gif) no-repeat;
  margin-left: 320px;
  padding: 10px
}

.domain_search_01 .search {
  background-color: #fff;
  padding: 5px 10px
}

.domain_search_01 .search h3 {
  padding-top: 5px;
  margin-bottom: 10px
}

.search_bottom {
  background-color: #ededed;
  text-align: center;
  padding: 5px
}

.domain_search_01 .search a.trans {
  display: inline-block;
  text-align: center;
  border: 5px solid #2587da;
  font-size: 11px;
  font-weight: 700;
  color: #2587da;
  margin-left: 5px;
  vertical-align: top;
  padding: 4px 6px 2px
}

.domain_search_01 .search a.whois {
  display: inline-block;
  text-align: center;
  border: 5px solid #2587da;
  background-color: #2587da;
  font-size: 11px;
  font-weight: 700;
  color: #fff;
  margin-left: 5px;
  vertical-align: top;
  padding: 4px 6px 2px
}

.domain_search_01 .search .Qmenu {
  float: left;
  margin-left: -10px;
  margin-top: 10px;
  width: 520px
}

.domain_search_01 p.adtxt {
  padding-top: 8px;
  color: #fff
}

.domain_new_search {
  width: 505px;
  zoom: 1;
  margin: 15px auto 10px;
}

.search_tab {
  background: url(/assets/images/index/bg_main_domain_search.gif) no-repeat left bottom;
  zoom: 1;
  margin: 0 0 11px;
  padding: 0 0 6px
}

.search_tab li {
  float: left;
  margin-right: 3.65px
}

.domain_new_search .search h3 {
  margin: 0 0 11px
}

.domain_new_search .multi h3 {
  margin: 0 0 -3px
}

.domain_new_search .multi .wimg {
  float: left;
  margin: 65px 11px 0 0
}

.domain_new_search .multi textarea {
  float: left;
  resize: none;
  overflow-y: auto;
  letter-spacing: 0;
  padding: 2px 5px 11px;
}

.domain_new_search .multi .btnsearch {
  float: left;
  margin-top: 53px
}

.hostservice {
  font-size: 11px;
  letter-spacing: -.1em;
  overflow: hidden;
  /* border-bottom:2px solid #3b3b3b; */
}

.hostservice p.Htitle {
  border-top: 1px solid #eaeaea;
  padding-top: 10px;
  margin-top: 5px
}

.hostservice_server {
  float: left;
  width: 170px;
  height: 190px;
  margin-top: -8px;
  border-right: 1px solid #e2e2e2;
  color: #000;
  text-align: center;
  padding: 0 0 8px
}

.hostservice_server .Himg {
  margin-top: 14px;
  margin-bottom: 18px
}

.hostservice_img .Himg {
  margin-top: 7px;
  margin-bottom: 12px
}

.hostservice_img .sub_line,
.hostservice_server .sub_line,
.hostservice_web .sub_line {
  height: 1px;
  background: #e2e2e2
}

.specialservice {
  width: 210px;
  padding-top: 12px
}

.specialservice .newspecial {
  zoom: 1;
  border-bottom: 2px solid #ddd
}

.specialservice .newspecial p {
  float: left;
  margin: 0
}

#three_add {
  width: 960px;
  display: inline-block
}

.bloghost_sitenow {
  width: 516px;
  margin-top: 17px;
  float: left;
  margin-right: 12px;
  background: url(/assets/images/index/sitenow_box.gif) no-repeat left bottom
}

.bloghost_sitenow .sitenow_ex {
  font-size: 11px;
  letter-spacing: -.1em
}

.bloghost_sitenow .wordpress {
  text-align: center;
  background-color: #e9e9e9;
  padding: 10px
}

.bloghost_sitenow .siteadd {
  font-size: 11px;
  margin-top: 3px;
  letter-spacing: -.1em
}

.server_idc {
  width: 210px;
  font-size: 11px;
  margin-top: 20px;
  float: left;
  margin-right: 12px;
  letter-spacing: -.1em
}

.vpn_private {
  width: 210px;
  font-size: 11px;
  margin-top: 20px;
  float: left;
  letter-spacing: -.1em
}

.partner {
  width: 210px;
  padding-top: 25px;
  float: left
}

.partner h3 span {
  display: inline-block;
  float: right
}

#footer {
  width: 960px;
  height: 190px;
  text-align: center;
  margin: 40px auto 30px;
}

.footer_menu li a {
  display: block;
  font-size: 11px;
  color: #000;
  padding: 16px 15px 8px
}

.footer_menu span {
  float: right;
  display: inline-block;
  margin-top: 13px
}

.footer_menu span select {
  font-size: 11px;
  padding: 1px
}

.footer_copyright {
  clear: both;
  width: 700px;
  padding-top: 30px;
  margin: 0 auto
}

.footer_copyright h1 {
  float: left;
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #cecece
}

.footer_copyright .footer_address {
  float: left;
  font-size: 11px;
  color: #8b8b8b;
  line-height: 15px;
  margin-right: 15px;
  margin-top: -2px
}

.footer_copyright .footer_address span {
  font-family: Verdana;
  font-size: 8px;
  color: #b9b9b9
}

#site_feedback_area {
  margin: 0 auto;
  float: right;
  clear: both;
}

#site_feedback {
  clear: both;
  color: #000;
  width: 732px;
  border: 4px solid #e5e5e5;
  text-align: center;
  background-color: #f7f7f7;
  margin: 10px auto 0 0;
  padding: 20px 10px
}

#site_feedback .feed_text_grid {
  width: 100%;
}

#site_feedback .feed_text_grid input:first-child {
  width: 500px;
}

#site_feedback_complete {
  color: #000;
  width: 700px;
  border: 4px solid #e5e5e5;
  text-align: center;
  background-color: #f7f7f7;
  margin: 0 auto;
  padding: 20px 10px
}

#leftmenu {
  float: left;
  width: 180px;
  margin-right: 20px
}

div.leftmenu li {
  border-bottom: 1px solid #eeeef0;
  padding: 4px 0 1px 6px
}

div.leftmenu ul.leftmenu_thema01 {
  background: url(/assets/images/index/leftbg_thema01.gif) repeat-y;
  padding: 7px
}

div.leftmenu ul.leftmenu_thema01 li a:hover {
  color: #3b6fd8;
  font-weight: 700
}

div.leftmenu ul.leftmenu_thema01 li.sm {
  background-color: #f4f9fd;
  color: #656565;
  font-size: 11px;
  padding-left: 12px;
  line-height: 16px
}

div.leftmenu ul.leftmenu_thema02 {
  background: url(/assets/images/index/leftbg_thema02.gif) repeat-y;
  padding: 7px
}

div.leftmenu ul.leftmenu_thema02 li a:hover {
  color: #00a8c6;
  font-weight: 700
}

div.leftmenu ul.leftmenu_thema02 li.sm {
  background-color: #f2fbfc;
  color: #656565;
  font-size: 11px;
  padding-left: 12px;
  line-height: 16px
}

div.leftmenu ul.leftmenu_thema03 {
  background: url(/assets/images/index/leftbg_thema03.gif) repeat-y;
  padding: 7px
}

div.leftmenu ul.leftmenu_thema03 li a:hover {
  color: #008dc1;
  font-weight: 700
}

div.leftmenu ul.leftmenu_thema03 li.sm {
  background-color: #f2f9fc;
  color: #656565;
  font-size: 11px;
  padding-left: 12px;
  line-height: 16px
}

div.leftmenu ul.leftmenu_thema04 {
  background: url(/assets/images/index/leftbg_thema04.gif) repeat-y;
  padding: 7px
}

div.leftmenu ul.leftmenu_thema04 li a:hover {
  color: #42b4db;
  font-weight: 700
}

div.leftmenu ul.leftmenu_thema04 li.sm {
  background-color: #f5fbfd;
  color: #656565;
  font-size: 11px;
  padding-left: 12px;
  line-height: 16px
}

div.leftmenu ul.leftmenu_thema05 {
  background: url(/assets/images/index/leftbg_thema05.gif) repeat-y;
  padding: 7px
}

div.leftmenu ul.leftmenu_thema05 li a:hover {
  color: #00b0ff;
  font-weight: 700
}

div.leftmenu ul.leftmenu_thema05 li.sm {
  background-color: #f2fbff;
  color: #656565;
  font-size: 11px;
  padding-left: 12px;
  line-height: 16px
}

div.leftmenu ul.leftmenu_thema06 {
  background: url(/assets/images/index/leftbg_thema06.gif) repeat-y;
  padding: 7px
}

div.leftmenu ul.leftmenu_thema06 li a:hover {
  color: #0088ef;
  font-weight: 700
}

div.leftmenu ul.leftmenu_thema06 li.sm {
  background-color: #f2f9fe;
  color: #656565;
  font-size: 11px;
  padding-left: 12px;
  line-height: 16px
}

div.leftmenu ul.leftmenu_thema07 {
  background: url(/assets/images/index/leftbg_thema07.gif) repeat-y;
  padding: 7px
}

div.leftmenu ul.leftmenu_thema07 li a:hover {
  color: #4347e8;
  font-weight: 700
}

div.leftmenu ul.leftmenu_thema07 li.sm {
  background-color: #f5f6fe;
  color: #656565;
  font-size: 11px;
  padding-left: 12px;
  line-height: 16px
}

div.leftmenu ul.leftmenu_thema08 {
  background: url(/assets/images/index/leftbg_thema08.gif) repeat-y;
  padding: 7px
}

div.leftmenu ul.leftmenu_thema08 li a:hover {
  color: #005bcc;
  font-weight: 700
}

div.leftmenu ul.leftmenu_thema08 li.sm {
  background-color: #f2f7fc;
  color: #656565;
  font-size: 11px;
  padding-left: 12px;
  line-height: 16px
}

div.leftmenu ul.leftmenu_thema09 {
  background: url(/assets/images/index/leftbg_thema09.gif) repeat-y;
  padding: 7px
}

div.leftmenu ul.leftmenu_thema09 li a:hover {
  color: #1c8ee6;
  font-weight: 700
}

div.leftmenu ul.leftmenu_marketing {
  background: url(/assets/images/index/leftbg_marketing.gif) repeat-y;
  padding: 7px
}

div.leftmenu ul.leftmenu_marketing li a:hover {
  color: #0fafe3;
  font-weight: 700
}

.new_leftmenu p {
  border-bottom: 2px solid #3b3b3b;
  padding: 7px 0 9px
}

.new_leftmenu li {
  border-bottom: 1px solid #ededed
}

.new_leftmenu li a {
  display: block;
  font-weight: 700;
  color: #4e4e4e;
  background: url(/assets/images/index/leftmenu/ico_leftm_close.gif) no-repeat 159px 20px;
  padding: 20px 0 20px 11px
}

.new_leftmenu li .on {
  display: block;
  font-weight: 700;
  color: #572f99;
  background: url(/assets/images/index/leftmenu/ico_leftm_open.gif) no-repeat 159px 20px
}

.new_leftmenu li .sub li a {
  display: block;
  font-weight: 400;
  color: #9798a1;
  background: none;
  letter-spacing: 0;
  padding: 6px 0 4px 11px
}

.new_leftmenu li.sub02 {
  font-size: 12px;
}

/*왼쪽메뉴_두줄일 경우*/
.new_leftmenu .li_2 a {
  display: block;
  font-weight: 700;
  color: #4e4e4e;
  background: url(/assets/images/index/leftmenu/ico_leftm_close.gif) no-repeat 159px 21px;
  padding: 11px 0 11px 11px
}

.new_leftmenu .li_2 .on {
  display: block;
  font-weight: 700;
  color: #572f99;
  background: url(/assets/images/index/leftmenu/ico_leftm_open.gif) no-repeat 159px 21px
}

.new_leftmenu .li_2 .sub li a {
  display: block;
  font-weight: 400;
  color: #9798a1;
  background: none;
  letter-spacing: 0;
  padding: 6px 0 4px 11px
}

div.sub_customer_qbtn {
  background-color: #ebebeb;
  border: 1px solid #dedede;
  padding: 7px 0 2px 6px
}

div.sub_customer_qbtn a {
  display: inline-block;
  width: 78px;
  text-align: center;
  font-size: 11px;
  color: #424242;
  border: 1px solid #c9c9c9;
  background-color: #f9f9f9;
  margin-bottom: 4px;
  padding: 2px 0 3px
}

div.sub_customer_qbtn a:hover {
  color: #fff;
  background-color: #572f99
}

div.sub_customer p {
  font-size: 11px;
  letter-spacing: -.1em;
  text-align: center;
  color: #949494;
  margin-top: 5px;
  white-space: nowrap
}

div.sub_nameserver {
  margin-top: 20px;
  font-family: Verdana;
  font-size: 10px;
  letter-spacing: -.1em;
  line-height: 15px
}

div.sub_nameserver h3 span {
  display: inline-block;
  float: right;
  font-size: 11px;
  font-weight: 400;
  color: #858585;
  margin-bottom: 2px
}

div.sub_event_bn {
  clear: both;
  margin-top: 20px
}

div.sub_board_list ul li a:hover {
  color: #572f99;
}

#body {
  float: left;
  position: relative;
  width: 760px;
  padding-top: 20px;
}

#body h2 {
  border-bottom: 2px solid #3b3b3b;
  margin-bottom: 20px
}

#body h2.page_tit {
  margin-bottom: 10px;
  font-size: 28px;
  color: #000;
  height: 40px;
  line-height: 34px;
  letter-spacing: -1px;
}

#body h4 {
  margin-left: 5px;
  margin-top: 10px;
  color: #000
}

#body .new_h4 {
  margin-left: 0px;
  margin-top: 10px;
  color: #000
}

#body div.content_body {
  width: 720px;
  margin-left: 20px
}

#body div.content_style2 {
  width: 720px;
  margin: 0 auto 10px
}

#body div.content_style2 .content_style2_middle {
  background: url(/assets/images/index/content_bg2_middle.gif) repeat-y;
  padding: 5px 20px
}

#body .page_num {
  text-align: center;
  font-weight: 700
}

#body .page_num a {
  margin-left: 2px;
  margin-right: 2px
}

#body .page_num a.select {
  color: #f14603
}

#body table.table_style1 {
  width: 760px;
  border-collapse: collapse;
  text-align: center;
  color: #313131;
  margin-bottom: 10px
}

#body table.table_style_color {
  border-collapse: collapse;
  text-align: center;
  color: #313131;
  margin-bottom: 10px
}

#body table.table_style1 div.okcashbag {
  background: none;
  color: #000;
  font-size: 11px;
  margin: 0;
  padding: 0
}

#body table.table_style1 div.okcashbag input {
  width: 100px
}

#body table.table_style1 div.okcashbag li {
  float: left;
  margin: 0 0 0 20px
}

#body table.table_style_bbs thead th {
  background: url(/assets/images/index/Board_titlebg_middle.gif) repeat-x
}

#body table.table_style_bbs td {
  height: 30px;
  border-bottom: 1px dotted #c7c7c7
}

#body .table_style1 .innertb {
  border: none;
  width: 100%
}

#body .table_style1 .innertb th {
  border-right: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7
}

#body .table_style1 .innertb td {
  border-right: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  padding: 0 5px
}

#body .table_style1 .innertb .rlast {
  border-right: none
}

#body table.table_style2 {
  width: 480px;
  line-height: 26px;
  border-collapse: collapse;
  text-align: center;
  color: #313131;
  margin-bottom: 4px
}

#body table.table_style3 {
  background-color: #fff;
  float: left;
  margin-left: 61px;
  margin-top: 22px;
  width: 638px;
  line-height: 26px;
  border-collapse: collapse;
  text-align: center;
  color: #313131;
  margin-bottom: 10px
}

#body table.table_style3 td {
  text-align: left;
  padding: 10px
}

#body table.table_style3 th {
  text-align: center;
  background-color: #FaFaFa
}

#body table.table_style4 {
  width: 480px;
  line-height: 18px;
  border-collapse: collapse;
  text-align: center;
  color: #313131;
  margin-bottom: 4px
}

#body table.table_style7 {
  width: 760px;
  border-collapse: collapse;
  text-align: center;
  color: #313131;
  margin-bottom: 10px
}

#body table.table_style_color {
  border-collapse: collapse;
  text-align: center;
  color: #313131;
  margin-bottom: 10px
}

#body table.table_style7 div.okcashbag {
  background: none;
  color: #000;
  font-size: 11px;
  margin: 0;
  padding: 0
}

#body table.table_style7 div.okcashbag input {
  width: 100px
}

#body table.table_style7 div.okcashbag li {
  float: left;
  margin: 0 0 0 20px
}

#body table.table_style_bbs thead th {
  background: url(/assets/images/index/Board_titlebg_middle.gif) repeat-x
}

#body table.table_style_bbs td {
  height: 30px;
  border-bottom: 1px dotted #c7c7c7
}

#body .table_style7 .innertb {
  border: none;
  width: 100%
}

#body .table_style7 .innertb th {
  border-right: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7
}

#body .table_style7 .innertb td {
  border-right: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  padding: 0 5px
}

#body .table_style7 .innertb .rlast {
  border-right: none
}

#body table.price {
  text-align: center;
  width: 100%;
}

#body table.price tr.price td {
  font-weight: 600;
  background: #eee;
  color: red;
  font-size: 15px;
}

#body table.price thead th {
  color: #fff;
  background: #2c1939;
}

#body table.price thead th:first-child {
  visibility: hidden;
}

#body table.price thead th a{
	color:inherit;
}

#body table.price th {
  background: #eee;
  padding: 20px 0;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

#body table.price tbody th {
  border-left: 1px solid #ccc;
}

#body table.price tbody td {
  padding: 15px 0;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}


#body a.sbtn_style1 {
  display: inline-block;
  text-align: center;
  border: 1px solid #a1a1a1;
  color: #0060a6;
  font-size: 11px;
  padding: 1px 2px 0
}

#body a.sbtn_style1:hover {
  background-color: #d2ebf9
}

#body a.btn_style_defult2 {
  display: inline-block;
  background-color: #dfdfdf;
  text-align: center;
  color: #000;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 20px 3px
}

#body a.btn_style_point1 {
  display: inline-block;
  background-color: #a6ce3a;
  text-align: center;
  color: #000;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 20px 3px
}

#body a.btn_style_point2 {
  display: inline-block;
  background-color: #ff4800;
  text-align: center;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 20px 3px
}

#body a.btn_style_2 {
  display: inline-block;
  background-color: #00a8c6;
  text-align: center;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 20px 3px
}

#body a.btn_style_3 {
  display: inline-block;
  background-color: #008dc1;
  text-align: center;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 20px 3px
}

#body a.btn_style_4 {
  display: inline-block;
  background-color: #42b4db;
  text-align: center;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 20px 3px
}

#body a.btn_style_5 {
  display: inline-block;
  background-color: #00b0ff;
  text-align: center;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 20px 3px
}

#body a.btn_style_6 {
  display: inline-block;
  background-color: #0088ef;
  text-align: center;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 20px 3px
}

#body a.btn_style_7 {
  display: inline-block;
  background-color: #4347e8;
  text-align: center;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 20px 3px
}

#body a.btn_style_8 {
  display: inline-block;
  background-color: #005bcc;
  text-align: center;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 20px 3px
}

#body a.btn_style_9 {
  display: inline-block;
  background-color: #1c8ee6;
  text-align: center;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 20px 3px
}

.topline00 {
  border-top: 2px solid #666
}

.topline01 {
  border-top: 2px solid #3b6fd8
}

.topline02 {
  border-top: 2px solid #00a8c6
}

.topline03 {
  border-top: 2px solid #008dc1
}

.topline04 {
  border-top: 2px solid #42b4db
}

.topline05 {
  border-top: 2px solid #00b0ff
}

.topline06 {
  border-top: 2px solid #0088ef
}

.topline07 {
  border-top: 2px solid #4347e8
}

.topline08 {
  border-top: 2px solid #005bcc
}

.topline09 {
  border-top: 2px solid #1c8ee6
}

#body .FC_01 {
  color: #572f99;
  margin-left: 5px !important;
}

#body .FC_01 img {
  margin-left: 0 !important;
}

.FC_02 {
  color: #00a8c6
}

.FC_03 {
  color: #008dc1
}

.FC_03 a:link {
  color: #555
}

.FC_04 {
  color: #42b4db
}

.FC_05 {
  color: #00b0ff
}

.FC_06 {
  color: #0088ef
}

.FC_07 {
  color: #4347e8
}

.FC_08 {
  color: #005bcc
}

.FC_09 {
  color: #1c8ee6
}

.FC_LG {
  color: #888
}

.FC_R {
  color: #C00
}

.FC_DB {
  color: #36c
}

.FC_BL {
  color: #572f99
}

.FC_LO {
  color: #7a7a7a
}

.FC_P {
  color: #f6c
}

.FC_DG {
  color: #666
}

.input_style1 {
  border: 1px solid #bbb;
  font-size: 11px;
  padding: 2px
}

.Fta {
  font-family: 'Tahoma'
}

.Fwd {
  font-family: 'Wdot'
}

.F36 {
  font-size: 36px
}

.F25 {
  font-size: 25px
}

.F24 {
  font-size: 24px
}

.F21 {
  font-size: 21px
}

.F18 {
  font-size: 18px
}

.F17 {
  font-size: 17px
}

.F16 {
  font-size: 16px
}

.F15 {
  font-size: 15px
}

.F14,
.s14 {
  font-size: 14px
}

.F13,
.s13 {
  font-size: 13px
}

.F12,
.s9,
.s12 {
  font-size: 12px
}

.F10,
.s7,
.s10 {
  font-size: 10px
}

.F9 {
  font-size: 9px
}

.Lp1 {
  letter-spacing: 1px
}

.Ls2 {
  letter-spacing: -2px
}

.LH15 {
  line-height: 15px
}

.B {
  font-weight: 700
}

.D {
  vertical-align: bottom
}

.L {
  text-align: left
}

.R {
  text-align: right
}

.U {
  text-decoration: underline
}

.VA_1 {
  vertical-align: -1px
}

.VA_2 {
  vertical-align: -2px
}

.VA_5 {
  vertical-align: -5px
}

.VA_6 {
  vertical-align: -6px
}

.VA_7 {
  vertical-align: -7px
}

.VA_8 {
  vertical-align: -8px
}

.VA_9 {
  vertical-align: -9px
}

.VA_10 {
  vertical-align: -10px
}

.VA2 {
  vertical-align: 2px
}

.VA3 {
  vertical-align: 3px
}

.Lh10 {
  line-height: 10px
}

.Lh12 {
  line-height: 12px
}

.Lh14 {
  line-height: 14px
}

.Lh16 {
  line-height: 16px
}

.Lh18 {
  line-height: 18px
}

.Lh20 {
  line-height: 20px
}

.Lh21 {
  line-height: 21px
}

.Lh22 {
  line-height: 22px
}

.Lh25 {
  line-height: 25px
}

.Lh30 {
  line-height: 30px
}

.Ma5 {
  margin: 5px
}

.Pa6 {
  padding: 6px
}

.Pt30 {
  padding-top: 30px
}

.Pt20 {
  padding-top: 20px
}

.Pt18 {
  padding-top: 18px
}

.Pt15 {
  padding-top: 15px
}

.Pt14 {
  padding-top: 14px
}

.Pt12 {
  padding-top: 12px
}

.Pt10 {
  padding-top: 10px
}

.Pt9 {
  padding-top: 9px
}

.Pt8 {
  padding-top: 8px
}

.Pt7 {
  padding-top: 7px
}

.Pt6 {
  padding-top: 6px
}

.Pt5 {
  padding-top: 5px
}

.Pt4 {
  padding-top: 4px
}

.Pt3 {
  padding-top: 3px
}

.Pt2 {
  padding-top: 2px
}

.Pt1 {
  padding-top: 1px
}

.Pl43 {
  padding-left: 43px
}

.Pl40 {
  padding-left: 40px
}

.Pl30 {
  padding-left: 30px
}

.Pl20 {
  padding-left: 20px
}

.Pl18 {
  padding-left: 18px
}

.Pl16 {
  padding-left: 16px
}

.Pl14 {
  padding-left: 14px
}

.Pl12 {
  padding-left: 12px
}

.Pl10 {
  padding-left: 10px
}

.Pl9 {
  padding-left: 9px
}

.Pl8 {
  padding-left: 8px
}

.Pl7 {
  padding-left: 7px
}

.Pl6 {
  padding-left: 6px
}

.Pl5 {
  padding-left: 5px
}

.Pl4 {
  padding-left: 4px
}

.Pl3 {
  padding-left: 3px
}

.Pl2 {
  padding-left: 2px
}

.Pl1 {
  padding-left: 1px
}

.Pr18 {
  padding-right: 18px
}

.Pr12 {
  padding-right: 12px
}

.Pr10 {
  padding-right: 10px
}

.Pr9 {
  padding-right: 9px
}

.Pr8 {
  padding-right: 8px
}

.Pr7 {
  padding-right: 7px
}

.Pr6 {
  padding-right: 6px
}

.Pr5 {
  padding-right: 5px
}

.Pr4 {
  padding-right: 4px
}

.Pr3 {
  padding-right: 3px
}

.Pr2 {
  padding-right: 2px
}

.Pr1 {
  padding-right: 1px
}

.Pb20 {
  padding-bottom: 20px
}

.Pb18 {
  padding-bottom: 18px
}

.Pb14 {
  padding-bottom: 14px
}

.Pb10 {
  padding-bottom: 10px
}

.Pb9 {
  padding-bottom: 9px
}

.Pb8 {
  padding-bottom: 8px
}

.Pb7 {
  padding-bottom: 7px
}

.Pb6 {
  padding-bottom: 6px
}

.Pb5 {
  padding-bottom: 5px
}

.Pb4 {
  padding-bottom: 4px
}

.Pb3 {
  padding-bottom: 3px
}

.Pb2 {
  padding-bottom: 2px
}

.Pb1 {
  padding-bottom: 1px
}

.Mt18 {
  margin-top: 18px
}

.Mt15 {
  margin-top: 15px
}

.Mt14 {
  margin-top: 14px
}

.Mt12 {
  margin-top: 12px
}

.Mt10 {
  margin-top: 10px
}

.Mt7 {
  margin-top: 7px
}

.Mt2 {
  margin-top: 2px
}

.Mt1 {
  margin-top: 1px
}

.Ml100 {
  margin-left: 100px
}

.Ml94 {
  margin-left: 94px
}

.Ml90 {
  margin-left: 90px
}

.Ml80 {
  margin-left: 80px
}

.Ml70 {
  margin-left: 70px
}

.Ml60 {
  margin-left: 60px
}

.Ml47 {
  margin-left: 47px
}

.Ml44 {
  margin-left: 44px
}

.Ml40 {
  margin-left: 40px
}

.Ml30 {
  margin-left: 30px
}

.Ml20 {
  margin-left: 20px
}

.Ml18 {
  margin-left: 18px
}

.Ml16 {
  margin-left: 16px
}

.Ml14 {
  margin-left: 14px
}

.Ml12 {
  margin-left: 12px
}

.Ml9 {
  margin-left: 9px
}

.Ml8 {
  margin-left: 8px
}

.Ml7 {
  margin-left: 7px
}

.Ml6 {
  margin-left: 6px
}

.Ml5 {
  margin-left: 5px
}

.Ml4 {
  margin-left: 4px
}

.Ml2 {
  margin-left: 2px
}

.Ml1 {
  margin-left: 1px
}

.Mr18 {
  margin-right: 18px
}

.Mr12 {
  margin-right: 12px
}

.Mr10 {
  margin-right: 10px
}

.Mr9 {
  margin-right: 9px
}

.Mr7 {
  margin-right: 7px
}

.Mr6 {
  margin-right: 6px
}

.Mr5 {
  margin-right: 5px
}

.Mr4 {
  margin-right: 4px
}

.Mr3 {
  margin-right: 3px
}

.Mr2 {
  margin-right: 2px
}

.Mr1 {
  margin-right: 1px
}

.Mb20 {
  margin-bottom: 20px
}

.Mb18 {
  margin-bottom: 18px
}

.Mb14 {
  margin-bottom: 14px
}

.Mb10 {
  margin-bottom: 10px
}

.Mb9 {
  margin-bottom: 9px
}

.Mb8 {
  margin-bottom: 8px
}

.Mb7 {
  margin-bottom: 7px
}

.Mb6 {
  margin-bottom: 6px
}

.Mb5 {
  margin-bottom: 5px
}

.Mb4 {
  margin-bottom: 4px
}

.Mb3 {
  margin-bottom: 3px
}

.Mb1 {
  margin-bottom: 1px
}

.Fl_l {
  float: left;
}

.Fl_r {
  float: right;
}

.Fl_n {
  float: none;
}

.Fs_s {
  font-size: 13px;
  line-height: 18px;
}

.Fc_8 {
  color: #888;
}

.C_b {
  clear: both;
}

#slider_container {
  width: 520px;
  position: relative;
  z-index: 0;
  margin: 0 auto
}

#slider_event {
  width: 520px;
  height: 112px;
  position: relative
}

#slides {
  position: absolute;
  z-index: 10
}

#slider_container .slides_container {
  width: 518px;
  height: 113px;
  border: 1px solid #f4f4f4;
  overflow: hidden;
  position: relative;
  display: none
}

#nameserver .slides_container {
  width: 210px;
  padding-top: 0;
  font-family: Verdana;
  font-size: 11px;
  letter-spacing: -.1em;
  line-height: 18px;
  height: 55px;
  border: 0;
  overflow: hidden;
  position: relative;
  display: none
}

#sub_nameserver .slides_container {
  width: 180px;
  padding-top: 0;
  font-family: Verdana;
  font-size: 10px;
  letter-spacing: -.1em;
  line-height: 15px;
  height: 50px;
  border: 0;
  overflow: hidden;
  position: relative;
  display: none
}

#sub_nameserver .slides_container div.slide {
  width: 180px;
  display: block
}

#sub_nameserver .slides_control span {
  width: 180px
}

#partner_slides .slides_container {
  width: 210px;
  padding-top: 0;
  font-family: Verdana;
  font-size: 10px;
  letter-spacing: -.1em;
  line-height: 15px;
  height: 50px;
  border: 0;
  overflow: hidden;
  position: relative;
  display: none
}

.site {
  border-collapse: collapse;
  border: 1px solid silver;
  width: 100%
}

.site th {
  background: silver
}

ul.pagination {
  display: block;
  position: absolute;
  z-index: 11;
  width: 512px;
  text-align: right;
  margin-top: -20px;
  /*margin-right:10px*/
}

ul.pagination li {
  display: inline-block;
  list-style: none;
  margin: 0 1px
}

ul.pagination li a {
  display: block;
  width: 12px;
  height: 0;
  padding-top: 12px;
  background-image: url(/assets/images/index/pagination.png);
  background-position: 0 0;
  overflow: hidden
}

ul.pagination li.current a {
  background-position: 0 -12px
}

/*p.direction{position:absolute;z-index:11;clear:both;width:512px;margin-top:-65px;}
p.direction a{width:19px;height:19px;background-image:url(/assets/images/index/direction.png);}
p.direction .a_left{float:left;margin-left:8px;background-position:0 0;}
p.direction .a_right{float:right;background-position:-20px 0;}*/
#body .skyseal {
  right: -119px;
  background: url(/assets/images/index/bg_skyseal02.gif) no-repeat left top;
  width: 98px;
  height: 438px
}

#body .skyseal ul {
  padding: 39px 0 0 6px
}

#body .skyseal li {
  padding: 0 0 6px
}

#body .marksearch {
  border-top: none;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  padding: 20px 0 20px 19px
}

#body .marksearch h3 {
  font-weight: 700;
  color: #ef0000;
  font-size: 12px;
  margin: 0 0 10px;
  padding: 0
}

#body .marksearch label {
  font-weight: 700;
  margin-right: 9px
}

#body .marksearch .marksample {
  margin: 0 0 17px 20px
}

#body .marksearch .markbox {
  width: 300px;
  height: 26px;
  font-size: 23px;
  border: 1px solid #787878;
  vertical-align: middle;
  margin-right: 9px
}

#body .marksearch .btnmarksearch {
  vertical-align: middle;
  margin-right: 9px
}

#body .markinfo {
  background: #f5f6fe;
  margin-top: 40px;
  text-align: center;
  padding: 31px 9px 32px
}

#body .markinfo p {
  text-align: left;
  padding: 0 0 7px 11px
}

#body .markinfo .fee {
  border-bottom: 1px solid #d6d6d6;
  text-align: left;
  padding: 0 0 20px
}

#body .markinfo .fee .feeinfo {
  padding: 0 0 0 175px
}

#body .markinfo .process {
  border-top: 1px solid #fff;
  text-align: left;
  padding-top: 18px;
  margin: 0 0 30px
}

.hostservice strong {
  float: right;
  color: #e20000;
  text-decoration: underline;
  margin-right: 6px
}

.hostservice_server strong {
  float: right;
  color: #e20000;
  text-decoration: underline;
  margin-right: 3px
}

.hostservice_img strong {
  float: right;
  color: #e20000;
  text-decoration: underline;
  margin-right: 5px
}

.pointtxt {
  position: relative;
  border-top: 1px solid #ededed;
  margin: 0 0 12px;
  padding: 11px 0 0
}

.pointtxt p {
  color: #f80000
}

.pointtxt a {
  position: absolute;
  bottom: 0;
  right: 0
}

*,
body,
div,
ul,
li,
dl,
dt,
dd,
ol,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form {
  margin: 0;
  padding: 0
}

/* a:hover,.dotnews .board_list li a:hover,.board .board_list li a:hover,.hostservice_web a:hover{color:#572f99} */
.allmenu:after,
.nallmenu:after,
#container:after,
.mypage:after {
  content: "";
  display: block;
  clear: both
}

.allmenu ul.menu_2depth img,
.nallmenu ul.menu_2depth img,
.domain_search .search img.input_searchbtn,
.domain_new_search .search img.input_searchbtn,
.T {
  vertical-align: top
}

.nallmenu ul.menu_2depth li,
.Mb2 {
  margin-bottom: 2px
}

.nallmenu ul.menu_2depth a,
.nallmenu ul.menu_2depth a:hover,
.FC_W {
  color: #fff
}

#gnb_navi ul li,
.specialservice .newspecial .newspecialtit,
.footer_menu li,
.FTL {
  float: left
}

#new_gnb:after,
#new_gnb .headmenu:after,
.login_menu ul:after,
.domain_new_search:after,
.search_tab:after,
.specialservice .newspecial:after {
  content: '';
  clear: both;
  display: block
}

#new_gnb li .blacklayer dl.add,
#new_gnb li .bluelayer dl.add {
  float: right;
  margin-top: 10px;
  padding: 0 30px 0 0;
}

#new_gnb li .blacklayer dl,
#new_gnb li .bluelayer dl {
  float: left;
  color: #fff;
  padding: 0 0 0 30px
}

#new_gnb li .blacklayer dt,
#new_gnb li .bluelayer dt {
  margin: 0 0 10px
}

#new_gnb li .blacklayer dd a,
#new_gnb li .bluelayer dd a {
  color: #fff;
  background: none;
  width: 100%;
  padding: 0
}

#new_gnb li .blacklayer dd a:hover,
#new_gnb li .bluelayer dd a:hover {
  color: #fff;
  background: none;
  width: 100%;
  text-decoration: underline;
  padding: 0
}

#new_gnb li .blacklayer a:hover,
#new_gnb li .mouseon a {
  display: block;
  width: 200px;
  color: #fff;
  background: #268adb;
  vertical-align: middle;
  line-height: 14px;
  padding: 4px 0 1px 4px
}

#new_gnb .headmenu .navi_header .blacklayer dl dt a,
#new_gnb .headmenu .navi_header .blacklayer dl dt a:hover,
#new_gnb .headmenu .navi_header .bluelayer dl dt a,
#new_gnb .headmenu .navi_header .bluelayer dl dt a:hover,
#new_gnb .headmenu .bluelayer .blacklayer dl dt a,
#new_gnb .headmenu .bluelayer .blacklayer dl dt a:hover {
  cursor: pointer;
  background: none;
  width: 100%;
  padding: 0
}

#new_gnb li .bluelayer a:hover,
#new_gnb li .mouseonb a {
  display: block;
  width: 200px;
  color: #fff;
  background: #292929;
  line-height: 14px;
  padding: 4px 0 1px 4px
}

#left,
#right {
  float: left;
  width: 210px
}

.left_sidebar {
  position: absolute;
  left: -142px;
  top: -47px;
  z-index: 99;
  background-color: #ffffff;
}

.right_sidebar {
  position: absolute;
  left: 213px;
  top: -47px;
  z-index: 99;
  background-color: #ffffff;
}

.login,
.mypage {
  position: absolute;
  width: 190px;
  font-size: 11px;
  z-index: 1;
  zoom: 1;
  padding: 5px
}

.login .login_menu,
.Mt5 {
  margin-top: 5px
}

.login .login_random_txt {
  clear: both;
  margin: 7px 10px 0 10px;
}

.mypage p.mypage_setting,
p.mypage_bottom img,
.FTR {
  float: right
}

.mypage p.mypage_setting img,
.Ml3 {
  margin-left: 3px
}

.mypage div.mypage_manage p img,
.VA_4 {
  vertical-align: -4px
}

p.mypage_bottom,
.Mt3 {
  margin-top: 5px
}

.dotnews .board_list li,
div.sub_board_list li {
  height: 20px;
  font-size: 11px;
  letter-spacing: -.1em;
  color: #898989;
  overflow: hidden
}

.nameserver #named_slides img,
.sub_nameserver #named_slides img,
.domain_search p.adtxt img,
div.sub_nameserver img,
.VA_3 {
  vertical-align: -3px
}

.domain_search .domain_txt,
.domain_new_search .domain_txt,
.Mr8 {
  margin-right: 8px
}

.domain_search .domain_kind,
.domain_new_search .domain_kind {
  font-weight: 700;
  display: inline_block;
  font-size: 12px;
  letter-spacing: -1px;
  margin-left: 64px;
  line-height: 20px
}

.domain_search .domain_kind2,
.domain_new_search .domain_kind2 {
  font-weight: 700;
  display: inline_block;
  font-size: 12px;
  letter-spacing: -1px;
  margin-left: 64px;
  line-height: 13px
}

.img_404 {
  background: url(/assets/images/common/error404.jpg) no-repeat;
  width: 918px;
  height: 369px;
  margin: 40px 0 0 20px;
}

.search .img_search {
  background: url(/assets/images/index/img_search_renew.jpg) no-repeat left top;
  width: 288px;
  height: 36px;
  position: relative;
}

.multi .img_search_big {
  background: url(/assets/images/index/img_search_renew_big.jpg) no-repeat left top;
  width: 275px;
  height: 152px;
  position: relative;
}

.domain_search .search input.input_search,
.domain_new_search .search input.input_search {
  border: 5px solid #2587da;
  border-right: none;
  font-size: 12px;
  width: 210px;
  height: 12px;
  padding: 6px
}

.domain_new_search .search,
.domain_new_search .multi {
  padding: 0 0 0 10px
}

.hostservice_web,
.hostservice_img {
  float: left;
  width: 173px;
  height: 190px;
  margin-top: -8px;
  border-right: 1px solid #e2e2e2;
  color: #000;
  text-align: center;
  padding: 0 0 8px
}

.hostservice_web .Himg,
.Mt8 {
  margin-top: 8px
}

.specialservice h3,
.partner h3 {
  margin-bottom: 0
}

.specialservice p,
.Mt6 {
  margin-top: 6px
}

.bloghost_sitenow .wordpress span,
.Mr30,
.Mr20 {
  margin-right: 20px
}

.server_idc .server_t,
.vpn_private .vpn_t {
  font-weight: 700;
  margin-bottom: 3px;
  letter-spacing: -.1em
}

.server_idc .sub_line,
.vpn_private .sub_line2 {
  width: 210px;
  border-top: 1px solid #e3e3e3;
  height: 5px;
  margin: 2px 0
}

#site_feedback p *,
#body .page_num *,
#body table.table_style1 div.okcashbag li *,
.M,
.VAM * {
  vertical-align: middle
}

#feedback_message {
  margin-bottom: 8px
}

div.new_leftmenu {
  font-size: 13px;
  line-height: 18px;
}

div.leftmenu li img,
.VA1 {
  vertical-align: 1px
}

div.leftmenu li a,
.FC_B {
  color: #000
}

div.leftmenu ul.leftmenu_thema01 li.sm a:hover,
div.leftmenu ul.leftmenu_thema02 li.sm a:hover,
div.leftmenu ul.leftmenu_thema03 li.sm a:hover,
div.leftmenu ul.leftmenu_thema04 li.sm a:hover,
div.leftmenu ul.leftmenu_thema05 li.sm a:hover,
div.leftmenu ul.leftmenu_thema06 li.sm a:hover,
div.leftmenu ul.leftmenu_thema07 li.sm a:hover,
div.leftmenu ul.leftmenu_thema08 li.sm a:hover,
div.leftmenu ul.leftmenu_thema09 li.sm a:hover,
div.leftmenu ul.leftmenu_marketing li.sm a:hover,
.N {
  font-weight: 400
}

div.leftmenu ul.leftmenu_thema09 li.sm,
div.leftmenu ul.leftmenu_marketing li.sm {
  background-color: #f3f9fe;
  color: #656565;
  font-size: 11px;
  padding-left: 12px;
  line-height: 16px
}

.new_leftmenu,
.Mt4 {
  margin-top: 4px;
}

.new_leftmenu li .sub,
.new_leftmenu li .sub li,
#body .table_style1 .innertb .last {
  border-bottom: none
}

.new_leftmenu li .sub li a:hover,
.new_leftmenu li .sub li .on {
  color: #4e4e4e;
  font-weight: 700;
  background: url(/assets/images/index/leftmenu/blt_left_arrow.gif) no-repeat 170px 10px;
  letter-spacing: 0
}

div.sub_customer,
div.sub_hosting_tel,
.Mt30 {
  margin-top: 30px
}

div.sub_notice,
div.sub_faq,
.Mt20 {
  margin-top: 20px
}

div.sub_hosting_tel p,
.F11,
.s8,
.s11 {
  font-size: 11px
}

#body h3,
.Ml10 {
  margin-left: 10px
}

#body table.table_style1 tr,
#body table.table_style3 tr {
  height: 40px;
  padding: 2px
}

#body table.table_style1 th,
#body table.table_style1 td {
  padding: 8px;
  line-height: 21px;
}

.Pa5 {
  padding: 5px
}

#body table th.deposit_tit {
  background: #572f99;
  color: #fff;
  border-left: 2px solid #572f99;
  border-right: 2px solid #572f99;
  border-top: 1px solid #572f99;
}

#body table th.deposit_tit .tooltip {
  color: #575757;
}

#body table th.deposit_tit #layerpop_deposit {
  vertical-align: -4px;
}

#body table td .domain_price b {
  color: red;
  font-weight: 600;
}

#body table td.deposit {
  border-left: 2px solid #572f99;
  border-right: 2px solid #572f99;
  font-weight: bold;
  color: #572f99;
}

#body table td.deposit:last-of-type {
  border-bottom: 2px solid #572f99;
}

#body table .domain_tbody tr:last-child {
  border-bottom: 2px solid #572f99;
}

#body table .domain_tbody tr:last-child td.deposit {
  border-bottom: 2px solid #572f99;
}

#body table th,
#body table.table_style2 th,
#body table.table_style4 th {
  background-color: #f6f6f6;
  text-align: center
}

#body table td.origin_price {
  font-weight: bold;
  color: #ff0000;
}

#body table td.origin_price span.line_price {
  color: #575757;
  text-decoration: line-through;
  font-weight: 500;
  font-size: 13px;
}

#body table.table_style7 tr,
#body table.table_style3 tr {
  height: 40px;
  padding: 2px
}

#body table.table_style7 td,
.Pa5 {
  padding: 5px
}

#body table.table_style7 th,
#body table.table_style2 th,
#body table.table_style4 th {
  background-color: #f6f6f6;
  text-align: center
}

#body table.table_style7 tr:nth-of-type(odd) {
  background: #fff;
}

#body table.table_style7 tr:nth-of-type(even) {
  background: #f6f1ff;
}

#body table.table_style_bbs,
#body .table_style1 .innertb .ea,
.C {
  text-align: center
}

#body table.table_style2 td,
#body table.table_style2 tr,
#body table.table_style4 td,
#body table.table_style4 tr {
  padding: 2px
}

#body a.btn_style_defult1,
#body a.btn_style_1 {
  display: inline-block;
  background-color: #484848;
  text-align: center;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 20px 3px
}

#body a.btn_style_defult1:hover,
#body a.btn_style_1:hover {
  background-color: #3b6fd8
}

#body a.btn_style_defult2:hover,
#body a.btn_style_point1:hover {
  color: #fff;
  background-color: #484848
}

#body a.btn_style_point2:hover,
#body a.btn_style_2:hover,
#body a.btn_style_3:hover,
#body a.btn_style_4:hover,
#body a.btn_style_5:hover,
#body a.btn_style_6:hover,
#body a.btn_style_7:hover,
#body a.btn_style_8:hover,
#body a.btn_style_9:hover {
  background-color: #484848
}

.FC_O,
#body .markinfo .fee .feeinfo strong {
  color: red
}

.Ls1,
.LS_1 {
  letter-spacing: -1px
}

.Pr30,
.Pr20 {
  padding-right: 20px
}

.Mt9 {
  margin-top: 9px;
}

.dotagency,
.leftbn {
  margin-top: 7px;
}

#nameserver .slides_container div.slide,
#partner_slides .slides_container div.slide {
  width: 210px;
  display: block
}

#nameserver .slides_control span,
#partner_slides .slides_control span {
  width: 210px
}

#body .markinfo .fee li,
#body .markinfo .process li {
  padding: 0 0 0 12px
}

#body .markinfo .fee li img,
#body .markinfo .process li img {
  vertical-align: middle;
  margin-right: 29px
}

.hosting_img {
  background: url(/assets/images/domain/new/payment_img.jpg) no-repeat left top;
  height: 477px;
  width: 760px;
}

/* new-btn */
.new_button:not(.black):not(.new_blue):not(.new_blue_2):hover {
  background: #ddd
}

.new_button {
  padding: 5px 15px;
  margin: 0 0 5px;
  height: 28px;
  line-height: 28px;
  font-size: 13px;
  font-weight: bold;
  color: #555555;
  text-shadow: 0 1px #fff;
  border-width: 1px 1px 0;
  border-style: solid;
  border-color: #cecece #bababa #a8a8a8;
  border-radius: 3px 3px 2px 2px;
  outline: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  *display: inline;
  *vertical-align: auto;
  background-color: #dfdfdf;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(70%, #dfdfdf), color-stop(100%, #dadada));
  background-image: -webkit-linear-gradient(top, #f1f1f1 0%, #dfdfdf 70%, #dadada 100%);
  background-image: -moz-linear-gradient(top, #f1f1f1 0%, #dfdfdf 70%, #dadada 100%);
  background-image: -ms-linear-gradient(top, #f1f1f1 0%, #dfdfdf 70%, #dadada 100%);
  background-image: -o-linear-gradient(top, #f1f1f1 0%, #dfdfdf 70%, #dadada 100%);
  background-image: linear-gradient(top, #f1f1f1 0%, #dfdfdf 70%, #dadada 100%);
  -webkit-box-shadow: inset 0 1px #fdfdfd, inset 0 0 0 1px #eaeaea, 0 1px #a8a8a8, 0 3px #bbbbbb, 0 4px #a8a8a8, 0 5px 2px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px #fdfdfd, inset 0 0 0 1px #eaeaea, 0 1px #a8a8a8, 0 3px #bbbbbb, 0 4px #a8a8a8, 0 5px 2px rgba(0, 0, 0, 0.25);
  cursor: pointer;
}

/*.new_button:hover, .button:active {
  color: #555555;
  padding: 5px 15px;
  text-decoration: none;
  background: #dfdfdf;
  border-top-color: #c9c9c9;
}*/
.new_button:active,
.button.green:active,
.button.blue:active,
.button.yellow:active,
.button.red:active,
.button.purple:active,
.button.grey:active,
.button.black:active {
  vertical-align: -5px;
  margin-bottom: 0px;
  padding: 6px 16px 5px 16px;
  border-width: 0;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px white !important;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px white !important;
}

.data>.new_button:active,
.data>.button.green:active,
.data>.button.blue:active,
.data>.button.yellow:active,
.data>.button.red:active,
.data>.button.purple:active,
.data>.button.grey:active,
.data>.button.black:active {
  vertical-align: -5px;
  margin-bottom: 5px;
  padding: 6px 16px 5px 16px;
  border-width: 0;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px white !important;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px white !important;
}

.new_button.black {
  color: #f1f1f1;
  text-shadow: 0 1px #111;
  border-color: #505050 #414141 #2c2c2c;
  background-color: #2c2c2c;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #696969), color-stop(70%, #4f4f4f), color-stop(100%, #3c3c3c));
  background-image: -webkit-linear-gradient(top, #696969 0%, #2c2c2c 70%, #181818 100%);
  background-image: -moz-linear-gradient(top, #696969 0%, #2c2c2c 70%, #181818 100%);
  background-image: -ms-linear-gradient(top, #696969 0%, #2c2c2c 70%, #181818 100%);
  background-image: -o-linear-gradient(top, #696969 0%, #2c2c2c 70%, #181818 100%);
  background-image: linear-gradient(top, #696969 0%, #2c2c2c 70%, #181818 100%);
  -webkit-box-shadow: inset 0 1px #828282, inset 0 0 0 1px #555555, 0 1px #2c2c2c, 0 3px #444444, 0 4px #2c2c2c, 0 5px 2px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 1px #828282, inset 0 0 0 1px #555555, 0 1px #2c2c2c, 0 3px #000000, 0 4px #2c2c2c, 0 5px 2px rgba(0, 0, 0, 0.4);
}

.new_button.black:hover,
.button.black:active {
  background: #2c2c2c;
  border-top-color: #494949;
}

.new_blue {
  color: #fff !important;
  text-shadow: 0 1px #270f50;
  border-color: #9c6dea #9460e8 #0f0029;
  background-color: #572f99;
  background-image: -webkit-linear-gradient(top, #ad78f9 0%, #654698 50%, #572f99 100%);
  background-image: -webkit-linear-gradient(top, #ad78f9 0%, #654698 50%, #572f99 100%);
  background-image: -moz-linear-gradient(top, #ad78f9 0%, #654698 50%, #572f99 100%);
  background-image: -ms-linear-gradient(top, #ad78f9 0%, #654698 50%, #572f99 100%);
  background-image: -o-linear-gradient(top, #ad78f9 0%, #654698 50%, #572f99 100%);
  background-image: linear-gradient(top, #ad78f9 0%, #654698 50%, #572f99 100%);
  -webkit-box-shadow: inset 0 1px #bc95fb, inset 0 0 0 1px #5b477b, 0 1px #231b30, 0 3px #43217b, 0 4px #613aa2, 0 5px 2px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 1px #bc95fb, inset 0 0 0 1px #5b477b, 0 1px #231b30, 0 3px #43217b, 0 4px #613aa2, 0 5px 2px rgba(0, 0, 0, 0.4);
}

.new_blue:hover,
.new_blue:active {
  color: #fff;
  background: #663aae;
}

.new_blue_2 {
  color: #fff !important;
  text-shadow: 0 1px #270f50;
  border-color: #9c6dea #9460e8 #0f0029;
  background-color: #572f99;
  background-image: -webkit-linear-gradient(top, #ad78f9 0%, #654698 50%, #572f99 100%);
  background-image: -webkit-linear-gradient(top, #ad78f9 0%, #654698 50%, #572f99 100%);
  background-image: -moz-linear-gradient(top, #ad78f9 0%, #654698 50%, #572f99 100%);
  background-image: -ms-linear-gradient(top, #ad78f9 0%, #654698 50%, #572f99 100%);
  background-image: -o-linear-gradient(top, #ad78f9 0%, #654698 50%, #572f99 100%);
  background-image: linear-gradient(top, #ad78f9 0%, #654698 50%, #572f99 100%);
  -webkit-box-shadow: inset 0 1px #bc95fb, inset 0 0 0 1px #5b477b, 0 1px #231b30, 0 3px #43217b, 0 4px #613aa2, 0 5px 2px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 1px #bc95fb, inset 0 0 0 1px #5b477b, 0 1px #231b30, 0 3px #43217b, 0 4px #613aa2, 0 5px 2px rgba(0, 0, 0, 0.4);
  /*  color: #fff !important;
  margin-bottom:10px;
  text-shadow: 0 1px #0D5197;
  border-color: #5fb0e6 #2992de #217bd6;
  background-color: #2381d8;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9be5fa), color-stop(70%, #61cdf3), color-stop(100%, #5fbde8));
  background-image: -webkit-linear-gradient(top, #409cde 0%, #2381d8 50%, #1360b0 100%);
  background-image: -moz-linear-gradient(top, #409cde 0%, #2381d8 50%, #1360b0 100%);
  background-image: -ms-linear-gradient(top, #409cde 0%, #2381d8 50%, #1360b0 100%);
  background-image: -o-linear-gradient(top, #409cde 0%, #2381d8 50%, #1360b0 100%);
  background-image: linear-gradient(top, #409cde 0%, #2381d8 50%, #1360b0 100%);
  -webkit-box-shadow: inset 0 1px #5fb0e6, inset 0 0 0 1px #449FDB, 0 1px #227EBB, 0 3px #11639B, 0 4px #073B5E, 0 5px 2px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 1px #5fb0e6, inset 0 0 0 1px #4981A2, 0 1px #1D63AA, 0 3px #044F9C, 0 4px #1D63AA, 0 5px 2px rgba(0, 0, 0, 0.4); */
}

.new_blue_2:hover,
.new_blue_2:active {
  color: #fff;
  /* margin-bottom:10px; */
  background: #663aae;
}

.btn_order {
  width: 100px;
}

.new_sm_button {
  display: inline-block;
  padding: 3px 10px 4px;
  background: #2c1939;
  border-radius: 2px;
  color: #ececec !important;
  font-size: 12px;
}

.tit_payment_print {
  font-weight: bold;
  color: #572f99 !important;
}

.tit_payment_print:hover {
  font-weight: bold;
  text-decoration: underline;
  color: #555 !important;
}

.text_disable {
  color: #bdbdbd;
}

.menual_sub_menu_free {
  width: 75px;
  height: 24px;
  line-height: 24px;
  padding-top: 5px;
  margin-top: 12px;
  font-weight: bold;
  color: #572f99;
}

.menual_sub_menu {
  width: 685px;
  padding-top: 5px;
  margin-top: 12px;
  margin-left: -10px;
  *zoom: 1;
}

.menual_sub_menu.new_gtld_category {
  width: 800px;
}

.menual_sub_menu:after {
  content: '';
  clear: both;
  display: block;
}

.menual_sub_menu li {
  float: left;
  margin-right: 11px;
}

.menual_sub_menu li.new_gtld_category {
  margin-right: 9px;
  margin-bottom: 11px;
}

.menual_sub_menu a {
  font-weight: bold;
  font-size: 13px;
  color: #858484;
  font-family: 'Montserrat', 'NanumBarunGothic', 'sans-serif';
}

.menual_sub_menu a:hover {
  font-weight: bold;
  color: #572f99 !important;
  background: #fff !important;
}

.menual_sub_menu .on {
  font-weight: bold;
  color: #572f99 !important;
  background: #fff !important;
}

.buttonn {
  border: 1px solid #d0c6e0;
  background: #f6f1ff;
  /* background: -webkit-gradient(linear, left top, left bottom, from(#d7e5f5), to(#cbe0f5));
   background: -webkit-linear-gradient(top, #d7e5f5, #cbe0f5);
   background: -moz-linear-gradient(top, #d7e5f5, #cbe0f5);
   background: -ms-linear-gradient(top, #d7e5f5, #cbe0f5);
   background: -o-linear-gradient(top, #d7e5f5, #cbe0f5);
   background-image: -ms-linear-gradient(top, #d7e5f5 0%, #cbe0f5 100%); */
  padding: 5px 10px;
  -webkit-border-radius: 16px;
  -moz-border-radius: 16px;
  border-radius: 18px;
  -webkit-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
  -moz-box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
  box-shadow: rgba(255, 255, 255, 0.4) 0 1px 0, inset rgba(255, 255, 255, 0.4) 0 1px 0;
  text-shadow: #FFFFFF 0 1px 0;
  color: #6e5499;
  font-size: 10px;
  font-family: Dotum;
  font-weight: normal;
  text-decoration: none;
  vertical-align: middle;
}

.buttonn:hover {
  border: 1px solid #d0c6e0;
  text-shadow: #FFFFFF 0 1px 0;
  background: #c1d4e8;
  background: -webkit-gradient(linear, left top, left bottom, from(#ccd9e8), to(#c1d4e8));
  background: -webkit-linear-gradient(top, #fff, #fff);
  background: -moz-linear-gradient(top, #ccd9e8, #c1d4e8);
  background: -ms-linear-gradient(top, #ccd9e8, #c1d4e8);
  background: -o-linear-gradient(top, #ccd9e8, #c1d4e8);
  background-image: -ms-linear-gradient(top, #ccd9e8 0%, #c1d4e8 100%);
  color: #333333;
  text-decoration: none;
}

.buttonn:active {
  text-shadow: #FFFFFF 0 1px 0;
  border: 1px solid #d0c6e0;
  background: #ccd9e8;
  background: -webkit-gradient(linear, left top, left bottom, from(#c1d4e8), to(#c1d4e8));
  background: -webkit-linear-gradient(top, #fff, #fff);
  background: -moz-linear-gradient(top, #c1d4e8, #ccd9e8);
  background: -ms-linear-gradient(top, #c1d4e8, #ccd9e8);
  background: -o-linear-gradient(top, #c1d4e8, #ccd9e8);
  background-image: -ms-linear-gradient(top, #c1d4e8 0%, #ccd9e8 100%);
  color: #333333;
}

/*정보 업데이트 랜딩페이지*/
.bg_up_info {
  background: url('/assets/images/landing/140917_update_information.jpg') no-repeat left top;
  height: 907px;
  width: 760px;
}

/*회원비밀번호 변경안내 페이지*/
.pw_page_bg {
  background: url('/assets/images/popup/popup_password_page_bg.jpg') repeat-x top;
}

.pw_bg_01 {
  background: url('/assets/images/popup/popup_password_page.png') no-repeat left top;
  height: 951px;
  width: 824px;
  position: relative;
  margin: 0 auto;
}

.pw_bg_01 #fw_link_01 {
  position: absolute;
  top: 545px;
  left: 106px;
  width: 221px;
  height: 30px;
  border: 0;
  background-color: transparent;
}

.pw_bg_01 #fw_link_02 {
  position: absolute;
  top: 834px;
  left: 234px;
  width: 162px;
  height: 43px;
  border: 0;
  background-color: transparent;
}

.pw_bg_01 #fw_link_03 {
  position: absolute;
  top: 834px;
  left: 425px;
  width: 162px;
  height: 43px;
  border: 0;
  background-color: transparent;
}

.pw_popup_bg_02 {
  background: url('/assets/images/popup/popup_password_01.png') no-repeat left top;
  height: 970px;
  width: 825px;
  margin: 0 auto;
}

.pw_popup_bg_02 .pw_popup_text {
  width: 710px;
  font-size: 12px;
  padding: 110px 0 0 60px;
  line-height: 14px;
}

.deco_line {
  text-decoration: line-through;
}

.col_red {
  color: red;
  font-weight: bold;
}

.pop_ssl_info {
  border: 1px solid #000;
  height: 190px;
  width: 530px;
  position: absolute;
  top: 380px;
  left: 150px;
  z-index: 999;
  background-color: #FFF;
}

.pay_new_updown_input {
  border: 0;
  width: 20px;
  height: 22px;
  font-size: 14px;
  text-align: center;
}

.triangle_box {
  margin-bottom: 5px;
  font-weight: bold;
  background: #62c9b4;
  color: #fff;
  padding: 3px 4px;
  border-radius: 5px;
  border: 1px solid #36b29a;
  margin-left: 5px;
  display: none;
}

.triangle {
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px;
  left: 95px;
}

.triangle.test_1 {
  border-color: #62C9B4 transparent transparent transparent;
}

.apply_server_text {
  background: rgb(255, 104, 0);
  color: #fff;
  padding: 0px 5px;
  border-radius: 5px;
  border: 1px solid #FFFFFF;
  float: left;
  font-size: 11px;
  line-height: 18px;
  margin-bottom: 5px;
}

.apply_server_box>li>span {
  width: 56px !important;
}

.apply_server_box .day {
  padding-left: 70px !important;
}

.ta_l {
  text-align: left !important;
}

.pl_10 {
  padding-left: 10px !important;
}

.point_gray {
  color: #c8c8c8 !important;
}

.hostingcombine .tab a {
  cursor: pointer;
}

.tld_type li {
  float: left;
}

.tld_type li input {
  vertical-align: middle;
}

.tld_type li input:last-child {
  margin-left: 10px;
}

.date_text li input {
  vertical-align: middle;
}

.Fc_7 {
  color: #777;
}

/* 2015.09.15 추가*/
/*.bgbox{
background-image:url("/assets/images/index/tab_bg.jpg");
width:100%;
}

.tabbox{
background-image:url("/assets/images/index/tab_bg.jpg");
width:960px;
height:48px;
background-repeat:repeat-x;
padding-left:18px;
margin: 0 auto;
}*/

.bgbox {
  /* Permalink - use to edit and share this gradient: //colorzilla.com/gradient-editor/#ffffff+0,eeeeee+100 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  /* IE6-9 */
  height: 66px;
  /*height:40px;*/
  width: 100%;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
}

.tabbox {
  width: 960px;
  margin: 0 auto;
}

.tabbox ul {
  float: left;
  border-bottom: 5px solid #dcdcdc;
}

.tabbox ul a {
  float: left;
  border-left: 1px solid #dcdcdc;
  display: block;
  padding: 7px 24px;
  background: #fff;
}

.tabbox ul a:first-child {
  padding: 7px 30px;
}

.tabbox ul a:nth-child(3) {
  padding: 7px 10px;
}

.tabbox ul a:nth-child(4) {
  padding: 7px 28px;
}

.tabbox ul a:nth-child(5) {
  padding: 7px 14px;
}

.tabbox ul a:last-child {
  border-right: 1px solid #dcdcdc;
  padding: 7px 14px;
}

.dotbox span {
  font-size: 0px;
}

.tabbox li {
  float: left;
}

.dotbox a {
  width: 115px;
  height: 40px;
  display: block;
  margin-top: 7px;
  margin-right: 15px;
}

.dotbox a:hover {
  background-color: #fff;
  width: 113px;
  height: 40px;
  display: block;
  border: 1px solid #d1d1d0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom: 0px solid #d1d1d0;
}

.dotboxbg a {
  background: url(/assets/images/index/tab_dot_off.jpg) no-repeat center 8px;
}

.dotboxbg a:hover {
  background: url(/assets/images/index/tab_dot_on.jpg) no-repeat 10px 7px;
  background-color: #fff;
}

.dotboxbg a.on {
  background: url(/assets/images/index/tab_dot_on.jpg) no-repeat center 7px;
  background-color: #fff;
  width: 113px;
  height: 40px;
  display: block;
  border: 1px solid #d1d1d0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom: 0px solid #d1d1d0;
}

.sitebox a {
  width: 115px;
  height: 40px;
  display: block;
  margin-top: 7px;
  margin-left: 5px;
  margin-right: 20px;
}

.sitebox a:hover {
  background-color: #fff;
  width: 113px;
  height: 40px;
  display: block;
  border: 1px solid #d1d1d0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom: 0px solid #d1d1d0;
}

.siteboxbg a {
  background: url(/assets/images/index/tab_site_off.jpg) no-repeat center 11px;
  background-position: 11px;
  background-repeat: no-repeat;
}

.siteboxbg a:hover {
  background: url(/assets/images/index/tab_site_on.jpg) no-repeat 10px 8px;
  background-color: #fff;
}

.siteboxbg a.on {
  background: url(/assets/images/index/tab_site_on.jpg) no-repeat 10px 8px;
  background-color: #fff;
  width: 113px;
  height: 40px;
  display: block;
  border: 1px solid #d1d1d0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom: 0px solid #d1d1d0;
}

.anybox a {
  width: 115px;
  height: 40px;
  display: block;
  margin-top: 7px;
  margin-left: 5px;
  margin-right: 10px;
}

.anybox a:hover {
  background-color: #fff;
  width: 113px;
  height: 40px;
  display: block;
  border: 1px solid #d1d1d0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom: 0px solid #d1d1d0;
}

.anyboxbg a {
  background: url("/assets/images/index/tab_any_off.jpg");
  background-position: center;
  background-repeat: no-repeat;
}

.anyboxbg a:hover {
  background: url(/assets/images/index/tab_any_on.jpg) no-repeat center 6px;
  background-color: #fff;
}

.anyboxbg a.on {
  background: url(/assets/images/index/tab_any_on.jpg) no-repeat center 8px;
  background-color: #fff;
  width: 113px;
  height: 40px;
  display: block;
  border: 1px solid #d1d1d0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom: 0px solid #d1d1d0;
}

.vpnbox a {
  width: 115px;
  height: 40px;
  display: block;
  margin-left: 10px;
  margin-top: 7px;
}

.vpnbox a:hover {
  background-color: #fff;
  width: 113px;
  height: 40px;
  display: block;
  border: 1px solid #d1d1d0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom: 0px solid #d1d1d0;
  margin-top: 7px;
}

.vpnboxbg a {
  background: url(/assets/images/index/tab_vpn_off.jpg) no-repeat center 6px;
}

.vpnboxbg a:hover {
  background: url(/assets/images/index/tab_vpn_on.jpg) no-repeat center 5px;
  background-color: #fff;
}

.vpnboxbg a.on {
  background: url(/assets/images/index/tab_vpn_on.jpg) no-repeat center 5px;
  background-color: #fff;
  width: 113px;
  height: 40px;
  display: block;
  border: 1px solid #d1d1d0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom: 0px solid #d1d1d0;
}

.gvcbox a {
  width: 115px;
  height: 40px;
  display: block;
  margin-top: 7px;
  margin-left: 6px;
}

.gvcbox a:hover {
  background-color: #fff;
  width: 113px;
  height: 40px;
  display: block;
  border: 1px solid #d1d1d0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom: 0px solid #d1d1d0;
}

.gvcboxbg a {
  background: url(/assets/images/index/tab_gvc_off.jpg) no-repeat center 11px;
}

.gvcboxbg a:hover {
  background: url(/assets/images/index/tab_gvc_on.jpg) no-repeat center 10px;
  background-color: #fff;
}

.gbcboxbg a.on {
  background: url(/assets/images/index/tab_gvc_on.jpg) no-repeat center 6px;
  background-color: #fff;
  width: 113px;
  height: 40px;
  display: block;
  border: 1px solid #d1d1d0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom: 0px solid #d1d1d0;
}

.awsbox a {
  width: 115px;
  height: 40px;
  display: block;
  margin-top: 7px;
  margin-left: 6px;
}

.awsbox a:hover {
  background-color: #fff;
  width: 113px;
  height: 40px;
  display: block;
  border: 1px solid #d1d1d0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom: 0px solid #d1d1d0;
}

.awsboxbg a {
  background: url(/assets/images/index/aws_off.png) no-repeat center 7px;
}

.awsboxbg a:hover {
  background: url(/assets/images/index/aws_on.png) no-repeat center 6px;
  background-color: #fff;
}

.awsboxbg a.on {
  background: url(/assets/images/index/aws_on.png) no-repeat center 6px;
  background-color: #fff;
  width: 113px;
  height: 40px;
  display: block;
  border: 1px solid #d1d1d0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom: 0px solid #d1d1d0;
}

.internbox a {
  width: 115px;
  height: 40px;
  display: block;
  margin-top: 7px;
  margin-left: 6px;
}

.internbox a:hover {
  background-color: #fff;
  width: 113px;
  height: 40px;
  display: block;
  border: 1px solid #d1d1d0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom: 0px solid #d1d1d0;
}

.internboxbg a {
  background: url(/assets/images/index/intern_off.jpg) no-repeat center 12px;
}

.internboxbg a:hover {
  background: url(/assets/images/index/intern_on.jpg) no-repeat center 11px;
  background-color: #fff;
}

.internboxbg a.on {
  background: url(/assets/images/index/intern_on.png) no-repeat center 6px;
  background-color: #fff;
  width: 113px;
  height: 40px;
  display: block;
  border: 1px solid #d1d1d0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom: 0px solid #d1d1d0;
}

.fixedbar {
  background: #2c1939;
  bottom: 0px;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  left: 0;
  padding: 0px 0;
  position: fixed;
  font-size: 16px;
  width: 100%;
  z-index: 99999;
  float: left;
  vertical-align: middle;
  margin: 0px 0 0;
  opacity: 1;
  font-weight: bold;
}

.floatingbox {
  margin: 0 auto !important;
  max-width: 100% !important;
  width: 1170px !important;
}

.floatingbox .product-name {
  float: left;
  text-align: center;
  width: 100%;
  font-size: 14px;
  margin: 12px 0 12px;
}

.product-span {
  font-weight: 300;
}

#sk-container {
  right: 10% !important;
}

.cdn_service01 {
  margin: 40px 0 20px 5px;
  overflow: hidden;
}

.cdn_service01_L {
  width: 50%;
  float: left;
}

.cdn_service01_L .cdn_service01_L_tit {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #010101;
}

.cdn_service01_R {
  width: 50%;
  float: right;
}

.cdn_service01_R img {
  width: 340px;
  float: right;
}

.cdn_service02 {
  margin: 40px 0 20px 5px;
  overflow: hidden;
}

.cdn_service02_L {
  width: 50%;
  float: left;
}

.cdn_service02_R .cdn_service02_R_tit {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #010101;
}

.cdn_service02_R {
  width: 50%;
  float: right;
}

.cdn_service02_L img {
  width: 340px;
  float: left;
}

.cdn_service03 {
  margin: 40px 0 20px 5px;
  overflow: hidden;
}

.cdn_service03 .cdn_service03_tit {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #010101;
}

.cdn_service03 img {
  text-align: center;
  margin: 30px 0;
}

.cdn_service03_Ul30 {
  float: left;
  width: 30%;
  margin: 20px 0;
}

.cdn_service03_Ul30 li {
  list-style: initial;
  list-style-type: disc;
  list-style-position: inside;
  font-size: 13px;
  line-height: 21px;
}

.new_button_charge {
  padding: 5px 15px;
  margin: 0 0 5px;
  height: 28px;
  line-height: 16px;
  font-size: 12px;
  font-weight: bold;
  color: #555555;
  text-shadow: 0 1px #fff;
  border-width: 1px 1px 0;
  border-style: solid;
  border-color: #cecece #bababa #a8a8a8;
  border-radius: 3px 3px 2px 2px;
  outline: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  display: inline-block;
  vertical-align: baseline;
  zoom: 1;
  background-color: #dfdfdf;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f1f1f1), color-stop(70%, #dfdfdf), color-stop(100%, #dadada));
  background-image: -webkit-linear-gradient(top, #f1f1f1 0%, #dfdfdf 70%, #dadada 100%);
  background-image: -moz-linear-gradient(top, #f1f1f1 0%, #dfdfdf 70%, #dadada 100%);
  background-image: -ms-linear-gradient(top, #f1f1f1 0%, #dfdfdf 70%, #dadada 100%);
  background-image: -o-linear-gradient(top, #f1f1f1 0%, #dfdfdf 70%, #dadada 100%);
  background-image: linear-gradient(top, #f1f1f1 0%, #dfdfdf 70%, #dadada 100%);
  -webkit-box-shadow: inset 0 1px #fdfdfd, inset 0 0 0 1px #eaeaea, 0 1px #a8a8a8, 0 3px #bbbbbb, 0 4px #a8a8a8, 0 5px 2px rgba(0, 0, 0, 0.25);
  box-shadow: inset 0 1px #fdfdfd, inset 0 0 0 1px #eaeaea, 0 1px #a8a8a8, 0 3px #bbbbbb, 0 4px #a8a8a8, 0 5px 2px rgba(0, 0, 0, 0.25);
}

.taxBox {
  border: 1px solid #e5e5e5;
  background-color: #fdfdfd;
  padding: 20px 25px 30px;
  margin: 0 auto 25px;
  width: 430px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
  text-align: center;
}

.taxBox h3 {
  margin-bottom: 20px;
  margin-top: 10px;
  font-size: 17px;
  font-weight: bold;
}

.taxBox p {
  line-height: 23px;
  text-align: left;
}

.taxBox_con {
  width: 388px;
  border: 1px solid #e5e5e5;
  background-color: #f7f7f7;
  margin: 0 auto;
  margin-top: 20px;
  padding: 20px;
}

.taxBox_con p {
  text-align: center;
}

.taxBox_con input {
  text-align: center;
  width: 60px;
  height: 20px;
}

.charge_box a:active {
  margin-bottom: 34px;
}

.popupHeader {
  background: #000;
  padding: 15px 20px;
}

.popupHeader p {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
}

.tooltip {
  position: absolute;
  z-index: 3000;
  border: 1px solid #572f99 !important;
  background-color: #fff !important;
  width: 245px;
  padding: 15px;
  text-align: left;
  font-weight: normal;
}

.tooltip h3 {
  font-size: 15px;
}

.tooltip p {
  word-break: normal;
  line-height: 18px;
  margin-bottom: 5px;
}

/*popup*/
.masklayer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999999;
}

.layer_popup {
  width: 540px;
  height: 360px;
  position: absolute;
  top: 50%;
  left: 50%;
  /*box-shadow: 0px 2px 5px #000;*/
  z-index: 9999999;
  margin-left: -270px;
  margin-top: -160px;
}

.layer_contents {
  margin-top: 40px;
  text-align: center;
}

.mainlevel_vip {
  color: red !important;
}

.mainlevel_gold {
  color: #FF6600 !important;
}

.mainlevel_normal {
  color: #2587da !important;
}

.table_style1 th,
.table_style1 td {
  border: 1px solid #c7c7c7;
}

.table_style1 th.topline01,
.table_style1 td.topline01 {
  border-top: 2px solid #572f99 !important;
}

.table_style1 td.point,
th.point {
  color: #572f99;
  font-weight: bold;
  font-size: 13px;
  background-color: #f6f1ff !important;
  font-family: 'Montserrat', 'NanumBarunGothic', sans-serif;
  border-left: 3px solid #572f99;
  border-right: 3px solid #572f99;
  border-collapse: collapse;
  /* border-color: #9c6dea #9460e8 #0f0029;
    background-image: -webkit-linear-gradient(top, #9264d4 0%, #654698 50%, #572f99 100%);
    background-image: -webkit-linear-gradient(top, #9264d4 0%, #654698 50%, #572f99 100%);
	 background-image: -moz-linear-gradient(top, #ad78f9 0%, #654698 50%, #572f99 100%);
    background-image: -ms-linear-gradient(top, #ad78f9 0%, #654698 50%, #572f99 100%);
    background-image: -o-linear-gradient(top, #ad78f9 0%, #654698 50%, #572f99 100%);
    background-image: linear-gradient(top, #ad78f9 0%, #654698 50%, #572f99 100%); */
}

.table_style1 th input,
.table_style1 td input {
  padding: 2px;
  border: 1px solid #c7c7c7;
  vertical-align: middle;
}

/*sns 연동 로그인 관련 css*/
.sns_login_box {
  width: 209px;
  height: 86px;
  margin-top: 100px;
}

.sns_login_box_mt10 {
  margin-top: 10px;
}

/* mobile */
@media only screen and (min-width: 320px) and (max-width: 980px) {
  .main_index_symantec_pin {
    display: none !important;
  }
}

/*메인팝업 슬라이드 관련 css*/
.flex-control-nav {
  margin-top: 25px;
  width: 100%;
  position: absolute;
  text-align: center;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #cccccc;
  /*background: rgba(0, 0, 0, 0.5);*/
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

/*.flex-control-paging li a:hover {
  background: #ccccccc;
  background: rgba(0, 0, 0, 0.7);
}*/
.flex-control-paging li a.flex-active {
  background: #ff9900;
  /*background: rgba(0, 0, 0, 0.9);*/
  cursor: default;
}

/*추가할인 및 총 결제금액_부가설명*/
.tb_discount #form_point td p {
  font-size: 11px;
  padding-top: 10px;
  /*.F11*/
}

/*신청저 작성 페이지 스타일 수정*/
.table_style1 .ssl_tr td #pdt_trust,
#anycert_year {
  height: 20px;
}

.table_style1 tr .L #buyertel1 {
  height: 20px;
}

.table_style1 tr .topline01 #period {
  height: 20px;
}

.table_style1 tr .L #manager_phone1,
#manager_mobile1 {
  height: 20px;
}

.table_style1 tr .topline01 #period {
  width: 183px;
  border: 1px solid #c7c7c7;
}

.table_style1 tr .L #mphone1 {
  height: 20px;
}

.table_style1 tr .L #buyertel1 {
  height: 24px !important;
  vertical-align: -2px;
}

/*2016-10-26 프레스타샵*/
.f_icon {
  width: 79%;
  padding-left: 10px;
}

.service_box {
  padding: 10px 0;
  overflow: hidden
}

.service_box h2 {
  border: none !important
}

.service_icon {
  width: 37%;
  height: auto;
  float: left
}

.service_icon img {
  width: 100%;
}

.service_con {
  width: 43%;
  padding-left: 10px;
  box-sizing: border-box;
  float: left;
}

.service_con .sub {
  line-height: 28px
}

.service_bt {
  width: 20%;
  float: left;
  margin: 56px 0
}

.ftitbox {
  padding-top: 3px
}

#body.prestashop area {
  outline: none !important
}

/*2016-11-17*/
#dotname_own_info tr:nth-child(13) th {
  padding: 8px 0
}

/* 웹에이전시용 호스팅 */
.ahosting {
  width: 760px;
  overflow: hidden;
  margin-bottom: 20px;
  letter-spacing: -0.04em;
}

.ahosting .col {
  width: 23%;
  float: left;
  text-align: center;
  margin-left: 20px;
  margin-bottom: 20px;
}

.ahosting .col:first-child,
.ahosting .col:nth-child(5) {
  margin: 0
}

.ahosting .col .title {
  margin-bottom: 7px;
}

.ahosting .col .img img {
  width: 80%;
  margin-bottom: 15px;
}

/* 멀웨어바이츠 */
.mwb {
  margin-bottom: 50px;
  padding-top: 30px;
  border-top: 1px solid #ddd;
}

.mwb p {
  padding: 8px 0;
}

.mwb p:first-child,
.mwb p:last-child {
  margin-left: 50px;
}

.mwb p:nth-child(2) {
  margin-left: 200px;
}

.mwb_table table td:first-child {
  font-weight: bold;
}

.mwb_table table td:nth-child(2),
.mwb_table table td:nth-child(4),
.mwb_table table td:nth-child(6) {
  text-decoration: line-through;
}

.mwb_table table td:nth-child(3),
.mwb_table table td:nth-child(5),
.mwb_table table td:nth-child(7) {
  font-size: 14px;
  color: red;
  font-weight: bold;
}

/*도메인 등록_ 신청서 작성*/
#dotname_own_info tr:nth-child(6) td select {
  height: 20px;
}

#dotname_own_info tr:nth-child(7) td select {
  height: 20px;
}

#dotname_own_info .hosting_add_web td .year_txt {
  vertical-align: -3px;
  margin-left: 5px;
}

#dotname_own_info .hosting_add_webmail td .year_txt {
  vertical-align: -3px;
  margin-left: 5px;
}

/* captcha */
.captcha-box {
  border: 1px solid #ccc;
  box-sizing: border-box;
  width: 404px;
  margin: 30px auto 0;
  padding: 20px;
  border-radius: 5px;
}

.captcha-box .code img {
  width: 100%;
  padding: 0px
}

.captcha-box .form :before {
  content: "상단에 보이는 문자를 정확히 입력해주세요";
  font-weight: bold;
  color: #572f99;
  display: inline-block;
  padding-bottom: 10px;
  font-size: 14px;
  width: 100%;
  text-align: center;
}

.captcha-box .form {
  margin-top: 10px
}

.captcha-box .form input {
  border: 1px solid #ccc;
  width: 85%;
  height: 23px;
  padding: 1px 5px;
  text-align: center
}

.captcha-box .form a {
  cursor: pointer;
}

.captcha-box .form a:focus {
  outline: none;
}

.captcha-box .form input:focus {
  border: 1px solid #1e82d9;
  outline: none
}

.captcha-box .form a img {
  width: 7%;
  float: right
}

/* 팝업 */
.popup_block {
  width: 100%;
  height: 100%;
  display: table;
  background: rgba(0, 0, 0, 0.75);
  *background: url('/assets/images/popup_bg.png');
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  font-family: 'Nanum Gothic';
}

.popup {
  display: table-cell;
  vertical-align: middle
}

.popup_container {
  width: 540px;
  height: 280px;
  *height: auto;
  background: #2380d8;
  margin: 0 auto;
  overflow: hidden;
  text-align: center
}

.popup_container {
  display: table;
  *margin-top: 15%
}

.popup_container .popup_ct .close_bt {
  position: absolute;
  top: 10px;
  right: 10px;
  cursor: pointer
}

.popup_ct {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  border: 3px solid #1d6cbf;
  *padding: 35px 0;
}

.popup_ct h1 {
  color: #fff;
  line-height: 29px;
  font-size: 18px;
  font-weight: 500;
  margin: 0
}

.popup_ct button {
  border: 0;
  background: #fff;
  color: #2380d8;
  padding: 12px 60px;
  font-size: 16px;
  margin-top: 30px;
  font-weight: 600;
  transition: 0.3s;
  cursor: pointer
}

.popup_ct button:focus {
  outline: none
}

.popup_ct button:hover {
  background: #181818;
  color: #fff;
}

.popup_ct span {
  color: #fff;
  width: 100%;
  display: inline-block;
  font-weight: 500;
  margin-top: 30px;
  font-size: 14px
}

.popup_block.new .popup_container {
  background: #fff
}

.popup_block.new .popup_container .popup_ct {
  border: 4px solid #2c1939
}

.popup_block.new .popup_container .popup_ct .mail {
  margin-top: 15px
}

.popup_block.new .popup_container .popup_ct .todayno {
  position: absolute;
  bottom: 5px;
  right: 7px
}

.popup_block.new .popup_container .popup_ct .todayno a:hover {
  color: #572f99
}

.popup_block.new .popup_container .popup_ct .mail input {
  width: 300px;
  height: 42px;
  vertical-align: -2px;
  display: inline-block;
  border: 1px solid #c9c9c9;
  padding: 3px 10px;
  box-sizing: border-box;
  font-size: 18px
}

.popup_block.new .popup_container .popup_ct .mail input:focus {
  outline: none;
  border: 1px solid #3b6fd8
}

.popup_block.new .popup_container .popup_ct hr {
  border: none;
  border-top: 2px solid #bbb;
  margin: 25px 31px
}

.popup_block.new .popup_container {
  height: 630px;
}

.popup_block.new .popup_container .popup_ct h1 {
  color: #676767;
  margin-top: 20px;
}

.popup_block.new .popup_container .popup_ct h1.title {
  font-size: 25px;
  font-weight: bold;
  margin-top: 0;
  color: #572f99;
  letter-spacing: -1px;
}

.popup_block.new .popup_container .popup_ct h1.box {
  margin: 20px 30px 0;
  padding: 15px 0
}

.popup_block.new .popup_container .popup_ct h1 span {
  color: #696969;
  font-size: 80px;
  line-height: 70px;
  margin-top: 0;
  color: #3B6FD8;
  margin-bottom: 10px;
  word-spacing: -15px;
}

.popup_block.new .popup_container>.popup_ct>span {
  color: #676767;
  padding: 0px 30px;
  box-sizing: border-box;
  text-align: left;
  letter-spacing: -1px;
  line-height: 20px;
}

.popup_block.new .popup_container .popup_ct button {
  color: #fff;
  background: #572f99;
  width: 168px;
  margin-top: 0;
  padding: 12px 10px
}

/* 출척체크 팝업 */
.check_pop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 12px 12px;
  box-sizing: border-box;
}

.check_pop.check_bg1 {
  background: url('/assets/images/index/check_bg.jpg') no-repeat;
}

.check_pop.check_bg2 {
  background: url('/assets/images/index/check_bg2.jpg') no-repeat;
}

.check_pop .btn {
  position: absolute;
  top: 12px;
  right: 12px;
  cursor: pointer
}

.check_pop .title {
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  margin-bottom: 12px;
}

.check_pop .txt {
  line-height: 19px;
  color: #fff;
  font-size: 14px;
  padding: 11px 8px;
  font-weight: bold
}

.check_pop .txt span.strong {
  color: #ffc000;
  font-weight: bold;
  letter-spacing: 0.5px;
}

.check_pop .txt span.sub {
  font-size: 11px;
  color: rgb(61, 222, 103);
}

.check_pop.check_bg2 .txt span.strong {
  color: #016b1c;
}

.check_pop.check_bg2 .txt span.sub {
  color: #585858;
}

/* 단독 호스팅 이미지 */
.app_icon {
  margin-top: 15px;
}

.app_hosting {
  margin-bottom: 25px;
  overflow: hidden;
}

.app_hosting>span {
  float: left;
  width: 110px;
  text-align: center;
}

.app_hosting>span .title {
  display: block;
  margin-top: 5px;
  font-weight: bold;
  line-height: 130%;
}

.app_hosting p {
  float: right;
  width: 640px;
  padding-top: 5px;
  text-align: justify;
  line-height: 20px;
}

.app_hosting p a {
  color: #572f99;
}

/* 2017-10-16 도메인 검색 리스트 리뉴얼 */
.new_table_box {
  /* padding:0px 15px; */
  border: 1px solid #d2d7db;
  border-top: 2px solid #572f99
}

.new_table_box.highlight {
  box-shadow: 3px 3px 16px rgba(0, 0, 0, .1);
  border: 1px solid #572f99;
}

.new_table {
  width: 100%;
  border-left: 0;
  border-right: 0;
  border-bottom: 0
}

.new_table thead tr:first-child {
  background: #f6f1ff;
  font-size: 14px;
}

.new_table thead tr th {
  border: 0
}

.new_table tbody tr td {
  font-size: 15px;
}

.new_table tbody tr td:last-child {
  font-size: 13px;
  font-weight: 600
}

.new_table tbody tr td,
.new_table thead tr th {
  text-align: center;
  padding: 22px 0
}

.new_table tbody tr td {
  border: none;
  border-top: 1px solid #e8e8e8;
}

.new_table tbody tr td>p {
  font-size: 16px;
  color: #555
}

.new_table tbody tr td>p>label {
  cursor: pointer;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.new_table tbody tr td>p>label.noadd {
  cursor: not-allowed
}

.new_table tbody tr td>p .whois_info {
  margin-left: 5px !important
}

.new_table tbody tr td>p>span {
  font-size: 12px;
}

.new_table tbody tr td input[type='checkbox'] {
  cursor: pointer
}

.new_table tbody tr td img {
  vertical-align: middle !important
}

.new_table tbody tr .L,
.newwrap .membersort .box,
.newwrap .membersort .sorttr td {
  text-align: left;
}

.new_table tbody tr {
  border-left: 0;
  border-left: 0
}

.new_table tbody tr.pack_dom td.new_checkbox {
  font-size: 14px;
}

.new_table tbody tr:last-child td.deposit {
  border-bottom: 2px solid #572f99;
}

.new_checkbox {
  position: relative;
}

.new_checkbox.all_chk {
  display: table;
  width: 100%;
}

.new_checkbox.all_chk.recommend {
  display: table-row;
}

.new_checkbox.all_chk>div {
  display: table-cell;
  vertical-align: middle;
}

.new_checkbox.all_chk>div.check {
  width: 53px;
  text-align: center;
  height: 50px;
}

.new_checkbox.all_chk>div.check i {
  vertical-align: middle;
}

.new_checkbox.all_chk>div.text {
  width: 200px;
  text-align: left;
}

.new_checkbox.all_chk>div.avail_dom {
  text-align: right;
  font-weight: normal;
}

.new_checkbox.all_chk>div.avail_dom label {
  padding: 3px 10px;
  border: 1px solid #aaa;
  border-radius: 2px;
  font-size: 14px;
  padding-left: 28px;
  position: relative;
}

.new_checkbox.all_chk>div.avail_dom label i {
  display: none;
}

.new_checkbox.all_chk>div.avail_dom label::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Free";
  position: absolute;
  left: 10px;
  font-weight: bold;
}

.new_checkbox i {
  font-size: 23px;
}

.new_checkbox i.chk {
  color: #999;
  background: url(/images/domain/new/check_box_bg.jpg)no-repeat center;
}

.new_checkbox i.noadd {
  color: #ca1919;
  cursor: not-allowed;
}

.new_checkbox i.search {
  color: #84a50a
}

.new_checkbox label {
  cursor: pointer
}

.new_checkbox input[type='checkbox'] {
  display: none !important;
  width: 0;
  height: 0px
}

.new_checkbox input[type='checkbox']:checked+label i {
  color: #572f99 !important;
}

.new_checkbox input[type='checkbox']:checked+label i:before {
  content: "\e92e"
}

.new_checkbox input[type='checkbox']:checked+label {
  color: #572f99;
  border-color: #572f99;
}

.new_checkbox_icon {
  color: #999;
}

.new_checkbox_icon i {
  font-size: 22px;
  color: #999;
  vertical-align: -4px;
}

i.xi-spinner-5.xi-spin {
  color: #8ec155;
  font-size: 23px;
}

.deposit_tit .tablesorter-header-inner {
  position: relative;
}

.deposit_tit {
  position: relative;
}

.deposit_tit div.tooltip {
  display: none;
  top: 30px !important;
}

.deposit_tit .layerpop_deposit:hover~.tooltip {
  display: block;
  left: -2px;
  top: 25px;
}

.padding_table tr td,
.padding_table tr th {
  padding: 15px 0 !important
}

.tag {
  position: absolute;
  right: 0;
  top: -15px;
}

.ahosting.malware_hosting .col .img img {
  width: auto;
}

.hosting_agree input {
  margin: 5px 5px;
  float: left;
}

.hosting_agree span {
  color: #000;
  font-size: 13px;
}

a i.fas.fa-external-link-alt {
  font-size: 0.9em;
  opacity: 0.5;
  margin-left: 2px;
}

a:hover i.fas.fa-external-link-alt {opacity: 1;}




/* FAQ 링크 신규 css */
#body table.table_style1 td > p {
  font-size: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid #c7c7c7;
}

#body table.table_style1 td ul {
  padding: 0;
}

#body table.table_style1 td ul li {
  padding: 10px 0;
  border-bottom: 1px solid #c7c7c7;
}

#body table.table_style1 td ul li a {
  font-size: 16px;
  text-decoration: none;
  color: #000;
  display: flex; 
  align-items: center; 
  justify-content: space-between;
  padding:0 10px;
}

#body table.table_style1 td ul li a:hover {
  color: #572f99;
  background-color: #f0f0f0;
}

#body table.table_style1 td ul li a .fas {
  margin-left: 5px;
  font-size: 12px;
}

#body table.table_style1 td ul li a:hover .fas {
  color: #572f99;
}



/* FAQ 링크 신규 css 끝 */


/* 챗봇 설정 */
.dotbotbtn {cursor: pointer;}
.dotbot {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 1000002;
  width: 400px;
  height: 700px;
  border:1px solid #2c1939;
  background:#fff;
  border-radius:20px;
  overflow: hidden;
}

.dotbot_title {
  padding: 20px;
  background: #2c1939;
  border-bottom: 1px solid #2c1939;
  font-size: 16px;
  font-weight: bold;
}

.dotbot_title p {
  color:#fff;
  display: flex;
  justify-content: space-between;
}
.dotbot_title p span {cursor: pointer;}

.chat-message {
  position: relative; bottom: -10px; opacity: 0;
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
}

.message {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}

.message.left {
  justify-content: flex-start;
}

.message.right {
  justify-content: flex-end;   
  flex-wrap: wrap;
  gap: 10px;
  margin-left: 13%;
}

.message .profile-image {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin-right: 10px;
}

.message p {
  background: #f0f0f0;
  padding: 10px;
  border-radius: 10px;
  margin: 0;
  display: block;
}

.message-time{
  font-size: 10px;
  color: #999;
  margin-top: 5px;
  margin-left:5px;
  align-self: flex-end;
}

.message_click {
  cursor: pointer;
}

.message_active {
  background: #2c1939 !important;
  color:#fff;
}

.dotbot_chat {
  height:630px;
  overflow: auto;
}

.dotbot_chat a {
  display: inline-block;
  background-color: #2c1939;
  color: #fff;
  padding: 10px 20px;
  margin:5px 0;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.dotbot_chat a:hover {
  background-color: #3d2a4b;
}

#newChatButton {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50px;
  border: 0;
  z-index:2;
}