@import url(../../../fonts.googleapis.com/earlyaccess/notosanskr.css);

* {
    font-family: "Noto Sans KR";
    font-weight:400;
    letter-spacing: 0px;
}
textarea {
resize:none;
}
.poppinsFont {
	font-family:"Poppins" !important;
}
.notoFont , a.notoFont {
	font-weight:400;
}

html {
	max-width: 100%;
	overflow-x: hidden;
}

body { 
overflow: hidden;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
article {
	font-weight:100;
}


a, a:visited, a:active, a:hover { text-decoration:none; 	color:#1f2627; }
a.primaryColor , a:visited.primaryColor, a:active.primaryColor, a:hover.primaryColor { text-decoration:none; color:#1f2627 !important; }
a.white , a:visited.white, a:active.white, a:hover.white { text-decoration:none; color:#fff !important; }

.section { position:relative; }

hr { clear:both; }

::-webkit-scrollbar {
    width: 0.5em;
    height: 0.5em
}
::-webkit-scrollbar-button {
    background: #ccc
}
::-webkit-scrollbar-track-piece {
    background: #888
}
::-webkit-scrollbar-thumb {
    background: #eee
}
ul {
	list-style:none;
}
@viewport{
    zoom: 1.0;
    width: device-width;
}
@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

.container1920 {
	width:100%;
	max-width:1920px;
	margin:0px auto;
}
.divContentWrapper {
	padding:20px 0px 50px 0px;
}

#header {
	z-index:9999;
	width:100%;
	padding: 15px 20px;
	display:inline-block;
	background-color:white;
	font-family:"Poppins" !important;
	transition: .5s;
	box-shadow: none;
}
svg#logoIMG {
	width:130px;
	padding:0px;
	margin:0px;
}

.topbar {
	height: 40px;
    width: 100%;
    z-index: 10000;
    background-color: #ffdc00;
    color: #000;
    font-size: 16px;
    text-align: center;
	font-weight: 600;
    padding : 9px;
	position: fixed;
}



a.navbar-brand {
	width:110px;height:50px;
	margin:0px;
    padding: 0;
	overflow:hidden;
}
    a.navbar-brand > img {
        height:50px;overflow:hidden;
		}
		
    a.navbar-brand > img.scroll {
			filter: brightness(200);
		}
    aside.siteMenu {
        float: right;
    }
a.dropdown-toggle {
	color:#402d17;
	font-size:16px;
	font-weight:500;
}
ul.nav.navbar-nav {
	list-style:none;
    margin-top: 5px
}

ul.nav.navbar-nav > li.dobumall {}

ul.nav.navbar-nav > li.dobumall > a {
	font-size: 15px;
	font-weight: 300;
	line-height: 1.2;
	text-align: center;
	padding: 5px 0;
}



ul.nav.navbar-nav > li {
	margin-right: 30px;
}
ul.nav.navbar-nav > li > a {
    font-weight: 600;
    font-size: 15px;
    font-family: 'Poppins', 'Noto Sans KR';
    color: #1f2627;
    padding: 12px 0;
    margin: 0 15px;
    position: relative;
}



ul.nav.navbar-nav > li > a:hover,
ul.nav.navbar-nav > li > a:focus {
	color: #1f2627;
}
ul.nav.navbar-nav > li > a .fa-angle-down {
    color: #1f2627;
    font-size:11px;
}

ul.nav.navbar-nav > li > a .fa-angle-down.white {
  color: #fff
}
ul.nav.navbar-nav > li > a.on::before,
ul.nav.navbar-nav > li > a:hover::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 40px;
    height: 20px;
    margin-top: -25px;
    margin-left: -20px;
    background:#1f2627;
}
ul.nav.navbar-nav > li > a.white.on::before,
ul.nav.navbar-nav > li > a.white:hover::before {
  background: #fff
}
ul.nav.navbar-nav > li > a.scroll {
	color: #fff;
}
ul.nav.navbar-nav li:last-child .dropdown-toggle {
  border: 1px solid #1f2627;
}
ul.nav.navbar-nav li:last-child .dropdown-toggle.white,
ul.nav.navbar-nav li:last-child a.scroll .dropdown-toggle {
	border: 1px solid #fff;
}
ul.nav.navbar-nav > li > a.scroll span#nLang { 
	color: #fff;
}
ul.nav.navbar-nav > li:last-child > a:hover::before {
  width: 0;
  height: 0;
}
ul.nav.navbar-nav li {
	
	position:relative;
	font-family:"Poppins";
}
@media only screen and (min-width:770px) {
}
@media only screen and (min-width:920px) {
}
ul.dropdown-menu {
    position: absolute;
    display: none;
    min-width: 69px;
    margin: 0px auto;
    padding: 0px;
    list-style: none;
    box-shadow: none;
    font-family: "Poppins","Noto Sans KR";
    border-radius: 0;
    background: none;
		border: none
}

ul.nav.navbar-nav .dropdown-menu {
	right: auto;
}

ul.nav.navbar-nav > li:last-child .dropdown-menu {
	border: 1px solid #53c0d5;
	border-radius: 6px;
}
ul.nav.navbar-nav .dropdown-menu > li {
	clear:both;
	width:100%;
	height:38px;
	background: rgba(31,38,39,.9);
	text-align:center;
	font-weight:400 !important;
	margin-bottom: 1px;
}
ul.nav.navbar-nav .dropdown-menu > li:hover > a {
	background: rgba(31,38,39,1);
	color: #fff;
}
ul.dropdown-menu li.bgLang {
	width: 80px;
	margin:0 auto !important;
	height:30px;
	background: none
}
ul.nav.navbar-nav .dropdown-menu > li > a {
	min-width: 170px;
	font-size: 16px;
  font-weight: 300;
	color: #fff;
	line-height: 38px;
	padding: 0 13px
}

ul.nav.navbar-nav > li:last-child a {
	width: 69px;
	margin: 0;
	text-align: center;
}
ul.nav.navbar-nav > li:last-child .dropdown-toggle {
  border-radius: 6px;
  padding: 4px;
  margin-top: 8px
}

ul.nav.navbar-nav > li:last-child .dropdown-menu {
	border-radius: 6px;
	overflow: hidden;
	padding: 5px 0;
	background: #fff;
	opacity: 0.8;
}
ul.nav.navbar-nav .dropdown-menu > li.bgLang {
	height: auto;
	background: #fff;
}
ul.nav.navbar-nav .dropdown-menu > li.bgLang > a {
	width: auto;
	min-width: 50px;
	background: none;
  font-size: 15px;
  font-weight: 600;
	line-height: 1.5;
	color: #1f2627;
}
    
.nav > a, .nav > a:hover, .nav > a:focus,
.nav li > a, .nav li > a:hover, .nav li > a:focus {
    background-color: transparent;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
	background-color:transparent;
}
.navbar-default {
	border:0px;
	background-color:transparent;
	z-index: 9999; /* baru: pastikan header berada di atas section lain */
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
	background-color:transparent;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	background: none;
	box-shadow: none;
	color: inherit;
}
span#nLang {
  font-size: 15px;
  font-weight: 600;
  color: #1f2627;
}

.btn-close {
	display: none;
}
div#menuActBox {
	display:none;
	position:absolute;
	top:0px;
	width:48px;
	height:13px;
	background-color:#53C0D5;
}
section.main {
	margin-top:-30px;
}
div.carousel {
	height:100%;
	/* height:880px; */
	overflow:hidden;
}
.carousel-control {
	width:7%;
}
.carousel-control.left {
  /* background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); */
  background-image: none;
  /* background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); */
  /* background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  /* background-repeat: repeat-x; */
}
.carousel-control.right {
  /* background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); */
  background-image: none;
  /* background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); */
  /* background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  /* background-repeat: repeat-x; */
}
.carousel-indicators li {
	border:1px solid #eee;
	background-color:#eee;
	margin:10px 10px;
}
.carousel-indicators .active {
	margin:10px 10px;
	border:1px solid #1f2627;
	background-color:#1f2627;
}
img.mIMG1 {
	margin-top:-50px;
}

.divMainSlide1 {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:950px !important;
	text-align:center;
	color:#674785;
	padding-top:230px;
	background:url("https://dobumask.cafe24.com/img/500v2_mainslide_new.png") no-repeat;
	background-position:50% 50%;
	background-size:cover;
}
.divMainSlide1 div h3 {
	font-size:50px;
	color:black;
}
.divMainSlide1 div h3 span{
	font-weight:700;
}
.divMainSlide1 div h4 {
	font-size:50px;
	font-weight:700;
	padding-top:100px;
	margin-bottom:0px;
	font-family:"Poppins";
}
.divMainSlide1 div h2 {
	font-size:123px;
	font-weight:800;
	padding-top:0px;
	margin-top:0px;
	font-family:"Poppins";
}
.divMainSlide1 div p {
	margin-top:70px;
}

.container1920 {
	width:100%;
	max-width:1920px;
	margin:0px auto;
}
.divMainBoxLeft {
	padding-top:250px;
}
.divMainBoxLeft div {
	float:right;
	max-width:800px;
}
.divMainBoxLeft div h4 {
	font-size:24px;
	font-weight:400;
}
.divMainBoxLeft div h1 {
	position: relative;
	font-weight:800;
	font-size:3.1em;
	font-family:"Poppins";
	color:#402d17;
	letter-spacing:-1px;
}


.divMainBoxRight1 img {
	margin-top:200px;
}
p.yellowBar {
	border-top:5px solid #53C0D5;
	width:20px;
	margin:30px 0px 20px 0px;
}
div.yellowBar {
	border-bottom:5px solid #53C0D5;
	width:20px;
	height:5px;
	margin:10px auto;
}
.btn-black {
	border-color:#402d17;
	padding:5px 24px;
	font-family:"Poppins";
	font-weight:600 !important;
	border-radius:0px;
	margin-top:20px;
}
a.left.carousel-control img {
	padding-top:400px;
	z-index:99999;
	margin-left:-10px;
}
a.right.carousel-control img{
	padding-top:400px;
	z-index:99999;
	margin-right:-10px;
}
section h2.sectionTitle {
  font-family: Poppins;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 2.06px;
  text-align: center;
  color: #53c0d5;
  position: relative;
  padding-bottom: 80px;
  margin: 0
}
section h2.sectionTitle::after {
  content: '';
  display: block;
  width: 2px;
  height: 60px;
  background: #53c0d5;
  position: absolute;
  bottom: 13px;
  left: 50%;
  margin-left: -1px
}
section h3.sectionSub {
  font-size: 32px;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -0.87px;
  text-align: center;
  color: #1f2627;
  margin-top: 0;
  margin-bottom: 96px
}
section h3.sectionSub span {
  font-weight: bold
}

.breadcomb {
  max-width: 1200px;    
  margin: 120px auto 0;
  padding: 0 20px;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  border-bottom: 1px solid #111;
}
.breadcomb h1 {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: -0.58px;
}
.breadcomb > div {
  font-family: Poppins;
  font-size: 15px;
  color: #1f2627;
}
.breadcomb > div span {
  font-weight: bold
}


section.news {
	clear:both;
	background-color:#f8f8f8;
	padding-top:120px;
}

ul.ulPress {
	padding:0px;
	list-style:none;
}
h3.press {
	font-family:"Poppins";
	font-weight:500;
}
.borderRound {
	border:1px solid #e3e3e3;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	width:100%;
}
.borderNoRound {
    border: 1px solid rgba(19,145,80,.2);
    width: 100%;
    -webkit-box-shadow: 2px 5px 15px 0 rgba(19, 145, 80, 0.1);
    box-shadow: 2px 5px 15px 0 rgba(19, 145, 80, 0.1);
}
p.btnMore {
	color:#402d17;
	font-size:14px;
	margin-top:5px;
	font-family:"Poppins";
	font-weight:500;
}
div.liContWrap {
	width:85%;
	margin:36px auto 20px auto;
}
div.divIMGWrap {
	width:100%;
	height:240px;
	margin:0px auto;
	overflow:hidden;
	text-align:center;
	background-size:cover;
	background-position: center center; 
	background-repeat:no-repeat;
}

div.divIMGWrap > img{
	width:100%;
	max-width:100%;
}
div.liContWrap h4 {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: -0.2px;
    text-align: left;
	color: #07745c;
	min-height: 3em;
	max-height: 3em;
	overflow: hidden
}
    div.liContWrap h4 > a, div.liContWrap h4 > a:visited, div.liContWrap h4 > a:hover {
        color: #07745c;
    }
div.liContWrap p {
   
    font-size: 14px;
    line-height: 1.93;
    letter-spacing: -0.1px;
    text-align: left;
    color: #666666;
}
div.liContWrap span {
    display:block;
    font-size: 12px;
    line-height: 2;
    text-align: right;
    color: rgba(19, 145, 80, 0.5);
}
div.liContWrap div.date {
    display: block;
    font-size: 12px;
    line-height: 2;
    text-align: right;
    color: #6d6d6d;
}
div.divCol {
	width:100%;
}
div.bbsBox {
	padding:0px 14px;
}
ul.noticeUL {
	padding:0px;
	list-style:none;
	border-top:1px solid #6a6a6a;
	border-bottom:1px solid #6a6a6a;
}
ul.noticeUL li {
	height:46px;
	line-height:46px;
	font-size:16px;
	border-bottom:1px solid #d2d2d2;
	overflow:hidden;
	width:100%;
}
ul.noticeUL li a {
	color:#402d17;
}
ul.magazineUL {
	width:100%;
	padding:0px;
	margin:0px;
	list-style:none;
}
ul.magazineUL li {
	margin:0px 0px;
	cursor:pointer;
}


ul.magazineUL li > a > img{
	width:100%;
	/* min-height:450px; */
}
ul.magazineUL li > a > div.hoverDiv {
	padding:40% 0px 0px 0px;
	background:rgba(254,209,54,0.9);
	position:absolute;
	/* Firefox */
	width: -moz-calc(100% - 30px);
	/* WebKit */
	width: -webkit-calc(100% - 30px);
	/* Opera */
	width: -o-calc(100% - 30px);
	/* Standard */
	width: calc(100% - 30px);
	height:100%;
	opacity:0;
	font-size:30px;
	color:white;
	text-align:center;
	transition:all ease .5s;
	-webkit-transition:all ease .5s;
	-moz-transition:all ease .5s;
	cursor:pointer;
	font-family:"Poppins";
	font-weight:800;
}
ul.magazineUL li > a > div.hoverDiv:hover {
	opacity:1;
}
div.liContWrap2 {
	max-height:524px;
	overflow:hidden;
}
i.Glyphter {
	font-style: normal;
	font-family:"Glyphter";
	font-size:40px;
	text-transform: uppercase;
}
i.GlyphterL {
	text-transform: lowercase;
	font-style: normal;
	font-family:"Glyphter";
	font-size:40px;
}
i.Glyphter2 {
	text-transform: capitalize;
	font-style: normal;
	font-family:"Glyphter2";
	font-size:40px;
}

section.mov {
	height:520px;
	background:url("https://dobumask.cafe24.com/img/main_video_01.jpg") no-repeat;
	background-position:center center;
	background-size:cover;
}

div.divVideo {
	padding:80px 14px 80px 0px;
}
div.divVideo img {
	cursor:pointer;
	width:90%;
	max-width:590px;
	margin:0px auto;
}
div.divVideoExp {
	padding:170px;
	margin:0px 0px;
	display:table-cell; 
	vertical-align:middle;
}

div.divVideoExp h2, div.divVideoExp h2 span{
	font-size:50;
	font-family:"Poppins";
	font-weight:800;
	color:white;
}
div.divVideoExp p {
	color:white;
}
ul.contactUL {
	list-style:none;
	display:inline-block;
	width:100%;
	padding:50px 0px 100px 0px;
}
ul.contactUL li {
	text-align:center;
	cursor:pointer;
	height:165px;
}
ul.contactUL li > h3 {
	font-size:16px;
}
ul.contactUL li > a {
	font-size:13px;
	font-family:"Poppins";
	color:#a5a5a5;
}
ul.contactUL li > a:after {
	content: " >";
}
div.iconBox {
	width:80px;
	height:95px;
	overflow:hidden;
	margin:0px auto;
	text-align:center;
}	
div.iconBox svg {
	width:80px;
	margin:0px auto;
}
.rightLine {
	border-right:1px solid #402d17;
}
div#map {
	width:100%;
	height:570px;
}

section#bottomNavi {
	padding:50px 0px;
	border-top:1px solid #402d17;
}
ul.ulBottomMenu, ul.ulBottomMenu2 {
	list-style:none;
	display:inline-block;
	padding:0px;
    margin-bottom:28px;
}

ul.ulBottomMenu li {
	font-weight:400;;
	font-size:13px;
	padding-bottom:5px;
	font-weight:400;
}
ul.ulBottomMenu li > a {
	color:#402d17;
	text-decoration:none;
}
ul.ulBottomMenu li.subT , ul.ulBottomMenu2 li.subT {
	font-weight:500;
	padding-bottom:10px;
	font-size:15px;
	font-family:"Poppins";
}
ul.ulBottomMenu2 li.subT {
	float:left;
	padding:0px 10px 0px 0px;
}
ul.ulBottomMenu2 li.subT > a {
	color:#402d17;
	text-decoration:none;
	font-weight:500;
	padding-bottom:10px;
	font-size:15px;
	font-family:"Poppins";
}
ul.ulBottomMenu li.subT > a{
	color:#402d17;
	text-decoration:none;
	font-weight:500;
	padding-bottom:10px;
	font-size:15px;
	font-family:"Poppins";
    
}
select#familySite {
    font-size: 15px;
    font-family: "Poppins";
    padding: 2px 12px 2px 14px;
  border-radius: 6px;
  border: solid 1px #fff;
  background: none;
  color: #fff
}
select#familySite option {
  color: #000
}




/* -------------------------------------------------------------------------- ?? ??? */
div.subTitle {
	clear:both;
	margin-top:150px;
	margin-bottom:40px;
}
    div.subTitle h3 {
        float: left;
        padding: 0px;
        font-size: 30px;
        font-weight: 700;
        letter-spacing: -1px;
        font-family: "Poppins","Noto Sans KR";
    }
div.subTitle h4 {
	float:right;
	font-size:16px;
	padding:20px 0px 0px 0px;
	font-family:"Poppins";
	font-weight:400;
}
    div.subTitle h4 span {
        font-weight:700;
    }
