/********************************************************************/
/* 기본 CSS */
/********************************************************************/
body {
  margin: 0;
  padding: 0;
  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-size: 14px;
  font-weight: 400;
  line-height: 1.5em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a {
  color: #666666;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
img,
fieldset,
iframe {
  border: 0 none;
}
ul,
li,
dl,
dt,
dd {
  margin: 0;
  padding: 0;
}
li {
  list-style: none outside none;
}
em,
address {
  font-style: normal;
}
button,
label {
  cursor: pointer;
}

.hide {
  display: none;
}
.inline {
  display: inline;
}
.block {
  display: block;
}
.orange {
  color: #ff7200 !important;
}
.orange_secuiptx {
  color: #ff7200;
  font-size: 17px;
}
.red {
  color: #ea0000;
}
.blue {
  color: #0066ff;
}
.hide {
  display: none;
}
.clb {
  clear: both;
}
.fl {
  float: left !important;
}
.fr {
  float: right !important;
}
.clb {
  clear: both;
}
.newline {
  display: block;
}
.overhidden {
  overflow: hidden;
}

.m-0 {
  margin: 0px !important;
}
.m-t-0 {
  margin-top: 0 !important;
}
.m-t-5 {
  margin-top: 5px !important;
}
.m-t-10 {
  margin-top: 10px !important;
}
.m-t-20 {
  margin-top: 20px !important;
}
.m-t-30 {
  margin-top: 30px !important;
}
.m-t-50 {
  margin-top: 50px !important;
}
.m-l-10 {
  margin-left: 10px !important;
}
.m-l-15 {
  margin-left: 15px !important;
}
.m-l-20 {
  margin-left: 20px !important;
}
.m-l-25 {
  margin-left: 25px !important;
}
.m-l-30 {
  margin-left: 30px !important;
}
.m-l-40 {
  margin-left: 40px !important;
}
.m-l-50 {
  margin-left: 50px !important;
}
.m-b-0 {
  margin-bottom: 0px !important;
}
.m-b-5 {
  margin-bottom: 5px !important;
}
.m-b-10 {
  margin-bottom: 10px !important;
}
.m-b-20 {
  margin-bottom: 20px !important;
}
.m-b-30 {
  margin-bottom: 30px !important;
}
.m-b-50 {
  margin-bottom: 50px !important;
}
.m-b-30_secuip {
  margin-top: 50px !important;
}
.m-b-30.scuip_tx01 {
  margin-top: 50px;
  font-size: 14px !important;
}
.m-b-30.scuip_tx02 {
  position: relative;
  top: 23px !important;
}

.m-b-n10 {
  margin-bottom: -10px !important;
}
.m-b-n20 {
  margin-bottom: -20px !important;
}
.m-b-n30 {
  margin-bottom: -30px !important;
}

.b-l-0 {
  border-left: 0 none !important;
}
.b-l-1 {
  border-left: 1px solid !important;
}
.b-l-1.border-gray {
  border-color: #dedede !important;
}
.b-r-0 {
  border-right: 0 none !important;
}
.b-t-0 {
  border-top: 0 none !important;
}
.b-b-0 {
  border-bottom: 0 none !important;
}

.text-left {
  text-align: left !important;
}
.text-center {
  text-align: center !important;
}
.text-right {
  text-align: right !important;
}

.text-gray {
  color: #666;
}
.text-green {
  color: #008836;
  font-weight: 800;
}
.text-orange {
  color: #ff7200;
}
.text-red {
  color: #fd2e05;
}
.text-black {
  color: #111;
}
.text-weakblack {
  color: #797979;
}

.f-s-12 {
  font-size: 12px;
}
.f-s-13 {
  font-size: 13px;
}
.f-s-14 {
  font-size: 14px;
}
.f-s-15 {
  font-size: 15px;
}
.f-s-15 {
  font-size: 15px;
}
.f-s-16 {
  font-size: 16px;
}
.f-s-18 {
  font-size: 18px;
}
.f-s-15-height {
  font-size: 15px;
  line-height: 15px;
}

.underline {
  text-decoration: underline;
}

.f-w-200 {
  font-weight: 200 !important;
}
.f-w-400 {
  font-weight: 400 !important;
}
.f-w-500 {
  font-weight: 500 !important;
}
.f-w-600 {
  font-weight: 600 !important;
}
.f-w-700 {
  font-weight: 700 !important;
}
.f-w-800 {
  font-weight: 800 !important;
}

.bg_orange {
  background-color: #fc871e !important;
}
.bg_green {
  background-color: #37b469 !important;
}
.bg_white {
  background-color: #fff !important;
}
.bg_white.secip_width {
  width: 5%;
  background-color: #fff !important;
}
.bg_grey {
  background-color: #888888 !important;
}
.bg_grey01 {
  background-color: #656978 !important;
}
.bg_red {
  background-color: #ea0000 !important;
}
.bg_green td {
  background-color: #37b469 !important;
  color: #fff !important;
}

/********************************************************************/
/* 결제안내 */
/********************************************************************/
#confirm_box {
  margin-top: 20px;
  font-size: 15px;
  line-height: 1.3em;
}
#confirm_box > .title {
  display: none;
  height: 40px;
  background-color: #e0dfdf;
}
#confirm_box > .title > h4 {
  padding: 15px 0 0 20px;
  font-size: 14px;
}
#confirm_box > .body {
  padding: 0;
  background-color: #fff;
}
#confirm_box > .body > h4 {
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  color: #ff7200;
  font-weight: bold;
  font-size: 16px;
  font-weight: 700;
  text-decoration: underline;
}
#confirm_box > .body > ul {
  margin: 0 20px;
  padding: 0;
}
#confirm_box > .body > ul > li {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-bottom: 6px;
  padding-left: 1px;
  color: #666; /*참고표아이콘background:url('/img/bl_01.gif') no-repeat 0 3px*/
}
#confirm_box > .body > ul > li.bs {
  margin-bottom: 12px !important;
}
#confirm_box > .body > ul > li.red {
  /*참고표아이콘background:url('/img/bl_02.gif') no-repeat 0 3px !important;*/
  color: #ff7200 !important;
}
#confirm_box > .body > ul > li > a {
  color: inherit;
  text-decoration: underline;
}
#confirm_box > .body > ul > li > p {
  margin: 0;
  padding: 0;
}
#confirm_box > .body > .agree {
  margin-top: 20px;
  padding: 15px 0;
  background-color: #ebe9e9;
  color: #666;
  text-align: center;
}
#confirm_box > .body > ul > li > ol {
  margin: 5px 0 0 0;
  padding: 0 0 0 12px;
  font-size: 13px;
  line-height: 1.25em;
}
#confirm_box .strong {
  font-weight: bold;
}
#confirm_box > .body > .refund {
  color: #666;
}
#confirm_box > .body > .refund > h5 {
  margin: 10px 0 10px 0;
  font-size: 15px;
}
#confirm_box > .body > .refund > p {
  margin: 5px 0;
}
#confirm_box > .body > .refund > ul {
  margin: 0 0 10px 10px;
}
#confirm_box > .body > .refund {
  padding: 0 20px;
}

ul.pay_tabs {
  margin-bottom: 20px;
  float: left;
  list-style: none;
  height: 38px;
  border-bottom: 1px solid #4b75c1;
  border-left: 1px solid #4b75c1;
  width: 100%;
  color: #000000;
  font-family: gulim, sans-serif;
  font-size: 13px;
}

ul.pay_tabs li {
  float: left;
  text-align: center;
  cursor: pointer;
  padding: 5px 8px 0 8px;
  height: 31px;
  line-height: 31px;
  border: 1px solid #4b75c1;
  border-top: 2px solid #4b75c1;
  border-left: none;
  font-weight: bold;
  font-size: 12px;
  background: #ebeeef;
  position: relative;
}
ul.pay_tabs a {
  color: #000000;
}
ul.pay_tabs li.active {
  background: #ffffff;
  border-bottom: 1px solid #ffffff;
}

/********************************************************************/
/* 201901 리뉴얼 */
/********************************************************************/

/********************************************************************/
/* 공통 */
/********************************************************************/
.wrapper {
  position: relative;
  width: 1079px;
  margin: 0 auto;
}

#header {
  height: 136px;
}
#header .quick {
  height: 44px;
  border-bottom: 1px solid #e0e0e0;
}
#header .quick .menu {
  position: absolute;
  right: 0;
}
#header .quick .menu li {
  float: left;
}
#header .quick .menu li a {
  display: block;
  padding: 12px 15px 11px 15px;
  color: #585858;
  font-size: 14px;
  font-weight: 500;
}
#header .quick .menu li.sitemap {
  margin-left: 10px;
}
#header .quick .menu li.sitemap a {
  display: block;
  padding: 12px 20px 11px 50px;
  background: url("/img/201901/bl_white_bar.gif") no-repeat 20px 14px #585858;
  color: #fff;
}
#header .bot .logo a {
  display: block;
  width: 125px;
  height: 91px;
  background: url("/img/201901/header_logo.jpg") no-repeat 0 0;
  text-indent: -9999em;
}
#header .bot .topmenu {
  position: absolute;
  top: 36px;
  right: 0;
}
#header .bot .topmenu li {
  float: left;
  width: 120px;
}
#header .bot .topmenu li a {
  display: block;
  color: #444;
  text-align: left;
  font-size: 18px;
  font-weight: 500;
}
#header .bot .topmenu li a.multiline {
  position: relative;
  top: -8px;
}
#header .quick .customer {
  float: left;
  margin-top: 9px;
}
#header .quick .customer .service {
  margin-left: 3px;
}
#header .quick .customer .text-orange {
  font-weight: 800;
}

