/*@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: 
  url("/CDN/webimage/v2/css/d2/fonts/Noto_Sans_KR/NotoSansKR-Light.woff2") format('woff2'),
  url("/CDN/webimage/v2/css/d2/fonts/Noto_Sans_KR/NotoSansKR-Light.woff") format('woff'),
  url("/CDN/webimage/v2/css/d2/fonts/Noto_Sans_KR/NotoSansKR-Light.otf") format('opentype');
  unicode-range: U+f9ca-fa0b, U+ff03-ff05, U+ff07, U+ff0a-ff0b, U+ff0d-ff19, U+ff1b, U+ff1d, U+ff20-ff5b, U+ff5d, U+ffe0-ffe3, U+ffe5-ffe6;
}*/

html{font-family: 'Noto Sans KR', sans-serif;}
body{font-family: 'Noto Sans KR', sans-serif; text-decoration:none;font-size:10pt;color:#4B4C51;letter-spacing:-1px;}
a:link  {	font-family: 'Noto Sans KR', sans-serif; text-decoration:none;font-size:10pt;color:#4B4C51;letter-spacing:-1px;}
a:active {	font-family: 'Noto Sans KR', sans-serif; text-decoration:none;font-size:10pt;color:#4B4C51;letter-spacing:-1px;}
a:visited {	font-family: 'Noto Sans KR', sans-serif; text-decoration:none;font-size:10pt;color:#4B4C51;letter-spacing:-1px;}
a:hover {	font-family: 'Noto Sans KR', sans-serif; text-decoration:underline;font-size:10pt;color:#4B4C51;letter-spacing:-1px;}
 /*
 body{font-family: 'Gothic A1', sans-serif; text-decoration:none;font-size:10pt;color:#4B4C51;letter-spacing:-1px;}
a:link  {	font-family: 'Gothic A1', sans-serif; text-decoration:none;font-size:10pt;color:#4B4C51;letter-spacing:-1px;}
a:active {	font-family: 'Gothic A1', sans-serif; text-decoration:none;font-size:10pt;color:#4B4C51;letter-spacing:-1px;}
a:visited {	font-family: 'Gothic A1', sans-serif; text-decoration:none;font-size:10pt;color:#4B4C51;letter-spacing:-1px;}
a:hover {	font-family: 'Gothic A1', sans-serif; text-decoration:underline;font-size:10pt;color:#4B4C51;letter-spacing:-1px;}
*/

/* À̴Ͻýº PG ¿Í ºÎÆ®½ºÆ®·¦V4.x »ç¿ë½Ã °áÁ¦Ã¢ÀÌ ¼û°ÜÁö´Â ¹®Á¦ ÇØ°á*/
.inipay_modal.fade:not(.show) { opacity: 1 !important; }

body {letter-spacing:-1px;}

.container-xl {
/*  max-width: 750px;*/
  margin: 0 auto;
/*     width: 1024px;  
 width: 1025px;  
   min-width: 1025px;  */

/*  text-align: left;*/
}
 
/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
##Device = µ¥½ºÅ©Å¾
##Screen = 1281px ÀÌ»ó ÇØ»óµµ µ¥½ºÅ©Å¾
*/

@media (min-width: 1281px) {
 .container-xl {margin: 0 auto;width:1140px;min-width:1140px;} 
 
}

/*
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px
##Device = ·¦Å¾, µ¥½ºÅ©Å¾
##Screen = 1025px¿¡¼­ 1280px »çÀÌ
*/

@media (min-width: 1025px) and (max-width: 1280px) {

 .container-xl {margin: 0 auto;width:1140px;min-width:1140px;}

}

/*
##Device = Tablets, Ipads (portrait),
##Screen = B/w 768px to 1024px
##Device = ÅÂºí¸´, ¾ÆÀÌÆеå(¼¼·Î),
##Screen = 768px¿¡¼­ 1024px »çÀÌ
*/

@media (min-width: 768px) and (max-width: 1024px) {

 .container-xl {margin: 0 auto;width:1140px;min-width:1140px;}

}

/*
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
##Device = ÅÂºí¸´, ¾ÆÀÌÆеå(°¡·Î)
##Screen = 768px¿¡¼­ 1024px »çÀÌ
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

 .container-xl {width:1024px;min-width:1024px; }

}

/*
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
##Device = ÀúÇØ»óµµ ÅÂºí¸´, ¸ð¹ÙÀÏ(°¡·Î)
##Screen = 481px¿¡¼­ 767px »çÀÌ
*/

@media (min-width: 481px) and (max-width: 767px) {

 .container-xl {width:1024px;min-width:1024px; }

}

/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
##Device = ´ëºÎºÐÀÇ ½º¸¶Æ®Æù ¸ð¹ÙÀÏ ±â±â(¼¼·Î)
##Screen = 320px¿¡¼­ 479px »çÀÌ
*/
 
@media (min-width: 320px) and (max-width: 480px) {
/* .container-xl {width:1024px;min-width:1024px; }*/
}

 

.py-2-5 {
  padding-top: 0.7rem !important;
  padding-bottom: 0.7rem !important;
}

 
p { margin:5px 0px 5px 0px; }

.line_r{border:1px solid red}
.of_h {overflow:hidden}

/* ¸ÞÀθ޴º ½½¶óÀ̵å */
.menu_box {
  position: fixed;
  z-index: 9999;
  overflow-x: hidden;
  opacity:0;

/*  transition: 0.05s;*/
  padding-top: 0px;
/*  text-align:center;*/
}

/* ¸ÞÀθ޴º ½½¶óÀ̵å */
.sidenav-left {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: -100%;
  background-color: #fff;
  overflow-x: hidden;
  opacity:0;

/*  transition: 0.05s;*/
  padding-top: 0px;
/*  text-align:center;*/
}

.sidenav-left a {
/*  padding: 8px 8px 8px 32px;*/
  text-decoration: none;
/*  font-size: 25px; */
  color: #818181;
  display: block;

/*  transition: 0.1s;*/

}
 
.sidenav-right {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  right: -100%;
  background-color: #fff;
  overflow-x: hidden;
/*  transition: 0.1s;*/
  padding-top: 0px;
  opacity:0;
/*  text-align:center;*/
}

.sidenav-right a {
/*  padding: 8px 8px 8px 32px;*/
  text-decoration: none;
/*  font-size: 25px; */
  color: #818181;
  display: block;
/*  transition: 0.3s;*/

}  
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
/*  .sidenav a {font-size: 18px;}*/
}
/* ¸ÞÀθ޴º ½½¶óÀ̵å */

/* »óÇÏ ±¸ºÐ¼± */
.divide_line_light20
{
	background-color:#f8f9fa;
	height:20px;
}
.divide_line_light15
{
	background-color:#efefef;
	height:15px;
}
.divide_line_light10
{
	background-color:#f8f9fa;
	height:10px;
}

.divide_line20 
{
	background-color:#f5f5f5;
	height:20px;
 
}
.divide_line10 
{
	background-color:#f5f5f5;
	height:10px;
 
}
.divide_line3 
{
	background-color:#f5f5f5;
	height:3px;
 
}
.divide_line5 
{
	background-color:#f5f5f5;
	height:5px;
 
}
.divide_line1
{
	background-color:#efefef;
	height:1px;
 
}
/* ÆùÆ® Á¤ÀÇ */
.fb {
	font-weight:600;
}	
.fn {
	font-weight:normal;
}	

.fl {
	font-weight:lighter;
}

/*margin  */
.mg_0 {margin:0px;}
.mg_5 {margin:5px;}
.mg_10 {margin:10px;}
.mg_15 {margin:15px;}
.mg_20 {margin:20px;}

.mg_y5 {margin:5px 0px 5px 0px;}
.mg_y10 {margin:10px 0px 10px 0px;}
.mg_y15 {margin:15px 0px 15px 0px;}
.mg_y20 {margin:20px 0px 20px 0px;}

/*padding  */
.pd_0 {padding:0px;}
.pd_5 {padding:5px;}
.pd_10 {padding:10px;}
.pd_15 {padding:15px;}
.pd_20 {padding:20px;}

.pd_y5 {padding:5px 0px 5px 0px;}
.pd_y10 {padding:10px 0px 10px 0px;}
.pd_y15 {padding:15px 0px 15px 0px;}
.pd_y20 {padding:20px 0px 20px 0px;}

.p10 { font-size : 10px;}
.p11 { font-size : 11px;}
.p12 { font-size : 12px;} 
.p13 { font-size : 13px;}
.p14 { font-size : 14px;}
.p15 { font-size : 15px;}
.p16 { font-size : 16px;}
.p17 { font-size : 17px;}
.p18 { font-size : 18px;}
.p19 { font-size : 19px;}
.p20 { font-size : 20px;}
.p21 { font-size : 21px;}
.p22 { font-size : 22px;}
.p23 { font-size : 23px;}
.p24 { font-size : 24px;}
.p25 { font-size : 25px;}
.p26 { font-size : 26px;}
.p27 { font-size : 27px;}
.p28 { font-size : 28px;}
.p29 { font-size : 29px;}
.p30 { font-size : 30px;}
.p31 { font-size : 31px;}
.p32 { font-size : 32px;}
.p33 { font-size : 33px;}
.p34 { font-size : 34px;}
.p35 { font-size : 35px;}
.p36 { font-size : 36px;}
.p37 { font-size : 37px;}
.p38 { font-size : 38px;}
.p39 { font-size : 39px;}
.p40 { font-size : 40px;}

.fsize0 {font-size : 10px;}
.fsize1 {font-size : 11px;}
.fsize2 {font-size : 12px;}
.fsize3 {font-size : 13px;}
.fsize4 {font-size : 14px;}
.fsize45 {font-size : 15px;}
.fsize5 {font-size : 16px;}
.fsize6 {font-size : 17px;}
.fsize7 {font-size : 18px;}
.fsize8 {font-size : 19px;}
.fsize9 {font-size : 20px;}
.fsize10 {font-size : 28px;}
.fsize11 {font-size : 30px;}
.fsize12 {font-size : 32px;}
.fsize13 {font-size : 34px;}
.fsize14 {font-size : 36px;}
.fsize15 {font-size : 38px;}
 
 .text-primary {color:#32A0FF}
 .btn-primary {background-color:#32A0FF}
 .badge-primary {background-color:#32A0FF}

.box_main {font-size:0.85rem;height:55px;margin-top:5px; margin:5px 5px; padding:7px 0px ;color:#888;background-color: #fcfcfc;text-align:center;border:1px solid #e5e5e5;	border-radius: 5px 5px 5px 5px;} 

/* ÆùÆ® Ä÷¯ */ 
.blue {color: #32A0FF;border: #32A0FF;}
.blue1 {color: #6EC9F6;border: #6EC9F6;}
.blue2 {color: #6EC9F6;}
.blue3 {color: #e3f1ff;}
.blue4 {color: #32A0FF;}
.blue-light {color: #5DC2DF;}
.red {color: #FF4F4F;}
.black {color: #393939;}
.black1 {color: #454545;}
.black0 {color: #222;}
.gray {color: #6e6e6e;}
.gray0 {color: #999;}
.gray1 {color: #b3b3b3;}
.gray2 {color: #d8d8d8;}
.gray3 {color: #f5f5f5;}
.gray1-1 {color: #cecece;}
.orange {color: #FA5C7C;}
.orange1 {color: #FCB37B;}
.white {color: #ffffff;}
.green {color: #5CD6AA;}
.green1 {color: #BDEFDD;}
.yellow {color: #FFBC00;}
.purple{color: #727CF5;}
.orange2 {color: #fd8d00;}
.orange3 {color: #ffa938;}

.bg-blue {background-color: #32A0FF;color:#fff}
.bg-blue1 {background-color: #6EC9F6;color:#fff}
.bg-blue3 {background-color: #e3f1ff;}
.bg-blue9 {background-color: #f7fdff;}
.bg-blue-light {background-color: #5DC2DF;}
.bg-red {background-color: #FF4F4F;color:#fff}
.bg-red1 {background-color: #F70800;}
.bg-black {background-color: #393939;}
.bg-gray {background-color: #6e6e6e;color:#fff}
.bg-gray1 {background-color: #b3b3b3;}
.bg-gray1-1 {background-color: #cccccc;}
.bg-gray2 {background-color: #e7e7e7;}
.bg-gray3 {background-color: #f5f5f5;}
.bg-gray4 {background-color: #FAFAFA;}
.bg-orange {background-color: #FA5C7C;}
.bg-orange1 {background-color: #FCB37B;}
.bg-orange2 {background-color: #fd8d00;}
.bg-orange3 {background-color: #ffa938;}
.bg-white {background-color: #ffffff;}
.bg-naver {background-color: #1EC800;}
.bg-green {background-color: #5CD6AA;}
.bg-green1 {background-color: #BDEFDD;}
.bg-yellow {background-color: #FFBC00;}
.bg-yellow2 {background-color: #fffaee;}
.bg-purple {background-color: #727CF5;color:#fff}

/* ÁÙ°£°ß */
.lh1 {line-height:1;}
.lh06 {line-height:0.6;}
.lh07 {line-height:0.7;}
.lh08 {line-height:0.8;}
.lh09 {line-height:0.9;}
.lh11 {line-height:1.1;}
.lh12 {line-height:1.2;}
.lh13 {line-height:1.3;}
.lh14 {line-height:1.4;}
.lh15 {line-height:1.5;}
.lh16 {line-height:1.6;}
.lh17 {line-height:1.7;}
.lh18 {line-height:1.8;}
.lh19 {line-height:1.9;}
.lh20 {line-height:2.0;}
/* Æ÷ÀÎÅÍ */
.pointer {
cursor:pointer;
}

.btn-primary {
background-color: #32A0FF;
color:#fff;
}

.btn-orange {
background-color: #fd8d00;
color:#fff;
}
.btn-white {
background-color: #fff;
color:#444;
}
.btn-gray {
background-color: #b3b3b3;
color:#fff;
}
 
.btn-outline-secondary {
	border:1px solid #dedede;
}
.btn-outline-secondary active {
	background-color: #b3b3b3;
}


.badge-danger {
background-color: #FF4F4F;
}
.badge-gray0 {
background-color: #bababa;
color:#fff;
}
.badge-gray {
margin-top:2px;
padding:4px 10px;
background-color: #b3b3b3;
color:#fff;
}
.badge-gray1 {
margin-top:2px;
padding:4px 10px;
background-color: #dedede;
color:#fff;
}
.badge-gray2 {
margin-top:2px;
/*padding:4px 7px;*/
background-color: #dedede;
color:#fff;
}
.badge-blue {
background-color: #32A0FF;
color:#fff;
}
.badge-blue1 {
background-color: #6EC9F6;
color:#fff;
}
.badge-blue2 {
background-color: #79ccfd;
color:#fff;
}
.tab_on		{ font-weight:bold; color:#222;padding-bottom:10px; border-bottom:3px solid #32A0FF; }
.tab_off	{ font-weight:normal; color:#555; padding-bottom:10px; border-bottom:1px solid #e7e7e7; }


.tab1_on		{ font-weight:bold; color:#32A0FF;padding-bottom:10px; border-bottom:3px solid #32A0FF; }
.tab1_off	{ font-weight:normal; color:#555; padding-bottom:10px; border-bottom:1px solid #e7e7e7; }


.tab2_on		{ font-weight:bold; color:#6EC9F6;padding-bottom:10px; border-bottom:2px solid #6EC9F6; }
.tab2_off	{ font-weight:normal; color:#555; padding-bottom:10px; border-bottom:1px solid #e7e7e7; }

  

 .no-border {
    border: 0;
    box-shadow: none; /* You may want to include this as bootstrap applies these styles too */
}

.border_bottom_2 {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 2px solid #888;
  border-radius: 0 0px 0px 0;
}

.border_bottom {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 1px solid #aaa;
  border-radius: 0 0px 0px 0;
}
.border_bottom_blue {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 1px solid #32A0FF;
  border-radius: 0 0px 0px 0;
}
.border_bottom_blue2 {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 2px solid #32A0FF;
  border-radius: 0 0px 0px 0;
}
.border_bottom_purple {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 1px solid #727CF5;
  border-radius: 0 0px 0px 0;
}
.border_bottom_white {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-bottom: 1px solid #fff;
  border-radius: 0 0px 0px 0;
}
.border-blue1
{
	border: 1px solid #32A0FF;
}
.border-blue2
{
	border: 2px solid #32A0FF;
}
.border-blue3
{
	border: 3px solid #32A0FF;
}
.border-blue4
{
	border: 4px solid #32A0FF;
}
.border-blue5
{
	border: 5px solid #32A0FF;
}

.border-dotted
{
  border-left: 15px solid #ffc107;
  border-top: 5px dotted #ffc107;
  border-right: 15px solid #efefef;
  border-bottom: 0px;
 
}
.border-light-side
{
  border-left: 15px solid #efefef;
  border-top: 0px;
  border-right: 15px solid #efefef;
  border-bottom: 0px;
  background-color:#efefef;
}
.border-gray-side
{
  border-left: 15px solid #ffc107;
  border-top: 0px;
  border-right: 15px solid #efefef;
  border-bottom: 0px;

}

.left_gray
{
  width:15px;
  height:5px;
  background-color:#ffc107;
  float:left;

}
.right_gray
{
  width:15px;
  height:5px;
  background-color:#efefef;
  float:right;
}
.line_dotted
{
  display: block;
  border-left: 0px;
  border-top: 5px dotted #ddd;
  border-right: 0px solid #efefef;
  border-bottom: 0px;
  background-color:#fff;
  margin:0px 15px;
  height:5px; 
}
 
.btn-round {
	border-radius: 5px 5px 5px 5px;
    border-radius: 5px!important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
}
.btn-round1 {
	border-radius: 5 5px 5px 5;
    border-radius: 5px!important;
		padding:1px 2px;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
}

.btn-round10 {
	border-radius: 10px 10px 10px 10px;
    border-radius: 10px!important;
	padding:2px 2px;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
}

.btn {
    border-radius: 0px!important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
}

.btn-white:active,

.radio_box.active {
  color: #32A0FF !important;
  background-color: #e6f5ff !important;
  border-color: #32A0FF !important;
}
.radio_box_icon.active {
  padding: 5px 0px 5px 0px;
  color: #32A0FF !important;
  background-color: #e6f5ff !important;
  border-color: #32A0FF !important;
}

.dropdown-menu {
  min-width: 4rem;
}

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0px;
 
  line-height: 1.428571429;
  border-radius: 15px;
}
.btn-circle.btn-md {
  width: 48px;
  height: 48px;
  line-height: 35px;
  font-size: 19px;
  display: block;
  color:#ccc;
  text-align: center;
  margin: 0 auto 5px auto;
  border-radius: 50%;
  background-color: white;
}
.btn-circle.btn-lg {
  width: 50px;
  height: 50px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-circle.btn-xl {
  width: 70px;
  height: 70px;
  padding: 10px 16px;
  font-size: 24px;
  line-height: 1.33;
  border-radius: 35px;
}

.btn.btn-circle.btn-md:active, 
.btn.btn-circle.btn-md:target {
  border-color: red;;
  border:0px;
  border-radius: 50%;
}

.border-gray-5px {
 border :5px solid #f5f5f5;
}

.border-gray {
 border :1px solid #6e6e6e;
}
.border-gray1 {
 border :1px solid #b3b3b3;
}
.border-gray2 {
 border :1px solid #d8d8d8;
}
.row {
margin-left: 0px;
margin-right: 0px;
}
.row-mx1 {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:.25rem !important;margin-left:.25rem!important}
.row-mx2 {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:.5rem!important;margin-left:.5rem!important}
.row-mx3 {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:1rem!important;margin-left:1rem!important}

.row-px1 {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-right:.25rem!important;padding-left:.25rem!important}
.row-px2 {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-right:.5rem!important;padding-left:.5rem!important}
.row-px3 {display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-right:1rem!important;padding-left:1rem!important}

.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
padding-left: 0px;
padding-right: 0px;
}

.mytab1  .nav-item.show .nav-link, .mytab1  .nav-link.active    {
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  padding: 2px 0px 5px 0px;
  border-bottom: 3px solid #32A0FF;
}

.mytab1 li a { color:#6e6e6e; padding: 2px 0px 5px 0px;background-color:#fff; }
.mytab1 li.active a {  padding: 2px 0px 5px 0px;background-color:#FFF; }
.mytab1 a:hover {  padding: 2px 0px 5px 0px;background-color:#FFF; }
 

/*¹°Ç°¼³¸í ¹Ì»ç¿ë*/
.mytab2  .nav-item.show .nav-link2, .mytab2  .nav-link2.active    {
  border-top: 1px solid #aaa;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  border-radius: 0 0px 0px 0;
  background-color:#fff; 
  font-weight:bold;
  text-decoration:none;
}

.mytab2 li a {  border-radius: 0 0px 0px 0;border:1px solid #ccc; color:#6e6e6e; padding: 2px 15px 5px 15px;background-color:#f5f5f5;text-decoration:none; }
.mytab2 li.active a {   border-radius: 0 0px 0px 0;border:1px solid #ccc; padding: 2px 15px 5px 15px;background-color:#f5f5f5;text-decoration:none; }
.mytab2 a:hover {   border-radius: 0 0px 0px 0;border:1px solid #ccc; padding: 2px 15px 5px 15px;background-color:#f5f5f5;text-decoration:none; }
 



/*°áÁ¦Çϱâ*/
.mytab3  .nav-item.show .nav-link3, .mytab3  .nav-link3.active   {
  border-top: 1px solid #32A0FF;
  border-left: 0px solid #aaa;
  border-right: 0px solid #aaa;
  border-bottom: 1px solid #32A0FF;
  border-radius: 0 0px 0px 0;
  background-color:#32A0FF; 
  color:#fff;
  font-weight:bold;
  text-decoration:none;
}

.mytab3 li a {  border-radius: 0 0px 0px 0;border:1px solid #ccc; color:#6e6e6e; padding: 2px 15px 5px 15px;background-color:#fff;text-decoration:none; }
.mytab3 li.active a {   border-radius: 0 0px 0px 0;border:0px solid #ccc; padding: 2px 15px 5px 15px;background-color:#fff;text-decoration:none; }
.mytab3 a:hover {   border-radius: 0 0px 0px 0;border:1px solid #ccc; padding: 2px 15px 5px 15px;background-color:#fff;text-decoration:none; }
 


 
.mytab4  .nav-item.show .nav-link, .mytab4  .nav-link.active    {
  border-top: 1px solid #efefef;
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
  padding: 2px 0px 5px 0px;
  border-bottom: 3px solid #32A0FF;
  border-radius: 0 0px 0px 0;

}

.mytab4 li a { color:#6e6e6e; padding: 2px 0px 5px 0px;background-color:#fafafa; border-radius: 0 0px 0px 0;}
.mytab4 li.active a {  padding: 2px 0px 5px 0px;background-color:#fafafa; border-radius: 0 0px 0px 0;}
.mytab4 a:hover { border:0px ; border-bottom: 3px solid #f5f5f5;padding: 2px 0px 5px 0px;background-color:#f7f7f7; border-radius: 0 0px 0px 0;}


.keyword_input {    
 border-top: 0px;
 border-left: 0px;
 border-right: 0px;
 border-bottom: 1px solid #e7e7e7; ;
 border-radius: 0 0px 0px 0;
}

.status_icon {color:#aaa;padding:1px 4px; border:1px solid;margin:0px 2px;}
.status_icon_blue {color:#32A0FF;padding:1px 4px; border:1px solid #32A0FF;margin:0px 2px;}
.status_icon_red {color:#ff8c8c;padding:1px 4px; border:1px solid #ff8c8c;margin:0px 2px;}

.box {color:#aaa;padding:2px 3px;border:1px solid;margin:0px 1px;}
.box-white {color:#fff;padding:2px 3px;border:1px solid #fff;margin:0px 1px;}
.radio_box {color:#666;padding:6px 15px;border:1px solid #ccc;text-align:left; width:100%;line-height:20px;}
.radio_box_icon {color:#aaa;margin:0px 0px; padding:5px 0px;border:1px solid #ccc;text-align:center; }
.box_blue {color:#999;padding:5px 10px;border:2px solid #32A0FF;margin:0px 1px;}

.box_blue1 {color:#111;padding:10px 20px ;border:2px solid #32A0FF;margin:0px 0px; font-size:14px;line-height:22px}

.box_gray {color:#aaa;padding:5px 10px;border:2px solid #6e6e6e;margin:0px 1px;}
.circle {color:#aaa;padding:2px 3px;border:1px solid;margin:0px 1px;}
.box_top {padding:0px 5px 1px 5px;;border:1px solid #ccc;background-color:#ccc; color:#fff;margin:0px 2px;}

.box_red {margin-right:5px; padding:5px 10px 3px 10px;color:#FF4F4F;background-color: #fff;border:1px solid #FF4F4F;text-align:center;}
.box_warning {margin-right:5px; padding:5px 10px 3px 10px;color:#FF4F4F;background-color: #fef8f8;border:1px solid #fdd2d2;text-align:center;}
.box_good {margin-right:5px; padding:5px 10px 3px 10px;color:#32A0FF;background-color: #fff;border:1px solid #32A0FF;text-align:center;}
.box_on {margin-right:5px; padding:5px 10px 3px 10px;color:#888;background-color: #fff;border:1px solid #bbb;text-align:center;}
.box_on_detail {margin-right:5px; padding:5px 10px 3px 10px;color:#333;background-color: #fff;border:1px solid #bbb;text-align:center;}
.box_off {margin-right:5px; padding:5px 10px 3px 10px;color:#ddd;background-color: #fafafa;text-align:center;border:1px solid #eee;}
.box_light {margin-right:5px; padding:5px 10px 3px 10px;color:#999;text-align:center;border:1px solid #eee;}
.box_addr {padding:2px 3px;border:1px solid;margin:0px 1px;}

.box_more {padding:0px 2px;border:1px solid;margin:0px 0px;}

.box_spec_on {width:40px;height:40px;margin-right:5px; margin-bottom:5px; padding:2px 0px;color:#32A0FF;background-color: #fff;border:1px solid #32A0FF;text-align:center;float:right;line-height:15px;  vertical-align: middle;}
.box_spec_off {width:40px;height:40px;margin-right:5px; margin-bottom:5px; padding:2px 0px;color:#ccc;background-color: #fff;border:1px solid #ddd;text-align:center;float:right;line-height:15px;  vertical-align: middle;}

.box_noicon_red {width:60px; margin-right:5px; padding:5px 5px 3px 5px;color:#ee8e8e;background-color: #fff;border:1px solid #ee8e8e;text-align:center;}
.box_noicon_good {width:60px; margin-right:5px; padding:5px 5px 3px 5px;color:#75b4ec;background-color: #fff;border:1px solid #75b4ec;text-align:center;}
.box_noicon_on {width:60px; margin-right:5px; padding:5px 5px 3px 5px;color:#888;background-color: #fff;border:1px solid #bbb;text-align:center;}
.box_noicon_off {width:60px; margin-right:5px; padding:5px 5px 3px 5px;color:#ddd;background-color: #fafafa;text-align:center;border:1px solid #eee;}


.page1 {margin:0px 3px;width:15px; height:20px; padding:5px 10px;color:#aaa;border:1px solid;text-align:center}

.ls-1 {letter-spacing:-1px;line-height:12px;}
.ls-0 {letter-spacing:0px;line-height:12px;}
.ls-3p {letter-spacing:3px;line-height:12px;}

.login_box {width:300px;}

.search_detail_box
{
background-color:#fafafa; 
color:#666;
}

.typeahead,
.tt-query,
.tt-hint {
  width: 100%;
/*  height: 30px;
  padding: 8px 12px;
  line-height: 30px;
*/
}
/*height:160px;
  overflow:hidden;

  float:left;
  */

 .overlay_image_background_icon {
	width:135px;
	 float:left;
	overflow:hidden;
 }
 .overlay_image_background {
  position: absolute;
  z-index:-99999; 
  overflow:hidden;
}
.overlay_image {
  position: absolute;

}

/* Bottom left text */
.overlay_bottom-center {
  position: absolute;
  bottom: 0px;
  font-size:0.85rem;
  color:#fff;
  background-color:#000;
  opacity:.3;
  width:100%;
  padding: 0px 0px;
}
/* Bottom left text */
.overlay_bottom-center_text {
  position: absolute;
  bottom: 0px;
  font-size:0.85rem;
  color:#eee;
  width:100%;
  padding: 0px 0px;
}
/* Bottom left text */
.overlay_bottom-center_text_nobg {
  position: absolute;
  bottom: 0px;
  font-size:0.85rem;
  color:#fff;
  width:100%;
  padding: 0px 0px;
}
.thumb_img
{
	height:150px;
}
 

/*ÁٹٲÞó¸® */
.wb{
word-break:break-all;

}



.w16p { width: 16.665%;} 
.w20p { width: 20%;} 
.w25p { width: 25%;}
.w33p { width: 33%;}
.w50p { width: 50%;}
.w70p { width: 70%;}
.w100p { width: 100%;}

 
.confirm-button-class
{
	background-color: #32A0FF;
	color:	#fff;
	border-radius: 0 0px 0px 0;
}
 
 .img-container{
  position:relative;
  display:inline-block;
}

.img-container .overlay{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
/*  background:rgb(0,170,170);*/
  opacity:1;
  transition:opacity 500ms ease-in-out;
}
.img-container:hover .overlay{
  opacity:1;
}
.overlay span{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  color:#fff;
}
 
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size:0.9rem;
  color: #d6dbde;
  opacity: 1; /* Firefox */
}
 

.form-control::-webkit-input-placeholder {
  font-size:0.9rem;
  color: #d6dbde;
}
.form-control:-moz-placeholder {
  font-size:0.9rem;
  color: #d6dbde;
}
.form-control::-moz-placeholder {
  font-size:0.9rem;
  color: #d6dbde;
}
.form-control::placeholder {
  font-size:0.9rem;
  color: #d6dbde;
}
.form-control:-ms-input-placeholder {
  font-size:0.9rem;
  color: #d6dbde;
}
.form-control-lg:-ms-input-placeholder {
  font-size:1.23rem;
  color: #d6dbde;
}


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
/*input[type="search"]:focus,*/
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(125, 208, 249, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(125, 208, 249, 0.6);
  outline: 0 none;
}

input[type="search"]:focus {   
  border-color: #eee;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(210, 244, 251, 0.6);
  outline: 0 none;
}

.back-to-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    display: none;
    opacity:0.7;
}
.back-to-page {
    position: fixed;
    bottom: 10px;
    left: 10px;
    display: none;
    opacity:0.6;
}
.ChatIcon {
    position: fixed;
    bottom: 120px;
    right: 13px;
    display: none;
    opacity:0.8;
}
.ChatIcon-android {
    position: fixed;
    bottom: 180px;
    right: 13px;
    display: none;
    opacity:0.8;
}
.back-to-top-market {
    position: fixed;
    bottom: 65px;
    right: 10px;
    display: none;
	opacity:0.7;
}
.back-to-page-market {
    position: fixed;
    bottom: 65px;
    left: 10px;
    display: none;
    opacity:0.6;
}

.index_bottom_menu {
    position: fixed;
    bottom: 0px;
    display: none ;
    opacity:1.0;
}

.py-05
{
padding:1px 0px;
}
 .hideme
{
    opacity:0;
}
.swal2-popup {border-radius:0em;}
.swal2-popup .swal2-styled.swal2-confirm{padding:0.6rem 2.0rem;border:0;border-radius:0em;background:initial;background-color:#6EC9F6;color:#fff;font-size:1.0625em}
.swal2-popup .swal2-styled.swal2-cancel{padding:0.6rem 2.0rem;border:0;border-radius:0em;background:initial;background-color:#888;color:#fff;font-size:1.0625em}

 
.fa-arrow-down-animated {
    animation-name: collapse-icon-animation;
    animation-duration: 0.15s;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-fill-mode:forwards;
}

.fa-arrow-up-animated {
    animation-name: collapse-icon-animation-reverse;
    animation-duration: 0.15s;
    animation-direction: normal;
    animation-timing-function: linear;
    animation-fill-mode:forwards;
}

@keyframes collapse-icon-animation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(180deg);
    }
}

@keyframes collapse-icon-animation-reverse {
    0% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.main_textbanner {
color:#fff;
background: rgb(0,169,185);
background: linear-gradient(90deg, rgba(0,169,185,1) 0%, rgba(32,143,230,1) 0%, rgba(17,219,197,1) 100%);
}
 
.notification {
/*  color: white;*/
  text-decoration: none;
  padding: 0px 0px;
  position: relative;
  display: inline-block;
  border-radius: 0px;
}

.notification:hover {
/*  background: red;*/
}

.notification .badge {
/*  position: absolute;*/
  top: -3px;
  right: -11px;
  text-align:center;
  height:20px;
  width:20px;
  padding:4px 0px;
  border-radius: 50%;
/*  background: red;*/
  color: white;
  font-size:0.75em;
  position: absolute;
}

.counter-badge {
/*  position: absolute;
  top: -3px;
  right: -11px;*/
  text-align:center;
  height:19px;
  width:19px;
  padding:4px 0px;
  border-radius: 50%;
/*  background: red;*/
  color: white;
  font-size:0.75em;
  position: absolute;
}
.counter-badge1 {
/*  position: absolute;
  top: -3px;
  right: -11px;*/
  text-align:center;
  height:19px;
  width:19px;
  padding:4px 0px;
  border-radius: 50%;
/*  background: red;*/
  color: white;
  font-size:0.75em;
 
}
.iframeVideo {
	height: 0px;
	padding-top: 25px;
	padding-bottom: 56.2%;
	position: relative;
}
.iframeVideo iframe {
	width: 100%;
	height: 100%;
	position: absolute;
}
.pop-layer .pop-container {
  padding: 20px 20px;
}

.pop-layer .ctxt {
  color: #fff;
  line-height: 27px;
  font-size:1.5em;
  font-weight:normal;
  padding:0px 0px;
}
.pop-layer .btn-l {
  float:left;
  text-align: left;
}
.pop-layer .btn-r {
  float:right;
  text-align: right;
}

.pop-layer {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 310px;
  height: auto;
 
background: rgb(14,137,187);
background: linear-gradient(133deg, rgba(14,137,187,1) 0%, rgba(20,223,228,1) 100%, rgba(31,221,222,1) 100%);
  border: 0px solid #3571B5;
  z-index: 10;
}
 
.dim-layer {
  display: none;
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}

.dim-layer .dimBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  filter: alpha(opacity=50);
}

.dim-layer .pop-layer {
  display: block;
}

a.btn-layerClose {
  display: inline-block;
  height: 25px;
  padding: 0 14px 0;
  color: #fff;
  border: 0px solid #304a8a;
 
}

a.btn-layerClose:hover {
  color: #fff;
}

#notice-list ol {
    position: absolute;
	width:100%;
    top: 0;
    left: 0;	
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#notice-list li {
    height:32px;
}

#notice-list dd {
    position: relative;
    margin: 0;
} 

.pricetoolbar {
	margin-top:5px;
	float: left;
}
#priceTable_filter input {
	border: 2px solid #32A0FF;
	width: 300px;
	margin:0px 20px 0px 0px;
    border-radius: 0 0px 0px 0;
}
.tooltip {
font-size: 12px; 
}

#bbs_view .table td   {
	border:1px solid #ccc;
	padding:5px 5px;
	font-size:13px;

}
.w-10 {width:10%;} 
.w-15 {width:15%;} 
.w-20 {width:20%;} 
.w-25 {width:25%;} 
.w-30 {width:30%;} 
.w-40 {width:40%;} 
.w-50 {width:50%;} 
.w-60 {width:60%;} 
.w-70 {width:70%;} 
.w-80 {width:80%;} 
.w-90 {width:90%;} 
.w-100 {width:100%;} 


.rolling_notice ol, ul {list-style: none;margin:0px 0px;padding:0px 0px;}
.rolling_notice{width:100%; height:30px; overflow:hidden; }
.rolling{position:relative; width:100%; height:auto;}
.rolling li{width:100%; height:30px; line-height:30px;}

.rolling_top_prod ol, ul {list-style: none;margin:0px 0px;padding:0px 0px;}
.rolling_top_prod{width:100%; height:35px; overflow:hidden; }
.rolling_main {position:relative; width:100%; height:auto;}
.rolling_main li{width:100%; height:35px; line-height:35px;}

#new_review .carousel-control-prev-icon {
    
    width: 40px;
    height: 40px;
  
}
 
#new_review .carousel-control-next-icon {
    width: 40px;
    height: 40px;
  
}
#new_review .carousel-indicators {
	bottom : -40px; 
}
#new_review .carousel-indicators li {
    width: 12px;
    height: 12px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: #bbb;
    border-radius: 50%;
 
}

#new_review .carousel-control-prev{
		width:40px;
		height:40px;
		margin:100px 10px;
}
#new_review .carousel-control-next{
		width:40px;
		height:40px;
		margin:100px 10px;
}


#bbs_view .table>thead>tr , #bbs_view .table>thead>tr>th {
    padding: 7px 3px;
 	text-align: center;
}
#bbs_view .table {
	line-height:20px;
	font-size:13px;
 	margin:7px 0px;
}


.rule-section-title {
	padding: 10px 10px 10px 10px;
	margin: 20px 0px 0px 0px;;
	background-color:#999;
	color:#fff;
font-weight:bold;
	
}
.rule-content {
	padding: 5px 10px;
	border:1px solid #eee;
}
.rule-title {
	padding: 7px 10px;
	margin: 10px 0px 0px 0px;;
	background-color:#efefef;
	font-weight:bold;
}
.rule-subtitle {
	font-weight:bold;
	font-size:14px;
	padding: 10px 10px 0px 10px;
 
}
.rule-subcontent {
	padding: 1px 5px 1px 20px;
	font-size:13.5px;
 
}
.rule-accent
{
	color:#32A0FF;
}
.section-divide
{
	margin: 20px 0px 0px 0px;;
}

.tooltip.show {
  opacity: .7; /* .9 = 90% background-color, 1 = 100% background-color */
}
.tooltip-danger .tooltip-inner {
   color: #721c24;
   background-color: #f8d7da;
   border: 1px solid #721c24;
}
.tooltip-danger .tooltip.bs-tooltip-top .arrow:before {
   border-top-color: #721c24;
}
.tooltip-danger .tooltip.bs-tooltip-right .arrow:before {
   border-right-color: #721c24;
}
.tooltip-danger .tooltip.bs-tooltip-bottom .arrow:before {
   border-bottom-color: #721c24;
}
.tooltip-danger .tooltip.bs-tooltip-left .arrow:before {
   border-left-color: #721c24;
}
/*

.tooltip .tooltip-inner          { background-color:    #337ab7; }
.tooltip.top > .tooltip-arrow    { border-top-color:    #337ab7; }
.tooltip.right > .tooltip-arrow  { border-right-color:  #337ab7; }
.tooltip.bottom > .tooltip-arrow { border-bottom-color: #337ab7; }
.tooltip.left > .tooltip-arrow   { border-left-color:   #337ab7; }

.tooltip.primary .tooltip-inner          { background-color:    #337ab7; }
.tooltip.primary.top > .tooltip-arrow    { border-top-color:    #337ab7; }
.tooltip.primary.right > .tooltip-arrow  { border-right-color:  #337ab7; }
.tooltip.primary.bottom > .tooltip-arrow { border-bottom-color: #337ab7; }
.tooltip.primary.left > .tooltip-arrow   { border-left-color:   #337ab7; }

.tooltip.info .tooltip-inner          { background-color:    #31b0d5; }
.tooltip.info.top > .tooltip-arrow    { border-top-color:    #31b0d5; }
.tooltip.info.right > .tooltip-arrow  { border-right-color:  #31b0d5; }
.tooltip.info.bottom > .tooltip-arrow { border-bottom-color: #31b0d5; }
.tooltip.info.left > .tooltip-arrow   { border-left-color:   #31b0d5; }

.tooltip.success .tooltip-inner          { background-color:    #449d44; }
.tooltip.success.top > .tooltip-arrow    { border-top-color:    #449d44; }
.tooltip.success.right > .tooltip-arrow  { border-right-color:  #449d44; }
.tooltip.success.bottom > .tooltip-arrow { border-bottom-color: #449d44; }
.tooltip.success.left > .tooltip-arrow   { border-left-color:   #449d44; }

.tooltip.warning .tooltip-inner          { background-color:    #ec971f; }
.tooltip.warning.top > .tooltip-arrow    { border-top-color:    #ec971f; }
.tooltip.warning.right > .tooltip-arrow  { border-right-color:  #ec971f; }
.tooltip.warning.bottom > .tooltip-arrow { border-bottom-color: #ec971f; }
.tooltip.warning.left > .tooltip-arrow   { border-left-color:   #ec971f; }

.tooltip.danger .tooltip-inner          { background-color:    #d9534f; }
.tooltip.danger.top > .tooltip-arrow    { border-top-color:    #d9534f; }
.tooltip.danger.right > .tooltip-arrow  { border-right-color:  #d9534f; }
.tooltip.danger.bottom > .tooltip-arrow { border-bottom-color: #d9534f; }
.tooltip.danger.left > .tooltip-arrow   { border-left-color:   #d9534f; }*/

.progressbar {
  counter-reset: step;
  text-align:center;
}
.progressbar li {
  list-style-type: none;
/* 		  width: 20%; */
  float: left;
  font-size: 15px;
  position: relative;
  text-align: center;
  color: #b0b0b0;

}
.progressbar li:before {
  width: 40px;
  height: 40px;
  content: counter(step);
  counter-increment: step;
  line-height: 35px;
  border: 1px solid #ccc;
  display: block;
  text-align: center;
  margin: 0 auto 10px auto;
  border-radius: 50%;
  background-color: white;
}
.progressbar li:after {
  width: 100%;
  height: 1px;
  content: '';
  position: absolute;
  background-color: #ccc;
  top: 20px;
  left: -50%;
  z-index: -1;
}
.progressbar li:first-child:after {
  content: none;
}
.progressbar li.active {

  color: green;
}
.progressbar li.active:before {
  background-color: #81c998;
  color:#FFF;
  border-color: #81c998;
}
.progressbar li.active + li:after {
  background-color: #81c998;
}
.thumbnail img {
  margin-left:auto;
  margin-right:auto;
  max-width: 100%;
  object-fit: scale-down;
  display: block; /* remove extra space below image */
  height: auto; 
}
 
.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .open>.dropdown-toggle.btn-white {
    color: #000;
	background-color: #f5f5f5;
	border-radius: 5px 5px 5px 5px;
    border-radius: 5px!important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;

}
.btn-top:hover, .btn-top:focus, .btn-top:active, .btn-top.active, .open>.dropdown-toggle.btn-top {
    color: #000;
	background-color: #e5e5e5;
	border-radius: 5px 5px 5px 5px;
    border-radius: 5px!important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
}

.telecom_color0 {color: #aaaaaa;}
.telecom_color1 {color: #f5b55c;}
.telecom_color2 {color: #66c8dd;}
.telecom_color3 {color: #cc8ed9;}
.telecom_color7 {color: #aaaaaa;}