/* 
CSS File Last Update : 16 December 2020
Project: ats-konsultama.com (ATS Consulting)
Website Designed & Coded by: Aditama (pandavamedia.net)
Main colors:
- Cream: #f7f6f1; rgba(247,246,241, 1);
- Blue: #03a7fc; rgba(3,167,252, 1);
- Black: #333333;
Left-right margin from screen 5%
Desktop max width: 94%; max: 1360px;
Mobile max width: 92%;
*/
/*html { height: 100%; }*/
@charset "UTF-8";
html { -webkit-text-size-adjust: 100%; }
body {
	position:relative;
	background-color:#FFFFFF;
	font-family: 'Poppins', sans-serif;
	-webkit-font-smoothing:antialiased;
	font-smooth:always;
	font-size:14px;
	letter-spacing:0.2px;
	line-height:22px;
	color:#333333;
	margin:0;
	padding:0;
	border:0;
	width:100%;
	height: 100%;
	font-weight:300;
}
#pageBody {
	width:100%;
}
form { MARGIN-LEFT: 0px;MARGIN-RIGHT: 0px;MARGIN-BOTTOM: 0px;MARGIN-TOP: 0px }
td,div,p { font-family: 'Poppins', sans-serif; font-size:inherit; }
input[type=text],input[type=password],input[type=number],textarea,select { 
	font-family: 'Poppins', sans-serif; 
	font-size: 15px;
	line-height:20px; 
	color:#333333; 
	background-color:#FFFFFF; 
	padding:10px;
	border:1px #DDDDDD solid;
	border-radius: 5px;
	text-align:left;
	-webkit-appearance: none; /* keep button styling on ios device */
	-moz-appearance: none; /* keep button styling on ios device */
	appearance: none; /* keep button styling on ios device */
	-webkit-transition: all 0.5s;
			 -moz-transition: all 0.5s;
				-ms-transition: all 0.5s;
				 -o-transition: all 0.5s;
						transition: all 0.5s;
}
textarea { width:95% !important; }
select { width:100% !important; padding:10px; border:1px #DDDDDD solid !important; background-color:#FFFFFF !important; -webkit-appearance: menulist !important; }
input[type=text]:focus,input[type=password]:focus,input[type=number]:focus,textarea:focus,select:focus { 
	color:#000000;
	border:1px #666666 solid;
	outline: none;
	background-color:#FFFFFF;
}
input[type=submit],input[type=button] {
	cursor:pointer;
	font-size: 15px;
	color:#FFFFFF; 
	background-color:#F9BE31; 
	border:0;
	padding:12px 20px 13px 20px;
	opacity:0.9;
	border-radius: 5px;
	margin:1px;
	-webkit-appearance: none; /* keep button styling on ios device */
	-moz-appearance: none; /* keep button styling on ios device */
	appearance: none; /* keep button styling on ios device */
		-webkit-transition: all 0.5s;
			 -moz-transition: all 0.5s;
				-ms-transition: all 0.5s;
				 -o-transition: all 0.5s;
						transition: all 0.5s;
}
input[type=submit]:hover,input[type=button]:hover { opacity:1.0; }
input[type=text]:disabled,input[type=checkbox]:disabled,input[type=password]:disabled,textarea:disabled,select:disabled {
	opacity: .60;
	filter:Alpha(Opacity=60); /* support: IE8 */
	background-image: none;
	background-color:#F0F0F0;
}
input[type=text]:read-only,input[type=checkbox]:read-only,input[type=password]:read-only,textarea:read-only,select:read-only {
	opacity: .80;
	filter:Alpha(Opacity=60); /* support: IE8 */
	background-image: none;
	background-color:#F3F3F3;
	color:#000000;
	/*border:1px #DDDDDD solid;*/
}
input[type=text]:-moz-read-only,input[type=checkbox]:-moz-read-only,input[type=password]:-moz-read-only,textarea:-moz-read-only,select:-moz-read-only {
	opacity: .60;
	filter:Alpha(Opacity=60); /* support: IE8 */
	background-image: none;
	background-color:#F0F0F0;
}
input[readonly]:focus,textarea[readonly]:focus,select[readonly]:focus { 
	/*border:1px #CCCCCC solid;*/
}
img, div, input, a { behavior: url("iepngfix.htc") }
img { max-width:100%; max-height:100%; }
ul,ol { list-style-position:outside; }
ol.smallList>li { margin:5px 7px; line-height:18px; }
ol.lower-alphabet { list-style-type:lower-alpha; }
ol.upper-alphabet { list-style-type:upper-alpha; }
p { margin-bottom:22px; }
b { font-weight:bold; }

a { cursor:pointer; color:#03a7fc; text-decoration:none; outline: 0;
		-webkit-transition: all 0.5s;
			 -moz-transition: all 0.5s;
				-ms-transition: all 0.5s;
				 -o-transition: all 0.5s;
						transition: all 0.5s;
}
a:visited { color:#03a7fc;text-decoration:none; outline: 0; }
a:hover { color:#dc9c04; text-decoration:none; outline: 0; }
a.lnkAnim { position: relative; padding-bottom:2px; }
a.lnkAnim::before {
  content: "";
  position: absolute;
  /*width: 20%;*/
  width: 15px;
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: #666666;
  visibility: hidden;
  transform-origin: 10% 0;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
a.lnkAnim:hover::before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
.bx-wrapper a {
	-webkit-transition: none;
		 -moz-transition: none;
			-ms-transition: none;
			 -o-transition: none;
					transition: none;	
}
a.lnkOpacity { opacity:0.7 !important; }
a.lnkOpacity:hover { opacity:1.0 !important; }

h1 { display:block; font-family: 'Poppins', sans-serif; font-size:30px; color:#333333; line-height:32px; margin-bottom:30px; font-weight:600; }
h2 { display:block; font-family: 'Poppins', sans-serif; font-size:30px; color:#333333; line-height:32px; margin-bottom:30px; font-weight:600; }
h3 { display:block; font-family: 'Poppins', sans-serif; font-size:26px; color:#333333; line-height:28px; margin-bottom:20px; font-weight:600; }
h4 { display:block; font-family: 'Poppins', sans-serif; font-size:20px; color:#333333; line-height:22px; margin-bottom:15px; font-weight:600; }
h5 { display:block; font-family: 'Poppins', sans-serif; font-size:18px; color:#333333; line-height:20px; margin-bottom:10px; font-weight:600; }

* {
    padding: 0;
    margin: 0;
}

.addTopMargin10 { margin-top:10px; }
.addTopMargin15 { margin-top:15px; }
.addTopMargin20 { margin-top:20px; }
.addTopMargin30 { margin-top:30px; }
.addSideMargin5 { margin-left:5px; margin-right:5px; }
.markSrch { color:#000000; font-weight:bold; }
.loadingIcn { width:100%; text-align:center; }
.algnCenter { text-align:center; }

#byPandavamedia { color:#FFFFFF; }
#byPandavamedia>a { color:#FFFFFF; }
#byPandavamedia>a:hover { color:#FFFFFF; }

.cYellow { color:#FFFF00 !important; }
.cRed { color:#FF0000 !important; }
.cGrey { color:#999999 !important; }
.cBlue { color:#0099CC !important; }
.cGreen { color:#0099CC !important; }
.clr{clear:both}
.topSpc { display:block; height:70px; }
.gapSpc { display:block; height:40px; }
.noBorder { border:0 !important; }
.noMargin { margin:0 !important; }
.noPadding { padding:0 !important; }
.dispBig { font-size:30px; color:#FF6600; font-weight:bold; }
.tooltipLoading { margin-top:60px; color:#000000; font-size:14px; }
.tooltipLoading a { background-color:#666666; padding:3px 10px; color:#FFFFFF; }
.tooltipLoading a:hover { background-color:#000000; color:#FFFFFF; }
.noRecord { padding:40px 10px; }
.goLeft { float:left !important; }
.goRight { float:right !important; }
.go2Column { width:48% !important; }
.noResult { color:#CCCCCC; margin:50px 0px; }
.fldError { border:2px #fbc5c4 solid !important; }
.imageInsert { margin:5px; }
.noDataFound { color:#666666; font-style:italic; opacity:0.6; }
.noScroll { overflow:hidden; }
.noScrollMbl { overflow-x:hidden !important; overflow-y:hidden !important; position:relative !important; } 
.goUpperCs { text-transform:uppercase !important; }
.allCenter { text-align:center !important; }
.allLeft { text-align:left !important; }
.allRight { text-align:right !important; }
.allJustify { text-align:justify !important; }
.justifyCenter { text-align:justify !important; text-align-last:center !important; }
.justifyCenter li { text-align:left !important; text-align-last:left !important; }
.hiBrand { color:#58cada !important; }
.noShow { display:none !important; }
.cmsHeader { margin-top:28px !important; }
.alertErr { display:block; padding:10px; border:2px #FF0000 solid; color:#FF0000; }
.alertDone { display:block; padding:10px; border:2px #0099CC solid; color:#0099CC; }
.offRecord { color:#990000; font-style:italic; }
.textBx ul, .textBx ol { margin-left:20px; }

section,header,footer { display:block; position:relative; width:100%; }
.pageLoading { display:none; z-index:999999; position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(255,255,255,0.8) url('../../i/page-loading.gif') no-repeat center center; }
.pageLoading>label { position:absolute; width:100px; height:20px; top:52%; left:0; right:0; margin:auto; text-align:center; background:#333333; color:#FFFFFF; }
.ajxLoading { display:none; z-index:10; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(255,255,255, 0.7) url('../../i/mdl-loading.gif') no-repeat center center; }
/* ---------------------------------------------------------- */

/* FLEX MIDDLE BOX */
.flexBxContainer { display:flex; justify-content:center; align-items:center; }
.flexBxContent { align-self:center; }

[filter=clickThis] { cursor:pointer !important; }

/* WEBSITE CUSTOM CSS */
.ui-widget { font-family: 'Poppins', sans-serif; !important; font-size:14px !important; }
/* icon set */
.dvIcn { background-image:url('../../i/icons/icn-sets.png'); background-repeat:no-repeat; }
/* ---------------------------------------------------------- */
span.icnSpan { padding:5px 27px 5px 5px; }
.icnMenu { background-position:0 0px !important; }
.icnMnClose { background-position:0 -60px !important; }
.icnSearch { background-position:0 -120px !important; }
/* icon set socmed */
.socmedIcn { background-image:url('../../i/icons/icn-sets-socmed.png'); background-repeat:no-repeat; }
/* ---------------------------------------------------------- */
.icnSocWhatsapp { background-position:0 0 !important; }
.icnSocFacebook { background-position:0 -60px !important; }
.icnSocInstagram { background-position:0 -120px !important; }
.icnSocYoutube { background-position:0 -180px !important; }
/* icon set footer */
.footerIcn { background-image:url('../../i/icons/icn-sets-footer.png'); background-repeat:no-repeat; }
/* ---------------------------------------------------------- */
.icnFtFacebook { background-position:0 0 !important; }
.icnFtInstagram { background-position:0 -150px !important; }
.icnFtWhatsapp { background-position:0 -300px !important; }
.icnFtEmail { background-position:0 -450px !important; }

/* A LINKS */
a.titleLnk { color:#000000; opacity:0.7; }
a.titleLnk:hover { opacity:1.0; }
a.blockLnk { display:inline-block !important; color:#03a7fc; opacity:0.7; font-size:15px; line-height:17px; font-weight:400; margin:10px 0; padding-right:25px; background:url('../../i/icons/icn-more-block.png') no-repeat right center; }
a.blockLnk:hover { opacity:1.0; }
a.lnkMore { display:inline-block !important; color:#000000; opacity:0.7; font-weight:400; margin:10px 0; padding:1px 15px 2px 0; background:url('../../i/icons/icn-more.png') no-repeat right center; }
a.lnkMore:hover { opacity:1.0; }
a.lnkMore.blu { color:#03a7fc; }
a.lnkButton { display:inline-block; color:#000000; background-color:#03a7fc; border-radius:7px; padding:13px 20px; font-size:14px; line-height:16px; font-weight:400; min-width:150px; opacity:0.7; }
a.lnkButton:hover { opacity:1.0; }
a.lnkPlain { color:#FFFFFF; }
a.lnkBlack { color:#333333; }
.lnkAnm {
		-webkit-transition: all 0.5s;
			 -moz-transition: all 0.5s;
				-ms-transition: all 0.5s;
				 -o-transition: all 0.5s;
						transition: all 0.5s;
}
/* ---------------------------------------------------------- */
/* PRELOADER */
/*.preloader { z-index:1000; position:fixed; top:0; bottom:0; left:0; right:0; background:#F0F0F0 url('../../i/logo-opening.gif') no-repeat center center; }*/

/* MODAL SCREEN */
.mdlScrn { display:none; z-index:10000; position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(247,246,241, 0.95); }
.mdlLoading { display:none; z-index:10; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:70px; height:70px; background:url('../../i/mdl-loading.gif') no-repeat center center; }
.mdlArea { display:none; position:absolute; top:2%; bottom:2%; left:2%; right:2%; margin:auto; max-width:900px; max-height:70vh; background:#FFFFFF; border-radius:10px; box-shadow: 1px 1px 5px 0 rgba(0,0,0, 0.1); }
.mdlArea.mdlQuestion { max-width:900px; max-height:525px; }
.mdlArea.mdlInquiry { max-width:900px; max-height:525px; }
.mdlArea.mdlSubscribe { max-width:650px; max-height:475px; }
.mdlArea.mdlJob { max-width:400px; max-height:460px; }
.mdlArea.mdlPageContent { max-width:800px; max-height:580px; }
.btnMdlClose { position:absolute; top:7px; right:7px; width:25px; height:25px; background:url('../../i/icons/icn-mdlclose.png') no-repeat center center; opacity:0.5; transition: all 0.5s; }
.btnMdlClose:hover { opacity:1.0; }
.mdlBox { position:absolute; top:85px; left:30px; bottom:10px; right:30px; overflow-y:auto; border-radius:0 0 3px 3px; /*border-top:5px #999999 solid;*/ }
.mdlTitle { position:absolute; left:30px; top:35px; width:90%; text-align:left; padding:0 5px; }
.mdlTitle::after { z-index:0; content:''; position:absolute; top:0; bottom:0; left:50px; right:0; margin:auto; height:2px; border-bottom:1px #CCCCCC dashed; }
.mdlTitle>h5 { z-index:1; position:relative; left:0; display:inline-block; font-size:36px; background:#FFFFFF; padding-bottom:5px; padding-right:30px; }

/* STICKY DIVS */
.stickyDiv.stickyThis { position:fixed; top:62px; left:0; }
.stickyDiv.goBottom { position:absolute; left:0; bottom:0; }

/* HEADER BAR */
#headerSection { z-index:1000; position:fixed; height:115px; top:0; left:0; right:0; background:#FFFFFF; }
.headerBorder { position:absolute; top:10px; left:10px; right:10px; bottom:0; background:#f7f6f1; }
.headerWrap { position:relative; width:96%; max-width:1360px; height:105px; }
.headGap { height:115px; }
.headerLf { position:absolute; width:13%; height:30px; top:0; bottom:0; left:0; margin:auto; text-align:left; }
.headerMd { position:absolute; width:70%; height:50px; top:0; bottom:0; left:0; right:0; margin:auto; text-align:center; }
.headerRg { position:absolute; width:13%; height:30px; top:0; bottom:0; right:0; margin:auto; text-align:right; }
/* navigation */
.webLogo { display:inline-block; width:55px; height:50px; margin:0 5%; }
ul.nvMenu { display:inline-block; height:20px; margin:15px 0; vertical-align:top; list-style-type:none; }
ul.nvMenu>li { display:inline-block; margin:0 20px; font-size:15px; font-weight:600; }
ul.nvMenu>li a { color:#000000; opacity:0.7; }
ul.nvMenu>li a:hover { opacity:1.0; }
ul.nvIcons { display:inline-block; list-style-type:none; overflow:hidden; }
ul.nvIcons>li { float:left; cursor:pointer; width:30px; height:30px; margin:0 5px; border-radius:50%; background-color:rgba(255,255,255, 0.8); opacity:0.7; }
ul.nvIcons>li:hover { opacity:1.0; }
/* mobile navigation */
.mobileMenu { display:none; }

/* FOOTER */
#footerSection { position:relative; width:100%; }
.footerBorder { display:block; margin:0 10px 10px 10px; background-color:#dddddd; }
.footerWrap { position:relative; width:96%; max-width:1360px; padding:55px 0; }
.socMedBox { margin-bottom:30px; }
.socMedCol { display:inline-block; vertical-align:top; margin:0 35px; }
.socMedCol>label { display:block; text-align:center; font-size:12px; line-height:14px; font-weight:400; color:#666666; margin-bottom:5px; }
ul.ftSocMed { display:inline-block; list-style-type:none; overflow:hidden; }
ul.ftSocMed>li { cursor:pointer; float:left; width:75px; height:75px; margin:5px; opacity:0.8; transition: all 0.5s; }
ul.ftSocMed>li:hover { opacity:1.0; } 
.footerMsgBox { position:relative; width:100%; max-width:650px; }
h4.footerTitle { font-size:18px; }
.footerCnt { font-size:13px; line-height:16px; color:#333333; font-weight:300; }
.footerCnt a { font-weight:600; color:#000000; opacity:0.7; }
.footerCnt a:hover { opacity:1.0; }
span.copyrightLine { position:relative; padding:0 25px; }
span.copyrightLine::after { position:absolute; content:'|'; font-size:18px; font-weight:300; }
a.scrlTop { z-index:90; display:none; position:fixed; bottom:3%; right:2%; width:40px; height:40px; background:url('../../i/icons/icn-top.png') no-repeat center center; opacity:0.5; transition: all 0.5s; }
a.scrlTop:hover { opacity:1.0; }

/* BANNER */
.bannerSection { position:relative; width:100%; }
.bannerBorder { display:block; margin:0 10px; }
.bannerWrap { position:relative; width:100%; height:65vh; background:#b7b7b7; }
/* banner slides */
ul.bannerLst { list-style-type:none; }
ul.bannerLst li { position:relative; width:100%; height:65vh; }
.bannerBg { z-index:2; position:absolute; top:0; bottom:0; left:0; right:0; opacity:0.2; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.bannerBx { z-index:3; position:absolute; top:0; bottom:0; left:0; right:0; }
.bannerCnt { position:relative; width:86%; max-width:600px; margin:auto; }
h2.bannerTitle { font-size:40px; line-height:42px; font-weight:bold; margin-bottom:10px; }
.bannerBrief { margin-bottom:25px; line-height:20px; }

/* CONTENT SECTION */
.contentSection { position:relative; width:100%; padding:100px 0; }
.contentSection.fullBx { padding:0; }
.contentBorder { display:block; margin:0 10px; }
.contentWrap { position:relative; width:96%; max-width:1150px; }
.contentCol { position:relative; }
.contentCol:after{
    clear: both;
    content: '';
    display: block;
}
.contentLf { float:left; width:46%; text-align:left; }
.contentRg { float:right; width:46%; text-align:left; }

/* READ */
.readSection { position:relative; width:100%; padding:60px 0 80px 0; }
.readBorder { display:block; margin:0 10px; }
.readWrap { position:relative; width:96%; max-width:1360px; text-align:left; overflow:hidden; }
.readLf { z-index:1; float:left; width:63%; }
.readRg { position:relative; z-index:20; float:right; width:30%; }
.readHeader { position:relative; margin-bottom:40px; padding-bottom:10px; /*border:1px #CCCCCC dashed; background:#f7f6f1;*/ border-bottom:1px #666666 dashed; padding:15px 15px; text-align:left; /*border-radius:5px;*/ }
.readHeadBar.sticky { z-index:10; position:fixed; top:115px; left:10px; right:10px; }
.readHeadBar.sticky .barWrap { position:relative; width:96%; max-width:1360px; text-align:center; overflow:hidden; margin:auto; }
.readHeadBar.sticky .readHeader { width:60.5%; padding-top:50px; background:#FFFFFF; }
h1.readTitle { font-size:26px; color:#333333; line-height:28px; margin-bottom:8px; }
h3.blockReadTitle { display:block; font-size:20px; line-height:20px; color:#f7f6f1; background:#666666; padding:13px 18px; margin-bottom:15px; text-align:left; border-radius:3px; }
.readBx { position:relative; padding-top:90px; }
.readBx.sticky { z-index:5; }
.readPic { margin-bottom:20px; }
.readPic img { max-width:100%; }
.readQuestion { position:relative; width:94.5%; font-size:16px; line-height:24px; padding:20px; margin-top:5px; margin-bottom:20px; background:#f7f6f1; border-radius:5px; text-align:justify; }
.readContent { position:relative; font-size:16px; line-height:24px; padding:10px 15px; text-align:justify; }
.readContent ul, .readContent ol { margin-left:15px; }
ul.infoLabel { list-style-type:none; overflow:hidden; }
ul.infoLabel>li { display:inline-block; float:left; text-align:left; }
ul.infoLabel>li.dateInfo { width:27%; }
ul.infoLabel>li.answerInfo { width:32%; float:right; }
ul.infoLabel>li a { color:#0099CC; }
.dateLabel { font-size:14px; line-height:16px; color:#990000; background:url('../../i/icons/icn-date.png') no-repeat left center; padding:4px 2px 2px 30px; margin-bottom:5px; }
.askByLabel { font-size:14px; line-height:16px; background:url('../../i/icons/icn-hands.png') no-repeat left center; padding:4px 2px 2px 27px; margin-bottom:5px; }
.answerByLabel { font-size:14px; line-height:16px; background:url('../../i/icons/icn-conversation.png') no-repeat left center; padding:4px 2px 2px 27px; margin-bottom:5px; }
/* addthis share */
.dtlShare { margin-top:25px; padding:10px 12px; }
.dtlShare>label { font-size:13px; line-height:14px; margin-bottom:5px; }

/* HOME VIDEO */
.vidLf { width:33%; text-align:left; }
.vidRg { width:65%; background:#f7f6f1; position:relative; padding-bottom:40%; }
ul.vidLst { list-style-type:none; }
ul.vidLst>li { cursor:pointer; padding:24px 15px; border-top:1px #eeece3 solid; }
ul.vidLst>li>a { font-size:18px; line-height:22px; font-weight:400; }
ul.vidLst>li:first-child { border:0; }
ul.vidLst>li:hover { background-color:#fdfcfb; }
ul.vidLst>li:hover>a { opacity:1.0; }
ul.vidLst>li.picked { background-color:#f7f6f1; }
ul.vidLst>li>label { display:block; font-size:12px; line-height:14px; font-weight:300; color:#999999; margin-bottom:7px; }
/* video play */
.videoBox { position:absolute; top:0; bottom:0; left:0; right:0; }
.videoFrame { position:relative; display:block; width:100%; height:100%; /*opacity:0.5;*/ }
/*.videoFrame:hover { opacity:0.7; }
.videoFrame:hover::before { content:''; position:absolute; width:50px; height:50px; left:0; top:0; bottom:0; right:0; margin:auto; background:#FFFF00; border-radius:50%; }*/
.videoFrame video, .videoFrame iframe { width:100%; height:100%; border:0; }

/* Q&A BAR */
.qnaWrap { position:relative; width:100%; min-height:400px; max-height:50vh; overflow:hidden; background-color:#efebea; }
.qnaBg { position:absolute; top:0; bottom:0; left:0; right:0; background-repeat:no-repeat; background-position:left top; }
.qnaBg.bgPin { background-position:8% center; }
.qnaBg.bgPattern { top:20px; bottom:20px; left:20px; width:37%; background-position:center center; background-size:contain; }
.qnaBg.bgAds { background-position:15% bottom; background-size:contain; }
.qnaBg.bgPatternAds { top:20px; bottom:20px; left:20px; width:36%; background-position:right center; background-size:contain; }
.qnaCnt { position:relative; float:right; min-height:400px; height:100%; width:50%; margin-right:7%; }
.qnaBx { width:100%; text-align:left; }
h1.qnaTitle, h2.qnaTitle { font-family: 'Pacifico', cursive; font-size:52px; line-height:52px; font-weight:normal; margin-left:-10px; margin-bottom:18px; }
h3.qnaSubTitle { font-size:16px; font-weight:400; }
h3.qnaSubTitle>span { font-size:18px; font-weight:bold; }
.qnaSlide { position:relative; padding:20px 0; }
ul.qnaSlLst { list-style-type:none; }
ul.qnaSlLst li { position:relative; font-size:15px; line-height:22px; }
ul.qnaSlLst li>label { display:block; font-weight:bold; margin-top:10px; }
ul.qnaSlLst li>a { color:#000000; }
ul.qnaSlLst ul.slick-dots { bottom:-55px; }
ul.qnaSlLst ul.slick-dots li { float:left; }
/* QnA Ads and Header */
.qnaWrap.qnaAds, .qnaWrap.qnaAds .qnaCnt { min-height:240px; }
.qnaWrap.qnaHeader, .qnaWrap.qnaHeader .qnaCnt { min-height:290px; }
.qnaWrap.qnaHeader h1.qnaTitle { font-size:60px; line-height:60px; margin-bottom:20px; }
.qnaWrap.qnaHeader h3.qnaSubTitle { font-size:19px; line-height:24px; }
.qnaWrap.qnaHeader h3.qnaSubTitle>span { font-size:22px; }

/* HOME ARTICLES */
.hArtLf { width:40%; }
.hArtRg { width:52%; }

/* LISTING BLOCK */
h3.blockTitle { display:block; font-size:24px; line-height:24px; color:#f7f6f1; background:#666666; padding:13px 18px; margin-bottom:15px; text-align:left; border-radius:3px; }
.blockList { position:relative; width:100%; max-height:530px; text-align:left; overflow-y:auto; margin-bottom:25px; }
.blockList.noScrl { overflow-y:hidden !important; max-height:none !important; }
.blockList>ul { list-style-type:none; }
.blockList>ul>li { position:relative; font-size:14px; line-height:20px; padding:16px 0; overflow:hidden; border-bottom:1px #d1d1d1 solid; }
.blockList>ul>li>label, .blockList>ul>li>.listCnt>label { display:block; font-size:14px; line-height:16px; color:#999999; margin-bottom:5px; }
.blockList>ul>li>a.titleLnk, .blockList>ul>li>.listCnt>a.titleLnk { display:block; font-size:18px; line-height:21px; font-weight:400; margin-bottom:8px; }
.blockList>ul>li>.listCnt>a.titleLnk.sideNws { font-size:16px; line-height:22px; }
/* with thumbnail */
.listPic { position:relative; float:left; width:30%; padding-bottom:22%; overflow:hidden; border-radius:10px; background-color:#EEEEEE; border:1px #EEEEEE solid; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.listCnt { position:relative; float:left; width:100%; }
.listCnt.withPic { float:right !important; width:65% !important; }

/* PAGE HEADING PICTURE */
.headingSection { position:relative; width:100%; }
.headingBorder { display:block; margin:0 10px; }
.headingWrap { position:relative; width:100%; height:38vh; background:#dbdad6; }
.headingBg { position:absolute; top:0; bottom:0; left:0; right:0; background-repeat:no-repeat; background-position:center center; background-size:cover; }

/* PAGE HEADER */
.openingWrap { position:relative; width:98%; max-width:1050px; text-align:left; }
.openingWrap.notfound { text-align:center; max-width:600px; }
h1.pageTitle {  }
h2.pageSubTitle { float:left; width:55%; padding:10px 0; }
/* SEARCH */
.searchHd { float:right; width:35%; margin-right:10px; border:2px #b2b2b2 solid; border-radius:15px; background:#FFFFFF; padding:3px; overflow:hidden; }
input.searchBtn { float:left; border:0; width:38px; height:38px; background:url('../../i/icons/icn-search.png') no-repeat center center; opacity:0.3; }
input.fldSearch { float:left; border:0; width:83%; background:#FFFFFF; color:#999999; font-size:16px; }
input.fldSearch:focus { border:0; }

/* POINTS */
ul.pointLst { list-style-type:none; margin:0 -1%; }
ul.pointLst>li { position:relative; display:inline-block; width:31%; vertical-align:top; background:#f9f9f5; margin:1%; border-top:4px #dcdace solid; }
.pointBx { text-align:left; padding:20px; }
.pointBx>label { cursor:normal; display:block; font-size:56px; line-height:56px; color:#b3b3b0; font-weight:700; margin-bottom:20px; }
h3.pointTitle { font-size:20px; line-height:22px; margin-bottom:10px; }
.pointDesc {}

/* Q&A */
.questionWrap { position:relative; width:98%; max-width:1130px; text-align:left; }
ul.questionLst { list-style-type:none; margin:0 -1%; }
ul.questionLst>li { position:relative; display:inline-block; width:31%; vertical-align:top; background:#f9f9f5; margin:1%; border-radius:10px; }
.questionBx { text-align:left; padding:25px; }
a.questionTitle { display:inline-block; font-size:18px; line-height:22px; margin-bottom:10px; color:#000000; font-weight:400; }
.questionDesc {}

/* REGULATIONS */
.regulationWrap { position:relative; width:98%; max-width:1130px; text-align:left; }
ul.regulationLst { list-style-type:none; margin:0 -3%; }
ul.regulationLst>li { position:relative; display:inline-block; width:44%; vertical-align:top; border-bottom:1px #DDDDDD dashed; margin:1% 3%; }
ul.regulationLst>li:nth-last-child(-n+2) { border-bottom:0; }
.regulationBx { text-align:left; padding-bottom:5px; }
a.regulationTitle { display:inline-block; font-size:18px; line-height:22px; margin-bottom:10px; color:#000000; font-weight:400; }
.regulationDesc {}

/* NEWS */
ul.newsLst { list-style-type:none; margin:0 -2.5%; }
ul.newsLst>li { position:relative; display:inline-block; width:28%; vertical-align:top; margin:2.5%; }
ul.newsLst.gridTile>li { border-bottom:5px #EEEEEE solid; }
.newsBx { text-align:left; padding:0 0 10px 0; }
a.newsTitle { display:inline-block; font-size:17px; line-height:22px; margin-bottom:10px; color:#000000; font-weight:400; }
.newsDesc {}
.newsThb { width:100%; border-radius:10px; overflow:hidden; margin-bottom:20px; border:1px #EEEEEE solid; }
.newsThb.thbBg { padding-bottom:60%; background-repeat:no-repeat; background-position:center center; background-size:cover; }
.newsThb img { max-width:100%; }

/* SLIDE PAGING */
.blockPage { position:relative; display:block; margin-bottom:20px; }
.pagingBar { display:block; background-color:#efefef; padding:8px 0; min-height:20px; margin-top:10px; text-align:center; }

/* FORM */
.frmArea { position:relative; }
.frmTarget { display:none; }
.frmLoading { display:none; z-index:10; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(255,255,255, 0.7) url('../../i/mdl-loading.gif') no-repeat center center; }
.frmLoading.loadingBar { background-image:url('../../i/ajx-loading-bar.gif'); }
.frmAlert { z-index:9; display:none; position:relative; background:rgba(255,0,0, 0.1); width:100%; min-height:30px; border-radius:5px; margin-bottom:5px; text-align:left; }
.frmAlert.searchAlert { margin-bottom:8px; }
.frmAlert.successAlert { background:rgba(72,202,228, 0.4); }
.frmAlertCnt { position:relative; padding:8px 40px 8px 10px; font-size:13px; line-height:14px; }
.frmAlertCnt ul, .frmAlertCnt ol { list-style-type:none; overflow:hidden; }
.frmAlertCnt li { float:left; margin-right:9px; }
.frmAlertCnt li::after { content:','; }
.frmAlertCnt li:last-child::after { content:''; }
.frmAlertClose { z-index:1; cursor:pointer; position:absolute; top:5px; right:5px; width:20px; height:20px; background:url('../../i/icons/icn-close-sm.png') no-repeat center center; opacity:0.7; }
.frmAlertClose:hover { opacity:1.0; }

/* MODAL FORM */
.frmBx { position:absolute; top:0; bottom:10px; left:0; right:0; display:block; /*padding:20px 0 20px 0;*/ }
.frmBxFl {  }
.frmBrief { display:block; text-align:left; padding:5px; margin-bottom:10px; }
.frmContent { display:block; padding:5px; overflow:hidden; }
.frmCntLf { float:left; width:35%; }
.frmCntRg { float:right; width:62%; }
ul.frmLst { list-style-type:none; }
ul.frmLst>li { position:relative; display:block; width:100%; overflow:hidden; padding:5px 0; text-align:left; }
ul.frmLst>li label { display:block; font-size:12px; line-height:14px; letter-spacing:0.6px; padding:2px 5px; opacity:0.8; }
.frmButton { padding:20px 0 !important; }
.frmCheckbx label { display:inline-block; float:left; margin:5px 15px 5px 0; font-size:16px !important; opacity:1.0 !important; }
.frmCheckbx span { padding-left:5px; }
.frmCol { position:relative; float:left; margin-right:10px; }
.frmCol.colFull { width:92%; }
.frmCol.colThird { width:61%; }
.frmCol.colOneThird { width:35%; }
.frmCol.colHlf { width:45%; }
.frmCol.colQrt { width:30%; }
.frmCol.colSm { width:13%; }
.frmCol.colSml { width:18%; }
.fldImpt>label::after { content:'*'; color:#FF0000; font-size:1.2em; padding-left:5px; padding-top:5px; }
input.fldBook { text-align:left; }
input.fldBook.fldBookDate { width:300px; }
input.fldBook.fldBookPerson { width:135px; }
input.fldBook.fldBookChild { width:135px; }
input.fldBook.fldBookCode { width:150px; }
input.btnBook { min-width:150px; font-size:14px; line-height:16px; font-weight:400; border-radius:7px; }
input.frmFld { text-align:left; width:90%; }
select.frmFld { margin-top:0; padding:10px; }
input.fldMessage { width:88%; }
.frmCol.colQrt input.frmFld { width:86% !important; }
.frmCol.colSm input.frmFld { width:70% !important; }
.frmCol.colSml input.frmFld { width:76% !important; }

/* LAZY LOADING */
.lzLoading { display:none; height:255px; background:url('../../i/lz-loading.gif') no-repeat center center; }

/* ADD THIS */
.dtlShare { margin-top:30px; }
.dtlShare>label { display:block; font-size:12px; font-style:italic; padding:0 3px; opacity:0.6; }

/* SLICK CUSTOMIZE */
.carouselArea { position:relative; }
/* hide slick before loading */
.slick-slider:not(.slick-initialized) .slick-slider:not(:first-of-type) { visibility: hidden !important; }
ul.carouselList:not(.slick-initialized) li { visibility: hidden !important; }
ul.slick-initialized li { visibility: visible !important; }
ul.carouselList li:focus { outline: none; }
/* ------------------------- */
.nvCrsl { display:none; outline:0; z-index:10; cursor:pointer; position:absolute; bottom:0; top:0; margin:auto; width:30px; height:30px; background-repeat:no-repeat; background-position:center center; background-image:url('../../i/icons/icn-crsl-arrw.png'); transition: all 0.2s; opacity:0.3; }
.nvCrsl:hover { opacity:0.8; }
.nvCrsl.crslPrv { left:2%; background-position:0 0; }
.nvCrsl.crslNxt { right:2%; background-position:-80px 0; }
/* slick dots */
.slick-sides:focus { outline:none; }
ul.slick-dots { z-index:100; position:absolute; right:0; left:0; /*bottom:3%;*/bottom:-40px; height:20px; margin:auto !important; }
ul.slick-dots li { display:inline-block !important; width:15px !important; height:15px !important; min-height:0 !important; padding:2px; margin:0 2px; } 
ul.slick-dots button::before { font-size:12px !important; color:#FF0000; }
ul.slick-dots li.slick-active button::before { color:#000000 !important; }
ul.slick-dots li button>label { cursor:pointer; position:absolute; top:1px; right:25px; margin:auto; font-family: 'Work Sans', sans-serif; font-size:14px !important; line-height:14px !important; color:rgba(255,255,255, 0.7); }
ul.slick-dots li.slick-active button>label { font-weight:bold; color:#FFFFFF; font-size:15px !important; }
/* bar style */
ul.bar-dots { z-index:100; position:absolute; left:50%; transform:translateX(-50%); bottom:5% !important; height:20px;  }
ul.bar-dots li { cursor:pointer; display:inline-block !important; width:35px !important; height:5px !important; border-radius:3px; overflow:hidden; background:#999999; margin:0 3px; }
ul.bar-dots li button:before { display:none !important; opacity:0 !important; font-size:0 !important; content:none !important; }
ul.bar-dots li.slick-active { background:#333333; }
/* number style */
ul.number-dots { background-color:#efefef; padding:7px 0; height:37px; bottom:-10% !important; }
ul.number-dots li { margin:3px 8px !important; }
ul.number-dots li button { font-size:16px !important; line-height:16px !important; font-weight:bold; }
ul.number-dots li.slick-active { width:30px !important; height:30px !important; }
ul.number-dots li.slick-active button { border-radius:100%; width:30px; height:30px; }
/* slick progress bar dots */
.progressBarContainer {
	z-index:10;
  	position: absolute;
	bottom: 8%;
	left:0; right:0;
	width:90%;
	margin:auto;
	text-align: center;
}
.progressBarContainer div {
	position: relative;
  	display: inline-block;
  	width: 40px;
  	padding: 0;
  	cursor: pointer;
  	margin: 0;
  	color: white;
  	text-align:left;
}
.progressBarContainer div:last-child {
  	margin-right: 0;
}
.progressBarContainer div span.progressBar {
  	width: 100%;
  	height: 4px;
  	background-color: rgba(153, 153, 153, 0.6);
  	display:block;
  	overflow:hidden;
  	border-radius:5px;
}
.progressBarContainer div span.progressBar .inProgress {
  	background-color: #333333;
  	width: 0%;
  	height: 4px;
}
/* ----------------------------------- */

/* SWIPEBOX CUSTOMIZE */
#swipebox-prev { z-index:10; position:absolute !important; left:0 !important; top:0 !important; bottom:0 !important; margin:auto !important; }
#swipebox-next { z-index:10; position:absolute !important; right:0 !important; top:0 !important; bottom:0 !important; margin:auto !important; }
/* ------------------ */

/* MOBILE SETUP */
.tagMobile { display:none; }
.mobileOnly { display:none !important; }