div.subTitle hr {
	border-top:1px solid #402d17;
	margin-bottom:15px;
}
    div.subTitle p {
        font-family: "Poppins","Noto Sans KR";
        font-size: 20px;
        font-weight: 400;
    }
div.subTitle p > span {
	font-size:15px;
}
div.subVisual {
	width:100%;
	background-color: #53C0D5;
	position:relative;
}
div.subIMGTitle {
	position:absolute;
	left:50%;
	height:100%;
	z-index:100;
	width:100%;
	max-width:1170px;
}
.subIMGTitle42{
	margin-left:-570px
}
div.subIMGTitle2 {
	width:100%;
}
div.subIMGTitle > h2 {
    position: absolute;
    bottom: 20px;
    color: #fff;
    font-size: 30px;
    z-index: 20;
    line-height: 1.27;
    letter-spacing: -0.3px;
    text-shadow: 0px 0px 5px #333;
}
div.subIMGTitle > h2 span {
	font-weight:700;
}
div.subIMGTitle2 > div > div > h2 {
    position: absolute;
    bottom: 20px;
    color: white;
    font-size: 45px;
    line-height: 1.33;
    letter-spacing: -0.5px;
    z-index: 20;
    text-shadow: 0px 0px 5px #333;
}
div.svDIV > h2 > span {
	font-weight:700;
}
div.svDIV {
	position:relative;
	height:400px;
	display:inline-block;
	background:url("https://dobumask.cafe24.com/img/whoweare_banner_01.jpg") no-repeat;
	background-size:cover;
	background-position:center center;
}
div.svContactDIV {
	position:relative;
	height:200px;
	display:inline-block;

}
div.svIRDIV {
	position:relative;
	height:200px;
	display:inline-block;
	background:url("../images/ir_banner.jpg") no-repeat;
	background-size:cover;
	background-position:center center;
	opacity: .9;
	padding:0;
}
    div.svIRDIV:after, div.svContactDIV:after, div.bbsNotice:after{
        content: "";
        position: absolute;
        width: 100%;
        height: 200px;
        background-color: #07745c;
        opacity: .2;
    }
div.svIRDIVright{
	height:200px;
	background-color: #53C0D5;
}
div.page12 {
	height:200px;
	background:url("https://dobumask.cafe24.com/img/alliance_banner_01.jpg") no-repeat;
	background-size:cover;
	background-position:center center;
}
div.page41 {
	height:600px;
	background:url("https://dobumask.cafe24.com/img/recruit_banner_01.png") no-repeat;
	background-size:cover;
	background-position:center center;
}
div.page42 {
    position:relative;
		height: 600px;
		display:inline-block;
    background: url("https://dobumask.cafe24.com/img/recruit_banner_01.png") no-repeat;
    background-size: cover;
		background-position: center center;
		opacity: .8;
		padding:0;
}
    div.page42:after {
        content:"";
        position:absolute;top:0;left:0;
        width:100%;height:100%;
        background-color:#000;
        opacity:.14;
		}
		
div.page42svIRDIVright{
	height:600px;
	background: #53C0D5;
}
div.bbsNotice {
    height: 200px;
    background: url("../images/news_banner.jpg") no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: .9;
    padding: 0;
}

div.subContent {
	padding:135px 0px;
	display:block;
}
.yellowFont {
	color:#53C0D5;
}
div.subContent h4 {
	display:inline-block;
	border-bottom:5px solid #53C0D5;
	font-size:2.1em;
	font-weight:600;
	height:29px;
	margin-bottom:10px;
	font-family:"Poppins";
}

div.subContent h5 {
	font-size:16px;
}
div.subContent h3 {
	font-size:25px;
	padding-top:30px;
}
div.subContent p {
	font-size:16px;
	line-height:1.7em;
}
div.subContent p.subTitleExp {
	padding:9px 0px 0px 20px;
}
div.divGraph {
	width:100%;
}
div.divGraph dl {
	width:100%;
}
div.divGraph dt {
	clear:both;
	float:left;
	width:50px;
	padding-top:17px;
}
div.divGraph dd {
	float:left;
	width:80%;
	padding-top:15px;
}
div.divGraph dd p {
	float:left;
	width:70px;
	font-weight:400;;
	color:#53C0D5;
}
div.divGraph dd span {
	font-weight:400;;
	color:#f4f4f4;
}
div.ddKorea {
	background-color:#53C0D5;
	width:40%;
	height:25px;
	float:left;
}
div.ddChina {
	background-color:#53C0D5;
	width:10%;
	height:25px;
	float:left;
}
div.ddEurope {
	background-color:#53C0D5;
	width:18%;
	height:25px;
	float:left;
}
div.ddUS {
	background-color:#53C0D5;
	width:20%;
	height:25px;
	float:left;
}
div.ddKorea2 {
	background-color:#f4f4f4;
	width:40%;
	height:25px;
	float:left;
}
div.ddKorea3 {
	background-color:#ea6045;
	width:20%;
	height:25px;
	float:left;
}
div.ddKorea2 p {
	float:left;
	width:100px !important;
	color:#ea6045;
	font-weight:900;
}
div#bgGray {
	background-color:#f4f4f4;
	display:inline-block;
	text-align:center;
	width:100%;
}
div#bgGray > div > h3 {
	font-family:"Poppins";
	font-weight:700;
	padding-top:50px;
}
ul.ulFastIPO {
	list-style:none;
	display:inline-block;
	padding:30px 0px;
	width:100%;
}
ul.ulFastIPO li {
	text-align:center;
}
ul.ulFastIPO li > div.svgICON {
	width:75px;
	height:90px;
	margin:0px auto;
}
div.svgICON > svg {
	width:100%;
	color:#402d17;
}
ul.ulFastIPO > li > p {
	clear:both;
	width:100%;
	font-size:16px;
	color:#402d17;
	padding-top:15px;
	font-weight:700;
	font-family:"Poppins";
	letter-spacing:0px;
}
.recruit_terms li{
    text-align:center;list-style:none;
    margin-top:70px;
}
    .recruit_terms li:first-child {
        margin-top:0;
    }
    .recruit_terms li span {
        font-family: Poppins;
        color: #53C0D5;
        font-size: 30px;
        line-height: 1.4;
        font-weight: 500;
    }
    .recruit_terms li p {
        font-weight:700;
        margin-top: 5px;
        font-size: 25px;
        line-height: 1.2;
        letter-spacing: -0.6px;
        color: #000000;
    }
    .recruit_terms li div {
        margin-top: 20px;
        text-align: center;
        font-size: 17px;
        line-height: 1.53;
        letter-spacing: -0.4px;
        text-align: center;
        color: #000000;
        word-break: keep-all;
    }
.recruit_tit {
    display: block;
    margin-bottom: 64px;
    font-size: 40px;
    font-weight: 300;
    line-height: 0.75;
    letter-spacing: -1px;
    text-align: left;
    color: #1d3220;
    line-height: 1;
    font-weight:300;
}

p.pull-left.pt10 {
    font-size: 20px;
}

div.Alliance500v > div  {
	border-top:3px solid #53C0D5;
	padding:5px;	
}
div.Alliance500v img {
	clear:both;
	padding-top:5px;
}
div.Alliance500v h5 {
	font-size:16px;
	font-weight:600;
	padding-bottom:20px;
}
div.Alliance500v p {
	font-size:16px;
	height:200px;
}
div.yellowBG {
	position:absolute;
	background-color:#53C0D5;
	padding:0px;
	text-align:right;
	top:0px;
}
div.leftIMG {

}
div.leftIMG img {
	width:100%;
}
div.rightContent {
	padding-top:0px;
	padding-left:40px;
	display:inline-block;
}
div.rightContent h3 {
	padding-top:0px;
	padding-bottom:20px;
	font-size:30px;
	font-family:"Poppins";
	font-weight:600;
	letter-spacing:-1px;
	color:#402d17;
}
div.rightContent h4 {
	font-weight:400;
	font-size:2.1em;
	color:#000;
}
div.rightContent h4 span {
	font-weight:600;
}
div.rightContent p {
	font-size:17px;
	line-height:170%;
	padding-top:10px;
	text-align:justify;
}
ul.ulBenefit, ul.ulAccelerating {
	padding:0px;
	list-style:none;
}
ul.ulBenefit li {
	text-align:center;
}
ul.ulBenefit li img {
	width:150px;
	padding-bottom:10px;
}
ul.ulAccelerating li {
	clear:both;
	padding-top:60px;
}
ul.ulAccelerating li > div > img {
	width:100%;
}
ul.ulAccelerating li > div.col-xs-12.col-sm-7 {
	padding-left:20px;
}


ul.way500V {
	padding:0px;
	list-style:none;
	width:100%;
}
ul.way500V li {
	float:left;
	width: calc(20% - 16px);
	margin-right:20px;
	text-align:center;
}
ul.way500V li:last-child {
	margin-right:0px;
}
ul.way500V li img {
	width:100%;
	padding-bottom:5px;
	border-bottom:5px solid #53C0D5;
}
ul.way500V li h5 {
	margin-top:-40px;
	margin-bottom:30px;
	font-family:"Poppins";
	font-size:23px;
	font-weight:700;
	color:white;
}
ul.way500V li p {
	font-size:17px;
}

h4.grayTitle {
	display:inline-block;
	border-bottom:5px solid #46b29d;
	font-size:24px !important;
	font-weight:600;
	height:24px;
	margin-bottom:10px;
	font-family:"Poppins";
	text-align:left;
}
ul.people500V {
	padding:50px 0px;
	list-style:none;
}
ul.people500V li h3 {
	font-family:"Poppins";
	font-size:35px;
	font-weight:500;
	color:#46b29d;
}
ul.people500V li h4 {
	font-size:25px;
	font-weight:400;
}
ul.people500V li h4 span {
	font-weight:600;
}
ul.people500V li p {
	height:70px;
	font-size:17px;
}
h2.offyce {
	font-family:"Poppins";
	font-size:47px !important;
	font-weight:700;
	color:#53C0D5;
	padding:0px 0px 50px 0px;
	margin-top:-15px;
}
ul.ulCulture {
	padding:0px;
	list-style:none;
}
ul.ulCulture li h5 {
	font-family:"Poppins";
	font-size:21px !important;
	font-weight:500;
	color:#53C0D5;
}
ul.ulCulture li h5 span {
	font-weight:500;
	font-size:18px;
	color:#000;
}
ul.ulCulture li p {
	height:120px;
}

ul.ulRecruitTeam {
	width:100%;
	padding:0px;
	list-style:none;
}
ul.ulRecruitTeam li {
	padding-bottom:50px;
}
    ul.ulRecruitTeam li:last-child {
    padding-bottom:0;
    }
    ul.ulRecruitTeam li p {
        font-size: 20px;
        font-weight: 500;
        line-height: 1.2;
        letter-spacing: -0.5px;
        text-align: left;
        color: #1d3220;
    }
        ul.ulRecruitTeam li p:before {
            content: "";position:absolute;
            top:5px;left:5px;
            width: 5px;
            height: 17px;
            background-color: #53C0D5;
            border-left: 5px solid #53C0D5;
        }
    ul.ulRecruitTeam li div {
        text-align: justify;
        color: #1d3220;
        font-size:17px;
    }
ul.ulRecruitStep {
	list-style:none;
	width:100%;
	padding:0px;
}
ul.ulRecruitStep li {
	padding-top:40px;
	text-align:center;
}
ul.ulRecruitStep li div {
	width:100%;
	text-align:center;
	margin:auto;
}
ul.ulRecruitStep li div:after {
	position:absolute;
	top:53%;
	right:0px;
	content:"?";
	color:#46b29d;
}
ul.ulRecruitStep li:last-child div:after {
	content:"";
}
ul.ulRecruitStep li div p {
	border:3px solid #46b29d;
	border-radius:50%;
	text-align:center;
	background-color:#fff;
	width:180px;
	height:180px;
	padding-top:75px;
	margin:0px auto;
	font-size:1.2em;
	color:#46b29d;
	font-weight:500;
}
ul.ulRecruitStep li div p span {
	font-size:0.8em;
	color:#46b29d;
	font-weight:400;
}
dl.recruitDocu {
	padding:40px 0px 0px 0px;

}
dl.recruitDocu dt {
	color:#46b29d;
	font-weight:400;
	font-size:17px;
	height:40px;
}
dl.recruitDocu dd {
	height:40px;
	font-size:17px;
}
p.recruitExp {
	font-size:17px;
	color:#46b29d;
}





/* Contact ?? */
div#subExp {
	background-color: #f4f4f4;
	color: #402d17;
	font-size: 17px;
	font-weight: 400;
	line-height: 170%;
	padding: 20px;
	margin-top: 80px;
	text-align: justify;
}

textarea#cMessage {
	height:270px;
}
div.contactLeft {
	border-bottom:1px solid #53C0D5;
	padding:50px 0px;
	width:100%;
}
div.contactLeft h5 {
	font-size:18px;
	font-weight:400;
	line-height:200% !important;
	padding:0px;
	color:#402d17;
}
div.contactLeftBottom {
	width:100%;
	float:left;
	clear:both;
	color:#402d17;
	border-top:1px solid #53C0D5;
	border-bottom:1px solid #53C0D5;
	padding-top:35px;
	padding-bottom:50px;
	margin-bottom:50px;
}
    div.contactLeftBottom > h3 {
        font-family: "Poppins","Noto Sans KR" !important;
        padding-top: 0px;
        padding-bottom: 45px;
        font-size: 2em;
        font-weight: 700;
    }
div.contactLeftBottom > p > b {
	padding-right:10px;
}
div.contactCont {

}
.file_plus{
	display:inline-block;
	width: 60px;
	height: 60px;
	line-height:50px;
	text-align:center;
  font-family: Arial;
  font-size: 36px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
	color: #53C0D5;
	border-radius:0;
}
.file_plus.form-control{
	border-right:none;
}
.file_input_textbox {
	float:right;
	width:calc(100% - 60px);
	border-radius:0;
	height:60px;
}

.file_input_div {
		position:relative;
		float:left;
    width:60px;
    height:60px;
    overflow:hidden;
}
.file_input_hidden {
		width:60px;
    height:60px;
    font-size:29px;
    position:absolute;
    right:0px;
    top:0px;
    opacity:0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    cursor:pointer;
}

input#cName, input#cEmail, input#cPhone, input#cFile, select#cCate, select#cType {
	height:60px;
	border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius: 0px;
	padding-left:20px;
}
textarea#cMessage {
	border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius: 0px;
	padding:20px;
}
.btn-yellow {
	width: 100%;
  height: 69px;
  background: #53C0D5;
	color:white;
	font-size:20px;
	font-weight:600;
	border-radius:0px;
	-webkit-border-radius:0px;
	-moz-border-radius: 0px;
	padding:20px 40px 15px 40px;
	margin:0px auto;
	line-height:1;
	font-family:"Poppins";
}
div.btnMobile {
	text-align:right;
}







/* --------------------------------------------------- ??? */

ul.pressUL {
	list-style:none;
	padding:0px;
}
ul.pressUL li {
	margin-bottom:20px;
}


/* ??? ?? */
div.bbsCont {
	padding:0px 0px 50px 0px;
}
div.bbsTop {
	min-height:675px;
	color:white;
	text-align:center;
}
div.bbsTop > h2 {
	color:#fff;
	font-family:"Poppins" !important;
	font-size:700%;
	font-weight:800;
	letter-spacing:-1px;
	margin:0px auto;
	padding-top:320px;
	padding-bottom:10px;
}
div.bbsTop > hr {
	border:1px solid #53C0D5;
	background-color:#53C0D5;
	width:144px;
	height:7px;
	margin:0px auto;
}
table.bbsTable {
	width:100%;
	margin:0px auto;
	border-bottom:1px solid #ddd;
}
table.bbsTable td {
	height:74px;
	padding-top:25px !important;
	color:#1f2627;
	font-size:18px;
	vertical-align:middle;
}

table.bbsTable td.bbsSubject {
	word-break:break-all;
	padding-right:30px;
}

table.bbsTable td > a, table.bbsTable td > a:visited , table.bbsTable td > a:hover {
	color:#1f2627 !important;
}

div.searchBox {
	width:50%;
	border:1px solid #53C0D5;
	margin:0px auto;
	text-align:center;
	height:50px;
	overflow:hidden;
}

div.bbsSubject {
/* 	border-top:1px solid #aaa; */
	border-bottom:1px solid #aaa;
	padding:0px 0px;
	width:100%;
	font-size:18px;
	display:inline-block;
}

div#write_content {
	font-size:14px;
	color:#1f2627;
	line-height:150%;
}
div#write_content p , div#write_content > td{
	
}
ul.pagination > li > a, ul.pagination > li > a:hover, ul.pagination > li > a:visited {
	border:0px !important;
	background-color:#fff;
	color:#1f2627;
	font-size:24px;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color:#fff;
	color:#53C0D5;
	font-weight:800;
}
.yellowLine {
	border:1px solid #53C0D5;
}
.yellowFont, .yellowFont a, .yellowFont a:visited, .yellowFont a:hover {
	color:#53C0D5;
}
/* 
ul.magazineUL {
	list-style:none;
	margin:30px auto;
}
ul.magazineUL li {
	margin:0px 12px;
	cursor:pointer;
}
*/
/*
ul.magazineUL li > a > img{
	width:100%;
	min-height:450px;
}

ul.magazineUL li > a > p.noIMG {
	min-height:450px;
	width:100%;
	padding-top:200px;
	text-align:center;
	border:1px solid #ccc;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
}
ul.magazineUL li > a > div.hoverDiv {
	padding:45% 0px 0px 10px;
	background:rgba(254,209,54,0.9);
	position:absolute;
	width: -moz-calc(100% - 30px);
	width: -webkit-calc(100% - 30px);
	width: -o-calc(100% - 30px);
	width: calc(100% - 30px);
	height:100%;
	opacity:0;
	font-size:30px;
	color:white;
	text-align:center;
	transition:all ease .5s;
	-webkit-transition:all ease .5s;
	-moz-transition:all ease .5s;
	cursor:pointer;
	font-family:"Poppins" !important;
}
ul.magazineUL li > a > div.hoverDiv:hover {
	opacity:1;
}
*/
.board {
  padding: 80px
}
ul.pressUL {
	clear:both;
	list-style:none;
	margin:0px auto;
	padding:0px;
}
ul.pressUL li {
	margin-bottom:23px;
}
ul.magazineBoardUL {
	list-style:none;
	padding:0px;
	clear:both;
}
ul.magazineBoardUL li {
	margin-bottom:10px;
	max-height:550px;
	overflow:hidden;
	padding:0px 9px;
	margin-bottom:20px;
}
ul.magazineBoardUL li > div {
	width:100%;
	display:inline-block;
}
ul.magazineBoardUL li > div > a > div.hoverDiv {
	padding:50% 0px 0px 0px;
	background:rgba(254,209,54,.9);
	position:absolute;
	/* Firefox */
	width: -moz-calc(100% - 20px);
	/* WebKit */
	width: -webkit-calc(100% - 20px);
	/* Opera */
	width: -o-calc(100% - 20px);
	/* Standard */
	width: calc(100% - 20px);
	height:100%;
	max-height:524px;
	opacity:0;
	font-size:20px;
	color:white;
	text-align:center;
	transition:all ease .5s;
	-webkit-transition:all ease .5s;
	-moz-transition:all ease .5s;
	cursor:pointer;
}
ul.magazineBoardUL li > div > a > div.hoverDiv:hover {
	opacity:1;
}
div.liContWrap2 img {
	width:100%;
}
div.sySubRight > h3 {
	font-family:"Poppins" !important;
	font-weight:800;
}
div.sySubRight > p > a {
	font-family:"Poppins" !important;
	font-size:18px;
	font-weight:500;
}
ul.pager.pull-left > li > a, ul.pager.pull-left > li > a:hover, ul.pager.pull-left > li > a:visited {
	color:#000;
}