/* 서브메뉴 */
.submenu {
  display: none;
  position: absolute;
  top: 136px;
  z-index: 1000;
  width: 100%;
  min-width: 1079px;
  height: 230px;
  background-color: #fff;
  border-top: 2px solid #535554;
  border-bottom: 1px solid #535554;
}
.submenu > .wrapper > ul {
  margin: 20px 0 0 239px;
}
.submenu > .wrapper > ul > li {
  float: left;
  width: 120px;
}
.submenu > .wrapper > ul > li:last-child {
  margin-right: 0;
}
.submenu > .wrapper > ul > li > h5 {
  display: none;
  margin: 0 0 15px 0;
  padding: 0 0 8px 0;
  color: #444;
  border-bottom: 1px solid #ccc;
  font-size: 16px;
  font-weight: 600;
}
.submenu > .wrapper > ul > li > ul > li {
  color: #444;
  font-size: 13px;
  line-height: 1.8em;
}
.proxyp_pr {
  margin: 4px 0 9px 0;
  line-height: 1.3em !important;
}
.submenu > .wrapper > ul > li > ul > li > a {
  color: #555;
  font-size: 15px;
  font-weight: 400;
}
.submenu > .wrapper > ul > li > ul > li > a.flag_china {
  padding-right: 26px;
  background: url("/img/201901/icon_china.jpg") no-repeat 100% 1px;
}
.submenu > .wrapper:after {
  display: block;
  content: "";
  clear: both;
}

#footer {
  clear: both;
  width: 100%;
  min-width: 1079px;
  background-color: #606060;
}
#footer .wrapper {
  height: 163px;
  background: url("/img/201901/footer_logo.jpg") no-repeat 0 30px;
}
#footer .quick {
  position: absolute;
  top: 28px;
  left: 204px;
}
#footer .quick li {
  float: left;
  background: url("/img/201901/bl_footer_quick_bar.gif") no-repeat 100% 5px;
}
#footer .quick li:first-child a {
  margin-left: 0;
}
#footer .quick li:last-child {
  background: url("") !important;
}
#footer .quick a {
  color: #f7f7f7;
  margin: 0 20px;
  font-size: 15px;
}
#footer .info {
  position: absolute;
  top: 61px;
  left: 204px;
  font-size: 13px;
  line-height: 1.4em;
  font-weight: 500;
}
#footer .info dt {
  float: left;
  margin-right: 5px;
  color: #b2b2b2;
}
#footer .info dd {
  float: left;
  margin-right: 10px;
  color: #b2b2b2;
}
#footer .copyright {
  position: absolute;
  top: 118px;
  left: 204px;
  margin: 0;
  padding: 0;
  color: #919191;
  font-size: 13px;
  font-weight: 600;
}
#footer .family {
  position: absolute;
  top: 30px;
  right: 0;
}
#footer .family > select {
  width: 150px;
}

#container > .subtop > .top {
  width: 100%;
  background: url("/img/201901/subtop_bg.gif") repeat-y 50% 0 #282a2a;
}
#container > .subtop > .top > .wrapper {
  overflow: hidden;
  position: relative;
  width: 1079px;
  height: 130px;
  margin: 0 auto;
  background: url("/img/201901/subtop_01.jpg") no-repeat 0 0 #282a2a;
}
#container > .subtop > .top > .wrapper > h2 {
  position: absolute;
  top: 33px;
  font-size: 32px;
  font-weight: 500;
  color: #fff;
}
#container > .subtop > .top > .wrapper > h2 > em {
  margin-left: 10px;
  font-family: "Noto sans KR";
  font-size: 20px;
  font-weight: 600;
  color: #eee;
}
#container > .subtop > .breadcrumb {
  width: 100%;
  background: url("/img/201901/subtop_bg_bot.gif") repeat-y 50% 0 #000;
}
#container > .subtop > .breadcrumb > .wrapper {
  overflow: hidden;
  position: relative;
  width: 1079px;
  height: 36px;
  margin: 0 auto;
  background: url("/img/201901/subtop_02.jpg") no-repeat 0 0 #000;
}
#container > .subtop > .breadcrumb > .wrapper > ul {
  margin-top: 7px;
}
#container > .subtop > .breadcrumb > .wrapper > ul li {
  float: left;
  margin: 0 0 0 10px;
  padding: 0 0 0 27px;
  background: url("/img/201901/subtop_icon_bar.jpg") no-repeat 0 0;
}
#container > .subtop > .breadcrumb > .wrapper > ul li a {
  display: block;
}
#container > .subtop > .breadcrumb > .wrapper > ul li.home {
  margin: 0;
  padding: 0;
  background: url("");
}
#container > .subtop > .breadcrumb > .wrapper > ul li.home a {
  width: 20px;
  height: 20px;
  background: url("/img/201901/subtop_icon_home.jpg") no-repeat 0 0;
  text-indent: -9999em;
}
#container > .subtop > .breadcrumb > .wrapper > ul li a {
  color: #ddd;
}
#container > .subtop > .breadcrumb > .wrapper > ul li:last-child a {
  color: #fc8d00;
}

#container > .subtop > .hero {
  display: flex;
  justify-content: center;
  overflow: hidden;
  width: 100%;
  min-width: 1079px;
  margin: 0 0 50px 0;
  background-color: #f5f5f5;
  border-bottom: 2px solid #1d1d1d;
}

#container > .content {
  position: relative;
  width: 1079px;
  margin: 25px auto 0;
}

.content > .toptitle {
  padding-bottom: 15px;
}
.content > .toptitle > h3 {
  margin: 16px 0 0 0;
  padding: 0;
  font-size: 28px;
}
.content > .toptitle > .bar {
  display: block;
  overflow: hidden;
  width: 40px;
  height: 4px;
  background-color: #fc871e;
}
.content > .row {
  display: block;
  content: "";
  clear: both;
}
.content > .row:after {
  display: block;
  content: "";
  clear: both;
}
.content > .row > h4 {
  margin: 0 0 10px 0;
  padding: 0;
  line-height: 1.2em;
  font-size: 20px;
  font-weight: 800;
  color: #222;
}
.content > .row > h4.secip_tx01 {
  margin: 30px 0 10px 0;
  padding: 0;
  line-height: 1.2em;
  font-size: 20px;
  font-weight: 800;
  color: #222;
}
.content > .row > h4.secip_tx02 {
  margin: 0 0 -12px 0;
  padding: 0;
  line-height: 1.2em;
  font-size: 20px;
  font-weight: 800;
  color: #222;
}
.content > .row > h4.secip_tx03 {
  position: relative;
  top: 30px;
  padding: 0;
  line-height: 1.2em;
  font-size: 20px;
  font-weight: 800;
  color: #222;
}

.content > .row > h5 {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  color: #555;
}
.content > .row {
  margin-bottom: 40px;
}
.content > .row.secip_top {
  margin-bottom: 0;
}
.content > .row.middle {
  position: relative;
  top: 40px;
}
.content > .row.section_utm {
  margin-top: -30px;
}

.content > .row.build_part01 {
  margin-bottom: -220px;
}

/* 사용방법 안드로이든 qr코드추가 */
.content > .row > .android {
  float: right;
  position: absolute;
  top: 135px;
  right: 450px;
  text-align: center;
}
.content > .row > .china {
  float: right;
  position: absolute;
  top: 135px;
  right: 200px;
  text-align: center;
}

/********************************************************************/
/* 테이블정의 */
/********************************************************************/
.tb06 {
  width: 100%;
  border-spacing: 0;
  border-top: 2px solid #656978;
  border-bottom: 1px solid #656978;
}
.tb06 th {
  padding: 10px 0;
  background-color: #656978;
  color: #fff;
  border-left: 1px solid #82858e;
  border-bottom: 1px solid #8d8f96;
  font-size: 15px;
}
.tb06 td {
  padding: 10px 0;
  color: #666;
  border-left: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}
.tb06.c_p_20 td {
  padding: 20px;
}
.tb06.c-p-l-20 td {
  padding-left: 20px;
}

.tb06_secip {
  width: 100%;
  border-spacing: 0;
  margin-bottom: 50px;
  border-top: 2px solid #656978;
  border-bottom: 1px solid #656978;
}
.tb06_secip th {
  padding: 10px 0;
  background-color: #5a7171;
  color: #fff;
  border-left: 1px solid #82858e;
  border-bottom: 1px solid #8d8f96;
  font-size: 15px;
}
.tb06_secip td {
  padding: 10px 0;
  color: #666;
  border-left: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}
.tb06_secip.c_p_20_secip td {
  padding: 20px;
}
.tb06_secip.c-p-l-20_secip td {
  padding-left: 20px;
}

.tb07 {
  width: 100%;
  border-spacing: 0;
}
.tb07 thead th {
  padding: 10px 0;
  background-color: #656978;
  color: #fff;
  border-left: 1px solid #82858e;
  font-size: 15px;
}
.tb07 tbody td {
  padding: 10px 0;
  color: #666;
  border-left: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  text-align: center;
}
.tb07 tbody td:first-child {
  border-left: 0;
}
.tb07 tbody tr:hover td {
  background-color: #f5f5f5;
}
.tb07 tbody tr:hover > .top_table {
  background-color: #ffff00;
}
.tb07 tbody tr:hover td.nohoverbg {
  background-color: #fff !important;
}
.tb07.nohoverbg tr:hover td {
  background-color: #fff !important;
}
.row > .premium_icon01 {
  position: absolute;
  top: 210px;
  left: 700px;
}
.row > .premium_icon02 {
  position: absolute;
  top: 300px;
  left: 700px;
}
.row > .premium_icon03 {
  position: absolute;
  top: 359px;
  left: 365px;
}

.row > .global_btn01 {
  position: absolute;
  top: 185px;
  left: 560px;
}

.tb08 {
  width: 100%;
  border-spacing: 0;
}
.tb08 thead th {
  padding: 10px 0;
  background-color: #656978;
  color: #fff;
  font-size: 15px;
}
.tb08 tbody td {
  height: 40px;
  color: #666;
  border-left: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  text-align: center;
}
.tb08 tbody td:first-child {
  border-left: 0;
}
.tb08 tbody tr:last-child td {
  border-bottom: 1px solid #656978;
}
.tb08 tbody tr:hover td {
  background-color: #f5f5f5;
}
.tb08 tbody tr:hover td.nohoverbg {
  background-color: #fff !important;
}
.tb08.nohoverbg tr:hover td {
  background-color: #fff !important;
}

