body {letter-spacing:-1px;}
.container {
  max-width: 750px;
  margin: 0 auto;
/*  text-align: left;*/
}
p { margin:5px 0px 5px 0px; }
.line_r{border:1px solid red}
.of_h {overflow:hidden}
/* ¸ÞÀθ޴º ½½¶óÀ̵å */
.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_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:bold;
}	
.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 : 12px;}
.fsize1 {font-size : 13px;}
.fsize2 {font-size : 14px;}
.fsize3 {font-size : 15px;}
.fsize4 {font-size : 16px;}
.fsize45 {font-size : 17px;}
.fsize5 {font-size : 18px;}
.fsize6 {font-size : 20px;}
.fsize7 {font-size : 22px;}
.fsize8 {font-size : 24px;}
.fsize9 {font-size : 26px;}
.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;margin-top:5px; margin:5px 5px; padding:8px 0px ;color:#888;background-color: #fcfcfc;text-align:center;border:1px solid #e5e5e5;	border-radius: 5 5px 5px 5;} 

/* ÆùÆ® Ä÷¯ */ 
.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;}
.gray {color: #6e6e6e;}
.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-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-purple {background-color: #727CF5;color:#fff}

/* ÁÙ°£°ß */
.lh1 {line-height:1;}
.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;}

/* Æ÷ÀÎÅÍ */
.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;
}

.badge-danger {
background-color: #FF4F4F;
}
.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;
}


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

.btn-round10 {
	border-radius: 10 10px 10px 10;
    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;
}

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

.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
 
  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 {
 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 {  padding: 2px 0px 5px 0px;background-color:#fafafa; 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 2px; border:1px solid;margin:0px 1px;}
.status_icon_blue {color:#32A0FF;padding:1px 2px; border:1px solid #32A0FF;margin:0px 1px;}
.status_icon_red {color:#ff8c8c;padding:1px 2px; border:1px solid #ff8c8c;margin:0px 1px;}

.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;}
.box_blue {color:#999;padding:5px 10px;border:2px solid #32A0FF;margin:0px 1px;}
.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_red {margin-right:5px; padding:3px 10px;color:#FF4F4F;background-color: #fff;border:1px solid #FF4F4F;text-align:center;}
.box_warning {margin-right:5px; padding:3px 10px;color:#FF4F4F;background-color: #fef8f8;border:1px solid #fdd2d2;text-align:center;}
.box_good {margin-right:5px; padding:3px 10px;color:#32A0FF;background-color: #fff;border:1px solid #32A0FF;text-align:center;}
.box_on {margin-right:5px; padding:3px 10px;color:#888;background-color: #fff;border:1px solid #bbb;text-align:center;}
.box_off {margin-right:5px; padding:3px 10px;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;
 
}

 .overlay_image_background_icon {
 
  width:160px;
 }
 .overlay_image_background {
  position: absolute;
  z-index:-99999;
  width:160px;
  height:160px;
 
}
.overlay_image {
  position: absolute;

}

/* Bottom left text */
.overlay_bottom-center {
  position: absolute;
  bottom: 0px;
  font-size:0.85rem;
  color:#fff;
  background-color:#000;
  opacity:.2;
  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;
}
.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 */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  font-size:0.9rem;
  color: #d6dbde;
}

::-ms-input-placeholder { /* Microsoft Edge */
  font-size:0.9rem;
  color: #d6dbde;
}

.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;
}


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;
  padding: 5px 8px;
  border-radius: 50%;
/*  background: red;*/
  color: white;
  font-size:0.7em;
}
.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;
} 
 
 

.rule-section-title {
	padding: 10px 10px;
	margin: 10px 0px 5px 0px;;
	background-color:#f5f5f5;
	font-weight:bold;
}
.rule-content {
	padding: 5px 10px;
}
.rule-title {
	padding: 3px 0px;
	font-weight:bold;
}
.rule-subtitle {
	font-weight:bold;
		font-size:14px;
	padding: 5px 10px 3px 10px;

}
.rule-subcontent {
	padding: 3px 5px 3px 20px;
	font-size:14px;
}
.rule-accent
{
	color:#32A0FF;
}

.telecom_color0 {color: #aaaaaa;}
.telecom_color1 {color: #ff7902;}
.telecom_color2 {color: #1baec5;}
.telecom_color3 {color: #ad4fd7;}
.telecom_color7 {color: #aaaaaa;}