#footer2 {
  padding-top: 48px;
  padding-bottom: 35px;
  background: #53c0d5
}
#footer2 .clfix {
  margin-bottom: 37px
}
    #footer2 .ci {
      margin-bottom: 32px
    }
    #footer2 h4 {
      font-size: 16px;
      font-weight: bold;
      line-height: 1.2;
      color: #fff;
      margin-bottom: 3px;
      margin-top: 0
    }
    #footer2 h4 span {
      font-size: 16px;
      color: #fff;
      padding-left: 18px
    }


    #footer2 .copyright {
      font-size: 16px;
      color: #fff;
}


/* Bootstrap Override */
.form-control {
	border:1px solid rgba(31,38,39,0.2);
}
.form-control:focus {
	border-color: #53C0D5;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(31,38,39, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(31,38,39, .6);
}

@media only screen and (max-width: 1250px) {
	.subIMGTitle42{
		margin-left:-45%
	}
}
@media only screen and (max-width: 1120px) {
	div.contactLeft h5 {
		font-size:14px;
	}
	ul.dropdown-menu.dropdown-menu-left li {
		/*background-color:#fefefe;*/
		/*text-align:left;*/
		margin:0px;
		margin-bottom:1px;
	}
}
/* Small Screen ?? */
@media only screen and (max-width: 980px) {

	div.subIMGTitle > h2 {
		font-size:22px;
	}
}

@media only screen and (max-width: 768px) {
	
  #header {
		padding: 12px 20px;
		margin-bottom: 0;
	}
	button.navbar-toggle:hover {
		background: none!important;
	}
	
	ul.nav.navbar-nav li.language {
      margin-right: 0;
  }
	div.svIRDIVright,div.page42svIRDIVright {
			display:none;
	}
	div.subIMGTitle, div.subIMGTitle > h2, div.subIMGTitle2 > div > div > h2 {
			left: 0;
			margin-left: 0 !important;font-size:22px;
			padding:0 15px;
	}
	.subIMGTitle42{
		margin-left:0;
	}
	div.navbar-collapse.collapse.in {
		width: 100vw;
		height: 100vh;
		max-height: 100vh!important;
		position: fixed;
		top: 0;
		left: 0;
		padding-top: 63px;
		border-top: 0;
		background-color: rgba(83, 192, 213, 0.9)!important;
		z-index: 10000; /* Tambahkan ini */
	}
	ul.dropdown-menu li {
		height:30px;
	}
	.navbar-toggle {
		margin-top:2px;
        margin-right:0;
        margin-bottom:0;
	}
	
	ul.nav.navbar-nav > li:last-child .dropdown-toggle {
	margin-top: 30px;
	}

	ul.nav.navbar-nav > li > a {
		color: #fff;
	}
	ul.nav.navbar-nav > li > a:hover::before{
		display:none
	}
	div.carousel {
		height:800px;
	}
	ul.dropdown-menu.dropdown-menu-left li {
		text-align:center;
		margin:0px;
		height: auto;
	}
	.navbar-nav .open .dropdown-menu {
		margin-bottom: 10px;
	}
	.navbar-nav .open .dropdown-menu > li > a {
		padding-left: 48px;
		padding-right: 0;
		color: #fff;
		font-size: 18px!important;
		font-weight: 300!important;
	}
	span#nLang {
		color: #fff;
	}
	ul.nav.navbar-nav > li > a .fa-angle-down {
		color: #fff;
	}
	.navbar-nav .open .dropdown-menu > li.bgLang {
		background-color:#777;
	}
	.navbar-nav .open .dropdown-menu > li.bgLang > a {
	}
	.divMainBoxLeft div h1 {
		font-size:2.5em;
	}
	.divMainBoxLeft div p {
		font-size:15px;
		text-align:justify;
	}
	a.left.carousel-control img {
		padding-top:400px;
		z-index:99999;
		margin-left:-10px;
		width:15px;
	}
	a.right.carousel-control img{
		padding-top:400px;
		z-index:99999;
		margin-right:-10px;
		width:15px;
	}

	.divMainSlide1 {
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		height:950px !important;
		text-align:center;
		color:#674785;
		padding-top:150px;
		background:url("https://dobumask.cafe24.com/img/500v2_mainslide_new.png") no-repeat;
		background-position:15% 50%;
		background-size:cover;
	}
	.divMainSlide1 div h3 {
		font-size:20px;
		color:black;
	}
	.divMainSlide1 div h3 span{
		font-weight:700;
	}
	.divMainSlide1 div h4 {
		font-size:20px;
		font-weight:700;
		padding-top:30px;
		font-family:"Poppins";
	}
	.divMainSlide1 div h2 {
		font-size:60px;
		font-weight:800;
		padding-top:20px;
		line-height:100%;
		font-family:"Poppins";
	}
	.divMainSlide1 div p {
		margin-top:20px;
	}

	div#map {
		width:100%;
		height:369px;
	}

	div.subContent {
		padding:30px 15px;
	}
	.divMainBoxLeft {
		padding-top:140px;
	}
	.divMainBoxLeft div.mVisual.visible-xs.col-sm-6 {
		max-height:300px;
	}
	div.divMainBoxLeft h4 {
		padding:30px 0px 0px 0px;
		font-weight:400;
		font-size:19px;
	}
	section.mov {
		height:300px;
	}
	div.divVideoExp svg {
		width:30px;
		height:50px;
		width:100%;
	}
	div.divVideoExp {
		padding:50px 0px 0px 0px;
	}
        div.divVideoExp > i, .icon-control-play:before {
            display: none;
        }
	div.subTitle p {
		font-size:16px;
	}
	div.subTitle p > span {
		font-size:14px;
	}
	div.subTitle h3 {
		font-size:20px;
	}
	div.subTitle h4 {
		font-size:14px;
	}
	div.svDIV {
		height:200px;
	}
	div.subIMGTitle > h2 {
		font-size:22px;
	}
	section h2.sectionTitle {
		font-size: 30px;
		padding-bottom: 26px;
	}
	section h2.sectionTitle::after {
		width: 1px;
		height: 23px;
		bottom: 0;
	}
	section h3.sectionSub {
		margin-top: 5px;
		font-size: 18px;
		margin-bottom: 42px;
		word-break: keep-all;
	}
	div.subContent h3 {
		font-size:16px;
		font-weight:600;
	}
	div.subContent h4 {
		font-size:1.5em;
		height:22px;
	}
	div.subContent h5 {
		line-height:150%;
		font-weight:500;
	}
	div.subContent p {
		font-size:14px;
		font-weight:400;
	}
	ul.ulFastIPO li {
		padding-bottom:40px;
	}


	div.page12 {
		background-position:40% center;
	}
    div.page41, div.page42 {
        height: 200px;
    }

    div.subContent p.subTitleExp {
        padding: 9px 0px 0px 0px;
        font-size: 16px;
    }

	div.leftIMG {
		padding:15px 0px;
	}
	div.rightContent {
		padding-left:0px;
	}

	div.rightContent h3 {
		font-size:26px;
	}
	ul.ulBenefit  li , ul.ulAccelerating li {
		padding-bottom:40px;
	}
    
        div#subExp {
            font-size: 15px;
            margin-top: 0px;
        }
	div.contactLeftBottom {
		padding:20px 0px;
		border-top:0px;
		border-bottom:1px solid #f4f4f4;
	}
	div.contactLeftBottom h3 {
		font-size:26px;
		padding-top:20px;
		padding-bottom:25px;
	}
	div.subCont {
		padding:0px;
		border-top:2px solid #53C0D5;
	}

	ul.way500V li {
		float:left;
		width: calc(50% - 10px);
		text-align:center;
		float:left;
	}
	ul.way500V li:nth-child(2n) {
		margin-right:0px;
	}
	ul.way500V li h5 {
		margin-bottom:20px;
	}
	ul.way500V li p {
		font-size:14px;
		padding-bottom:20px;
	}
	ul.people500V li h3 {
		font-size:30px;
	}
	ul.people500V li h4 {
		font-size:22px;
	}
	ul.people500V li p {
		font-size:14px;
		height:100px;
	}
	ul.ulCulture li p {
		height:90px;
	}
	dl.recruitDocu dd {
		height:70px;
	}
	div.subTitle {
		margin-top:100px;
		margin-bottom:0px;
	}
	ul.ulRecruitTeam li p {
		font-size:16px;
		font-weight:500;
	}
	table.bbsTable td > a, table.bbsTable td > a:visited, table.bbsTable td > a:hover {
		font-size:15px;
	}
	.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
		font-size:15px;
	}
	table.bbsTable td {
		padding:10px 10px !important;
		height:auto;
	}
	ul.magazineBoardUL li {
		max-height:2000px;
		width:100%;
	}
	div.liContWrap2 {
		width:100%;
		height:100%;
		max-height:5500px;
	}
	ul.magazineBoardUL li > div > a > div.hoverDiv {
		max-height:5500px;
	}
	div.bbsCont {
		width:100%;
		margin:0px auto;
		padding-left:15px;
		padding-right:15px;
	}
    .recruit_tit {
        font-size:30px;
    }
    .recruit_terms {
        padding-left: 0;
    }
        .recruit_terms li p {
            font-size: 25px !important;
        }
        .recruit_terms li span {
            font-size: 24px;
        }
        .recruit_terms li div {
            font-size: 15px;
            font-weight: 300;
        }
    .btn-yellow {
        width: 100%;
		}
		#footer2 {
			padding-top: 25px;
		}
		#footer2 .ci {
			width: 74px;
			margin-bottom: 18px;
		}
		#footer2 h4 {
			font-size: 14px;
			margin-bottom: 7px;
			   line-height: 1.4;
		}
		#footer2 h4 span {
			display: inline-block;
			font-size: 13px;
			padding-left: 0;
		}
		#footer2 .clfix {
			margin-bottom: 5px;
		}
		#footer2 .pull-left {
			width: 100%;
		}
		#footer2 .pull-right {
			float: left!important;
		}
		#footer2 .copyright {
			font-size: 11px;
		}
}