.tb09 {
  width: 100%;
  border-spacing: 0;
}
.tb09 thead th {
  padding: 10px 0;
  background-color: #656978;
  color: #fff;
  border-left: 1px solid #82858e;
  font-size: 15px;
}
.tb09 tbody td {
  padding: 10px 0;
  color: #666;
  border-left: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  text-align: center;
}
.tb09 tbody td:first-child {
  border-left: 0;
}
.tb09 tbody tr:hover td {
  background-color: #f5f5f5;
}
.tb09 tbody tr:hover > .top_table {
  background-color: #ffff00;
}
.tb09 tbody tr:hover td.nohoverbg {
  background-color: #fff !important;
}
.tb09.nohoverbg tr:hover td {
  background-color: #fff !important;
}

.tb10_secip {
  width: 100%;
  border-spacing: 0;
}
.tb10_secip thead th {
  padding: 10px 0;
  background-color: #656978;
  color: #fff;
  border-left: 1px solid #82858e;
  font-size: 15px;
}
.tb10_secip tbody td {
  padding: 10px 0;
  color: #666;
  border-left: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  text-align: center;
}
.tb10_secip tbody td.secip_line01 {
  border-bottom: 1px solid #fff;
}
/*오버했을시.tb10_secip tbody tr:hover td {background-color:#f5f5f5}*/
.tb10_secip tbody tr:hover > .top_table {
  background-color: #ffff00;
}
.tb10_secip tbody tr:hover td.nohoverbg {
  background-color: #fff !important;
}
.tb10_secip.nohoverbg tr:hover td {
  background-color: #fff !important;
}
.row > .premium_icon01 {
  position: absolute;
  top: 210px;
  left: 700px;
}
.row > .premium_icon02 {
  position: absolute;
  top: 300px;
  left: 700px;
}
.row > .premium_icon03 {
  position: absolute;
  top: 359px;
  left: 365px;
}

.tb11_secip {
  width: 100%;
  border-spacing: 0;
}
.tb11_secip thead th {
  padding: 10px 0;
  background-color: #656978;
  color: #fff;
  border-left: 1px solid #82858e;
  font-size: 15px;
}
.tb11_secip tbody td {
  padding: 10px 0;
  color: #666;
  border-left: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  text-align: center;
}
.tb11_secip tbody td.secip_line01 {
  border-bottom: 1px solid #fff;
}
/*오버했을시.tb10_secip tbody tr:hover td {background-color:#f5f5f5}*/
.tb11_secip tbody tr:hover > .top_table {
  background-color: #ffff00;
}
.tb11_secip tbody tr:hover td.nohoverbg {
  background-color: #fff !important;
}
.tb11_secip.nohoverbg tr:hover td {
  background-color: #fff !important;
}
.row > .premium_icon01 {
  position: absolute;
  top: 210px;
  left: 700px;
}
.row > .premium_icon02 {
  position: absolute;
  top: 300px;
  left: 700px;
}
.row > .premium_icon03 {
  position: absolute;
  top: 359px;
  left: 365px;
}

.tb12_secip {
  width: 100%;
  border-spacing: 0;
}
.tb12_secip thead th {
  padding: 10px 0;
  background-color: #656978;
  color: #fff;
  border-left: 1px solid #82858e;
  font-size: 15px;
}
.tb12_secip tbody td {
  padding: 10px 0;
  color: #666;
  border-left: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  text-align: center;
}
.tb12_secip tbody td:first-child {
  border-left: 0;
}
.tb12_secip tbody tr:hover td {
  background-color: #f5f5f5;
}
.tb12_secip tbody tr:hover > .top_table {
  background-color: #ffff00;
}
.tb12_secip tbody tr:hover td.nohoverbg {
  background-color: #fff !important;
}
.tb12_secip.nohoverbg tr:hover td {
  background-color: #fff !important;
}
.row > .premium_icon01 {
  position: absolute;
  top: 210px;
  left: 700px;
}
.row > .premium_icon02 {
  position: absolute;
  top: 300px;
  left: 700px;
}
.row > .premium_icon03 {
  position: absolute;
  top: 359px;
  left: 365px;
}

.tb_sec_desc {
  width: 100%;
  border-spacing: 0;
  border-top: 2px solid #ff80c0;
  border-bottom: 1px solid #ff80c0;
}
.tb_sec_desc th {
  padding: 10px;
  background-color: #ff80c0;
  color: #fff;
  border-left: 1px solid #ffdfef;
  border-bottom: 1px solid #ffdfef;
  font-size: 15px;
}
.tb_sec_desc td {
  padding: 10px;
  color: #666;
  border-left: 1px solid #ffdfef;
  border-bottom: 1px solid #ffdfef;
}

.row > .table_top_comment {
  position: absolute;
  right: 0;
  margin: -30px 0 0 0;
  font-size: 13px;
  color: #666;
}
.row > .table_top_comment.secip_top_tx {
  position: relative;
  left: 1020px;
  top: -10px;
  font-size: 13px;
  color: #666;
}
.row > .table_top_comment.secip_top_tx01 {
  position: absolute;
  right: 0;
  margin-top: 3px;
  font-size: 13px;
  color: #666;
}

/* 원격지원페이지 고객센터 텍스트 추가 */
.content > .toptitle > .customer {
  position: absolute;
  right: 0;
  margin: -10px 0 0 0;
  font-size: 15px;
  color: #000;
}
.board_top > .customer {
  position: absolute;
  right: 0;
  margin: 15px 0 0 0;
  font-size: 15px;
  color: #000;
}
.board_top > .question {
  position: absolute;
  right: 0;
  margin: -20px 0 0 0;
  font-size: 15px;
  color: #000;
}

/********************************************************************/
/* 메인 */
/********************************************************************/
.main_banner {
  height: 398px;
  background-color: #282a2a;
}
.main_banner .container {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.main_banner .container .visual_content {
  position: relative;
  max-width: 1080px;
  height: 100%;
  margin: 0 auto;
  padding-top: 70px;
  box-sizing: border-box;
}
.main_banner .container .visual_content img {
  width: 100%;
}
.main_banner .container .visual_content .visual_btn {
  position: absolute;
}

/* 슬라이드 바로가기 버튼 */
.main_banner .container .visual_content .visual_btn {
  position: absolute;
  width: 180px;
}
.main_banner .container .visual_content .visual_btn1 {
  bottom: 35px;
  left: 150px;
}
.main_banner .container .visual_content .visual_btn1_1 {
  bottom: 35px;
  left: 800px;
}
.main_banner .container .visual_content .visual_btn2 {
  bottom: 135px;
  right: 130px;
}
.main_banner .container .visual_content .visual_btn3 {
  bottom: 160px;
  right: 40px;
}
.main_banner .container .visual_content .visual_btn4 {
  bottom: 120px;
  left: 30px;
}

/* 슬라이드 공통 스타일링 */
.swiper-slide {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  color: #fff;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  color: #fff;
}
.swiper-pagination-bullet {
  background: #fff;
}
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 20px;
}
/*왼쪽 */
/* .swiper-button-prev{left : 0000} */
/* 오른쪽 */
/* .swiper-button-next{right : 0000} */
/*
.main_banner h2 {position:absolute; top:35px; left:430px; width:580px; padding:0 0 20px 10px; color:#fff; font-size:28px; font-weight:500; letter-spacing:-1px; border-bottom:1px solid #666}
.main_banner li {position:absolute}
.main_banner li.txt01 {top:135px; left:440px}
.main_banner li.txt02 {top:135px; left:770px}
.main_banner li.txt03 {top:215px; left:440px}
.main_banner li.txt04 {top:215px; left:770px}
.main_banner li.txt01 dt {color:#abeb3c}
.main_banner li.txt02 dt {color:#f7c90f}
.main_banner li.txt03 dt {color:#37b451}
.main_banner li.txt04 dt {color:#fc871f}
.main_banner li dl dt {position:relative; padding-left:45px; font-size:18px; letter-spacing:-1px; color:#fff}
.main_banner li dl dt .initial {position:absolute; top:10px; left:0; font-size:58px; color:#fff}
.main_banner li dl dd {margin-top:4px; padding-left:48px; font-size:14px; letter-spacing:0px; color:#fff}
.main_banner h3 {position:absolute; top:319px; left:641px; font-size:17px; color:#fc871f}
.main_banner p.tel {position:absolute; top:301px; left:820px; letter-spacing:-1px; font-size:45px; color:#fff} */

#main .products {
  position: relative;
  margin-top: 20px;
  float: left;
  width: 714px;
}
#main .products:after {
  display: block;
  content: "";
  clear: both;
}

#main .products .product {
  float: left;
  position: relative;
  width: 166px;
  height: 169px;
  margin: 0 10px 10px 0;
  color: #444;
  border: 1px solid #dbdbdb;
  border-top: 4px solid #41444f;
  text-align: center;
  text-decoration: none;
}

#main .products .product.slide1 {
  border-color: #000;
}
.new {
  border-color: #f93824 !important;
}
.newbot {
  background-color: #f93824 !important;
}

#main .products .product.slide1 .h3new {
  background: #f93824 !important;
  color: #fff;
  border-color: #f93824 !important;
}

#main .products .product.slide1 > h3 {
  border-color: #000;
  color: #000;
}
#main .products .product.slide1:hover h3 {
  background: #fa862d;
  color: #fff;
  border-color: #fa862d;
}
#main .products .product.slide1 > .bot {
  background-color: #000;
}

#main .products .product.slide2 {
  border-color: #11984b;
}
#main .products .product.slide2 > h3 {
  border-color: #11984b;
  color: #11984b;
}
#main .products .product.slide2:hover h3 {
  background: #11984b;
  border-color: #11984b;
  color: #fff;
}
#main .products .product.slide2 > .bot {
  background-color: #11984b;
}

#main .products .product.slide3 {
  border-color: #3e64af;
}
#main .products .product.slide3 > h3 {
  border-color: #3e64af;
  color: #3e64af;
}
#main .products .product.slide3:hover h3 {
  background: #3e64af;
  border-color: #3e64af;
  color: #fff;
}
#main .products .product.slide3 > .bot {
  background-color: #3e64af;
}

#main .products .product.slide4 {
  border-color: #2c2c2c;
}
#main .products .product.slide4 > h3 {
  border-color: #2c2c2c;
  color: #2c2c2c;
}
#main .products .product.slide4:hover h3 {
  background: #2c2c2c;
  border-color: #2c2c2c;
  color: #fff;
}
#main .products .product.slide4 > .bot {
  background-color: #2c2c2c;
}

#main .products .icon_new {
  overflow: hidden;
  position: absolute;
  width: 114px;
  height: 105px;
  top: -8px;
  left: -6px;
  background: url("/img/202110/main_icon_new2.png") no-repeat 0 0;
}

/* #main .products .product:before{content:''; position:absolute;width:58px;height:55px;left:-1px;top:-4px;overflow:hidden;text-indent:-999em;background:url("/img/201901/tag_new.png") no-repeat 0 0;z-index:999} */

/* 1105 */
#main .products .product:nth-child(4n) {
  margin-right: 0;
}
#main .products .product > h3 {
  width: 100px;
  margin: 12px auto 0;
  padding: 2px 10px 3px;
  border: 1px solid #28975c;
  border-radius: 1em;
  color: #28975c;
  font-size: 16px;
  font-weight: 700;
} /* 1105 */
#main .products .product > p.price {
  margin: 10px 0 5px 0;
  font-size: 24px;
  font-weight: 700;
  font-family: "Noto Sans KR";
  letter-spacing: -1px;
  line-height: 1.1em;
} /* 1105 */
#main .products .product > p.price .tx1 {
  margin: 15px 0 2px 0;
  font-size: 18px;
  font-weight: 700;
  font-family: "Noto Sans KR";
  letter-spacing: -1px;
  line-height: 1.1em;
  padding: 35px;
} /* 1105 */
#main .products .product > p.price .tx2 {
  margin: 15px 0 2px 0;
  font-size: 18px;
  font-weight: 700;
  font-family: "Noto Sans KR";
  letter-spacing: -1px;
  line-height: 1.1em;
  padding: 35px;
} /* 1105 */
#main .products .product > p.price > em {
  display: block;
  font-size: 14px;
  color: #28975c;
}
#main .products .product > p.desc {
  font-weight: 500;
  line-height: 13px;
  margin: 6px 0 0;
  font-size: 12px;
  color: #666;
} /* 1105 */
#main .products .product > a.go {
  display: block;
  position: absolute;
  bottom: 30px;
  width: 100%;
}
#main .products .product > .bot {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 23px;
  padding-top: 4px;
  background-color: #656978;
  color: #fff;
  font-size: 12px;
} /* 1105 */
#main .products .product > .bot > .plus {
  position: absolute;
  bottom: 44px;
  left: 100px;
  display: block;
  width: 54px;
  height: 54px;
  background: url("/img/201901/bl_white_plus.gif") no-repeat 50% 50% #ff7200;
  border-radius: 54px;
}
#main .products .product > .bot > .plus.orange {
  background-color: #fc8c00;
}
#main .products .product > .bot > .plus.green {
  background-color: #1fad59;
}
#main .products .product .tit {
  margin: 10px 0 9px;
  font-size: 13px;
  line-height: 1;
  font-weight: bold;
  letter-spacing: -1px;
} /* 1105 add */
#main .products .product:hover {
  background-color: #fff;
  -webkit-transition: background-color 1s;
}
#main .products .product:hover h3 {
  background-color: #28975c;
  color: #fff;
}

#main .products .product .tag {
  position: absolute;
  width: 58px;
  height: 55px;
  left: -1px;
  top: -4px;
  overflow: hidden;
  text-indent: -999em;
  background: url("/img/201901/tag_new.png") no-repeat 0 0;
  z-index: 999;
}
#main .products .product.have_tag {
  border-top: none;
  height: 173px;
}
#main .products .product.have_tag .tit {
  border-top: 1px solid #dbdbdb;
  margin-top: 0;
  padding-top: 14px;
}
#main .products .product.have_tag .price {
  margin-top: 9px;
}

#main .products .product .tag_hot {
  position: absolute;
  width: 58px;
  height: 55px;
  left: -1px;
  top: -4px;
  overflow: hidden;
  text-indent: -999em;
  background: url("/img/201901/tag_new_hot.png") no-repeat 0 0;
  z-index: 999;
}
#main .products .product.have_tag_hot {
  border-top: none;
  height: 173px;
}
#main .products .product.have_tag_hot .tit {
  border-top: 1px solid #dbdbdb;
  margin-top: 0;
  padding-top: 14px;
}
#main .products .product.have_tag_hot .price {
  margin-top: 9px;
}

#main .products .product .tag_secip {
  position: absolute;
  width: 58px;
  height: 55px;
  left: -1px;
  top: -4px;
  overflow: hidden;
  text-indent: -999em;
  background: url("/img/201901/tag_new.png") no-repeat 0 0;
  z-index: 999;
}
#main .products .product.have_tag_secip {
  border-top: none;
  height: 173px;
}
#main .products .product.have_tag_secip .tit {
  border-top: 1px solid #dbdbdb;
  margin-top: 0;
  padding-top: 14px;
}
#main .products .product.have_tag_secip .price {
  margin-top: 9px;
}

#main .proxy {
  clear: both;
  padding: 40px 0 0 0;
}
#main .proxy a {
  float: left;
  display: block;
  position: relative;
  width: 527px;
  height: 147px;
  margin: 0 25px 0 0;
  background: url("/img/201901/main_banner_02.jpg") no-repeat 0 0;
}
#main .proxy a:last-child {
  margin: 0;
}
#main .proxy a > h3 {
  position: absolute;
  top: 84px;
  left: 20px;
  width: 110px;
  margin: 0;
  padding: 5px 10px;
  border: 1px solid #28975c;
  border-radius: 1em;
  color: #28975c;
  text-align: center;
}
#main .proxy a > p {
  position: absolute;
  top: 54px;
  left: 167px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.3em;
}
#main .proxy a > p > strong {
  display: block;
  margin: 0 0 7px 0;
  font-size: 23px;
  font-weight: 800;
  letter-spacing: -1px;
}
#main .proxy a > p > strong > em {
  margin: 5px 0 0 0;
  font-size: 18px;
}
#main .proxy a:hover {
  background-color: #fff;
  -webkit-transition: background-color 1s;
}
#main .proxy a:hover h3 {
  background-color: #28975c;
  color: #fff;
}
#main .proxy:after {
  display: block;
  clear: both;
  content: "";
}

/* 하이차이나 가로 배너용 */
#main a.product.horizon {
  display: block;
  clear: both;
  width: 100% !important;
  height: 103px !important;
  margin-bottom: 25px;
  border-top: 1px solid #dbdbdb !important;
  border-left: 4px solid #41444f !important;
}
#main a.product.horizon > h3 {
  position: absolute;
  top: 14px;
  left: 32px;
}
#main a.product.horizon > p.price {
  position: absolute;
  top: 21px;
  left: 185px;
}
#main a.product.horizon > p.desc {
  position: absolute;
  top: 17px;
  left: 365px;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  line-height: 1.5em !important;
  letter-spacing: -1px;
}
#main a.product.horizon > .bot {
  top: 0 !important;
  right: 0;
  width: 220px !important;
  height: 105px !important;
  background: url("/img/201901/bl_gray_box.gif") no-repeat 100% 0 #fff !important;
}
#main a.product.horizon > .bot > span {
  left: 16px !important;
  bottom: 25px !important;
}
#main a.product.horizon > .bot > em {
  left: 7px !important;
  bottom: 41px !important;
}

#main .services {
  margin-top: 20px;
  float: right;
  width: 365px;
}
#main .services:after {
  display: block;
  content: "";
  clear: both;
}
#main .services .service {
  float: left;
  width: 515px;
  margin-top: 22px;
}
#main .services .service h3 {
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: 700;
  color: #222;
}
#main .services .service ul {
  margin-top: 20px;
}
#main .services .service li {
  float: left;
}
#main .services .service li:last-child a {
  margin-right: 0;
}
#main .services .service li a {
  display: block;
  overflow: hidden;
  width: 75px;
  height: 113px;
  margin-right: 20px;
  background: url("/img/201901/main_service_01.jpg") no-repeat 0 0;
  text-align: center;
  font-size: 15px;
  line-height: 210px;
  color: #222;
}
#main .services .service li a.payment {
  background-position: 0 0;
}
#main .services .service li a.download {
  background-position: -95px 0;
}
#main .services .service li a.qna {
  background-position: -190px 0;
}
#main .services .service li a.remote {
  background-position: -285px 0;
}
#main .services .loginbox {
  overflow: hidden;
  position: relative;
  float: right;
  width: 100%;
  height: 174px;
  background-color: #e1e3e4;
}
#main .services .loginbox:after {
  display: block;
  clear: both;
  content: "";
}
#main .services .loginbox .ip {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 6px 0;
  background-color: #828485;
  color: #fff;
}
#main .services .loginbox .ip p {
  margin: 0 0 0 40px;
  font-size: 15px;
}
#main .services .loginbox .ip p > span {
  margin-left: 20px;
}

#main .services .loginbox .inp {
  position: absolute;
  width: 173px;
  height: 24px;
  padding: 2px 10px;
  border: 0 none;
}
#main .services .loginbox button {
  position: absolute;
  top: 21px;
  right: 18px;
  width: 125px;
  height: 57px;
  background-color: #fc871f;
  border: 0 none;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
}
#main .services .loginbox input.userid {
  top: 21px;
  left: 26px;
}
#main .services .loginbox input.passwd {
  top: 51px;
  left: 26px;
}
#main .services .loginbox legend {
  display: none;
}
#main .services .loginbox ul.join {
  position: absolute;
  top: 91px;
  left: 38px;
}
#main .services .loginbox ul.join li {
  float: left;
  background: url("/img/201901/bl_loginbox_bar.gif") no-repeat 100% 6px;
}
#main .services .loginbox ul.join li:first-child a {
  margin-left: 0;
}
#main .services .loginbox ul.join li:last-child {
  background: url("") !important;
}
#main .services .loginbox ul.join li a {
  margin: 0 10px;
  font-size: 14px;
  color: #777;
  letter-spacing: -1px;
}