@media only screen and (max-width: 767px){
  
	.navbar-default .navbar-toggle .icon-bar.white {
	 	background: #fff
	}
    a.navbar-brand {
        height: 39px;
    }
    a.navbar-brand > img {
        height: 39px;
    }
    ul.nav.navbar-nav {
        position: static;
        width: 200px;
        margin: 60px auto;
        text-align: center;
	}
  
	ul.navbar-nav > li:not(:last-child) {
		width:100%;
		border-bottom: 1px solid #fff;
	}
	ul.nav.navbar-nav > li > a.on::before,
	ul.nav.navbar-nav > li > a:hover::before {
		display: none;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li{
		background: none;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a {
		color: #fff;
		width: 100%;
		background: none;
	}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
		color: #fff;
	}
	ul.nav.navbar-nav li.language {
		margin-right: 0;
		position: absolute;
        top: 23px;
        left: 30px;
	}
	ul.nav.navbar-nav li.language a {
		margin: 0 auto;
	}
	ul.nav.navbar-nav .dropdown-menu > li.bgLang > a:hover {
		color: #1f2627;
	}
  
	.btn-close {
		display: block;
		position: absolute;
		top: 58px;
        right: 30px;
		width: 27px;
		height: 27px;
		border: none;
		outline: none;
		background: url('../images/main/btn-close.png') no-repeat center / 27px;
	}
  .breadcomb {
    flex-direction: column;
    padding: 0 20px;
    margin: 60px auto 0
  }
}
@media only screen and (max-width: 480px) {
	div.subTitle h4 {
		display:none;
	}
	.divMainBoxLeft div.mVisual.visible-xs.col-sm-6 {
		height:auto;
	}
}



/* ----------------------------------------------------------------------------------------------------------------------------- SY Style */
.clearB { clear:both !important; }
.floatL { float:left !important; }
.floatR { float:right !important; }
.centerA { margin:0px auto !important; }
.paddA { padding:0px auto !important; }

.txtL { text-align:left !important; }
.txtC { text-align:center !important; }
.txtR { text-align:right !important; }
.txtB400 { font-weight:400; }
.txtB600 { font-weight:500; }
.txtB800 { font-weight:800; }

.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.mt0 { margin-top:0px !important; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.margin0 { margin:0px !important; }
.margin5 { margin:5px !important; }
.margin10 { margin:10px !important; }
.margin20 { margin:20px !important; }
.margin30 { margin:30px !important; }
.margin40 { margin:40px !important; }
.padd0 { padding:0px !important; }
.padd3 { padding:3px !important; }
.padd5 { padding:5px !important; }
.padd10 { padding:10px !important; }
.padd20 { padding:20px !important; }
.paddL10 { padding-left:10px !important; }
.paddL20 { padding-left:20px !important; }
.paddL30 { padding-left:30px !important; }
.paddL40 { padding-left:40px !important; }
.paddL50 { padding-left:50px !important; }
.paddL55 { padding-left:55px !important; }
.paddL60 { padding-left:60px !important; }
.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt20 { padding-top:20px !important; }
.pt30 { padding-top:30px !important; }
.pt40 { padding-top:40px !important; }
.pt50 { padding-top:50px !important; }
.pt60 { padding-top:60px !important; }
.paddR10 { padding-right:10px !important; }
.paddR20 { padding-right:20px !important; }
.ptb10 { padding:10px 0px !important; }
.ptb20 { padding:20px 0px !important; }
.ptb30 { padding:30px 0px !important; }
.ptb40 { padding:40px 0px !important; }
.ptb50 { padding:50px 0px !important; }
.height150 { height:150px !important; }
.height140 { height:140px !important; }
.height120 { height:120px !important; }
.height110 { height:110px !important; }
.height100 { height:100px !important; }
.height90 { height:90px !important; }
.height80 { height:80px !important; }
.height70 { height:70px !important; }
.height60 { height:60px !important; }
.height50 { height:50px !important; }
.height40 { height:40px !important; }
.height30 { height:30px !important; }
.height20 { height:20px !important; }
.height15 { height:15px !important; }
.height10 { height:10px !important; }
.height0 { height:0px !important; }

.width5 { width:5% !important; }
.width10 { width:10% !important; }
.width15 { width:15% !important; }
.width20 { width:20% !important; }
.width25 { width:25% !important; }
.width28 { width:28% !important; }
.width30 { width:30% !important; }
.width35 { width:35% !important; }
.width40 { width:40% !important; }
.width45 { width:45% !important; }
.width50 { width:50% !important; }
.width55 { width:55% !important; }
.width60 { width:60% !important; }
.width65 { width:65% !important; }
.width70 { width:70% !important; }
.width75 { width:75% !important; }
.width80 { width:80% !important; }
.width85 { width:85% !important; }
.width90 { width:90% !important; }
.width95 { width:95% !important; }
.width99 { width:99% !important; }
.width100 { width:100% !important; }

.width20px { width:20px !important; }

.mousePointer { cursor:pointer; }

.bBlack1 { border:1px solid black !important; }
.bbBlack1 { border-bottom:1px solid black !important; }
.bBlack2 { border:2px solid black !important; }
.bbBlack2 { border-bottom:2px solid black !important; }
.bBlack3 { border:3px solid black !important; }
.bBlack4 { border:4px solid black !important; }
.bBlack5 { border:5px solid black !important; }
.btnLong { padding:10px 50px !important; }
.btnShort { padding:10px 30px !important; }
.fontBold { font-weight:800 !important; }
.font100 { font-weight:100 !important; }
.font400 { font-weight:400 !important; }
.fSize9 { font-size:9px !important; }
.fSize10 { font-size:10px !important; }
.fSize11 { font-size:11px !important; }

.fSize12 { font-size:12px !important; }
.fSize13 { font-size:13px !important; }
.fSize14 { font-size:14px !important; }
.fSize16 { font-size:16px !important; }
.fSize18 { font-size:18px !important; }
.fSize20 { font-size:20px !important; }
.fSize24 { font-size:24px !important; }
.fSize32 { font-size:32px !important; }
.fSize48 { font-size:48px !important; }
.fSize64 { font-size:64px !important; }
.fSize72 { font-size:72px !important; }
.nonBorder { border:0px !important; }
.overHidden { overflow:hidden; }

.bgBlack { background-color:black !important; }
.bgWhite { background-color:white !important; }
.fontWhite { color:white !important; }
.fontBlack { color:black !important; }
.redFont { color:#ea6045 !important; }
.focusBG {
	background-color:#fcc92f !important;
	color:black !important;
}
.circle {
	border-radius: 50%;
	-webkit-border-radius:50%;
	-moz-border-radius: 50%;
}
.focusFont {
	color:#fcc92f !important;
}
.txtUP { text-transform:uppercase; }
.txtNORMAL { text-transform:normal; }
.txtLOW { text-transform:lowercase; }
.ofHide { overflow:hidden !important; }

.disINB { display:inline-block !important; }

.fTextArea {
	height:100px !important;
	width:99%;
}
.divCMethod {
	width:61px;
	height:110px;
	float:left;
	display:inline-block;
	text-align:center;
	margin-right:4px;
}

a.white {
	color:white !important;
	font-weight:800;
}

.centered-axis-xy {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}


.centered-axis-x {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
}
.textTransfom {
	transform : scale(1,2);
	-webkit-transform:scale(1,2); /* Safari and Chrome */
	-moz-transform:scale(1,2); /* Firefox */
	-ms-transform:scale(1,2); /* IE 9+ */
	-o-transform:scale(1,2); /* Opera */
}

.fade {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

.fade:hover {
	opacity: 0.5;
}

.animate-reveal {
  text-transform: uppercase;
  opacity: 0;
  -webkit-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
     -moz-animation: reveal 1s ease-in 1 normal forwards;
       -o-animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
          animation: reveal 1s cubic-bezier(0, 1, 0.5, 1) 1 normal forwards;
}

.animate01 {
  -webkit-animation-delay: 0;
     -moz-animation-delay: 0;
       -o-animation-delay: 0;
          animation-delay: 0;
}

.animate02 {
  -webkit-animation-delay: 500ms;
     -moz-animation-delay: 500ms;
       -o-animation-delay: 500ms;
          animation-delay: 500ms;
}

.animate03 {
  -webkit-animation-delay: 1s;
     -moz-animation-delay: 1s;
       -o-animation-delay: 1s;
          animation-delay: 1s;
}

.animate04 {
  -webkit-animation-delay: 1.5s;
     -moz-animation-delay: 1.5s;
       -o-animation-delay: 1.5s;
          animation-delay: 1.5s;
}

.animate05 {
  -webkit-animation-delay: 2s;
     -moz-animation-delay: 2s;
       -o-animation-delay: 2s;
          animation-delay: 2s;
}

.animate06 {
  -webkit-animation-delay: 2.5s;
     -moz-animation-delay: 2.5s;
       -o-animation-delay: 2.5s;
          animation-delay: 2.5s;
}

.animate07 {
  -webkit-animation-delay: 3s;
     -moz-animation-delay: 3s;
       -o-animation-delay: 3s;
          animation-delay: 3s;
}

.animate08 {
  -webkit-animation-delay: 3.5s;
     -moz-animation-delay: 3.5s;
       -o-animation-delay: 3.5s;
          animation-delay: 3.5s;
}

.animate09 {
  -webkit-animation-delay: 4s;
     -moz-animation-delay: 4s;
       -o-animation-delay: 4s;
          animation-delay: 4s;
}

.animate10 {
  -webkit-animation-delay: 4.5s;
     -moz-animation-delay: 4.5s;
       -o-animation-delay: 4.5s;
          animation-delay: 4.5s;
}

@-webkit-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@-moz-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@-o-keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes reveal {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
       -moz-transform: translateY(100%);
         -o-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
       -moz-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0);
  }
}


html:not(.no-cssanimations) .blocks-animation .header-title > *,
html:not(.no-cssanimations) .blocks-animation .post-info{opacity:0}html:not(.no-cssanimations) .animate_when_almost_visible{opacity:0;-webkit-animation-duration:0.6s;-moz-animation-duration:0.6s;-o-animation-duration:0.6s;animation-duration:0.6s;-webkit-perspective:1000;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}html:not(.no-cssanimations) .uncode-pricing.animate_when_almost_visible{-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none;-webkit-animation-delay:0.1s;-moz-animation-delay:0.1s;-o-animation-delay:0.1s;animation-delay:0.1s;-webkit-animation-timing-function:cubic-bezier(0.45, 0.005, 0, 1);-moz-animation-timing-function:cubic-bezier(0.45, 0.005, 0, 1);-o-animation-timing-function:cubic-bezier(0.45, 0.005, 0, 1);animation-timing-function:cubic-bezier(0.45, 0.005, 0, 1)}html:not(.no-cssanimations) .animate_when_almost_visible.start_animation:not(.zoom-reverse).top-t-bottom{-webkit-animation-name:anim_ttb;-moz-animation-name:anim_ttb;-o-animation-name:anim_ttb;animation-name:anim_ttb;opacity:1}html:not(.no-cssanimations) .animate_when_almost_visible.start_animation:not(.zoom-reverse).bottom-t-top{-webkit-animation-name:anim_btt;-moz-animation-name:anim_btt;-o-animation-name:anim_btt;animation-name:anim_btt;opacity:1}html:not(.no-cssanimations) .animate_when_almost_visible.start_animation:not(.zoom-reverse).left-t-right{-webkit-animation-name:anim_ltr;-moz-animation-name:anim_ltr;-o-animation-name:anim_ltr;animation-name:anim_ltr;opacity:1}html:not(.no-cssanimations) .animate_when_almost_visible.start_animation:not(.zoom-reverse).right-t-left{-webkit-animation-name:anim_rtl;-moz-animation-name:anim_rtl;-o-animation-name:anim_rtl;animation-name:anim_rtl;opacity:1}html:not(.no-cssanimations) .animate_when_almost_visible.start_animation:not(.zoom-reverse).zoom-in{-webkit-animation-name:zoom-in;-moz-animation-name:zoom-in;-o-animation-name:zoom-in;animation-name:zoom-in;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}html:not(.no-cssanimations) .animate_when_almost_visible.start_animation:not(.zoom-reverse).zoom-out{-webkit-animation-name:zoom-out;-moz-animation-name:zoom-out;-o-animation-name:zoom-out;animation-name:zoom-out;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}html:not(.no-cssanimations) .animate_when_almost_visible.zoom-reverse{-webkit-animation-name:zoom-reverse;-moz-animation-name:zoom-reverse;-o-animation-name:zoom-reverse;animation-name:zoom-reverse;-webkit-animation-duration:0.3s;-moz-animation-duration:0.3s;-o-animation-duration:0.3s;animation-duration:0.3s;-webkit-transform:scale(0.5);-moz-transform:scale(0.5);-o-transform:scale(0.5);-ms-transform:scale(0.5);transform:scale(0.5);opacity:0}html:not(.no-cssanimations) .animate_when_almost_visible.start_animation:not(.zoom-reverse).alpha-anim{-webkit-animation-name:alpha-in;-moz-animation-name:alpha-in;-o-animation-name:alpha-in;animation-name:alpha-in;opacity:1}html:not(.no-cssanimations) .animate_when_almost_visible[data-speed="100"]{-webkit-animation-duration:0.1s;-moz-animation-duration:0.1s;-o-animation-duration:0.1s;animation-duration:0.1s}html:not(.no-cssanimations) .animate_when_almost_visible[data-speed="200"]{-webkit-animation-duration:0.2s;-moz-animation-duration:0.2s;-o-animation-duration:0.2s;animation-duration:0.2s}html:not(.no-cssanimations) .animate_when_almost_visible[data-speed="300"]{-webkit-animation-duration:0.3s;-moz-animation-duration:0.3s;-o-animation-duration:0.3s;animation-duration:0.3s}html:not(.no-cssanimations) .animate_when_almost_visible[data-speed="500"]{-webkit-animation-duration:0.5s;-moz-animation-duration:0.5s;-o-animation-duration:0.5s;animation-duration:0.5s}html:not(.no-cssanimations) .animate_when_almost_visible[data-speed="600"]{-webkit-animation-duration:0.6s;-moz-animation-duration:0.6s;-o-animation-duration:0.6s;animation-duration:0.6s}html:not(.no-cssanimations) .animate_when_almost_visible[data-speed="700"]{-webkit-animation-duration:0.7s;-moz-animation-duration:0.7s;-o-animation-duration:0.7s;animation-duration:0.7s}html:not(.no-cssanimations) .animate_when_almost_visible[data-speed="800"]{-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;animation-duration:0.8s}html:not(.no-cssanimations) .animate_when_almost_visible[data-speed="900"]{-webkit-animation-duration:0.9s;-moz-animation-duration:0.9s;-o-animation-duration:0.9s;animation-duration:0.9s}html:not(.no-cssanimations) .animate_when_almost_visible[data-speed="1000"]{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s}@-webkit-keyframes
anim_ttb{0%{-webkit-transform:translate3d(0,-100px,0);opacity:0}100%{-webkit-transform:translate3d(0, 0, 0);opacity:1}}@-moz-keyframes
anim_ttb{0%{-moz-transform:translate3d(0,-100px,0);opacity:0}100%{-moz-transform:translate3d(0, 0, 0);opacity:1}}@-o-keyframes
anim_ttb{0%{-o-transform:translate3d(0,-100px,0);opacity:0}100%{-o-transform:translate3d(0, 0, 0);opacity:1}}@keyframes
anim_ttb{0%{transform:translate3d(0,-100px,0);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes
anim_btt{0%{-webkit-transform:translate3d(0,100px,0);opacity:0}100%{-webkit-transform:translate3d(0, 0, 0);opacity:1}}@-moz-keyframes
anim_btt{0%{-moz-transform:translate3d(0,100px,0);opacity:0}100%{-moz-transform:translate3d(0, 0, 0);opacity:1}}@-o-keyframes
anim_btt{0%{-o-transform:translate3d(0,100px,0);opacity:0}100%{-o-transform:translate3d(0, 0, 0);opacity:1}}@keyframes
anim_btt{0%{transform:translate3d(0,100px,0);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes
anim_ltr{0%{-webkit-transform:translate3d(-100px,0,0);opacity:0}100%{-webkit-transform:translate3d(0, 0, 0);opacity:1}}@-moz-keyframes
anim_ltr{0%{-moz-transform:translate3d(-100px,0,0);opacity:0}100%{-moz-transform:translate3d(0, 0);opacity:1}}@-o-keyframes
anim_ltr{0%{-o-transform:translate3d(-100px,0);opacity:0}100%{-o-transform:translate3d(0, 0, 0);opacity:1}}@keyframes
anim_ltr{0%{transform:translate3d(-100px,0,0);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}@-webkit-keyframes
anim_rtl{0%{-webkit-transform:translate3d(100px,0,0);opacity:0}100%{-webkit-transform:translate3d(0, 0, 0);opacity:1}}@-moz-keyframes
anim_rtl{0%{-moz-transform:translate3d(100px,0,0);opacity:0}100%{-moz-transform:translate3d(0, 0, 0);opacity:1}}@-o-keyframes
anim_rtl{0%{-o-transform:translate3d(100px,0,0);opacity:0}100%{-o-transform:translate3d(0, 0, 0);opacity:1}}@keyframes
anim_rtl{0%{transform:translate3d(100px,0,0);opacity:0}100%{transform:translate3d(0, 0, 0);opacity:1}}
@-webkit-keyframes zoom-in{0%{-webkit-transform:scale(0.5);opacity:0.1}100%{-webkit-transform:scale(1);opacity:1}}@-moz-keyframes zoom-in{0%{-moz-transform:scale(0.5);opacity:0.1}100%{-moz-transform:scale(1);opacity:1}}@-o-keyframes zoom-in{0%{-o-transform:scale(0.5);opacity:0.1}100%{-o-transform:scale(1);opacity:1}}@keyframes zoom-in{0%{transform:scale(0.5);opacity:0.1}100%{transform:scale(1);opacity:1}}@-webkit-keyframes zoom-out{0%{-webkit-transform:scale(1.5);opacity:0.1}100%{-webkit-transform:scale(1);opacity:1}}@-moz-keyframes zoom-out{0%{-moz-transform:scale(1.5);opacity:0.1}100%{-moz-transform:scale(1);opacity:1}}@-o-keyframes zoom-out{0%{-o-transform:scale(1.5);opacity:0.1}100%{-o-transform:scale(1);opacity:1}}@keyframes zoom-out{0%{transform:scale(1.5);opacity:0.1}100%{transform:scale(1);opacity:1}}@-webkit-keyframes zoom-reverse{0%{-webkit-transform:scale(1);opacity:1}100%{-webkit-transform:scale(0.5);opacity:0}}@-moz-keyframes zoom-reverse{0%{-moz-transform:scale(1);opacity:1}100%{-moz-transform:scale(0.5);opacity:0}}@-o-keyframes zoom-reverse{0%{-o-transform:scale(1);opacity:1}100%{-o-transform:scale(0.5);opacity:0}}@keyframes zoom-reverse{0%{transform:scale(1);opacity:1}100%{transform:scale(0.5);opacity:0}}@-webkit-keyframes alpha-in{0%{opacity:0}100%{opacity:1}}@-moz-keyframes alpha-in{0%{opacity:0}100%{opacity:1}}@-o-keyframes alpha-in{0%{opacity:0}100%{opacity:1}}@keyframes alpha-in{0%{opacity:0}100%{opacity:1}}.style-transparent-bg{background-color:transparent}.btn-transparent{color:#fff !important;background-color:transparent !important;border-color:transparent !important}.btn-transparent:not(.btn-hover-nobg):hover,.btn-transparent:not(.btn-hover-nobg):focus,btn-transparent:active{background-color:transparent !important;border-color:transparent !important}.btn-transparent:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-transparent:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-transparent:active{color:transparent !important}.btn-transparent.btn-outline{background-color:transparent !important;border-color:transparent !important}.btn-transparent.btn-outline:not(.btn-text-skin){color:transparent !important}.btn-transparent.btn-outline:not(.btn-hover-nobg):hover,.btn-transparent.btn-outline:not(.btn-hover-nobg):focus,btn-transparent.btn-outline:active{background-color:transparent !important;border-color:transparent !important}.btn-transparent.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-transparent.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-transparent.btn-outline:active{color:#fff !important}.style-light .btn-transparent.btn-text-skin.btn-outline, .style-light .btn-transparent.btn-text-skin:not(.btn-outline):hover{color:color-prif !important}.style-light .btn-transparent.btn-text-skin.btn-outline:hover{color:#fff !important}.text-transparent-color{color:transparent !important}.border-transparent-color{border-color:transparent !important}.tmb-overlay-gradient-top .style-transparent-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(top, transparent 0%, transparent 50%) !important;background-image:-moz-linear-gradient(top, transparent 0%, transparent 50%) !important;background-image:-o-linear-gradient(top, transparent 0%, transparent 50%) !important;background-image:linear-gradient(to bottom, transparent 0%, transparent 50%) !important}.tmb-overlay-gradient-bottom .style-transparent-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(bottom, transparent 0%, transparent 50%) !important;background-image:-moz-linear-gradient(bottom, transparent 0%, transparent 50%) !important;background-image:-o-linear-gradient(bottom, transparent 0%, transparent 50%) !important;background-image:linear-gradient(to top, transparent 0%, transparent 50%) !important}.style-color-jevc-bg{background-color:#000}.btn-color-jevc{color:#fff !important;background-color:#000 !important;border-color:#000 !important}.btn-color-jevc:not(.btn-hover-nobg):hover,.btn-color-jevc:not(.btn-hover-nobg):focus,btn-color-jevc:active{background-color:transparent !important;border-color:#000 !important}.btn-color-jevc:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-jevc:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-jevc:active{color:#000 !important}.btn-color-jevc.btn-outline{background-color:transparent !important;border-color:#000 !important}.btn-color-jevc.btn-outline:not(.btn-text-skin){color:#000 !important}.btn-color-jevc.btn-outline:not(.btn-hover-nobg):hover,.btn-color-jevc.btn-outline:not(.btn-hover-nobg):focus,btn-color-jevc.btn-outline:active{background-color:#000 !important;border-color:#000 !important}.btn-color-jevc.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-jevc.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-jevc.btn-outline:active{color:#fff !important}.style-light .btn-color-jevc.btn-text-skin.btn-outline, .style-light .btn-color-jevc.btn-text-skin:not(.btn-outline):hover{color:color-prif !important}.style-light .btn-color-jevc.btn-text-skin.btn-outline:hover{color:#fff !important}.text-color-jevc-color{color:#000 !important}.border-color-jevc-color{border-color:#000 !important}.tmb-overlay-gradient-top .style-color-jevc-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(top, #000 0%, transparent 50%) !important;background-image:-moz-linear-gradient(top, #000 0%, transparent 50%) !important;background-image:-o-linear-gradient(top, #000 0%, transparent 50%) !important;background-image:linear-gradient(to bottom, #000 0%, transparent 50%) !important}.tmb-overlay-gradient-bottom .style-color-jevc-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(bottom, #000 0%, transparent 50%) !important;background-image:-moz-linear-gradient(bottom, #000 0%, transparent 50%) !important;background-image:-o-linear-gradient(bottom, #000 0%, transparent 50%) !important;background-image:linear-gradient(to top, #000 0%, transparent 50%) !important}.style-color-nhtu-bg{background-color:#101213}.btn-color-nhtu{color:#fff !important;background-color:#101213 !important;border-color:#101213 !important}.btn-color-nhtu:not(.btn-hover-nobg):hover,.btn-color-nhtu:not(.btn-hover-nobg):focus,btn-color-nhtu:active{background-color:transparent !important;border-color:#101213 !important}.btn-color-nhtu:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-nhtu:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-nhtu:active{color:#101213 !important}.btn-color-nhtu.btn-outline{background-color:transparent !important;border-color:#101213 !important}.btn-color-nhtu.btn-outline:not(.btn-text-skin){color:#101213 !important}.btn-color-nhtu.btn-outline:not(.btn-hover-nobg):hover,.btn-color-nhtu.btn-outline:not(.btn-hover-nobg):focus,btn-color-nhtu.btn-outline:active{background-color:#101213 !important;border-color:#101213 !important}.btn-color-nhtu.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-nhtu.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-nhtu.btn-outline:active{color:#fff !important}.style-light .btn-color-nhtu.btn-text-skin.btn-outline, .style-light .btn-color-nhtu.btn-text-skin:not(.btn-outline):hover{color:color-prif !important}.style-light .btn-color-nhtu.btn-text-skin.btn-outline:hover{color:#fff !important}.text-color-nhtu-color{color:#101213 !important}.border-color-nhtu-color{border-color:#101213 !important}.tmb-overlay-gradient-top .style-color-nhtu-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(top, #101213 0%, transparent 50%) !important;background-image:-moz-linear-gradient(top, #101213 0%, transparent 50%) !important;background-image:-o-linear-gradient(top, #101213 0%, transparent 50%) !important;background-image:linear-gradient(to bottom, #101213 0%, transparent 50%) !important}.tmb-overlay-gradient-bottom .style-color-nhtu-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(bottom, #101213 0%, transparent 50%) !important;background-image:-moz-linear-gradient(bottom, #101213 0%, transparent 50%) !important;background-image:-o-linear-gradient(bottom, #101213 0%, transparent 50%) !important;background-image:linear-gradient(to top, #101213 0%, transparent 50%) !important}.style-color-wayh-bg{background-color:#141618}.btn-color-wayh{color:#fff !important;background-color:#141618 !important;border-color:#141618 !important}.btn-color-wayh:not(.btn-hover-nobg):hover,.btn-color-wayh:not(.btn-hover-nobg):focus,btn-color-wayh:active{background-color:transparent !important;border-color:#141618 !important}.btn-color-wayh:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-wayh:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-wayh:active{color:#141618 !important}.btn-color-wayh.btn-outline{background-color:transparent !important;border-color:#141618 !important}.btn-color-wayh.btn-outline:not(.btn-text-skin){color:#141618 !important}.btn-color-wayh.btn-outline:not(.btn-hover-nobg):hover,.btn-color-wayh.btn-outline:not(.btn-hover-nobg):focus,btn-color-wayh.btn-outline:active{background-color:#141618 !important;border-color:#141618 !important}.btn-color-wayh.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-wayh.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-wayh.btn-outline:active{color:#fff !important}.style-light .btn-color-wayh.btn-text-skin.btn-outline, .style-light .btn-color-wayh.btn-text-skin:not(.btn-outline):hover{color:color-prif !important}.style-light .btn-color-wayh.btn-text-skin.btn-outline:hover{color:#fff !important}.text-color-wayh-color{color:#141618 !important}.border-color-wayh-color{border-color:#141618 !important}.tmb-overlay-gradient-top .style-color-wayh-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(top, #141618 0%, transparent 50%) !important;background-image:-moz-linear-gradient(top, #141618 0%, transparent 50%) !important;background-image:-o-linear-gradient(top, #141618 0%, transparent 50%) !important;background-image:linear-gradient(to bottom, #141618 0%, transparent 50%) !important}.tmb-overlay-gradient-bottom .style-color-wayh-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(bottom, #141618 0%, transparent 50%) !important;background-image:-moz-linear-gradient(bottom, #141618 0%, transparent 50%) !important;background-image:-o-linear-gradient(bottom, #141618 0%, transparent 50%) !important;background-image:linear-gradient(to top, #141618 0%, transparent 50%) !important}.style-color-rgdb-bg{background-color:#1b1d1f}.btn-color-rgdb{color:#fff !important;background-color:#1b1d1f !important;border-color:#1b1d1f !important}.btn-color-rgdb:not(.btn-hover-nobg):hover,.btn-color-rgdb:not(.btn-hover-nobg):focus,btn-color-rgdb:active{background-color:transparent !important;border-color:#1b1d1f !important}.btn-color-rgdb:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-rgdb:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-rgdb:active{color:#1b1d1f !important}.btn-color-rgdb.btn-outline{background-color:transparent !important;border-color:#1b1d1f !important}.btn-color-rgdb.btn-outline:not(.btn-text-skin){color:#1b1d1f !important}.btn-color-rgdb.btn-outline:not(.btn-hover-nobg):hover,.btn-color-rgdb.btn-outline:not(.btn-hover-nobg):focus,btn-color-rgdb.btn-outline:active{background-color:#1b1d1f !important;border-color:#1b1d1f !important}.btn-color-rgdb.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-rgdb.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-rgdb.btn-outline:active{color:#fff !important}.style-light .btn-color-rgdb.btn-text-skin.btn-outline, .style-light .btn-color-rgdb.btn-text-skin:not(.btn-outline):hover{color:color-prif !important}.style-light .btn-color-rgdb.btn-text-skin.btn-outline:hover{color:#fff !important}.text-color-rgdb-color{color:#1b1d1f !important}.border-color-rgdb-color{border-color:#1b1d1f !important}.tmb-overlay-gradient-top .style-color-rgdb-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(top, #1b1d1f 0%, transparent 50%) !important;background-image:-moz-linear-gradient(top, #1b1d1f 0%, transparent 50%) !important;background-image:-o-linear-gradient(top, #1b1d1f 0%, transparent 50%) !important;background-image:linear-gradient(to bottom, #1b1d1f 0%, transparent 50%) !important}.tmb-overlay-gradient-bottom .style-color-rgdb-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(bottom, #1b1d1f 0%, transparent 50%) !important;background-image:-moz-linear-gradient(bottom, #1b1d1f 0%, transparent 50%) !important;background-image:-o-linear-gradient(bottom, #1b1d1f 0%, transparent 50%) !important;background-image:linear-gradient(to top, #1b1d1f 0%, transparent 50%) !important}.style-color-prif-bg{background-color:#303133}.btn-color-prif{color:#fff !important;background-color:#303133 !important;border-color:#303133 !important}.btn-color-prif:not(.btn-hover-nobg):hover,.btn-color-prif:not(.btn-hover-nobg):focus,btn-color-prif:active{background-color:transparent !important;border-color:#303133 !important}.btn-color-prif:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-prif:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-prif:active{color:#303133 !important}.btn-color-prif.btn-outline{background-color:transparent !important;border-color:#303133 !important}.btn-color-prif.btn-outline:not(.btn-text-skin){color:#303133 !important}.btn-color-prif.btn-outline:not(.btn-hover-nobg):hover,.btn-color-prif.btn-outline:not(.btn-hover-nobg):focus,btn-color-prif.btn-outline:active{background-color:#303133 !important;border-color:#303133 !important}.btn-color-prif.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-prif.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-prif.btn-outline:active{color:#fff !important}.style-light .btn-color-prif.btn-text-skin.btn-outline, .style-light .btn-color-prif.btn-text-skin:not(.btn-outline):hover{color:color-prif !important}.style-light .btn-color-prif.btn-text-skin.btn-outline:hover{color:#fff !important}.text-color-prif-color{color:#303133 !important}.border-color-prif-color{border-color:#303133 !important}.tmb-overlay-gradient-top .style-color-prif-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(top, #303133 0%, transparent 50%) !important;background-image:-moz-linear-gradient(top, #303133 0%, transparent 50%) !important;background-image:-o-linear-gradient(top, #303133 0%, transparent 50%) !important;background-image:linear-gradient(to bottom, #303133 0%, transparent 50%) !important}.tmb-overlay-gradient-bottom .style-color-prif-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(bottom, #303133 0%, transparent 50%) !important;background-image:-moz-linear-gradient(bottom, #303133 0%, transparent 50%) !important;background-image:-o-linear-gradient(bottom, #303133 0%, transparent 50%) !important;background-image:linear-gradient(to top, #303133 0%, transparent 50%) !important}.style-color-xsdn-bg{background-color:#fff}.btn-color-xsdn{color:#fff !important;background-color:#fff !important;border-color:#fff !important}.btn-color-xsdn:not(.btn-hover-nobg):hover,.btn-color-xsdn:not(.btn-hover-nobg):focus,btn-color-xsdn:active{background-color:transparent !important;border-color:#fff !important}.btn-color-xsdn:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-xsdn:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-xsdn:active{color:#fff !important}.btn-color-xsdn.btn-outline{background-color:transparent !important;border-color:#fff !important}.btn-color-xsdn.btn-outline:not(.btn-text-skin){color:#fff !important}.btn-color-xsdn.btn-outline:not(.btn-hover-nobg):hover,.btn-color-xsdn.btn-outline:not(.btn-hover-nobg):focus,btn-color-xsdn.btn-outline:active{background-color:#fff !important;border-color:#fff !important}.btn-color-xsdn.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-xsdn.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-xsdn.btn-outline:active{color:#fff !important}.style-light .btn-color-xsdn.btn-text-skin.btn-outline, .style-light .btn-color-xsdn.btn-text-skin:not(.btn-outline):hover{color:#303133 !important}.style-light .btn-color-xsdn.btn-text-skin.btn-outline:hover{color:#fff !important}.text-color-xsdn-color{color:#fff !important}.border-color-xsdn-color{border-color:#fff !important}.tmb-overlay-gradient-top .style-color-xsdn-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(top, #fff 0%, transparent 50%) !important;background-image:-moz-linear-gradient(top, #fff 0%, transparent 50%) !important;background-image:-o-linear-gradient(top, #fff 0%, transparent 50%) !important;background-image:linear-gradient(to bottom, #fff 0%, transparent 50%) !important}.tmb-overlay-gradient-bottom .style-color-xsdn-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(bottom, #fff 0%, transparent 50%) !important;background-image:-moz-linear-gradient(bottom, #fff 0%, transparent 50%) !important;background-image:-o-linear-gradient(bottom, #fff 0%, transparent 50%) !important;background-image:linear-gradient(to top, #fff 0%, transparent 50%) !important}.style-color-lxmt-bg{background-color:#f7f7f7}.btn-color-lxmt{color:#fff !important;background-color:#f7f7f7 !important;border-color:#f7f7f7 !important}.btn-color-lxmt:not(.btn-hover-nobg):hover,.btn-color-lxmt:not(.btn-hover-nobg):focus,btn-color-lxmt:active{background-color:transparent !important;border-color:#f7f7f7 !important}.btn-color-lxmt:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-lxmt:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-lxmt:active{color:#f7f7f7 !important}.btn-color-lxmt.btn-outline{background-color:transparent !important;border-color:#f7f7f7 !important}.btn-color-lxmt.btn-outline:not(.btn-text-skin){color:#f7f7f7 !important}.btn-color-lxmt.btn-outline:not(.btn-hover-nobg):hover,.btn-color-lxmt.btn-outline:not(.btn-hover-nobg):focus,btn-color-lxmt.btn-outline:active{background-color:#f7f7f7 !important;border-color:#f7f7f7 !important}.btn-color-lxmt.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-lxmt.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-lxmt.btn-outline:active{color:#fff !important}.style-light .btn-color-lxmt.btn-text-skin.btn-outline, .style-light .btn-color-lxmt.btn-text-skin:not(.btn-outline):hover{color:#303133 !important}.style-light .btn-color-lxmt.btn-text-skin.btn-outline:hover{color:#fff !important}.text-color-lxmt-color{color:#f7f7f7 !important}.border-color-lxmt-color{border-color:#f7f7f7 !important}.tmb-overlay-gradient-top .style-color-lxmt-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(top, #f7f7f7 0%, transparent 50%) !important;background-image:-moz-linear-gradient(top, #f7f7f7 0%, transparent 50%) !important;background-image:-o-linear-gradient(top, #f7f7f7 0%, transparent 50%) !important;background-image:linear-gradient(to bottom, #f7f7f7 0%, transparent 50%) !important}.tmb-overlay-gradient-bottom .style-color-lxmt-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(bottom, #f7f7f7 0%, transparent 50%) !important;background-image:-moz-linear-gradient(bottom, #f7f7f7 0%, transparent 50%) !important;background-image:-o-linear-gradient(bottom, #f7f7f7 0%, transparent 50%) !important;background-image:linear-gradient(to top, #f7f7f7 0%, transparent 50%) !important}.style-color-gyho-bg{background-color:#eaeaea}.btn-color-gyho{color:#fff !important;background-color:#eaeaea !important;border-color:#eaeaea !important}.btn-color-gyho:not(.btn-hover-nobg):hover,.btn-color-gyho:not(.btn-hover-nobg):focus,btn-color-gyho:active{background-color:transparent !important;border-color:#eaeaea !important}.btn-color-gyho:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-gyho:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-gyho:active{color:#eaeaea !important}.btn-color-gyho.btn-outline{background-color:transparent !important;border-color:#eaeaea !important}.btn-color-gyho.btn-outline:not(.btn-text-skin){color:#eaeaea !important}.btn-color-gyho.btn-outline:not(.btn-hover-nobg):hover,.btn-color-gyho.btn-outline:not(.btn-hover-nobg):focus,btn-color-gyho.btn-outline:active{background-color:#eaeaea !important;border-color:#eaeaea !important}.btn-color-gyho.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-gyho.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-gyho.btn-outline:active{color:#fff !important}.style-light .btn-color-gyho.btn-text-skin.btn-outline, .style-light .btn-color-gyho.btn-text-skin:not(.btn-outline):hover{color:#303133 !important}.style-light .btn-color-gyho.btn-text-skin.btn-outline:hover{color:#fff !important}.text-color-gyho-color{color:#eaeaea !important}.border-color-gyho-color{border-color:#eaeaea !important}.tmb-overlay-gradient-top .style-color-gyho-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(top, #eaeaea 0%, transparent 50%) !important;background-image:-moz-linear-gradient(top, #eaeaea 0%, transparent 50%) !important;background-image:-o-linear-gradient(top, #eaeaea 0%, transparent 50%) !important;background-image:linear-gradient(to bottom, #eaeaea 0%, transparent 50%) !important}.tmb-overlay-gradient-bottom .style-color-gyho-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(bottom, #eaeaea 0%, transparent 50%) !important;background-image:-moz-linear-gradient(bottom, #eaeaea 0%, transparent 50%) !important;background-image:-o-linear-gradient(bottom, #eaeaea 0%, transparent 50%) !important;background-image:linear-gradient(to top, #eaeaea 0%, transparent 50%) !important}.style-color-uydo-bg{background-color:#ddd}.btn-color-uydo{color:#fff !important;background-color:#ddd !important;border-color:#ddd !important}.btn-color-uydo:not(.btn-hover-nobg):hover,.btn-color-uydo:not(.btn-hover-nobg):focus,btn-color-uydo:active{background-color:transparent !important;border-color:#ddd !important}.btn-color-uydo:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-uydo:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-uydo:active{color:#ddd !important}.btn-color-uydo.btn-outline{background-color:transparent !important;border-color:#ddd !important}.btn-color-uydo.btn-outline:not(.btn-text-skin){color:#ddd !important}.btn-color-uydo.btn-outline:not(.btn-hover-nobg):hover,.btn-color-uydo.btn-outline:not(.btn-hover-nobg):focus,btn-color-uydo.btn-outline:active{background-color:#ddd !important;border-color:#ddd !important}.btn-color-uydo.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-uydo.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-uydo.btn-outline:active{color:#fff !important}.style-light .btn-color-uydo.btn-text-skin.btn-outline, .style-light .btn-color-uydo.btn-text-skin:not(.btn-outline):hover{color:#303133 !important}.style-light .btn-color-uydo.btn-text-skin.btn-outline:hover{color:#fff !important}.text-color-uydo-color{color:#ddd !important}.border-color-uydo-color{border-color:#ddd !important}.tmb-overlay-gradient-top .style-color-uydo-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(top, #ddd 0%, transparent 50%) !important;background-image:-moz-linear-gradient(top, #ddd 0%, transparent 50%) !important;background-image:-o-linear-gradient(top, #ddd 0%, transparent 50%) !important;background-image:linear-gradient(to bottom, #ddd 0%, transparent 50%) !important}.tmb-overlay-gradient-bottom .style-color-uydo-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(bottom, #ddd 0%, transparent 50%) !important;background-image:-moz-linear-gradient(bottom, #ddd 0%, transparent 50%) !important;background-image:-o-linear-gradient(bottom, #ddd 0%, transparent 50%) !important;background-image:linear-gradient(to top, #ddd 0%, transparent 50%) !important}.style-color-wvjs-bg{background-color:#777}.btn-color-wvjs{color:#fff !important;background-color:#777 !important;border-color:#777 !important}.btn-color-wvjs:not(.btn-hover-nobg):hover,.btn-color-wvjs:not(.btn-hover-nobg):focus,btn-color-wvjs:active{background-color:transparent !important;border-color:#777 !important}.btn-color-wvjs:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-wvjs:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-wvjs:active{color:#777 !important}.btn-color-wvjs.btn-outline{background-color:transparent !important;border-color:#777 !important}.btn-color-wvjs.btn-outline:not(.btn-text-skin){color:#777 !important}.btn-color-wvjs.btn-outline:not(.btn-hover-nobg):hover,.btn-color-wvjs.btn-outline:not(.btn-hover-nobg):focus,btn-color-wvjs.btn-outline:active{background-color:#777 !important;border-color:#777 !important}.btn-color-wvjs.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-wvjs.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-wvjs.btn-outline:active{color:#fff !important}.style-light .btn-color-wvjs.btn-text-skin.btn-outline, .style-light .btn-color-wvjs.btn-text-skin:not(.btn-outline):hover{color:#303133 !important}.style-light .btn-color-wvjs.btn-text-skin.btn-outline:hover{color:#fff !important}.text-color-wvjs-color{color:#777 !important}.border-color-wvjs-color{border-color:#777 !important}.tmb-overlay-gradient-top .style-color-wvjs-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(top, #777 0%, transparent 50%) !important;background-image:-moz-linear-gradient(top, #777 0%, transparent 50%) !important;background-image:-o-linear-gradient(top, #777 0%, transparent 50%) !important;background-image:linear-gradient(to bottom, #777 0%, transparent 50%) !important}.tmb-overlay-gradient-bottom .style-color-wvjs-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(bottom, #777 0%, transparent 50%) !important;background-image:-moz-linear-gradient(bottom, #777 0%, transparent 50%) !important;background-image:-o-linear-gradient(bottom, #777 0%, transparent 50%) !important;background-image:linear-gradient(to top, #777 0%, transparent 50%) !important}.style-color-vyce-bg{background-color:#0cb4ce}.btn-color-vyce{color:#fff !important;background-color:#0cb4ce !important;border-color:#0cb4ce !important}.btn-color-vyce:not(.btn-hover-nobg):hover,.btn-color-vyce:not(.btn-hover-nobg):focus,btn-color-vyce:active{background-color:transparent !important;border-color:#0cb4ce !important}.btn-color-vyce:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-vyce:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-vyce:active{color:#0cb4ce !important}.btn-color-vyce.btn-outline{background-color:transparent !important;border-color:#0cb4ce !important}.btn-color-vyce.btn-outline:not(.btn-text-skin){color:#0cb4ce !important}.btn-color-vyce.btn-outline:not(.btn-hover-nobg):hover,.btn-color-vyce.btn-outline:not(.btn-hover-nobg):focus,btn-color-vyce.btn-outline:active{background-color:#0cb4ce !important;border-color:#0cb4ce !important}.btn-color-vyce.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-vyce.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-vyce.btn-outline:active{color:#fff !important}.style-light .btn-color-vyce.btn-text-skin.btn-outline, .style-light .btn-color-vyce.btn-text-skin:not(.btn-outline):hover{color:#303133 !important}.style-light .btn-color-vyce.btn-text-skin.btn-outline:hover{color:#fff !important}.text-color-vyce-color{color:#0cb4ce !important}.border-color-vyce-color{border-color:#0cb4ce !important}.tmb-overlay-gradient-top .style-color-vyce-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(top, #0cb4ce 0%, transparent 50%) !important;background-image:-moz-linear-gradient(top, #0cb4ce 0%, transparent 50%) !important;background-image:-o-linear-gradient(top, #0cb4ce 0%, transparent 50%) !important;background-image:linear-gradient(to bottom, #0cb4ce 0%, transparent 50%) !important}.tmb-overlay-gradient-bottom .style-color-vyce-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(bottom, #0cb4ce 0%, transparent 50%) !important;background-image:-moz-linear-gradient(bottom, #0cb4ce 0%, transparent 50%) !important;background-image:-o-linear-gradient(bottom, #0cb4ce 0%, transparent 50%) !important;background-image:linear-gradient(to top, #0cb4ce 0%, transparent 50%) !important}.style-color-210407-bg{background-color:#1080d0}.btn-color-210407{color:#fff !important;background-color:#1080d0 !important;border-color:#1080d0 !important}.btn-color-210407:not(.btn-hover-nobg):hover,.btn-color-210407:not(.btn-hover-nobg):focus,btn-color-210407:active{background-color:transparent !important;border-color:#1080d0 !important}.btn-color-210407:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-210407:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-210407:active{color:#1080d0 !important}.btn-color-210407.btn-outline{background-color:transparent !important;border-color:#1080d0 !important}.btn-color-210407.btn-outline:not(.btn-text-skin){color:#1080d0 !important}.btn-color-210407.btn-outline:not(.btn-hover-nobg):hover,.btn-color-210407.btn-outline:not(.btn-hover-nobg):focus,btn-color-210407.btn-outline:active{background-color:#1080d0 !important;border-color:#1080d0 !important}.btn-color-210407.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-210407.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-210407.btn-outline:active{color:#fff !important}.style-light .btn-color-210407.btn-text-skin.btn-outline, .style-light .btn-color-210407.btn-text-skin:not(.btn-outline):hover{color:#303133 !important}.style-light .btn-color-210407.btn-text-skin.btn-outline:hover{color:#fff !important}.text-color-210407-color{color:#1080d0 !important}.border-color-210407-color{border-color:#1080d0 !important}.tmb-overlay-gradient-top .style-color-210407-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(top, #1080d0 0%, transparent 50%) !important;background-image:-moz-linear-gradient(top, #1080d0 0%, transparent 50%) !important;background-image:-o-linear-gradient(top, #1080d0 0%, transparent 50%) !important;background-image:linear-gradient(to bottom, #1080d0 0%, transparent 50%) !important}.tmb-overlay-gradient-bottom .style-color-210407-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(bottom, #1080d0 0%, transparent 50%) !important;background-image:-moz-linear-gradient(bottom, #1080d0 0%, transparent 50%) !important;background-image:-o-linear-gradient(bottom, #1080d0 0%, transparent 50%) !important;background-image:linear-gradient(to top, #1080d0 0%, transparent 50%) !important}.style-color-482803-bg{background-color:#6442ff}.btn-color-482803{color:#fff !important;background-color:#6442ff !important;border-color:#6442ff !important}.btn-color-482803:not(.btn-hover-nobg):hover,.btn-color-482803:not(.btn-hover-nobg):focus,btn-color-482803:active{background-color:transparent !important;border-color:#6442ff !important}.btn-color-482803:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-482803:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-482803:active{color:#6442ff !important}.btn-color-482803.btn-outline{background-color:transparent !important;border-color:#6442ff !important}.btn-color-482803.btn-outline:not(.btn-text-skin){color:#6442ff !important}.btn-color-482803.btn-outline:not(.btn-hover-nobg):hover,.btn-color-482803.btn-outline:not(.btn-hover-nobg):focus,btn-color-482803.btn-outline:active{background-color:#6442ff !important;border-color:#6442ff !important}.btn-color-482803.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-482803.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-482803.btn-outline:active{color:#fff !important}.style-light .btn-color-482803.btn-text-skin.btn-outline, .style-light .btn-color-482803.btn-text-skin:not(.btn-outline):hover{color:#303133 !important}.style-light .btn-color-482803.btn-text-skin.btn-outline:hover{color:#fff !important}.text-color-482803-color{color:#6442ff !important}.border-color-482803-color{border-color:#6442ff !important}.tmb-overlay-gradient-top .style-color-482803-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(top, #6442ff 0%, transparent 50%) !important;background-image:-moz-linear-gradient(top, #6442ff 0%, transparent 50%) !important;background-image:-o-linear-gradient(top, #6442ff 0%, transparent 50%) !important;background-image:linear-gradient(to bottom, #6442ff 0%, transparent 50%) !important}.tmb-overlay-gradient-bottom .style-color-482803-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(bottom, #6442ff 0%, transparent 50%) !important;background-image:-moz-linear-gradient(bottom, #6442ff 0%, transparent 50%) !important;background-image:-o-linear-gradient(bottom, #6442ff 0%, transparent 50%) !important;background-image:linear-gradient(to top, #6442ff 0%, transparent 50%) !important}.style-color-742106-bg{background-color:#43cb83}.btn-color-742106{color:#fff !important;background-color:#43cb83 !important;border-color:#43cb83 !important}.btn-color-742106:not(.btn-hover-nobg):hover,.btn-color-742106:not(.btn-hover-nobg):focus,btn-color-742106:active{background-color:transparent !important;border-color:#43cb83 !important}.btn-color-742106:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-742106:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-742106:active{color:#43cb83 !important}.btn-color-742106.btn-outline{background-color:transparent !important;border-color:#43cb83 !important}.btn-color-742106.btn-outline:not(.btn-text-skin){color:#43cb83 !important}.btn-color-742106.btn-outline:not(.btn-hover-nobg):hover,.btn-color-742106.btn-outline:not(.btn-hover-nobg):focus,btn-color-742106.btn-outline:active{background-color:#43cb83 !important;border-color:#43cb83 !important}.btn-color-742106.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-742106.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-742106.btn-outline:active{color:#fff !important}.style-light .btn-color-742106.btn-text-skin.btn-outline, .style-light .btn-color-742106.btn-text-skin:not(.btn-outline):hover{color:#303133 !important}.style-light .btn-color-742106.btn-text-skin.btn-outline:hover{color:#fff !important}.text-color-742106-color{color:#43cb83 !important}.border-color-742106-color{border-color:#43cb83 !important}.tmb-overlay-gradient-top .style-color-742106-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(top, #43cb83 0%, transparent 50%) !important;background-image:-moz-linear-gradient(top, #43cb83 0%, transparent 50%) !important;background-image:-o-linear-gradient(top, #43cb83 0%, transparent 50%) !important;background-image:linear-gradient(to bottom, #43cb83 0%, transparent 50%) !important}.tmb-overlay-gradient-bottom .style-color-742106-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(bottom, #43cb83 0%, transparent 50%) !important;background-image:-moz-linear-gradient(bottom, #43cb83 0%, transparent 50%) !important;background-image:-o-linear-gradient(bottom, #43cb83 0%, transparent 50%) !important;background-image:linear-gradient(to top, #43cb83 0%, transparent 50%) !important}.style-color-632047-bg{background-color:#fc4100}.btn-color-632047{color:#fff !important;background-color:#fc4100 !important;border-color:#fc4100 !important}.btn-color-632047:not(.btn-hover-nobg):hover,.btn-color-632047:not(.btn-hover-nobg):focus,btn-color-632047:active{background-color:transparent !important;border-color:#fc4100 !important}.btn-color-632047:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-632047:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-632047:active{color:#fc4100 !important}.btn-color-632047.btn-outline{background-color:transparent !important;border-color:#fc4100 !important}.btn-color-632047.btn-outline:not(.btn-text-skin){color:#fc4100 !important}.btn-color-632047.btn-outline:not(.btn-hover-nobg):hover,.btn-color-632047.btn-outline:not(.btn-hover-nobg):focus,btn-color-632047.btn-outline:active{background-color:#fc4100 !important;border-color:#fc4100 !important}.btn-color-632047.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-632047.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-632047.btn-outline:active{color:#fff !important}.style-light .btn-color-632047.btn-text-skin.btn-outline, .style-light .btn-color-632047.btn-text-skin:not(.btn-outline):hover{color:#303133 !important}.style-light .btn-color-632047.btn-text-skin.btn-outline:hover{color:#fff !important}.text-color-632047-color{color:#fc4100 !important}.border-color-632047-color{border-color:#fc4100 !important}.tmb-overlay-gradient-top .style-color-632047-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(top, #fc4100 0%, transparent 50%) !important;background-image:-moz-linear-gradient(top, #fc4100 0%, transparent 50%) !important;background-image:-o-linear-gradient(top, #fc4100 0%, transparent 50%) !important;background-image:linear-gradient(to bottom, #fc4100 0%, transparent 50%) !important}.tmb-overlay-gradient-bottom .style-color-632047-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(bottom, #fc4100 0%, transparent 50%) !important;background-image:-moz-linear-gradient(bottom, #fc4100 0%, transparent 50%) !important;background-image:-o-linear-gradient(bottom, #fc4100 0%, transparent 50%) !important;background-image:linear-gradient(to top, #fc4100 0%, transparent 50%) !important}.style-color-192233-bg{background-color:#ffc42e}.btn-color-192233{color:#fff !important;background-color:#ffc42e !important;border-color:#ffc42e !important}.btn-color-192233:not(.btn-hover-nobg):hover,.btn-color-192233:not(.btn-hover-nobg):focus,btn-color-192233:active{background-color:transparent !important;border-color:#ffc42e !important}.btn-color-192233:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-192233:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-192233:active{color:#ffc42e !important}.btn-color-192233.btn-outline{background-color:transparent !important;border-color:#ffc42e !important}.btn-color-192233.btn-outline:not(.btn-text-skin){color:#ffc42e !important}.btn-color-192233.btn-outline:not(.btn-hover-nobg):hover,.btn-color-192233.btn-outline:not(.btn-hover-nobg):focus,btn-color-192233.btn-outline:active{background-color:#ffc42e !important;border-color:#ffc42e !important}.btn-color-192233.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-192233.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-192233.btn-outline:active{color:#fff !important}.style-light .btn-color-192233.btn-text-skin.btn-outline, .style-light .btn-color-192233.btn-text-skin:not(.btn-outline):hover{color:#303133 !important}.style-light .btn-color-192233.btn-text-skin.btn-outline:hover{color:#fff !important}.text-color-192233-color{color:#ffc42e !important}.border-color-192233-color{border-color:#ffc42e !important}.tmb-overlay-gradient-top .style-color-192233-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(top, #ffc42e 0%, transparent 50%) !important;background-image:-moz-linear-gradient(top, #ffc42e 0%, transparent 50%) !important;background-image:-o-linear-gradient(top, #ffc42e 0%, transparent 50%) !important;background-image:linear-gradient(to bottom, #ffc42e 0%, transparent 50%) !important}.tmb-overlay-gradient-bottom .style-color-192233-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(bottom, #ffc42e 0%, transparent 50%) !important;background-image:-moz-linear-gradient(bottom, #ffc42e 0%, transparent 50%) !important;background-image:-o-linear-gradient(bottom, #ffc42e 0%, transparent 50%) !important;background-image:linear-gradient(to top, #ffc42e 0%, transparent 50%) !important}.style-color-878846-bg{background-color:#0cce50}.btn-color-878846{color:#fff !important;background-color:#0cce50 !important;border-color:#0cce50 !important}.btn-color-878846:not(.btn-hover-nobg):hover,.btn-color-878846:not(.btn-hover-nobg):focus,btn-color-878846:active{background-color:transparent !important;border-color:#0cce50 !important}.btn-color-878846:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-878846:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-878846:active{color:#0cce50 !important}.btn-color-878846.btn-outline{background-color:transparent !important;border-color:#0cce50 !important}.btn-color-878846.btn-outline:not(.btn-text-skin){color:#0cce50 !important}.btn-color-878846.btn-outline:not(.btn-hover-nobg):hover,.btn-color-878846.btn-outline:not(.btn-hover-nobg):focus,btn-color-878846.btn-outline:active{background-color:#0cce50 !important;border-color:#0cce50 !important}.btn-color-878846.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-878846.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-878846.btn-outline:active{color:#fff !important}.style-light .btn-color-878846.btn-text-skin.btn-outline, .style-light .btn-color-878846.btn-text-skin:not(.btn-outline):hover{color:#303133 !important}.style-light .btn-color-878846.btn-text-skin.btn-outline:hover{color:#fff !important}.text-color-878846-color{color:#0cce50 !important}.border-color-878846-color{border-color:#0cce50 !important}.tmb-overlay-gradient-top .style-color-878846-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(top, #0cce50 0%, transparent 50%) !important;background-image:-moz-linear-gradient(top, #0cce50 0%, transparent 50%) !important;background-image:-o-linear-gradient(top, #0cce50 0%, transparent 50%) !important;background-image:linear-gradient(to bottom, #0cce50 0%, transparent 50%) !important}.tmb-overlay-gradient-bottom .style-color-878846-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(bottom, #0cce50 0%, transparent 50%) !important;background-image:-moz-linear-gradient(bottom, #0cce50 0%, transparent 50%) !important;background-image:-o-linear-gradient(bottom, #0cce50 0%, transparent 50%) !important;background-image:linear-gradient(to top, #0cce50 0%, transparent 50%) !important}.style-color-160908-bg{background-color:#ff590a}.btn-color-160908{color:#fff !important;background-color:#ff590a !important;border-color:#ff590a !important}.btn-color-160908:not(.btn-hover-nobg):hover,.btn-color-160908:not(.btn-hover-nobg):focus,btn-color-160908:active{background-color:transparent !important;border-color:#ff590a !important}.btn-color-160908:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-160908:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-160908:active{color:#ff590a !important}.btn-color-160908.btn-outline{background-color:transparent !important;border-color:#ff590a !important}.btn-color-160908.btn-outline:not(.btn-text-skin){color:#ff590a !important}.btn-color-160908.btn-outline:not(.btn-hover-nobg):hover,.btn-color-160908.btn-outline:not(.btn-hover-nobg):focus,btn-color-160908.btn-outline:active{background-color:#ff590a !important;border-color:#ff590a !important}.btn-color-160908.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-color-160908.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-color-160908.btn-outline:active{color:#fff !important}.style-light .btn-color-160908.btn-text-skin.btn-outline, .style-light .btn-color-160908.btn-text-skin:not(.btn-outline):hover{color:#303133 !important}.style-light .btn-color-160908.btn-text-skin.btn-outline:hover{color:#fff !important}.text-color-160908-color{color:#ff590a !important}.border-color-160908-color{border-color:#ff590a !important}.tmb-overlay-gradient-top .style-color-160908-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(top, #ff590a 0%, transparent 50%) !important;background-image:-moz-linear-gradient(top, #ff590a 0%, transparent 50%) !important;background-image:-o-linear-gradient(top, #ff590a 0%, transparent 50%) !important;background-image:linear-gradient(to bottom, #ff590a 0%, transparent 50%) !important}.tmb-overlay-gradient-bottom .style-color-160908-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(bottom, #ff590a 0%, transparent 50%) !important;background-image:-moz-linear-gradient(bottom, #ff590a 0%, transparent 50%) !important;background-image:-o-linear-gradient(bottom, #ff590a 0%, transparent 50%) !important;background-image:linear-gradient(to top, #ff590a 0%, transparent 50%) !important}.style-color-105898-bg{background:radial-gradient(left top , circle cover , rgb(12, 180, 206) 10% , rgb(16, 128, 208) 50% , rgb(100, 66, 255) 91%);background:-o-radial-gradient(left top , circle cover , rgb(12, 180, 206) 10% , rgb(16, 128, 208) 50% , rgb(100, 66, 255) 91%);background:-ms-radial-gradient(left top , circle cover , rgb(12, 180, 206) 10% , rgb(16, 128, 208) 50% , rgb(100, 66, 255) 91%);background:-moz-radial-gradient(left top , circle cover , rgb(12, 180, 206) 10% , rgb(16, 128, 208) 50% , rgb(100, 66, 255) 91%);background:-webkit-radial-gradient(left top , circle cover , rgb(12, 180, 206) 10% , rgb(16, 128, 208) 50% , rgb(100, 66, 255) 91%)}.style-color-111420-bg{background:radial-gradient(center top , circle cover , rgb(12, 180, 206) 17% , rgb(16, 128, 208) 83%);background:-o-radial-gradient(center top , circle cover , rgb(12, 180, 206) 17% , rgb(16, 128, 208) 83%);background:-ms-radial-gradient(center top , circle cover , rgb(12, 180, 206) 17% , rgb(16, 128, 208) 83%);background:-moz-radial-gradient(center top , circle cover , rgb(12, 180, 206) 17% , rgb(16, 128, 208) 83%);background:-webkit-radial-gradient(center top , circle cover , rgb(12, 180, 206) 17% , rgb(16, 128, 208) 83%)}.style-color-162435-bg{background:radial-gradient(center bottom , circle cover , rgb(255, 255, 255) , rgb(234, 234, 234) 100%);background:-o-radial-gradient(center bottom , circle cover , rgb(255, 255, 255) , rgb(234, 234, 234) 100%);background:-ms-radial-gradient(center bottom , circle cover , rgb(255, 255, 255) , rgb(234, 234, 234) 100%);background:-moz-radial-gradient(center bottom , circle cover , rgb(255, 255, 255) , rgb(234, 234, 234) 100%);background:-webkit-radial-gradient(center bottom , circle cover , rgb(255, 255, 255) , rgb(234, 234, 234) 100%)}.style-color-258297-bg{background:radial-gradient(center top , circle cover , rgb(34, 38, 42) 7% , rgb(20, 22, 24) 94%);background:-o-radial-gradient(center top , circle cover , rgb(34, 38, 42) 7% , rgb(20, 22, 24) 94%);background:-ms-radial-gradient(center top , circle cover , rgb(34, 38, 42) 7% , rgb(20, 22, 24) 94%);background:-moz-radial-gradient(center top , circle cover , rgb(34, 38, 42) 7% , rgb(20, 22, 24) 94%);background:-webkit-radial-gradient(center top , circle cover , rgb(34, 38, 42) 7% , rgb(20, 22, 24) 94%)}.style-color-194709-bg{background:linear-gradient(left , rgb(20, 22, 24) 3% , rgb(34, 38, 42) 97%);background:-o-linear-gradient(left , rgb(20, 22, 24) 3% , rgb(34, 38, 42) 97%);background:-ms-linear-gradient(left , rgb(20, 22, 24) 3% , rgb(34, 38, 42) 97%);background:-moz-linear-gradient(left , rgb(20, 22, 24) 3% , rgb(34, 38, 42) 97%);background:-webkit-linear-gradient(left , rgb(20, 22, 24) 3% , rgb(34, 38, 42) 97%)}.style-accent-bg{background-color:#0cb4ce}.btn-accent{color:#fff !important;background-color:#0cb4ce !important;border-color:#0cb4ce !important}.btn-accent:not(.btn-hover-nobg):hover,.btn-accent:not(.btn-hover-nobg):focus,btn-accent:active{background-color:transparent !important;border-color:#0cb4ce !important}.btn-accent:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-accent:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-accent:active{color:#0cb4ce !important}.btn-accent.btn-outline{background-color:transparent !important;border-color:#0cb4ce !important}.btn-accent.btn-outline:not(.btn-text-skin){color:#0cb4ce !important}.btn-accent.btn-outline:not(.btn-hover-nobg):hover,.btn-accent.btn-outline:not(.btn-hover-nobg):focus,btn-accent.btn-outline:active{background-color:#0cb4ce !important;border-color:#0cb4ce !important}.btn-accent.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):hover,.btn-accent.btn-outline:not(.btn-hover-nobg):not(.btn-text-skin):focus,btn-accent.btn-outline:active{color:#fff !important}.style-light .btn-accent.btn-text-skin.btn-outline, .style-light .btn-accent.btn-text-skin:not(.btn-outline):hover{color:#303133 !important}.style-light .btn-accent.btn-text-skin.btn-outline:hover{color:#fff !important}.text-accent-color{color:#0cb4ce !important}.border-accent-color{border-color:#0cb4ce !important}.tmb-overlay-gradient-top .style-accent-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(top, #0cb4ce 0%, transparent 50%) !important;background-image:-moz-linear-gradient(top, #0cb4ce 0%, transparent 50%) !important;background-image:-o-linear-gradient(top, #0cb4ce 0%, transparent 50%) !important;background-image:linear-gradient(to bottom, #0cb4ce 0%, transparent 50%) !important}.tmb-overlay-gradient-bottom .style-accent-bg{background-color:transparent !important;background-image:-webkit-linear-gradient(bottom, #0cb4ce 0%, transparent 50%) !important;background-image:-moz-linear-gradient(bottom, #0cb4ce 0%, transparent 50%) !important;background-image:-o-linear-gradient(bottom, #0cb4ce 0%, transparent 50%) !important;background-image:linear-gradient(to top, #0cb4ce 0%, transparent 50%) !important}.style-light-bg{background-color:#fff}.style-dark-bg{background-color:#141618}.btn-white.btn-outline:hover,.btn-white.btn-outline:focus{color:#333 !important}.font-134980{font-family:Droid Serif !important}.font-175345{font-family:Dosis !important}.font-202503{font-family:Playfair Display !important}.font-156269{font-family:Oswald !important}.font-762333{font-family:Poppins !important}.font-377884{font-family:Hind !important}.font-850707{font-family:TrashHand !important}.font-180609{font-family:Roboto !important}.font-146884{font-family:Source Sans Pro !important}.fontsize-160000{font-size:12px}.fontsize-155944{font-size:50px}@media (max-width: 959px){.fontsize-155944{font-size:33.333333333333px}}@media (max-width: 320px){.fontsize-155944{font-size:28px}}.fontsize-338686{font-size:75px}@media (max-width: 959px){.fontsize-338686{font-size:50px}}@media (max-width: 569px){.fontsize-338686{font-size:35px}}@media (max-width: 320px){.fontsize-338686{font-size:28px}}.fontsize-445851{font-size:100px}@media (max-width: 959px){.fontsize-445851{font-size:66.666666666667px}}@media (max-width: 569px){.fontsize-445851{font-size:35px}}@media (max-width: 320px){.fontsize-445851{font-size:28px}}.fontsize-739966{font-size:125px}@media (max-width: 959px){.fontsize-739966{font-size:83.333333333333px}}@media (max-width: 569px){.fontsize-739966{font-size:35px}}@media (max-width: 320px){.fontsize-739966{font-size:28px}}.fontsize-160206{font-size:150px}@media (max-width: 959px){.fontsize-160206{font-size:100px}}@media (max-width: 569px){.fontsize-160206{font-size:35px}}@media (max-width: 320px){.fontsize-160206{font-size:28px}}.fontheight-524109{line-height:1.75}.fontheight-357766{line-height:1.5}.fontheight-179065{line-height:1}.fontheight-161249{line-height: .85}.fontheight-578034{line-height: .5}.fontspace-781688{letter-spacing:-0.02em}.fontspace-111509{letter-spacing:-0.05em}.fontspace-210350{letter-spacing: .2em}.fontspace-135905{letter-spacing: .5em}.fontspace-238483{letter-spacing:1em}p,li,dt,dd,dl,address,label,small,pre,code{font-size:15px}h1:not([class*="fontsize-"]),.h1:not([class*="fontsize-"]){font-size:35px}h2:not([class*="fontsize-"]),.h2:not([class*="fontsize-"]){font-size:29px}h3:not([class*="fontsize-"]),.h3:not([class*="fontsize-"]){font-size:24px}h4:not([class*="fontsize-"]),.h4:not([class*="fontsize-"]){font-size:20px}h5:not([class*="fontsize-"]),.h5:not([class*="fontsize-"]){font-size:17px}h6:not([class*="fontsize-"]),.h6:not([class*="fontsize-"]){font-size:14px}body{font-weight:400;font-family:Hind}



div#browser {
	width:100%; 
	height:100%;
	position:fixed;
	top:0; 
	left:0;
	z-index:1040;
	padding-top:20%;
	opacity:0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
	background-color:#000;
	color:white;
	line-height:200%;
	font-size:2em;
}



div.subTitleWrap {
	padding-top:110px;
}
div.subTitleWrap  h4 {
	font-weight:300;
	color:white;
	line-height: 130%;
}
div.subTitleWrap  h1 {
	font-size:60px;
	font-weight:300;
	padding-top:20px;
	color:white;
}
div.subTitleWrap  h4  a {
	color:white;
	text-decoration:underline;
}
div.divPageContent {
	text-align:center;
}

div.pageCont, div.documentCont {
	padding:100px 0px 0px 0px;
	width: 100%
}

div.pageCont > h3 , div.pageCont > div.grayBg > h3 {
	font-size:300%;
	font-weight:500;
}
div.pageCont > hr , div.pageCont > div.grayBg > hr {
	width:80px;
	margin:0px auto;
	border-top:3px solid black;
	margin-bottom:70px;
}
div.pageCont > h5 , div.pageCont > div.grayBg > h5 {
	font-size:160%;
	color:#636363;
	font-weight:400;
	margin-bottom:50px;
	line-height: 140%;
}
div.pageCont > p , div.pageCont > div.grayBg > p {
	font-size:140%;
	font-weight:300;
	line-height:170%;
	color:#7d7d7d;
}
div.pageCont > img.comPic1, div.pageCont > div.grayBg > img.comPic1, 
div.pageCont > img.comPic2, div.pageCont > div.grayBg > img.comPic2, 
div.pageCont > img.comPic3, div.pageCont > div.grayBg > img.comPic3, 
div.pageCont > img.comPic4, div.pageCont > div.grayBg > img.comPic4 {
	margin:70px auto 200px auto;
	max-width:100%;
}
div.pageCont > img {
	max-width:100%;
}

div.documentCont > h3 , div.documentCont > div.grayBg > h3 {
	font-size:300%;
	font-weight:500;
}
div.documentCont > hr , div.documentCont > div.grayBg > hr {
	width:80px;
	margin:30px auto;
	border-top:3px solid #1f2627;
	margin-bottom:50px;
}
div.documentCont > h5 , div.documentCont > div.grayBg > h5 {
	font-size:160%;
	color:#636363;
	font-weight:400;
	margin-bottom:50px;
	line-height: 140%;
}
div.documentCont > p , div.documentCont > div.grayBg > p {
	font-size:140%;
	font-weight:300;
	line-height:170%;
	color:#7d7d7d;
}
div.documentCont > img.comPic1, div.documentCont > div.grayBg > img.comPic1, 
div.documentCont > img.comPic2, div.documentCont > div.grayBg > img.comPic2, 
div.documentCont > img.comPic3, div.documentCont > div.grayBg > img.comPic3, 
div.documentCont > img.comPic4, div.documentCont > div.grayBg > img.comPic4 {
	margin:70px auto 200px auto;
	max-width:100%;
}
div.documentCont > img {
	max-width:100%;
}

div.grayBg {
	width:100%;
	background-color:#f1f1f1;
}



div.divSubTop {
/* 	max-width:1920px; */
	width:100%;
	height:400px;
	margin:80px auto 0;
	padding:1px;
	text-align:center;
}
div.subProduct {
  margin: -1px auto 0;
}
div.subProductBG {
  margin-top: 80px;
}
div.divSubTop > h1 {
	line-height:370px;
	font-size:70px;
	font-family:'Poppins','Nanum Barun Gothic';
	font-weight:600 !important;
	color:white;
}

div.maskguide_button {
	width:1170px;
	text-align: center;
	margin: auto;
}

.subCompany {
	background:url("https://dobumask.cafe24.com/img/subCompany.jpg") no-repeat 50% 30%;
}
.subWork {
	background:url("https://dobumask.cafe24.com/img/subWhatWedo.jpg") no-repeat 50% 70%;
}
.subOrganization {
	background:url("https://dobumask.cafe24.com/img/subOrganization.jpg") no-repeat 50% 40%;
}
.subContact {
	background:url("https://dobumask.cafe24.com/img/subContact.jpg") no-repeat 50% 0%;
}
.subProduct {
	background:url("https://dobumask.cafe24.com/img/subProduct.jpg") no-repeat 50% 20%;
	overflow:hidden;
}
.subProduct_respirator {
	background:url('https://dobumask.cafe24.com/img/subTopProduct_respirator.jpg') no-repeat center center;background-size:cover;
}
.subProduct_gasmask {
	background:url('https://dobumask.cafe24.com/img/subTopProduct_gasmask.jpg') no-repeat center center;background-size:cover;
}
.subProduct_twowaymask {
	background:url('https://dobumask.cafe24.com/img/subTopProduct_twowaymask.jpg') no-repeat center center;background-size:cover;
}
.subProduct_disposable_respirator {
	background:url('https://dobumask.cafe24.com/img/subTopProduct_disposable_respirator.jpg') no-repeat center center;background-size:cover;
}
.subProduct_yellowdustmask {
	background:url('https://dobumask.cafe24.com/img/subTopProduct_yellowdustmask.jpg') no-repeat center center;background-size:cover;
}
.subProduct_accessories {
	background:url('https://dobumask.cafe24.com/img/subTopProduct_accessories.jpg') no-repeat center center;background-size:cover;
}

.ProductText {
	font-size : 14px;
	padding-left:20px;
}

@media only screen and (max-width:1200px) {
	ul.ulProduct > li > a > h4 {
		    padding: 0;
		    margin-top: 0;
		}
	ul.ulProduct > li  {
		    padding: 0;
		}
	div.productList {
    		width: 100%;
    	}
    div.maskguide_button {
		width:90%;
		text-align: right;
	}

}
@media only screen and (max-width:920px) {
}
@media only screen and (max-width:767px) {
	div.subProduct {
		  margin: 40px auto 0
		}
	div.documentCont > h5 , div.documentCont > div.grayBg > h5 {
		font-size:120%;
		margin-left: 12px;
		margin-right: 12px;
		}	
	ul.ulProduct {
		padding:0;
		}
	div.divSubTop {
		height: 200px;
		}
	.h3ProductView {
		font-size: 20px;
		margin-left: 20px;;
		}
			
	div.subTitleWrap {
    padding-top: 55px;
		}
	div.subTitleWrap h1 {
			font-size : 25px;
			text-align: right;
			font-weight: 500;
			padding-top: 0px;
			margin-top: 10px;
			text-shadow: 0px 0px 5px #333;
		}
	div.subTitleWrap h4 {
			font-size: 14px;
			text-align: right;
			text-shadow: 0px 0px 8px #333;
		}
	.subProduct_yellowdustmask {
    		background-position: 40% 50%;
    	}	
    .subProduct_accessories {
    		background-position: 40% 50%;
    	}
    .subProduct_gasmask {
		    background-position: 40% 50%;
		}
	.subProduct_twowaymask {
		    background-position: 40% 50%;
		}
	.subProduct_respirator {
		    background-position: 40% 50%;
		}
	.subProduct_disposable_respirator {
		    background-position: 40% 50%;
		}
    div.pageCont, div.documentCont {
  			padding: 0px 0px;
		}
	div.documentCont > h3 , div.documentCont > div.grayBg > h3 {
			font-size: 180%;
		    font-weight: 500;
		    padding: 20px 10px 10px 20px;
		}
	div.documentCont > hr , div.documentCont > div.grayBg > hr {
	width:50px;
	margin:0px auto;
	border-top:2px solid #1f2627;
	margin-bottom:20px;
	margin-top: 60px;
		}
	
}
/* ----------------------------------------------------------------------------------------------------------------------------- Product List */
div.pageProductCont {
	padding:100px 0px 100px 0px;
}
div.productIMG {
	border:1px solid #eee;
}
div.productIMG, div.carousel-inner, div.carousel-inner > div {
	min-height:600px;
	text-align: center;
}
div.carousel-inner > div.item {
	line-height:600px !important;
}
div.carousel-inner > div.item > p > img {
	width:90%;
	max-width:100%;
	height:auto;
}
a.left { 
	position:absolute;
	top:50%;
	left:5%;
	font-size:200%;
	color: rgba(31, 38, 39, 0.3);
}
a.right { 
	position:absolute;
	top:50%;
	right:5%;
	font-size:200%;
	color: rgba(31, 38, 39, 0.3);
}
div.carousel-caption {
	font-size:170%;
}
div.productSpec > h2 {
	font-weight:600;
}
div.productSpec > h3 {
	color:#aaa;
	font-weight:300;
}
ul.ulProductSpec {
	list-style:none;
	padding:0px;
}
ul.ulProductSpec li {
	font-size:140%;
	font-weight:300;
}
ul.ulProductCertification {
	list-style:none;
	padding:0px;
}
ul.ulProductCertification > li {
	float:left;
	padding:10px 43px 30px 0px;
}
ul.ulProductCertification > li > img {
	height:50px;
}
table.optTable {
	margin:50px 0px;
}
table.optTable th, table.optTable td {
	font-size:120%;
	padding:20px 5px !important;
}
p.productOpt {
	margin:0px 20px 0px 0px;
	float:left;
}
table.detailTable th, table.detailTable td {
	font-size:120%;
	padding:20px  !important;;
}
table.detailTable td > ul {
	list-style:none;
	padding:0px;
}
table.detailTable td > ul > li {
	float:left;
	min-height:150px;
}
table.detailTable td > ul > li > a >img {
	max-width:100%;
}
@media only screen and (max-width:767px) {
	div.pageProductCont {
		padding: 0;
	}
	div.carousel-inner > div.item {
	line-height:100px !important;
	}
	div.productSpec > h2 {
		font-size:20px;
	}
	div.productSpec > h3 {
		    font-size: 18px;
			margin-top: 10px;
	}
	ul.ulProductSpec li { 
		font-size: 120%;
	}
	ul.ulProductCertification > li > img {
		height:40px;
	}
	ul.ulProductCertification > li {
		float:left;
		padding:10px 33px 30px 0px;
	}
	table.optTable {
		margin:0px 0px;
	}
	table.detailTable th, table.detailTable td {
		font-size:110%;
		padding:0px 0px 20px 0px   !important;;
	}

}

/* ---------------------------------------------------------------------- Contact */

ul.ulContactField {
	padding:0px;
	list-style:none;
}
div.divAddr {
	border-top:3px solid #53C0D5;
	border-bottom:3px solid #53C0D5;
	padding:72px 0px;
	text-align:left;
}
div.divAddr > h4 {
	color:#53C0D5;
	font-size:250%;
	font-weight:700;
	margin-bottom:30px;
	border-bottom: none;
}

div.divAddr > h3 {
	font-size: 25px;
    padding-top: 40px;
    font-weight: 600;
    margin-bottom: 30px;
}

div.divAddr > p {
	font-size:130%;
	font-weight:600;
	/*font-family:'Poppins';*/
}

div.divAddr > p > a > img {
	width:30px;
	}

div.divAddr > p > span {
	font-weight:300;
	/*font-family:'Nanum Barun Gothic';*/
}
li.contactForm > div {
	padding:11px;
}
li.contactForm > div > input {
	height:60px;
	border-radius:0px;
}
div.divSendBtn {
	background-color:#112f6b;
	font-size:140%;
	width:100%;
	height:50px;
	border-radius:0px;
	color:white;
	font-family:'Poppins';
	padding:13px;
}
div.divSendBtn:hover {
	color:white;
}


@media only screen and (max-width:980px) {


	div.divAddr {
		border-top:3px solid #53C0D5;
		border-bottom:3px solid #53C0D5;
		padding:72px 0px;
		text-align:left;
	}
	div.divAddr > h4 {
		font-size:200%;
		margin-bottom:18px;
	}
	
	div.divAddr > h3 {
		font-size: 22px;
	    margin-bottom: 30px;
	}
	
	div.divAddr > p {
		font-size:120%;
		/*font-family:'Poppins';*/
	}
}

@media only screen and (max-width:768px) {
	div.divAddr {
		border-top:1px solid #53C0D5;
		border-bottom:1px solid #53C0D5;
		padding:12px 0px;
		text-align:left;
		margin-bottom: 40px;
		margin-top: 10px;
	}
	div.divAddr > h4 {
		font-size:150%;
		margin-bottom:10px;
	}
	
	div.divAddr > h3 {
		font-size: 16px;
	    margin-bottom: 12px;
	    padding-top :0px;
	}
	
	div.divAddr > p {
		font-size:100%;
		margin-bottom: 0px;
		/*font-family:'Poppins';*/
	}
	
	
	
	
	
}
/* ----------------------------------------------------------------------------------------------------------------------------- ??? */



div.ProductListTitle {
	margin: 40px auto;
    text-align: center;
}

div.ProductListTitle > h2 {
	font-size: 28px;
    font-weight: 400;
}

ul.ulCategory {
	list-style:none;
	padding:0px;
	margin:0px auto 40px;
	display:inline-block;
	text-align:center;
}
ul.ulCategory li {
	float:left;
	height:50px;
	font-size:150%;
	font-weight:300;
	padding:0px;
	display:inline-block;
}
ul.ulCategory li.active > a {
	font-weight:600;
}
ul.ulCategory li:before {
  content: "|"; /* FontAwesome Unicode */
  display: inline-block;
  padding:0px 15px;
}
ul.ulCategory li:first-child:before {
  content: "";
  display: inline-block;
  padding:0px 15px;
}
ul.ulProduct {
	clear:both;
	list-style:none;
	padding:0px;
	margin: 0 auto;
	width: 1170px;
}
ul.ulProduct > li {
	display:inline-block;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
	min-height:300px;
	overflow:hidden;
	cursor:pointer;
	margin-top:-1px;
	margin-left:-1px;
}
ul.ulProduct > li > a > div {
	min-height:250px;
	text-align:center;
	line-height:250px;
}
ul.ulProduct > li > a > div > img {
	max-width:85%;
}
ul.ulProduct > li > a > h4 {
	text-align:center;
	padding:0px 25px;
	letter-spacing:-1px;
	font-weight:300;
	font-size: 18px;
    color: #1f2627;
}
li.liGuide {
	height:599px;
	font-size:250%;
	line-height:1000px;
	color:white;
	padding:50px;
}
li.liGuiderespirator {
	background:url("https://dobumask.cafe24.com/img/liGuiderespirator.jpg") no-repeat 50% 50%;
	background-size:cover;
	text-align:left;
}
li.liGuidegasmask {
	background:url("https://dobumask.cafe24.com/img/liGuidegasmask.jpg") no-repeat 50% 50%;
	background-size:cover;
	text-align:right;
}
li.liGuidetwowaymask {
	background:url("https://dobumask.cafe24.com/img/liGuidetwowaymask.jpg") no-repeat 50% 50%;
	background-size:cover;
	text-align:right;
}
li.liGuidedisposable_respirator {
	background:url("https://dobumask.cafe24.com/img/liGuidedisposable.jpg") no-repeat 50% 50%;
	background-size:cover;
	text-align:right;
}
li.liGuideaccessories {
	background:url("https://dobumask.cafe24.com/img/liGuideaccessories.jpg") no-repeat 50% 50%;
	background-size:cover;
	text-align:left;
}


@media only screen and (max-width:1200px) {
	
	ul.ulProduct {
	width: 100%;
}
	
}


@media only screen and (max-width:1200px) {

	div.ProductListTitle {
		margin: 20px 20px;
	    text-align: left;
	}
	
	div.ProductListTitle > h2 {
		font-size: 22px;
	    font-weight: 400;
	}
}

/* ------------------------------------------------------------------------------------ ?? ??? Guide & ??? List */
div.grayBgD7 {
	width:100%;
	background-color:#d7d7d7;
}
div.gasMaskGuide {
	padding:30px 0px 30px 20px;
	text-align:left;
}
div.gasMaskGuide > h3 {
	text-align:left;
	padding:30px 0px 10px 0px;
	margin-bottom:20px;
	border-bottom:1px solid #959595;
}
div.gasMaskGuide > hr {
	border-top:1px solid #959595;
}
div.gasMaskGuide > img {
	max-width:100%;
}
div.gasMaskGuide > ol {
	/*background:url("https://dobumask.cafe24.com/img/productGasMaskGuide.jpg") no-repeat 50% 0%;*/
	padding: 0px 0 0px 20px;
}
div.gasMaskGuide > ol > li {
	font-size: 130%;
    font-weight: 500;
    line-height: 170%;
}
div. > h3 {
	font-size:300%;
	font-weight:500;
	margin-top:100px;
}


div.productList {
	width:1150px;
	margin:0px auto;
	display:inline-block;
	padding-bottom:50px;
}


div.productList > hr {
	width:80px;
	margin:0px auto;
	border-top:3px solid black;
	margin-bottom:70px;
}
div.productList > ul {
	list-style:none;
	padding:0px;
}
div.productList > ul > li {
	padding:5px;
}
div.productList > ul > li > div.borderLine {
	border:1px solid #eee;
}
div.productList > ul > li > div.borderLine > h5 {
	font-size:140%;
	font-weight:400;
	padding:30px 0px;
}
div.productList > ul > li > div.borderLine > img {
	width:150px;
	margin-bottom:30px;
}
div.productList > ul > li > div.borderLine > p {
	font-size:115%;
	font-weight:300;
}
div.productList > ul > li > div.borderLine > p.grayFont {
	font-size:120%;
	color:#999;
	font-weight:300;
	padding:20px 0px;
}
div.productList > ul > li > div.quideChar > h5 {
	font-size:140%;
	font-weight:600;
	padding: 0px;
}
div.productList > ul > li > div.quideChar > img {
	/*width:200px;*/
	/*width:120px;*/
	margin-top:50px;
	margin-bottom:10px;
}
div.productList > ul > li > div.quideChar > p {
	font-size:100%;
	font-weight:300;
}
div.grayBgD8 {
	clear:both;
	background-color:#d8d8d8;

}
div.grayBgD8 > div.productList > h3 {
	text-align:left;
	padding:50px 0px 10px 0px;
	border-bottom:1px solid #aaa;
}
div.dobumaskGuide > img { 
	float:left;
	padding:40px 10px;
}
ul.subtext {
	list-style:none;
	padding:100px 0px 0px 0px !important;
}
ul.subtext li {
	text-align:left;
}
ul.subtext li.subtext_Title {
	font-size:20px;
	font-weight:800;
	padding:10px 0px;

}
div.productList.dobumaskGuide3 {
	display:inline-block;
}
div.productList.dobumaskGuide3 > h3 {
	text-align:left;
	padding:70px 0px 10px 0px;
	border-bottom:1px solid #aaa;
}
div.productList.dobumaskGuide3 > ul.ulProductList {

}
div.quideChar > h6 {
	font-weight:600;
	font-size:120%;
}

@media only screen and (max-width:1200px) {

	div.productList {
    		width: 90%;
    	}
    

}
@media only screen and (max-width:768px) {
	div.productList {
		width: 90%;
		padding-bottom: 0px
	}
	div.productList > ul > li > div.quideChar > img {
/* 		width:150px; */
		padding-top: 0px
	}
	div.productList > ul > li > div.quideChar > h5 {
		font-size:120% ;
	}
	
	div.dobumaskGuide > img { 
		width:50%;
	}
	ul.subtext {
	list-style:none;
	padding:20px 0px 0px 0px !important;
	}
	div.gasMaskGuide > ol > li {
		font-size: 110%;
	    font-weight: 400;
	    line-height: 165%;
	}
	div.gasMaskGuide {
		padding:30px 20px 30px 20px;
		text-align:left;
	}
	div.productList.dobumaskGuide3 > h3 {
		font-size: 20px;
	}
	div.gasMaskGuide > h3 {
		text-align:left;
		padding:0px 0px 10px 0px;
		margin-bottom:20px;
		border-bottom:1px solid #959595;
		font-size: 20px;
	}
}
@media only screen and (max-width:375px) {
	div.dobumaskGuide > img { 
		width:40%;
	}
		div.productList {
    		width: 95%;
    	}
}
/* ------------------------------------------------------------------------------------ ?? ??? Guide */
div.dustMaskGuide {
	padding:30px 0px 30px 20px;
	text-align:left;
	/* height:860px;
	background:url("https://dobumask.cafe24.com/img/dustMaskGuide.jpg") no-repeat 30% 50%;*/
}
div.dustMaskGuide > h3 {
	text-align:left;
	padding:30px 0px 10px 0px;
	margin-bottom:20px;
	border-bottom:1px solid #959595;
}
div.dustMaskGuide > img {
	max-width:100%;
}
div.dustMaskGuide > ol {
	padding-left:20px;
}
div.dustMaskGuide > ol > li {
	font-size:130%;
	font-weight:500;
	line-height:170%;
	text-align:left;
}
div.dustMaskGuide > p.grayExp {
	clear:both;
	padding-top:30px;
	font-size:120%;
	color:#828282;
	text-align:left;
}
div.divFilterGuideWrap1 {
	height:759px;
	background:url("https://dobumask.cafe24.com/img/filterGuide1.jpg") no-repeat 50% 50%;
}

div.divFilterGuideWrap3 {
	clear:both;
}
div.divFilterGuideWrap4 {
	clear:both;
	background:url("https://dobumask.cafe24.com/img/filterGuide3.jpg") no-repeat 50% 50%;
	height: 700px;
}
div.filterGuide1 > h3 {
	font-size:300%;
	font-weight:500;
	margin-top:100px;
}
div.filterGuide1 > hr {
	width:80px;
	margin:0px auto;
	border-top:3px solid black;
	margin-bottom:70px;
}
div.filterGuide1 > h5 {
	clear:both;
	text-align:left;
	font-size:180%;
	font-weight:500;
	padding:0px 0px 0px 0px;
	margin-top:30px;
}

div.filterGuide1 > hr.longHR {
	border-top:1px solid #959595;
	width:100%;
	margin-bottom:30px;
}
div.divFilterGuideWrap2 {
	clear:both;
	
}
div.divFilterGuideWrap3 {
	clear:both;
	background:url("https://dobumask.cafe24.com/img/filterGuide2.jpg") no-repeat 50% 60%;
	height:900px;
}
div.divCERRYfilter {
	height:372px;
	background:url("https://dobumask.cafe24.com/img/CERRYfilter.jpg") no-repeat 50% 50%;
}
div.divFilterGuideWrap3 > div > h5, div.divFilterGuideWrap4 > div > h5 {
	clear:both;
	text-align:left;
	font-size:180%;
	font-weight:500;
	padding-top:50px;
}
div.divMBfilter {
	height:372px;
	background:url("https://dobumask.cafe24.com/img/MBfilter.jpg") no-repeat 50% 50%;
}
ul.ulFilter {
	padding:0px;
	list-style:none;
}
ul.ulFilter > li {
	text-align:left;
	font-size:140%;
	font-weight:300;
}
@media only screen and (max-width:767px) {

	div.dustMaskGuide {
		padding:30px 20px 30px 20px;
		text-align:left;
		}
	div.dustMaskGuide > ol > li {
			font-size: 110%;
	    font-weight: 400;
	    line-height: 165%;
		}
	div.dustMaskGuide > p.grayExp {
	
		font-size:110%;
		
		}
	div.dustMaskGuide > h3 {
		text-align:left;
		padding:0px 0px 10px 0px;
		margin-bottom:20px;
		border-bottom:1px solid #959595;
		font-size: 20px
	}
}
/* ------------------------------------------------------------------------------------ ??/?? ?? ??? Guide */

div.twowayMaskGuide {
	text-align:left;
	padding-top: 30px;
    padding-bottom: 30px;
}
div.twowayMaskGuide > h3 {
	text-align:left;
	padding:30px 0px 10px 0px;
	margin-bottom:20px;
	border-bottom:1px solid #959595;
}
div.twowayMaskGuide > hr {
	border-top:1px solid #959595;
}
div.twowayMaskGuide > img {
	max-width:100%;
}
div.twowayMaskGuide > ol {
	padding: 40px 20px;

}
div.twowayMaskGuide > ol > li {
	font-size: 130%;
    font-weight: 500;
    line-height: 170%;
}

@media only screen and (max-width:767px) {
	div.twowayMaskGuide {
		text-align:left;
		padding: 30px 20px;
	}
	div.twowayMaskGuide > h3 {
		text-align:left;
		padding:0px 0px 10px 0px;
		margin-bottom:20px;
		border-bottom:1px solid #959595;
		font-size: 20px
	}
	div.twowayMaskGuide > ol {
		padding: 10px 0 0 20px;
	
	}
	div.twowayMaskGuide > ol > li {
		font-size: 110%;
	    font-weight: 400;
	    line-height: 165%;
	}
}


/* ------------------------------------------------------------------------------------ ?????? ??? Guide */

div.disposableGuide {
	padding:30px 0px 30px 20px;
	text-align:left;
}
div.disposableGuide > h3 {
	text-align:left;
	padding:30px 0px 10px 0px;
	margin-bottom:20px;
	border-bottom:1px solid #959595;
}
div.disposableGuide > hr {
	border-top:1px solid #959595;
}
div.disposableGuide > img {
	max-width:100%;
}
div.disposableGuide > ol {
	/*background:url("https://dobumask.cafe24.com/img/disposableGuide.jpg") no-repeat 50% 0%;*/
	padding: 0 0 0 20px;
}
div.disposableGuide > ol > li {
	font-size:130%;
	font-weight:500;
	line-height: 170%;
}
div.disposableGuide > div > img {
	max-width:100%;
}
div.disposableGuide > ol.point0 {
	margin-top:60px;
}


div.disposableGuide1 {
	padding:10px 0px 30px 20px;
	text-align:left;
}

div.disposableGuide1 > h3 {
	padding-left: 0px;
}

div.disposableGuide1 > hr {
	border-top:1px solid #959595;
}

div.disposableGuide1 > ul {
	padding: 0px;
    list-style: none;
}
div.disposableGuide1 > ul > li {
	font-size:130%;
	font-weight:500;

}


div.disposableGuide3 {

}
div.disposableGuide3 > div > img {
	width:100px;
	height:100px;
	float:left;
}
div.disposableGuide3 > div.pointtext {
	font-size:130%;
	font-weight:400;
	float:left;
	margin: 35px 10px;
}
div.disposableGuide3 > div.pointtext2 {
	font-weight:400;
	float:left;
	margin: 22px 10px;
	text-align: left;
	font-size: 125%;
}



.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner2 > .item > img,
.carousel-inner2 > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

div.gallery-list {
	margin-right: 0;
    margin-left: 0;
}

img.gallery-thumbnail {
	padding: 0;
    border: 0;
    border-radius: 0;
}


a.gallery-title{
	font-size: 18px;
	color: #1f2627;
}


.carousel-inner2 {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner2 > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner2 > .item > img,
.carousel-inner2 > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner2 > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
  }
  .carousel-inner2 > .item.next,
  .carousel-inner2 > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner2 > .item.prev,
  .carousel-inner2 > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner2 > .item.next.left,
  .carousel-inner2 > .item.prev.right,
  .carousel-inner2 > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.carousel-inner2 > .active,
.carousel-inner2 > .next,
.carousel-inner2 > .prev {
  display: block;
}
.carousel-inner2 > .active {
  left: 0;
}
.carousel-inner2 > .next,
.carousel-inner2 > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner2 > .next {
  left: 100%;
}
.carousel-inner2 > .prev {
  left: -100%;
}
.carousel-inner2 > .next.left,
.carousel-inner2 > .prev.right {
  left: 0;
}
.carousel-inner2 > .active.left {
  left: -100%;
}
.carousel-inner2 > .active.right {
  left: 100%;
}


@media only screen and (max-width:1200px) {

div.disposableGuide3 > div.pointtext {
		font-size:120%;
		font-weight:400;
		float:left;
		margin: 48px 10px;
	}

div.disposableGuide3 > div.pointtext2 {
	font-size:100%;
	font-weight:400;
	float:left;
	margin: 28px 10px;
	text-align: left;
	}
}
@media only screen and (max-width:992px) {

div.disposableGuide > ol.point0 {
	margin-top: 30px;
    margin-left: 30px;
	}
}


@media only screen and (max-width:767px) {

div.disposableGuide {
	padding:30px 20px 30px 20px;
	text-align:left;
	}
div.disposableGuide > h3 {
	font-size: 20px;
	padding: 0px 0px 10px 0px;
	}
div.disposableGuide > div >img {
	max-width:80%;
	margin: 0px auto;
    display: block;
	}
div.disposableGuide1 {
	padding:0 20px 30px 20px;
	text-align:left;
	}
div.disposableGuide > ol > li {
		font-size: 110%;
    font-weight: 400;
    line-height: 165%;
	}
div.disposableGuide1 > ul > li {
		font-size: 100%;
    font-weight: 400;
    line-height: 165%;
    padding-left: 15px;
	}
div.disposableGuide1 > h3 {
	font-size: 20px;
}

div.disposableGuide3 > div > img {
    width: 70px;
    height: 70px;
    float: left;
	}
	div.disposableGuide3 > div.pointtext {
		font-size:100%;
		font-weight:400;
		float:left;
		margin: 24px 0px;
	}
	div.disposableGuide3 > div.pointtext2 {
	font-size:100%;
	font-weight:400;
	float:left;
	margin: 14px 0px;
	text-align: left;
	}
	a.gallery-title{
	font-size: 15px;
}
}

@media only screen and (max-width:375px) {
}
/* Mobile menu fix */
.navbar-default { 
    z-index: 9999 !important; 
}

div.navbar-collapse.collapse.in { 
    z-index: 10000 !important; 
    pointer-events: auto; /* Pastikan menu bisa diklik */
}

/* Perbaiki z-index untuk animasi agar tidak menutupi header */
.anim-wrap {
    z-index: 1; /* Turunkan dari nilai default */
}

/* Tambahan untuk memastikan tombol hamburger bisa diklik */
.navbar-toggle {
    z-index: 10001 !important;
    position: relative;
}

/* Pastikan btn-close bisa diklik */
.btn-close {
    z-index: 10001 !important;
    pointer-events: auto;
    cursor: pointer;
}

/* CSS untuk body saat mobile menu terbuka */
@media only screen and (max-width: 768px) {
    body.mobile-menu-open {
        overflow: hidden; /* Cegah scroll saat menu terbuka */
    }
    
    /* Pastikan menu mobile overlay benar */
    div.navbar-collapse.collapse.in {
        width: 100vw;
        height: 100vh;
        max-height: 100vh !important;
        position: fixed;
        top: 0;
        left: 0;
        padding-top: 63px;
        border-top: 0;
        background-color: rgba(83, 192, 213, 0.95) !important;
        z-index: 10000 !important;
        pointer-events: auto; /* Pastikan bisa diklik */
    }
    
    /* Style untuk tombol close */
    .btn-close {
        display: block;
        position: absolute;
        top: 15px;
        right: 20px;
        width: 30px;
        height: 30px;
        background: url('../images/main/btn-close.png') no-repeat center / 27px;
        border: none;
        z-index: 10001 !important;
        cursor: pointer;
    }
}