#main .services .loginbox h3.welcome {
  position: absolute;
  top: 42px;
  left: 36px;
  width: 250px;
  margin: 0;
  padding: 0;
  font-size: 17px;
  font-weight: 700;
}
#main .services .loginbox h3.welcome > em {
  font-size: 15px;
  font-weight: 600;
  color: #666;
}
#main .services .loginbox a.logout {
  display: block;
  position: absolute;
  top: 30px;
  right: 35px;
  width: 135px;
  padding: 12px 0 12px;
  background-color: #41444f;
  color: #fff;
  font-size: 16px;
  text-align: center;
}
#main .services .loginbox a.logout:hover {
  text-decoration: none;
  background-color: #3c3e44;
}
#main .services .loginbox .etc {
  position: absolute;
  top: 91px;
  left: 20px;
  width: 92%;
  border-top: 1px solid #ccc;
}
#main .services .loginbox .etc:after {
  display: block;
  content: "";
  clear: both;
}
#main .services .loginbox .etc ul {
  margin: 6px 0 0 20px;
}
#main .services .loginbox .etc li {
  float: left;
  margin-left: 10px;
  padding-left: 10px;
  background: url("/img/201901/bl_footer_quick_bar.gif") no-repeat 0 5px;
}
#main .services .loginbox .etc li:first-child {
  margin: 0;
  padding: 0;
  background: url("");
}

#main .services .service_banner {
  clear: both;
  padding: 10px 0 0 0;
}
#main .services .service_banner > ul {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none;
}
#main .services .service_banner > ul > li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#main .services .service_banner > ul > li > a {
  display: block;
  width: 182px;
  height: 174px;
  margin: 0;
  padding: 0;
  text-indent: -9999em;
}
#main .services .service_banner > ul > li > a.dynamic {
  background: url("/img/202204/main_slide_banner_04.jpg?ver=20230721") no-repeat
    0 0;
}
#main .services .service_banner > ul > li > a.kt {
  background: url("/img/202204/main_slide_banner_05.jpg?ver=20230721") no-repeat
    0 0;
}

#main .boards {
  margin-top: 40px;
}
#main .boards:after {
  display: block;
  content: "";
  clear: both;
}
#main .board {
  width: 515px;
}
#main .board h3 {
  margin: 0;
  padding: 0;
  font-size: 20px;
  font-weight: 700;
}
#main .board h3 a {
  display: block;
  background: url("/img/201901/bl_orange_bar_17x14.gif") no-repeat 100% 4px;
  text-decoration: none;
  color: #222;
}
#main .board.notice {
  float: left;
}
#main .board.faq {
  float: right;
}
#main .board ul {
  margin-top: 18px;
}
#main .board li {
  width: 515px;
  margin-bottom: 9px;
}
#main .board li a {
  display: block;
  position: relative;
  color: #777;
  font-size: 15px;
  font-weight: 400;
}
#main .board li a > em {
  position: absolute;
  right: 0;
  font-size: 14px;
}

#main .partner {
  margin-top: 40px;
}
#main .partner:after {
  display: block;
  content: "";
  clear: both;
}
#main .partner .viewAd {
  height: 74px;
  border: 1px solid #e0e0e0;
}
#main .partner .viewAd div {
  float: left;
}
#main .partner .viewAd div a {
  display: block;
  text-indent: -9999px;
}
#main .partner .viewAd div.btnAdLeft a {
  width: 23px;
  height: 74px;
  background: url("/img/201901/partner_btn.gif") 0 0 no-repeat;
}
#main .partner .viewAd div.btnAdRight a {
  width: 23px;
  height: 74px;
  background: url("/img/201901/partner_btn.gif") -23px 0 no-repeat;
}
#main .partner .viewAd div.AdBanner {
  position: relative;
  overflow: hidden;
  width: 1031px;
  height: 44px;
  margin-top: 17px;
  border-top: none;
  border-bottom: none;
}
#main .partner .viewAd div.AdBanner .banner_content {
  position: absolute;
  width: 3630px;
  height: 44px;
  top: 0px;
  left: 0px;
}
#main .partner .viewAd div.AdBanner .banner_content li {
  float: left;
  width: 110px;
  height: 44px;
  margin-right: 4px;
}
#main .partner .viewAd div.AdBanner .banner_content li a {
  display: block;
  width: 110px;
  height: 44px;
  background: url("/img/201901/main_partner.jpg") no-repeat 0 0;
  text-indent: -9999em;
}

/********************************************************************/
/* 팝업레이어 */
/********************************************************************/
._layer_popup {
  display: none;
  overflow: hidden;
  position: absolute;
  border: 1px solid #666;
  background-color: #fff;
  z-index: 9999;
}
._layer_popup .inner {
  position: relative;
  width: 100%;
  height: 100%;
}
._layer_popup .inner a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
._layer_popup .inner .bot {
  display: block;
  width: 100%;
  height: 24px;
  padding: 5px 0 0 0;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 1px solid #ccc;
  background-color: #f0f0f0;
  font-size: 12px;
}
._layer_popup .inner .noshow {
  float: left;
  margin: 0 0 0 5px;
}
._layer_popup .inner .close {
  float: right;
  margin: 0 5px 0 0;
}

/********************************************************************/
/* 서브 공통 */
/********************************************************************/
/* 하단 결제 바로가기 */
#go_payment {
  clear: both;
  margin: 0 0 50px 0;
  padding: 40px 0 35px 0;
  background-color: #ececec;
  text-align: center;
  font-family: "Noto sans KR";
}
#go_payment h3 {
  margin: 0 0 8px 0;
  padding: 0;
  font-size: 22px;
  font-weight: 600;
  color: #333;
}
#go_payment h4 {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 22px;
  font-weight: 600;
  color: #333;
  line-height: 1.2em;
}
#go_payment h4.secip_tx {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 22px;
  font-weight: 500;
  color: #333;
  line-height: 1.2em;
}
#go_payment > .btn {
  display: inline-block;
  padding: 12px 80px 12px 90px;
  margin: 0 10px;
  background: url("/img/201901/bl_white_dotdot.gif") no-repeat 70px 20px #fc871e;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  text-decoration: none;
}
#go_payment > .btn:hover {
  background-color: #fe7a03;
}
#go_payment > .btn_new {
  display: inline-block;
  padding: 12px 80px 12px 90px;
  margin: 0 10px;
  background: url("/img/201901/bl_white_dotdot.gif") no-repeat 70px 20px #fc871e;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  text-decoration: none;
}
#go_payment > .btn_new:hover {
  background-color: #fe7a03;
}
#go_payment > .freetest {
  left: 280px;
}
#go_payment > .payment {
  left: 990px;
}

/* 해외vpn 결제 바로가기 */
#go_payment_global_haionchina {
  clear: both;
  padding: 40px 0 35px 0;
  margin-bottom: 30px;
  background-color: #e7fbfc;
  text-align: center;
  font-family: "Noto sans KR";
}
#go_payment_global_haionchina h3 {
  margin: 0 0 8px 0;
  padding: 0;
  font-size: 22px;
  font-weight: 600;
  color: #333;
}
#go_payment_global_haionchina h4 {
  margin: 0 0 20px 0;
  padding: 0;
  font-size: 22px;
  font-weight: 600;
  color: #333;
  line-height: 1.2em;
}
#go_payment_global_haionchina > .btn {
  display: inline-block;
  padding: 12px 80px 12px 90px;
  margin: 0 10px;
  background: url("/img/201901/bl_white_dotdot.gif") no-repeat 70px 20px #fc871e;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  text-decoration: none;
}
#go_payment_global_haionchina > .btn:hover {
  background-color: #fe7a03;
}
#go_payment_global_haionchina > .btn_new {
  display: inline-block;
  padding: 12px 80px 12px 90px;
  margin: 0 10px;
  background: url("/img/201901/bl_white_dotdot.gif") no-repeat 70px 20px #fc871e;
  color: #fff;
  font-size: 17px;
  font-weight: 500;
  text-decoration: none;
}
#go_payment_global_haionchina > .btn_new:hover {
  background-color: #fe7a03;
}
#go_payment_global_haionchina > .freetest {
  left: 280px;
}
#go_payment_global_haionchina > .payment {
  left: 990px;
}

/* 컨텐츠 상단탭 */
.content_tab {
  margin-bottom: 40px;
  border: 1px solid #ccc;
  background-color: #f7f7f7;
  width: 1077px;
}
.content_tab:after {
  display: block;
  content: "";
  clear: both;
}
.content_tab li {
  position: relative;
  float: left;
  width: 25%;
}
.content_tab li:nth-child(4) a {
  border-right: 0;
}
.content_tab li a {
  display: block;
  padding: 14px 0;
  border-right: 1px solid #ccc;
  font-size: 1rem;
  text-align: center;
  text-decoration: none;
}
.content_tab li a:hover {
  background-color: #f0f0f0;
}
.content_tab li.active a {
  background-color: #656978;
  color: #fff;
}
.content_tab li.active em {
  display: block;
  position: absolute;
  bottom: -10px;
  left: 128px;
  width: 17px;
  height: 10px;
  background: url("/img/201901/tab_bot_gray_arrow.png") no-repeat 0 0;
}
.content_tab.block2 li {
  width: 50%;
}
.content_tab.block2 li:nth-child(2) a {
  border-right: 0;
}
.content_tab.block2 li.active em {
  left: 261px;
}
.content_tab.block3 li {
  width: 33%;
}
.content_tab.block3 li:nth-child(2) {
  width: 34%;
}
.content_tab.block3 li:nth-child(3) a {
  border-right: 0;
}
.content_tab.block3 li:nth-child(3) a {
  border-right: 0;
}
.content_tab.block3 li.active em {
  left: 172px;
}
.content_tab.block5 li {
  width: 179.8px;
}
.content_tab.block5 li:nth-child(4) a {
  border-right: 1px solid #ccc;
}
.content_tab.block5 li:nth-child(5) a {
  border-right: 1px solid #ccc;
}
.content_tab.block5 li:nth-child(6) a {
  border-right: 0;
}
.content_tab.block5 li.active em {
  left: 80px;
}
.content_tab.block8 li {
  width: 134px;
}
.content_tab.block8 li a {
  font-size: 0.95rem;
}
.content_tab.block8 li:nth-child(4) a {
  border-right: 1px solid #ccc;
}
.content_tab.block8 li:nth-child(5) a {
  border-right: 1px solid #ccc;
}
.content_tab.block8 li:nth-child(7) {
  width: 139px;
}
.content_tab.block8 li:nth-child(8) a {
  border-right: 0;
}
.content_tab.block8 li.active em {
  left: 63px;
}

/* 테이블 상단탭 */
.table_tab {
  position: relative;
  margin-bottom: 10px;
}
.table_tab:after {
  display: block;
  content: "";
  clear: both;
}
.table_tab li {
  position: relative;
  float: left;
}
.table_tab li a {
  display: block;
  width: 200px;
  padding: 10px 0;
  background-color: #f0f0f0;
  color: #999;
  font-size: 1rem;
  text-align: center;
  text-decoration: none;
}
.table_tab li a:hover {
  background-color: #e0e0e0;
}
.table_tab li.active a {
  background-color: #656978;
  color: #fff;
}
.table_tab > .info {
  position: absolute;
  right: 0;
  bottom: 0;
}

/* 하단 결제하기 위에 무료테스트 안내 */
.freetest_txt {
  clear: both;
}
.freetest_txt > .box {
  padding: 22px 0;
  border: 7px solid #9da1ae;
  font-size: 16px;
  text-align: center;
  color: #666;
}
.freetest_txt > ul {
  margin-top: 20px;
}
.freetest_txt > ul li {
  font-size: 13px;
  color: #666;
}

/* Hai IP 이용방법 */
.haiip_guide_01:after {
  display: block;
  content: "";
  clear: both;
}
.haiip_guide_01 li {
  float: left;
  width: 36%;
}
.haiip_guide_01 li:last-child {
  width: 28%;
}
.haiip_guide_01 li .wrap {
  position: relative;
  width: 100%;
  height: 190px;
}
.haiip_guide_01 li .wrap:hover em {
  background-color: #fe7a03;
  -webkit-transition: background-color 0.2s;
}
.haiip_guide_01 li .wrap:hover span.box {
  border: 2px solid #fe7a03;
  -webkit-transition: border-color 0.2s;
}
.haiip_guide_01 em {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  padding: 20px;
  background-color: #656978;
  color: #fff;
  font-size: 18px;
}
.haiip_guide_01 span.box {
  display: block;
  position: absolute;
  top: 28px;
  left: 0;
  width: 295px;
  padding: 50px 0;
  border: 2px solid #656978;
  text-align: center;
  font-size: 17px;
  line-height: 1.5em;
}
.haiip_guide_01 span.bar {
  width: 15px;
  height: 24px;
  position: absolute;
  top: 95px;
  left: 335px;
  background: url("/img/201901/bl_blue_bar.gif") no-repeat 0 0;
}

/********************************************************************/
/* 결제 */
/********************************************************************/
/* 결제 상단탭 */
.payment_tab {
  margin-bottom: 50px;
  border: 1px solid #ccc;
  background-color: #f7f7f7;
}
.payment_tab:after {
  display: block;
  content: "";
  clear: both;
}
.payment_tab li {
  position: relative;
  float: left;
  width: 120px;
}
.payment_tab li:nth-child(13) a {
  width: 95px;
  border-right: 0;
}
.payment_tab li a {
  display: block;
  padding: 14px 0;
  border-right: 1px solid #ccc;
  font-size: 12px;
  text-align: center;
  text-decoration: none;
}
.payment_tab li a:hover {
  background-color: #f0f0f0;
}
.payment_tab li.active a {
  background-color: #656978;
  color: #fff;
}
.payment_tab li.active em {
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50px;
  width: 17px;
  height: 10px;
  background: url("/img/201901/tab_bot_gray_arrow.png") no-repeat 0 0;
}

/* 라벨 */
.label {
  display: inline-block;
  padding: 2px 15px;
  color: #fff;
  border-radius: 0.4em;
}
.label.label-sm {
  font-size: 12px;
}
.label.label-green {
  background-color: #1eae59;
}
.label.label-gray {
  background-color: #676a79;
}
.label.label-white {
  background-color: #fff;
  border: 1px solid #ccc;
  color: #777;
}
a.label.label-white:hover {
  background-color: #f0f0f0;
  text-decoration: none;
}

/* 결제 */
.box_wrap {
  display: block;
  margin: 0;
  padding: 10px;
  border: 0;
  border-bottom: 1px solid #ccc;
}
.box_title {
  display: block;
  position: relative;
  height: 40px;
  background-color: #666978;
}
.box_title.num01 {
  background: url("/img/201901/payment_th_num_01.png") no-repeat 0 7px #666978;
}
.box_title.num02 {
  background: url("/img/201901/payment_th_num_02.png") no-repeat 0 7px #666978;
}
.box_title.num03 {
  background: url("/img/201901/payment_th_num_03.png") no-repeat 0 7px #666978;
}
.box_title.num04 {
  background: url("/img/201901/payment_th_num_04.png") no-repeat 0 7px #666978;
}
.box_title.num05 {
  background: url("/img/201901/payment_th_num_05.png") no-repeat 0 7px #666978;
}
.box_title.num06 {
  background: url("/img/201901/payment_th_num_06.png") no-repeat 0 7px #666978;
}
.box_title h3 {
  position: absolute;
  top: 10px;
  left: 55px;
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 14px;
}
.box_desc {
  margin: 5px 0 20px 0;
  line-height: 1.5em;
}

select,
input {
  padding: 4px;
  border-radius: 5px;
  border: solid 1px #cccccc;
}

.addIpAccount {
  display: flex;
  column-gap: 15px;
}

/* 하단 버튼 */
.payment_bottom_btns {
  margin-top: 30px;
  text-align: center;
}
.payment_bottom_btns > button {
  display: inline-block;
  padding: 14px 50px;
  color: #fff;
  border: 0;
  font-size: 16px;
  font-weight: 600;
}
.payment_bottom_btns > button:first-child {
  margin-right: 15px;
}
.payment_bottom_btns > button {
  background-color: #41434f;
}
.payment_bottom_btns > button.cancel {
  background-color: #5f6271;
}

/* IP결제방법 보기 */
.payment_view_guide a {
  display: block;
  margin-bottom: 30px;
  padding: 12px 20px;
  border: 4px solid #656877;
  background: url("/img/201901/bl_orange_plus_16x16.gif") no-repeat 98% 14px;
}
.payment_view_guide a:hover {
  background-color: #fefefe;
  border: 4px solid #cf4044;
  text-decoration: none;
}
.payment_view_guide a > h4 {
  margin: 0;
  padding: 0;
  font-size: 16px;
}
.payment_view_guide a > h4 > em {
  margin-left: 10px;
  font-size: 14px;
  color: #999;
}

/* 결제 > 버튼 */
.content.payment input[type="button"] {
  padding: 3px 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 0.4em;
  font-size: 14px;
  cursor: pointer;
}
.content.payment input[type="button"]:hover {
  background-color: #f0f0f0;
}

.no-close-dialog .ui-widget-header {
  color: #fff;
}

.no-close-dialog .ui-dialog-titlebar {
  background: #6494bd;
}

.no-close-dialog .ui-dialog-titlebar-close {
  display: none;
}

.mv-link-pull-right {
  float: right !important;
  font-size: 15px;
  text-decoration: underline;
  margin: 10px 0 0;
}

.qr-loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  margin: 0 auto;
  width: 200px;
  height: 200px;
  animation: spin 2s linear infinite;
}

.buttonWrap {
  display: inline-block;
  line-height: 1;
  border-radius: 5px;
  padding: 5px 10px;
  color: #fff;
  border: 1px solid #fc871e;
  font-size: 12px !important;
  font-weight: 600;
  vertical-align: top;
  background-color: #fc871e;
}

a.buttonWrap {
  text-decoration: none !important;
}

a.buttonWrap.link {
  padding: 2px 10px !important;
  border: 1px solid #3dbc70 !important;
  background-color: #3dbc70 !important;
}

.ipChangeBtn {
  display: inline-block;
  line-height: 1;
  border-radius: 5px;
  padding: 5px 10px;
  color: #fff;
  font-size: 12px !important;
  font-weight: 600;
  vertical-align: top;
  border: 1px solid #333333 !important;
  background-color: #333333 !important;
}

a.ipChangeBtn {
  text-decoration: none !important;
}

.dialog_ip_list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
  width: 100%;
}
.dialog_ip_list div {
  font-size: 20px;
}

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* KT유동IP 바로가기 클릭시 다이얼로그 */
#sd_container {
  padding: 0 !important;
  border: 0 none;
}
.gc_wapper {
  width: 430px;
  height: 230px;
  background-color: #fff;
  border: 2px solid #333;
}
.gc_wapper > .title {
  position: relative;
  padding: 8px 20px 6px 20px;
  text-align: left;
  background-color: #333;
  color: #fff;
}
.gc_wapper > .title > a {
  position: absolute;
  top: 7px;
  right: 20px;
  color: #fff;
  font-family: "Arial";
  font-weight: 700;
}
.gc_wapper > .body {
  padding: 20px;
  text-align: left !important;
  line-height: 1.5em;
}
.gc_wapper > .body > h3 {
  margin: 0 0 15px 0;
  padding: 0;
  font-size: 18px;
  font-family: "Noto Sans KR";
  font-weight: 500;
}
.gc_wapper > .body > p {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.3em;
  color: #333;
}
.gc_wapper > .body > div.btns {
  margin-top: 20px;
  text-align: center;
}
.gc_wapper > .body > div.btns > a {
  display: inline-block;
  padding: 8px 45px 8px 60px;
  background: url(/img/201901/bl_white_dotdot.gif) no-repeat 40px 15px #fc871e;
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  text-decoration: none;
}
.gc_wapper > .body > div.btns > a:hover {
  background-color: #fe7a03;
}

.android-tit {
  position: relative;
  padding-left: 10px;
}
.android-tit:before {
  content: "";
  width: 3px;
  height: 3px;
  overflow: hidden;
  display: block;
  border-radius: 50%;
  background: #333;
  position: absolute;
  left: 0;
  top: 13px;
}

@font-face {
  font-family: element-icons;
  src: url(/m/asset/fonts/element.woff) format("woff"),
    url(/m/asset/fonts/element.ttf) format("truetype");
  font-weight: 400;
  font-display: "auto";
  font-style: normal;
}
[class*=" el-icon-"],
[class^="el-icon-"] {
  font-family: element-icons !important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: baseline;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.el-icon-ice-cream-round:before {
  content: "\e6a0";
}
.el-icon-ice-cream-square:before {
  content: "\e6a3";
}
.el-icon-lollipop:before {
  content: "\e6a4";
}
.el-icon-potato-strips:before {
  content: "\e6a5";
}
.el-icon-milk-tea:before {
  content: "\e6a6";
}
.el-icon-ice-drink:before {
  content: "\e6a7";
}
.el-icon-ice-tea:before {
  content: "\e6a9";
}
.el-icon-coffee:before {
  content: "\e6aa";
}
.el-icon-orange:before {
  content: "\e6ab";
}
.el-icon-pear:before {
  content: "\e6ac";
}
.el-icon-apple:before {
  content: "\e6ad";
}
.el-icon-cherry:before {
  content: "\e6ae";
}
.el-icon-watermelon:before {
  content: "\e6af";
}
.el-icon-grape:before {
  content: "\e6b0";
}
.el-icon-refrigerator:before {
  content: "\e6b1";
}
.el-icon-goblet-square-full:before {
  content: "\e6b2";
}
.el-icon-goblet-square:before {
  content: "\e6b3";
}
.el-icon-goblet-full:before {
  content: "\e6b4";
}
.el-icon-goblet:before {
  content: "\e6b5";
}
.el-icon-cold-drink:before {
  content: "\e6b6";
}
.el-icon-coffee-cup:before {
  content: "\e6b8";
}
.el-icon-water-cup:before {
  content: "\e6b9";
}
.el-icon-hot-water:before {
  content: "\e6ba";
}
.el-icon-ice-cream:before {
  content: "\e6bb";
}
.el-icon-dessert:before {
  content: "\e6bc";
}
.el-icon-sugar:before {
  content: "\e6bd";
}
.el-icon-tableware:before {
  content: "\e6be";
}
.el-icon-burger:before {
  content: "\e6bf";
}
.el-icon-knife-fork:before {
  content: "\e6c1";
}
.el-icon-fork-spoon:before {
  content: "\e6c2";
}
.el-icon-chicken:before {
  content: "\e6c3";
}
.el-icon-food:before {
  content: "\e6c4";
}
.el-icon-dish-1:before {
  content: "\e6c5";
}
.el-icon-dish:before {
  content: "\e6c6";
}
.el-icon-moon-night:before {
  content: "\e6ee";
}
.el-icon-moon:before {
  content: "\e6f0";
}
.el-icon-cloudy-and-sunny:before {
  content: "\e6f1";
}
.el-icon-partly-cloudy:before {
  content: "\e6f2";
}
.el-icon-cloudy:before {
  content: "\e6f3";
}
.el-icon-sunny:before {
  content: "\e6f6";
}
.el-icon-sunset:before {
  content: "\e6f7";
}
.el-icon-sunrise-1:before {
  content: "\e6f8";
}
.el-icon-sunrise:before {
  content: "\e6f9";
}
.el-icon-heavy-rain:before {
  content: "\e6fa";
}
.el-icon-lightning:before {
  content: "\e6fb";
}
.el-icon-light-rain:before {
  content: "\e6fc";
}
.el-icon-wind-power:before {
  content: "\e6fd";
}
.el-icon-baseball:before {
  content: "\e712";
}
.el-icon-soccer:before {
  content: "\e713";
}
.el-icon-football:before {
  content: "\e715";
}
.el-icon-basketball:before {
  content: "\e716";
}
.el-icon-ship:before {
  content: "\e73f";
}
.el-icon-truck:before {
  content: "\e740";
}
.el-icon-bicycle:before {
  content: "\e741";
}
.el-icon-mobile-phone:before {
  content: "\e6d3";
}
.el-icon-service:before {
  content: "\e6d4";
}
.el-icon-key:before {
  content: "\e6e2";
}
.el-icon-unlock:before {
  content: "\e6e4";
}
.el-icon-lock:before {
  content: "\e6e5";
}
.el-icon-watch:before {
  content: "\e6fe";
}
.el-icon-watch-1:before {
  content: "\e6ff";
}
.el-icon-timer:before {
  content: "\e702";
}
.el-icon-alarm-clock:before {
  content: "\e703";
}
.el-icon-map-location:before {
  content: "\e704";
}
.el-icon-delete-location:before {
  content: "\e705";
}
.el-icon-add-location:before {
  content: "\e706";
}
.el-icon-location-information:before {
  content: "\e707";
}
.el-icon-location-outline:before {
  content: "\e708";
}
.el-icon-location:before {
  content: "\e79e";
}
.el-icon-place:before {
  content: "\e709";
}
.el-icon-discover:before {
  content: "\e70a";
}
.el-icon-first-aid-kit:before {
  content: "\e70b";
}
.el-icon-trophy-1:before {
  content: "\e70c";
}
.el-icon-trophy:before {
  content: "\e70d";
}
.el-icon-medal:before {
  content: "\e70e";
}
.el-icon-medal-1:before {
  content: "\e70f";
}
.el-icon-stopwatch:before {
  content: "\e710";
}
.el-icon-mic:before {
  content: "\e711";
}
.el-icon-copy-document:before {
  content: "\e718";
}
.el-icon-full-screen:before {
  content: "\e719";
}
.el-icon-switch-button:before {
  content: "\e71b";
}
.el-icon-aim:before {
  content: "\e71c";
}
.el-icon-crop:before {
  content: "\e71d";
}
.el-icon-odometer:before {
  content: "\e71e";
}
.el-icon-time:before {
  content: "\e71f";
}
.el-icon-bangzhu:before {
  content: "\e724";
}
.el-icon-close-notification:before {
  content: "\e726";
}
.el-icon-microphone:before {
  content: "\e727";
}
.el-icon-turn-off-microphone:before {
  content: "\e728";
}
.el-icon-position:before {
  content: "\e729";
}
.el-icon-postcard:before {
  content: "\e72a";
}
.el-icon-message:before {
  content: "\e72b";
}
.el-icon-chat-line-square:before {
  content: "\e72d";
}
.el-icon-chat-dot-square:before {
  content: "\e72e";
}
.el-icon-chat-dot-round:before {
  content: "\e72f";
}
.el-icon-chat-square:before {
  content: "\e730";
}
.el-icon-chat-line-round:before {
  content: "\e731";
}
.el-icon-chat-round:before {
  content: "\e732";
}
.el-icon-set-up:before {
  content: "\e733";
}
.el-icon-turn-off:before {
  content: "\e734";
}
.el-icon-open:before {
  content: "\e735";
}
.el-icon-connection:before {
  content: "\e736";
}
.el-icon-link:before {
  content: "\e737";
}
.el-icon-cpu:before {
  content: "\e738";
}
.el-icon-thumb:before {
  content: "\e739";
}
.el-icon-female:before {
  content: "\e73a";
}
.el-icon-male:before {
  content: "\e73b";
}
.el-icon-guide:before {
  content: "\e73c";
}
.el-icon-news:before {
  content: "\e73e";
}
.el-icon-price-tag:before {
  content: "\e744";
}
.el-icon-discount:before {
  content: "\e745";
}
.el-icon-wallet:before {
  content: "\e747";
}
.el-icon-coin:before {
  content: "\e748";
}
.el-icon-money:before {
  content: "\e749";
}
.el-icon-bank-card:before {
  content: "\e74a";
}
.el-icon-box:before {
  content: "\e74b";
}
.el-icon-present:before {
  content: "\e74c";
}
.el-icon-sell:before {
  content: "\e6d5";
}
.el-icon-sold-out:before {
  content: "\e6d6";
}
.el-icon-shopping-bag-2:before {
  content: "\e74d";
}
.el-icon-shopping-bag-1:before {
  content: "\e74e";
}
.el-icon-shopping-cart-2:before {
  content: "\e74f";
}
.el-icon-shopping-cart-1:before {
  content: "\e750";
}
.el-icon-shopping-cart-full:before {
  content: "\e751";
}
.el-icon-smoking:before {
  content: "\e752";
}
.el-icon-no-smoking:before {
  content: "\e753";
}
.el-icon-house:before {
  content: "\e754";
}
.el-icon-table-lamp:before {
  content: "\e755";
}
.el-icon-school:before {
  content: "\e756";
}
.el-icon-office-building:before {
  content: "\e757";
}
.el-icon-toilet-paper:before {
  content: "\e758";
}
.el-icon-notebook-2:before {
  content: "\e759";
}
.el-icon-notebook-1:before {
  content: "\e75a";
}
.el-icon-files:before {
  content: "\e75b";
}
.el-icon-collection:before {
  content: "\e75c";
}
.el-icon-receiving:before {
  content: "\e75d";
}
.el-icon-suitcase-1:before {
  content: "\e760";
}
.el-icon-suitcase:before {
  content: "\e761";
}
.el-icon-film:before {
  content: "\e763";
}
.el-icon-collection-tag:before {
  content: "\e765";
}
.el-icon-data-analysis:before {
  content: "\e766";
}
.el-icon-pie-chart:before {
  content: "\e767";
}
.el-icon-data-board:before {
  content: "\e768";
}
.el-icon-data-line:before {
  content: "\e76d";
}
.el-icon-reading:before {
  content: "\e769";
}
.el-icon-magic-stick:before {
  content: "\e76a";
}
.el-icon-coordinate:before {
  content: "\e76b";
}
.el-icon-mouse:before {
  content: "\e76c";
}
.el-icon-brush:before {
  content: "\e76e";
}
.el-icon-headset:before {
  content: "\e76f";
}
.el-icon-umbrella:before {
  content: "\e770";
}
.el-icon-scissors:before {
  content: "\e771";
}
.el-icon-mobile:before {
  content: "\e773";
}
.el-icon-attract:before {
  content: "\e774";
}
.el-icon-monitor:before {
  content: "\e775";
}
.el-icon-search:before {
  content: "\e778";
}
.el-icon-takeaway-box:before {
  content: "\e77a";
}
.el-icon-paperclip:before {
  content: "\e77d";
}
.el-icon-printer:before {
  content: "\e77e";
}
.el-icon-document-add:before {
  content: "\e782";
}
.el-icon-document:before {
  content: "\e785";
}
.el-icon-document-checked:before {
  content: "\e786";
}
.el-icon-document-copy:before {
  content: "\e787";
}
.el-icon-document-delete:before {
  content: "\e788";
}
.el-icon-document-remove:before {
  content: "\e789";
}
.el-icon-tickets:before {
  content: "\e78b";
}
.el-icon-folder-checked:before {
  content: "\e77f";
}
.el-icon-folder-delete:before {
  content: "\e780";
}
.el-icon-folder-remove:before {
  content: "\e781";
}
.el-icon-folder-add:before {
  content: "\e783";
}
.el-icon-folder-opened:before {
  content: "\e784";
}
.el-icon-folder:before {
  content: "\e78a";
}
.el-icon-edit-outline:before {
  content: "\e764";
}
.el-icon-edit:before {
  content: "\e78c";
}
.el-icon-date:before {
  content: "\e78e";
}
.el-icon-c-scale-to-original:before {
  content: "\e7c6";
}
.el-icon-view:before {
  content: "\e6ce";
}
.el-icon-loading:before {
  content: "\e6cf";
}
.el-icon-rank:before {
  content: "\e6d1";
}
.el-icon-sort-down:before {
  content: "\e7c4";
}
.el-icon-sort-up:before {
  content: "\e7c5";
}
.el-icon-sort:before {
  content: "\e6d2";
}
.el-icon-finished:before {
  content: "\e6cd";
}
.el-icon-refresh-left:before {
  content: "\e6c7";
}
.el-icon-refresh-right:before {
  content: "\e6c8";
}
.el-icon-refresh:before {
  content: "\e6d0";
}
.el-icon-video-play:before {
  content: "\e7c0";
}
.el-icon-video-pause:before {
  content: "\e7c1";
}
.el-icon-d-arrow-right:before {
  content: "\e6dc";
}
.el-icon-d-arrow-left:before {
  content: "\e6dd";
}
.el-icon-arrow-up:before {
  content: "\e6e1";
}
.el-icon-arrow-down:before {
  content: "\e6df";
}
.el-icon-arrow-right:before {
  content: "\e6e0";
}
.el-icon-arrow-left:before {
  content: "\e6de";
}
.el-icon-top-right:before {
  content: "\e6e7";
}
.el-icon-top-left:before {
  content: "\e6e8";
}
.el-icon-top:before {
  content: "\e6e6";
}
.el-icon-bottom:before {
  content: "\e6eb";
}
.el-icon-right:before {
  content: "\e6e9";
}
.el-icon-back:before {
  content: "\e6ea";
}
.el-icon-bottom-right:before {
  content: "\e6ec";
}
.el-icon-bottom-left:before {
  content: "\e6ed";
}
.el-icon-caret-top:before {
  content: "\e78f";
}
.el-icon-caret-bottom:before {
  content: "\e790";
}
.el-icon-caret-right:before {
  content: "\e791";
}
.el-icon-caret-left:before {
  content: "\e792";
}
.el-icon-d-caret:before {
  content: "\e79a";
}
.el-icon-share:before {
  content: "\e793";
}
.el-icon-menu:before {
  content: "\e798";
}
.el-icon-s-grid:before {
  content: "\e7a6";
}
.el-icon-s-check:before {
  content: "\e7a7";
}
.el-icon-s-data:before {
  content: "\e7a8";
}
.el-icon-s-opportunity:before {
  content: "\e7aa";
}
.el-icon-s-custom:before {
  content: "\e7ab";
}
.el-icon-s-claim:before {
  content: "\e7ad";
}
.el-icon-s-finance:before {
  content: "\e7ae";
}
.el-icon-s-comment:before {
  content: "\e7af";
}
.el-icon-s-flag:before {
  content: "\e7b0";
}
.el-icon-s-marketing:before {
  content: "\e7b1";
}
.el-icon-s-shop:before {
  content: "\e7b4";
}
.el-icon-s-open:before {
  content: "\e7b5";
}
.el-icon-s-management:before {
  content: "\e7b6";
}
.el-icon-s-ticket:before {
  content: "\e7b7";
}
.el-icon-s-release:before {
  content: "\e7b8";
}
.el-icon-s-home:before {
  content: "\e7b9";
}
.el-icon-s-promotion:before {
  content: "\e7ba";
}
.el-icon-s-operation:before {
  content: "\e7bb";
}
.el-icon-s-unfold:before {
  content: "\e7bc";
}
.el-icon-s-fold:before {
  content: "\e7a9";
}
.el-icon-s-platform:before {
  content: "\e7bd";
}
.el-icon-s-order:before {
  content: "\e7be";
}
.el-icon-s-cooperation:before {
  content: "\e7bf";
}
.el-icon-bell:before {
  content: "\e725";
}
.el-icon-message-solid:before {
  content: "\e799";
}
.el-icon-video-camera:before {
  content: "\e772";
}
.el-icon-video-camera-solid:before {
  content: "\e796";
}
.el-icon-camera:before {
  content: "\e779";
}
.el-icon-camera-solid:before {
  content: "\e79b";
}
.el-icon-download:before {
  content: "\e77c";
}
.el-icon-upload2:before {
  content: "\e77b";
}
.el-icon-upload:before {
  content: "\e7c3";
}
.el-icon-picture-outline-round:before {
  content: "\e75f";
}
.el-icon-picture-outline:before {
  content: "\e75e";
}
.el-icon-picture:before {
  content: "\e79f";
}
.el-icon-close:before {
  content: "\e6db";
}
.el-icon-check:before {
  content: "\e6da";
}
.el-icon-plus:before {
  content: "\e6d9";
}
.el-icon-minus:before {
  content: "\e6d8";
}
.el-icon-help:before {
  content: "\e73d";
}
.el-icon-s-help:before {
  content: "\e7b3";
}
.el-icon-circle-close:before {
  content: "\e78d";
}
.el-icon-circle-check:before {
  content: "\e720";
}
.el-icon-circle-plus-outline:before {
  content: "\e723";
}
.el-icon-remove-outline:before {
  content: "\e722";
}
.el-icon-zoom-out:before {
  content: "\e776";
}
.el-icon-zoom-in:before {
  content: "\e777";
}
.el-icon-error:before {
  content: "\e79d";
}
.el-icon-success:before {
  content: "\e79c";
}
.el-icon-circle-plus:before {
  content: "\e7a0";
}
.el-icon-remove:before {
  content: "\e7a2";
}
.el-icon-info:before {
  content: "\e7a1";
}
.el-icon-question:before {
  content: "\e7a4";
}
.el-icon-warning-outline:before {
  content: "\e6c9";
}
.el-icon-warning:before {
  content: "\e7a3";
}
.el-icon-goods:before {
  content: "\e7c2";
}
.el-icon-s-goods:before {
  content: "\e7b2";
}
.el-icon-star-off:before {
  content: "\e717";
}
.el-icon-star-on:before {
  content: "\e797";
}
.el-icon-more-outline:before {
  content: "\e6cc";
}
.el-icon-more:before {
  content: "\e794";
}
.el-icon-phone-outline:before {
  content: "\e6cb";
}
.el-icon-phone:before {
  content: "\e795";
}
.el-icon-user:before {
  content: "\e6e3";
}
.el-icon-user-solid:before {
  content: "\e7a5";
}
.el-icon-setting:before {
  content: "\e6ca";
}
.el-icon-s-tools:before {
  content: "\e7ac";
}
.el-icon-delete:before {
  content: "\e6d7";
}
.el-icon-delete-solid:before {
  content: "\e7c9";
}
.el-icon-eleme:before {
  content: "\e7c7";
}
.el-icon-platform-eleme:before {
  content: "\e7ca";
}
.el-icon-loading {
  -webkit-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
}
.el-icon--right {
  margin-left: 5px;
}
.el-icon--left {
  margin-right: 5px;
}

/* 빠른 사용방법 안내 버튼 */
.btns_manual_shortcut {
}
.btns_manual_shortcut ul {
  display: flex;
  justify-content: flex-end;
}
.btns_manual_shortcut ul > li {
  margin-left: 10px;
}
.btns_manual_shortcut a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 185px;
  height: 35px;
  font-size: 14px;
  color: #fff;
}
.btns_manual_shortcut a:hover {
  text-decoration: none;
}
.btns_manual_shortcut a.pc {
  background-color: #fa862d;
}
.btns_manual_shortcut a.mobile {
  background-color: #333333;
}
.btns_manual_shortcut a.proxy {
  background-color: #333333;
  -webkit-animation: blink-bg-green-grey 1s infinite; /* Safari 4+ */
  -moz-animation: blink-bg-green-grey 1s infinite; /* Fx 5+ */
  -o-animation: blink-bg-green-grey 1s infinite; /* Opera 12+ */
  animation: blink-bg-green-grey 1s infinite; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes blink-bg-green-grey {
  0%,
  49% {
    background-color: #34b269;
  }
  50%,
  100% {
    background-color: #333333;
  }
}