@charset "UTF-8";

/**
 * common.css
 *
 * TOMATO GROUP project
 *
*/

/*==================== Reset ==========================*/
/* Common Style */
*{margin:0;padding:0;box-sizing:border-box;}
html{font-family:sans-serif;background-color:#fff;}
body{min-width:320px;padding:0;margin:0;font-family:'Noto Sans KR',sans-serif;font-size:1rem;line-height:1.5;background-color:#fff;}

/* Set html5 elements to block */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,main,nav,section,summary{display:block;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,font,img,ins,q,s,samp,strike,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{border:0 none;line-height:1.5;}
body{position:relative;word-break:break-all;-ms-text-size-adjust:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%;}
header,h1{font-size:100%;}
html,body{height:100%;}
caption,legend{position:absolute;top:-9999px;left:-9999px;visibility:hidden;width:0;height:0;font-size:0;overflow:hidden;}
caption{display:none;}
img{vertical-align:top;border:none;}
select,input{vertical-align:top;border:0px;border-radius:0;background-color:transparent;}
hr{display:none;border:0 none;}
ol,ul,ul li{list-style:none;}
em{font-style:normal;}
menu li{list-style:none;}
address{font-style:normal;display:inline;}
button{cursor:pointer;border:0px;border-radius:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
table{border-spacing:0;border-collapse:collapse;}
input,textarea,keygen,select,button{font-family:'Noto Sans KR',sans-serif;}
strong{font-weight:normal;}
dfn{font-style:normal;}

/* Link Style */
a:link,a:visited,a:active,a:focus{text-decoration:none;}
a:focus{}
a:hover{text-decoration:none;}
/*.is-hidden{display:none !important;}*/
.visible-hidden{visibility:hidden !important;}
.clear{clear:both;}
.txt-center{text-align:center !important;}
.inline-block{display:inline-block;vertical-align:middle;}

/* Forms */
fieldset{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select,input[type=radio],input[type=submit],input[type=search]{cursor:pointer;border:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
select::-ms-expand {display:none;}
input:focus,button:focus,textarea:focus{}
select,div{}

/* heading */
body,input,textarea,select,button{font-family:"Noto Sans KR","Malgun Gothic","맑은 고딕","Nanum Gothic","나눔 고딕","돋움",dotum,sans-serif;}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal;}
img{max-width:100%;height:auto;vertical-align:top;-ms-interpolation-mode:bicubic;}
em{color:#000;}
.touchevents[tabindex],.touchevents button{}

/* Helper classes */
.hidden{display:none;}
.blind{position:absolute;display:inline-block;width:0;height:0;font-size:0;color:rgba(0,0,0,0);overflow:hidden;}
.msie9 .hideOnIE9{display:none !important;}

/* Browser hidden &  Media query */
@media only screen and (min-width:0) and (max-width:1023px) {.only_desktop{display:none !important;}}
@media only screen and (min-width:1024px) {.only_mobile{display:none !important;}}
@media (-webkit-min-device-pixel-ratio:2), (min-resolution:192dpi) {}

/* Legacy browser message */
.legacy-browser{position:fixed;top:120px;right:0;left:0;width:50%;margin:auto;padding:50px 5%;z-index:999;color:#fff;font-size:16px;font-weight:400;background-color:#555;overflow:hidden;}
.legacy-browser p{margin:0 0 12px;line-height:26px;font-weight:300;}
.legacy-browser a{text-decoration:underline;color:#fff;}
.legacy-pad label{font-size:14px;font-weight:300;}
.legacy-pad input{margin-top:6px;}

/* Skip navigation */
.skipNav{position:absolute;left:-300%;font-size:2em;color:#fff;background:#555;}
.skipNav:focus,
.skipNav:hover{display:block;position:fixed;left:0;z-index:99999;width:100%;padding:10px;font-size:2em;font-weight:600;line-height:1.5;text-align:center;vertical-align:middle;color:#fff;text-decoration:none}
.skipArea{position:absolute;display:inline-block;width:0;height:0;font-size:0;color:rgba(0,0,0,0);overflow:hidden;}
.skipArea[tabindex]:focus{position:absolute;z-index:99;width:350px;height:auto;font-size:1.5rem;text-align:left;color:#fff;background:#666666;}

/* Skip navigation position */
.layout_content .skipArea[tabindex]:focus{top:50px;}

/* IE 10, IE9 Movie Not Support */
.msie9 .layout_header,
.msie9 .layout_sideMenu,
.msie9 .layout_main{display:none;}


/*==================== Common Styles ==========================*/
/*-------------------- Layout --------------------*/
body[data-device="desktopView"]{} /*데스크탑 뷰 최상위 선택자*/
body[data-device="mobileView"]{} /*모바일 뷰 최상위 선택자*/
body.displayFamilyPopup{overflow:hidden;}
body.displaySideMenu{position: fixed;width: 100%;overflow:hidden;}
body.displayPopup{overflow:hidden;}
.layout_header{
	width:100%;
	min-width:1024px;
	height:55px;
	margin:0 auto;
	background:rgba(255,255,255,1);
	box-shadow:0px 3px 5px rgba(0, 0, 0, 0.2);
	transition:top .3s, background .5s;
	position:fixed;
	top:0;
	right:0;
	left:0;
	z-index:1000;
}
.msie9 .layout_header{z-index:1001;}
.layout_header.subMenuOn{}
.layout_header.gnbHide{top:-55px;border-bottom:none;}

@media only screen and (min-width:0) and (max-width:1023px) {
    .layout_header.gnbHide{top: -45px;border-bottom:1px solid #dbdbdb;}
}

.layout_main{width:100%;}
.layout_content{width:100%;padding-top:54px;margin:0 auto;font-size:0;}
.layout_footer{width:100%;margin: 80px auto 0;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee;}
.main .layout_footer{position:relative;}
.layout_footer_inner{position:relative;width:100%;max-width:1600px;padding:30px 0 30px;margin:0 auto;font-size:0;}
.footer_case{width:630px;height:40px;margin:0 auto;position:relative;}

@media only screen and (min-width:0) and (max-width:1199px) {
    /* Layout mobile */
    .layout_header{max-width:100%;min-width:320px;border-bottom:1px solid #dbdbdb;box-shadow:none;background:#fff;}
    .layout_header_inner{max-width:100%;min-width:320px;}
    .layout_content{max-width:100%;min-width:320px;padding-top:55px;}
    .layout_footer{max-width:100%;min-width:320px;background:#fff;border-top:1px solid #eee;border-bottom:1px solid #eee;}
    .layout_footer_inner{max-width:100%;min-width:320px;padding: 3% 0 5%;}
	.footer_case{max-width:100%;min-width:300px;padding:0 10px;}
}
@media only screen and (min-width:0) and (max-width:1023px) {
    .layout_content{margin-top:45px !important;}
    .main .layout_footer{margin-top:8vw;}
}

.layout_sideMenu{display:none;}


/*-------------------- GNB --------------------*/
.layout_header_inner{position:relative;width:100%;margin:0 auto;font-size:0;text-align:center;}
.layout_header_inner::after{content:'';display:block;clear:both;visibility:hidden;}

@media only screen and (min-width:1200px) {
    .layout_topMobile_btn{display:none;}
    .layout_topMobileFamily_btn{display:none;}
}
@media only screen and (min-width:0) and (max-width:1023px) {
    /* SideMenuBtn mobile */
    .layout_topMobile_btn{position:absolute;top:0;left:0.1vw;width:50px;height:45px;background:url(../../lib/images/mobile/topMenu_Btn.png) no-repeat;background-size:21px 16px;background-position:center;}
}
@media only screen and (min-width:1024px) and (max-width:1199px) {
    /* SideMenuBtn Tablet */
    .layout_topMobile_btn{position:absolute;top:23%;left:3%;width:30px;height:30px;background:url(../../lib/images/mobile/topMenu_Btn.png) no-repeat;background-size:100%;background-position:center;}
}
/* Logo */
.logo{
	float:left;
	position:relative;
	z-index:1;
	display:inline-block;
	padding:10px 0 0 20px;
	text-align:left;
	vertical-align:top;
}
@media (min-width:1200px) {
  .logo{display:inline-block;}
}
.logo_a{display:inline-block;}
.logo_a img{height:35px;}

@media only screen and (min-width:0) and (max-width:1023px) {
    /* Logo mobile */
    .logo{float:none;padding: 0;margin: 0;text-align:center;}
    .logo a{padding: 6px 10px 11px;}
    .logo img{height:32px;}
}
@media only screen and (min-width:1024px) and (max-width:1199px) {
    /* Logo Tablet */
    .logo{float:none;padding:10px;margin:0;text-align:center;}
}

/* TopNav */
.layout_topNav{display:inline-block;position:absolute;top:0;left:0;right:0;margin:auto;text-align:center;vertical-align:top;transition:padding .3s ease-out;}
.topNav_case{width:1600px;margin:0 auto;position:relative;}
.topNav_ul{display:inline-block;font-size:0;}
.topNav_li{display:inline-block;padding:12px 0px 13px;}
.topNav_a{display:inline-block;padding:5px 10px;margin:0 17px;border:1px solid #fff;border-radius:34px;}
.topNav_a h2{font-size:18px;font-weight:400;line-height:18px;color:#000;}
.topNav_a h2 span{line-height:14px;}
.topNav_a:focus,
.topNav_a:hover{text-decoration:none;color:#b01f26;}
.topNav_li.on .topNav_a{text-decoration:none;color:#b01f26;}
.topNav_li.topNav_careers .topNav_a{border:1px solid #b01f26;border-radius:34px;}
.topNav_li.topNav_careers .topNav_a h2{color:#b01f26;}
.topNav_a:hover h2{color:#b01f26;}
.topNav_about.on h2,
.topNav_biz.on h2,
.topNav_prc.on h2,
.topNav_csm.on h2,
.topNav_careers.on h2,
.topNav_a.on h2{color:#ed213a;}

@media only screen and (min-width:0) and (max-width:1199px) {
    /* TopNav mobile */
    .layout_topNav{display:none;}
	.topNav_case{width:100%;margin:0;position:relative;}
}

/* TopNav-submenu */
.layout_topNavSub_bg{
	width:100%;
	height:0px;
	margin:auto;
	background:#f1f1f1;
	position:absolute;
	top:55px;
	right:0;
	left:0;
	z-index:-1;
	opacity:0;
	transition:opacity .5s, height .5s, background .5s;
}

.layout_topNavSub_bg.on{height:45px;opacity:0.85;transition:opacity .3s, height .1s, background .3s;}
.subMenuOn .layout_topNavSub_bg{background:#f1f1f1;transition:opacity .3s, height .3s, background .3s;}

.topNavSub_ul{
	display:inline-block;
	position:absolute;
	top:0;
	right:0;
	left:0;
	width:100%;
	height:auto;
	margin:0 auto;
	overflow:hidden;
	opacity:1;
	transition:all .3s;
}
.topNav_li.on .topNavSub_ul{
	top:55px;
	opacity:1;
	transition:opacity .7s;
	z-index:1000;
}
.layout_header.subMenuOn .topNav_li.on .topNavSub_ul{top:55px;opacity:1;transition:opacity .5s, top .3s;}
.topNavSub_li{display:inline-block;}
.topNavSub_a{display:none;position:relative;padding:15px 5px 15px;margin:0px 22px 0px;font-size:16px;line-height:1;text-align:center;color:#000;}
.topNavSub_a:focus,
.topNavSub_a:hover,
.topNavSub_a.on{text-decoration:none;color:#b01f26;}
.subMenuOn .topNavSub_ul .topNavSub_li .topNavSub_a{color:#fff;}
.topNavSub_a::before{
	content:'';
	display:inline-block;
	position:absolute;
	left:50%;
	bottom:0;
	width:0%;
	height:3px;
	opacity:0;
	background:#b01f26;
	transition:all .3s cubic-bezier(0, 0, 0.15, 1.01);
}
.subMenuOn .topNavSub_a::before{background:#fff;}
.topNav_li.on .topNavSub_a{display:inline-block;}
.topNavSub_a:focus::before,
.topNavSub_a:hover::before,
.topNavSub_a.on::before{
	width:100%;
	height:3px;
	background:#b01f26;
	opacity:1;
	left:0;
}

.topNavSub_nav .topNavSub_a{color:#b01f26;}
.topNavSub_nav .topNavSub_a::before{width:100%;left:0;opacity:1;}

/* Links area */
.linkSearch_area{display:inline-block;position:relative;vertical-align:top;}
.layout_linksArea{float:right;position:relative;display:inline-block;text-align:right;vertical-align:top;}

@media only screen and (min-width:1200px) {
    /* Links area mobile */
}

@media only screen and (min-width:0) and (max-width:1199px) {
    /* Links area mobile */
    .layout_linksArea{display:none;}
}

@media only screen and (min-width:1024px) and (max-width:1199px) {
    /* Links area tablet */
}

/* Languages area */
.linkLang_area{display:inline-block;position:relative;font-size:0;vertical-align:top;}
.linkLang_area span{height:56px;display:compact;width:100%;padding:0 5px;font-size:11px;font-weight:600;font-family:"Roboto",sans-serif;color:#999;line-height:56px;background:rgba(255,255,255,0.5);}
.linkLang_b{height:56px;display:compact;width:100%;padding:0 5px;font-size:12px;font-weight:600;font-family:"Roboto",sans-serif;color:#999;line-height:56px;background:rgba(255,255,255,0.5);}
.linkLang_b.on,
.linkLang_b:focus,
.linkLang_b:hover{text-decoration:underline;color:#333;}


/*-------------------- Main grid system --------------------*/
.layout_grid_full{width:100%;margin:0 auto;}
.layout_grid_wrap{width:100%;max-width:1600px;margin:0 auto;font-size:0;}
.layout_grid_wrap>.layout_grid_cont1,
.layout_grid_wrap>.layout_grid_cont2,
.layout_grid_wrap>.layout_grid_cont3{display:inline-block;}
.layout_grid_cont1{width:100%;}
.layout_grid_cont2{width:50%;}
.layout_grid_cont3{width:33.333333%;}

@media only screen and (min-width:0) and (max-width:1023px) {
	.layout_grid_cont2,
	.layout_grid_cont3{width:100%;}
}


/*-------------------- Foter --------------------*/
/* Left area */
.layout_footer_inner::after{content:'';display:block;clear:both;}

@media only screen and (min-width:0) and (max-width:1023px) {
    /* Layout footer mobile */
    .layout_header{max-width:100%;min-width:320px;height:11.8vw;box-shadow:none;}
    .layout_header{height: 45px;}/*Test*/
}

.layout_footerLeft{float:left;display:inline-block;width:102px;}
.footerlogo_a{display:inline-block;font-size:0;}
.footerLogo_img{height:40px;}

@media only screen and (min-width:0) and (max-width:1023px) {
    /*Mobile*/
    .layout_footerLeft{width:100%;text-align:center;float:none;}
    .footerlogo_a{display:inline-block;}
    .footerLogo_img{height:8vw;}
}

/* Center area */
.layout_footerCenter{float:left;display:inline-block;padding:0 0 0 20px;}
.footer_address{display:inline-block;padding-top:15px;text-align:center;font-size:13px;font-weight:300;color:#666;}
.footer_address .copyright{margin-left:10px;font-size:14px;}
.footer_address span{margin:0 7px;}

@media only screen and (min-width:0) and (max-width:1023px) {
    /*Mobile*/
    .layout_footerCenter{width:100%;padding:0;text-align:center;}
    .footer_address{padding-top:3.7%;font-size:3.5vw;line-height:1.6;letter-spacing:-0.03em;}
    .footer_address .copyright{display:inline-block;padding-top:0.5vw;margin: 0;font-size: 3.5vw;line-height:1.5;letter-spacing:00em;}
}


/*-------------------- Side menu mobile --------------------*/
@media only screen and (min-width:0) and (max-width:1199px) {
    /* Side Menu mobile */
    .displaySideMenu .layout_sideMenu{display:block;}
    .layout_sideMenu{position:fixed;top:0;left:0;z-index:999999;width:100%;height:100%;overflow:hidden;}
    .msie9 .layout_sideMenu{z-index:999999;}
    .sideMenu_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;transition:opacity .3s;}
    .sideMenuOpen .sideMenu_bg{opacity:0.5;}
    .sideMenu_wrap{position:absolute;top:0;left:-100%;width:100%;height:100%;padding:18px 0 0;background:#fff;overflow:auto;transition:left .3s;}
    .layout_sideMenu.sideMenuOpen .sideMenu_wrap{left:0%;}
    
    .sideMenu_close_btn{display:inline-block;position:absolute;top: 22px;right: 15px;width:6vw;height:4vw;font-size:0;color:rgba(0,0,0,0);background:url(../../lib/images/mobile/left_arrowBlack.png) no-repeat;background-size: auto 14px;}

    .mLinkLang_ul{padding:0 15px;font-size:0;}
    .mLinkLang_li{display:inline-block;}
    .mLinkLang_a{display:inline-block;padding: 5px;border-bottom:2px solid rgba(0,0,0,0);margin-right: 13px;font-size: 12px;line-height:1;font-weight:400;letter-spacing:0.05em;color:#111;}
    .mLinkLang_li.on .mLinkLang_a,.mLinkLang_a:focus,.mLinkLang_a:hover{border-bottom:2px solid #111;font-weight:700;color:#111;}

    .mTopNavSub_ul{height:0;padding:0% 11% 0%;margin-bottom:0vw;overflow:hidden;transition:all .3s ease-out;}
    .mobileSideActive .mTopNavSub_ul{height:auto;margin-bottom: 12.5px;}
    .mTopNavSub_li{border-bottom:1px solid #e5e5e5;}
    .mTopNavSub_a{display:inline-block;width:100%;padding: 16px 0;font-size: 17px;line-height:1.6;font-weight: 700;letter-spacing:-0.01em;text-align: center;color: #333;word-break:keep-all;}

	.mSideNav{position:absolute;top:65px;width:100%;height:90.2%;padding:0;overflow-y:scroll;}
	.mSideNav .ms_tit{
		height:50px;
		padding:0 10px;
		background-color:#b18377;
		font-size:18px;
		color:#fff;
		line-height:50px;
		position:relative;
	}
	.mSideNav .ms_tit a{color:#fff;}
	.mSideNav .accordion{
		margin:0 0 1px;
		padding:15px;
		border-bottom:1px solid #e4e4e4;
		background:#fff;
		text-decoration:none;
		text-transform:uppercase;
		font-size:16px;
		font-weight:400;
		color:#555;
		position:relative;
	}
	
	.mSideNav .accordion-open{
		background:#fff;
		color:#555;
	}
	.mSideNav .accordion-open span{
		padding:10px;
		display:block;
		float:right;
	}
	.mSideNav .accordion-open span{
		background:url(../../lib/images/common/icon/close_arrow1.png) center center no-repeat;
	}
	.mSideNav .accordion-close span {
		padding:10px;
		background:url(../../lib/images/common/icon/open_arrow1.png) center center no-repeat;
		display:block;
		float:right;
	}
	.mSideNav div.acontainer{
		margin:0;
		padding:0;
	}
	.mSideNav div.acontent{
		margin:0;
		padding:15px;
		background:#f3f5f5;
		border-bottom:1px solid #fff;
		font-size:14px;
		color:#666;
		position:relative;
	}
	.mSideNav div.acontent a{color:#666;}
	.mSideNav div.acontent a:hiver,
	.mSideNav div.acontent a:focus{font-weight:bold;color:#333;}
}
@media only screen and (min-width:1024px) and (max-width:1199px) {
    /* Side Menu tablet */
    .sideMenu_wrap{left:-50%;width:50%;padding:0 0;}
    .layout_sideMenu.sideMenuOpen .sideMenu_wrap{left:0%;}
    
    .sideMenu_close_btn{display:inline-block;position:absolute;top:17px;z-index:1;right:20px;width:22.5px;height:16px;font-size:30px;background:url(../../lib/images/mobile/left_arrowBlack.png) no-repeat;background-size:cover;}

    .mLinkLang_ul{padding:20px 20px 0;}
    .mLinkLang_a{padding:0 5px 7.5px;border-bottom:2px solid rgba(0,0,0,0);margin-right:22px;font-size:12px;}

    .mTopNav_ul{top: 150px;height: 73vh;min-height: 68.6%;padding: 0 20px 15%;}
    .mTopNav_li{margin-bottom:0px;}
    .mTopNav_a{padding: 28px 0 15px 0px;font-size:24px;background-size: 21px 21px;background-position: 98.5% 30px;}
    .mobileSideActive .mTopNav_a{color: #d70000;background: url(../../lib/images/mobile/thin_black_minus.png) no-repeat;background-size: 21px 21px;background-position: 98.5% 30px;}

    .mTopNavSub_ul{padding:0px 0 0 0px;}
    .mTopNavSub_a{padding: 18px 0 17px 0px;font-size:18px;line-height:1;background-size:12px 21px;background-position:98% 18px;}

    .mLinkSocial_ul{bottom:0;width: 50%;padding:25px 52px;}
    .mLinkSocial_li{margin-right:40px;}
    .mLinkSocial_a{width:39px;height:39px;}
}


/*-------------------- AniClass --------------------*/
.lineAni{display:inline-block;position:absolute;top:0;left:0;z-index:0;width: calc(100% - 20px);height: calc(100% - 20px);margin:10px;overflow:hidden;}
.lineAni_top{content:'';display:inline-block;position:absolute;z-index:1;top: 0;left: 0;width:0%;height:1px;background:#fff;opacity:0;transition:all .5s ease-out;}
.lineAni_bottom{content:'';display:inline-block;position:absolute;z-index:1;bottom: 0;left: 0;width:0%;height:1px;background:#fff;opacity:0;transition:all .5s ease-out;}
a:focus .lineAni .lineAni_top,
.lineAni:hover .lineAni_top{width:100%;opacity:1;transition:all .5s ease-in-out;}
a:focus .lineAni .lineAni_bottom,
.lineAni:hover .lineAni_bottom{width:100%;opacity:1;transition:all .5s ease-in-out;}
.lineAni_right{content:'';display:inline-block;position:absolute;z-index:1;top: 0;right: 0;width:1px;height:0%;background:#fff;opacity:0;transition:all .5s ease-out;}
.lineAni_left{content:'';display:inline-block;position:absolute;left: 0;z-index:1;width:1px;height:0%;background:#fff;opacity:0;transition:all .5s ease-out;}
a:focus .lineAni .lineAni_right,
.lineAni:hover .lineAni_right{height:100%;opacity:1;transition:all .5s ease-in-out;}
a:focus .lineAni .lineAni_left,
.lineAni:hover .lineAni_left{height:100%;opacity:1;transition:all .5s ease-in-out;}


/*------------------ clearfixClass ------------------*/
.clfix:after{content:".";display:block;height:0px;clear:both;visibility:hidden;}
* html .clfix{height:1%;} /* Hides from IE-mac */
.clfix{*zoom:1;} /*for IE 5.5-7*/


/*-------------------- attribute --------------------*/
.w10p{width:10% !important;}
.w15p{width:15% !important;}
.w20p{width:20% !important;}
.w25p{width:25% !important;}
.w30p{width:30% !important;}
.w33p{width:33.3% !important;}
.w34p{width:33.4% !important;}
.w35p{width:35% !important;}
.w40p{width:40% !important;}
.w45p{width:45% !important;}
.w50p{width:50% !important;}
.w55p{width:55% !important;}
.w57p{width:57% !important;}
.w60p{width:60% !important;}
.w65p{width:65% !important;}
.w70p{width:70% !important;}
.w75p{width:75% !important;}
.w80p{width:80% !important;}
.w85p{width:85% !important;}
.w90p{width:90% !important;}
.w95p{width:95% !important;}
.w100p{width:100% !important;}



.mt0px{margin-top:0px !important;}
.mt5px{margin-top:5px !important;}
.mt10px{margin-top:10px !important;}
.mt15px{margin-top:15px !important;}
.mt20px{margin-top:20px !important;}
.mt25px{margin-top:25px !important;}
.mt30px{margin-top:30px !important;}
.mt35px{margin-top:35px !important;}
.mt40px{margin-top:40px !important;}
.mt45px{margin-top:45px !important;}
.mt50px{margin-top:50px !important;}
.mt60px{margin-top:60px !important;}
.mt70px{margin-top:70px !important;}
.mt80px{margin-top:80px !important;}
.mt90px{margin-top:90px !important;}
.mt100px{margin-top:100px !important;}
.mt110px{margin-top:110px !important;}
.mt120px{margin-top:120px !important;}
.mt130px{margin-top:130px !important;}
.mt140px{margin-top:140px !important;}
.mt150px{margin-top:150px !important;}
.mt160px{margin-top:160px !important;}
.mt170px{margin-top:170px !important;}
.mt180px{margin-top:180px !important;}
.mt190px{margin-top:190px !important;}
.mt200px{margin-top:200px !important;}
.mt210px{margin-top:210px !important;}

.ml0px{margin-left:0px !important;}
.ml5px{margin-left:5px !important;}
.ml10px{margin-left:10px !important;}
.ml15px{margin-left:15px !important;}
.ml20px{margin-left:20px !important;}
.ml25px{margin-left:25px !important;}
.ml30px{margin-left:30px !important;}
.ml35px{margin-left:35px !important;}
.ml40px{margin-left:40px !important;}
.ml45px{margin-left:45px !important;}
.ml50px{margin-left:50px !important;}
.ml60px{margin-left:60px !important;}
.ml70px{margin-left:70px !important;}
.ml80px{margin-left:80px !important;}
.ml90px{margin-left:90px !important;}
.ml100px{margin-left:100px !important;}
.ml110px{margin-left:110px !important;}
.ml120px{margin-left:120px !important;}
.ml130px{margin-left:130px !important;}
.ml140px{margin-left:140px !important;}
.ml150px{margin-left:150px !important;}
.ml160px{margin-left:160px !important;}
.ml170px{margin-left:170px !important;}
.ml180px{margin-left:180px !important;}
.ml190px{margin-left:190px !important;}
.ml200px{margin-left:200px !important;}
.ml210px{margin-left:210px !important;}

.mr0px{margin-right:0px !important;}
.mr5px{margin-right:5px !important;}
.mr10px{margin-right:10px !important;}
.mr15px{margin-right:15px !important;}
.mr20px{margin-right:20px !important;}
.mr25px{margin-right:25px !important;}
.mr30px{margin-right:30px !important;}
.mr35px{margin-right:35px !important;}
.mr40px{margin-right:40px !important;}
.mr45px{margin-right:45px !important;}
.mr50px{margin-right:50px !important;}
.mr60px{margin-right:60px !important;}
.mr70px{margin-right:70px !important;}
.mr80px{margin-right:80px !important;}
.mr90px{margin-right:90px !important;}
.mr100px{margin-right:100px !important;}
.mr110px{margin-right:110px !important;}
.mr120px{margin-right:120px !important;}
.mr130px{margin-right:130px !important;}
.mr140px{margin-right:140px !important;}
.mr150px{margin-right:150px !important;}
.mr160px{margin-right:160px !important;}
.mr170px{margin-right:170px !important;}
.mr180px{margin-right:180px !important;}
.mr190px{margin-right:190px !important;}
.mr200px{margin-right:200px !important;}
.mr210px{margin-right:210px !important;}

.mb0px{margin-bottom:0px !important;}
.mb5px{margin-bottom:5px !important;}
.mb10px{margin-bottom:10px !important;}
.mb15px{margin-bottom:15px !important;}
.mb20px{margin-bottom:20px !important;}
.mb25px{margin-bottom:25px !important;}
.mb30px{margin-bottom:30px !important;}
.mb35px{margin-bottom:35px !important;}
.mb40px{margin-bottom:40px !important;}
.mb45px{margin-bottom:45px !important;}
.mb50px{margin-bottom:50px !important;}
.mb60px{margin-bottom:60px !important;}
.mb70px{margin-bottom:70px !important;}
.mb80px{margin-bottom:80px !important;}
.mb90px{margin-bottom:90px !important;}
.mb100px{margin-bottom:100px !important;}
.mb110px{margin-bottom:110px !important;}
.mb120px{margin-bottom:120px !important;}
.mb130px{margin-bottom:130px !important;}
.mb140px{margin-bottom:140px !important;}
.mb150px{margin-bottom:150px !important;}
.mb160px{margin-bottom:160px !important;}
.mb170px{margin-bottom:170px !important;}
.mb180px{margin-bottom:180px !important;}
.mb190px{margin-bottom:190px !important;}
.mb200px{margin-bottom:200px !important;}
.mb210px{margin-bottom:210px !important;}



.pt0px{padding-top:0px !important;}
.pt5px{padding-top:5px !important;}
.pt10px{padding-top:10px !important;}
.pt15px{padding-top:15px !important;}
.pt20px{padding-top:20px !important;}
.pt25px{padding-top:25px !important;}
.pt30px{padding-top:30px !important;}
.pt35px{padding-top:35px !important;}
.pt40px{padding-top:40px !important;}
.pt45px{padding-top:45px !important;}
.pt50px{padding-top:50px !important;}
.pt60px{padding-top:60px !important;}
.pt70px{padding-top:70px !important;}
.pt80px{padding-top:80px !important;}
.pt90px{padding-top:90px !important;}
.pt100px{padding-top:100px !important;}
.pt110px{padding-top:110px !important;}
.pt120px{padding-top:120px !important;}
.pt130px{padding-top:130px !important;}
.pt140px{padding-top:140px !important;}
.pt150px{padding-top:150px !important;}
.pt160px{padding-top:160px !important;}
.pt170px{padding-top:170px !important;}
.pt180px{padding-top:180px !important;}
.pt190px{padding-top:190px !important;}
.pt200px{padding-top:200px !important;}
.pt210px{padding-top:210px !important;}

.pl0px{padding-left:0px !important;}
.pl5px{padding-left:5px !important;}
.pl10px{padding-left:10px !important;}
.pl15px{padding-left:15px !important;}
.pl20px{padding-left:20px !important;}
.pl25px{padding-left:25px !important;}
.pl30px{padding-left:30px !important;}
.pl35px{padding-left:35px !important;}
.pl40px{padding-left:40px !important;}
.pl45px{padding-left:45px !important;}
.pl50px{padding-left:50px !important;}
.pl60px{padding-left:60px !important;}
.pl70px{padding-left:70px !important;}
.pl80px{padding-left:80px !important;}
.pl90px{padding-left:90px !important;}
.pl100px{padding-left:100px !important;}
.pl110px{padding-left:110px !important;}
.pl120px{padding-left:120px !important;}
.pl130px{padding-left:130px !important;}
.pl140px{padding-left:140px !important;}
.pl150px{padding-left:150px !important;}
.pl160px{padding-left:160px !important;}
.pl170px{padding-left:170px !important;}
.pl180px{padding-left:180px !important;}
.pl190px{padding-left:190px !important;}
.pl200px{padding-left:200px !important;}
.pl210px{padding-left:210px !important;}

.pr0px{padding-bottom:0px !important;}
.pr5px{padding-bottom:5px !important;}
.pr10px{padding-right:10px !important;}
.pr15px{padding-right:15px !important;}
.pr20px{padding-right:20px !important;}
.pr25px{padding-right:25px !important;}
.pr30px{padding-right:30px !important;}
.pr35px{padding-right:35px !important;}
.pr40px{padding-right:40px !important;}
.pr45px{padding-right:45px !important;}
.pr50px{padding-right:50px !important;}
.pr60px{padding-right:60px !important;}
.pr70px{padding-right:70px !important;}
.pr80px{padding-right:80px !important;}
.pr90px{padding-right:90px !important;}
.pr100px{padding-right:100px !important;}
.pr110px{padding-right:110px !important;}
.pr120px{padding-right:120px !important;}
.pr130px{padding-right:130px !important;}
.pr140px{padding-right:140px !important;}
.pr150px{padding-right:150px !important;}
.pr160px{padding-right:160px !important;}
.pr170px{padding-right:170px !important;}
.pr180px{padding-right:180px !important;}
.pr190px{padding-right:190px !important;}
.pr200px{padding-right:200px !important;}
.pr210px{padding-right:210px !important;}

.pb0px{padding-bottom:0px !important;}
.pb5px{padding-bottom:5px !important;}
.pb10px{padding-bottom:10px !important;}
.pb15px{padding-bottom:15px !important;}
.pb20px{padding-bottom:20px !important;}
.pb25px{padding-bottom:25px !important;}
.pb30px{padding-bottom:30px !important;}
.pb35px{padding-bottom:35px !important;}
.pb40px{padding-bottom:40px !important;}
.pb45px{padding-bottom:45px !important;}
.pb50px{padding-bottom:50px !important;}
.pb60px{padding-bottom:60px !important;}
.pb70px{padding-bottom:70px !important;}
.pb80px{padding-bottom:80px !important;}
.pb90px{padding-bottom:90px !important;}
.pb100px{padding-bottom:100px !important;}
.pb105px{padding-bottom:105px !important;}
.pb110px{padding-bottom:110px !important;}
.pb120px{padding-bottom:120px !important;}
.pb130px{padding-bottom:130px !important;}
.pb140px{padding-bottom:140px !important;}
.pb150px{padding-bottom:150px !important;}
.pb160px{padding-bottom:160px !important;}
.pb170px{padding-bottom:170px !important;}
.pb180px{padding-bottom:180px !important;}
.pb190px{padding-bottom:190px !important;}
.pb200px{padding-bottom:200px !important;}
.pb210px{padding-bottom:210px !important;}


.black{color:#000 !important;}
.bgray{color:#e8e8e8 !important;}
.agray{color:#d5d5d5 !important;}
.lgray{color:#f7f7f7 !important;}
.sgray{color:#f1f1f1 !important;}
.dgray{color:#333 !important;}
.wgray{color:#696969 !important;}
.gray{color:#999 !important;}
.red{color:#c50033 !important;}
.rred{color:#ee0e0e !important;}
.dred{color:#c3090e !important;}
.rblue{color:#006bc5 !important;}
.lblue{color:#2bcdf5 !important;}
.sblue{color:#66a0fa !important;}
.blue{color:#3077d1 !important;}
.dblue{color:#3799ba !important;}
.dlub{color:#142a64 !important;}
.lgreen{color:#1eb3b7 !important;}
.green{color:#26c155 !important;}
.yellow{color:#f2b90a !important;}
.orange{color:#ff7900 !important;}
.violet{color:#8957a1 !important;}
.white{color:#fff !important;}

.bg_black{background-color:#000 !important;}
.bg_bgray{background-color:#e8e8e8 !important;}
.bg_agray{background-color:#f4f4f4 !important;}
.bg_lgray{background-color:#f7f7f7 !important;}
.bg_sgray{background-color:#f1f1f1 !important;}
.bg_dgray{background-color:#333 !important;}
.bg_wgray{background-color:#696969 !important;}
.bg_gray{background-color:#999 !important;}
.bg_red{background-color:#c50033 !important;}
.bg_rred{background-color:#ee0e0e !important;}
.bg_dred{background-color:#c3090e !important;}
.bg_rblue{background-color:#006bc5 !important;}
.bg_lblue{background-color:#2bcdf5 !important;}
.bg_sblue{background-color:#66a0fa !important;}
.bg_blue{background-color:#3077d1 !important;}
.bg_dblue{background-color:#3799ba !important;}
.bg_dlub{background-color:#142a64 !important;}
.bg_lgreen{background-color:#1eb3b7 !important;}
.bg_green{background-color:#26c155 !important;}
.bg_yellow{background-color:#f2b90a !important;}
.bg_orange{background-color:#ff7900 !important;}
.bg_violet{background-color:#8957a1 !important;}
.bg_white{background-color:#fff !important;}

.ln_black{border:1px solid #000 !important;}
.ln_bgray{border:1px solid #e8e8e8 !important;}
.ln_agray{border:1px solid #d5d5d5 !important;}
.ln_lgray{border:1px solid #f7f7f7 !important;}
.ln_sgray{border:1px solid #f1f1f1 !important;}
.ln_dgray{border:1px solid #333 !important;}
.ln_wgray{border:1px solid #696969 !important;}
.ln_gray{border:1px solid #999 !important;}
.ln_red{border:1px solid #c50033 !important;}
.ln_rred{border:1px solid #ee0e0e !important;}
.ln_dred{border:1px solid #c3090e !important;}
.ln_rblue{border:1px solid #006bc5 !important;}
.ln_lblue{border:1px solid #2bcdf5 !important;}
.ln_sblue{border:1px solid #66a0fa !important;}
.ln_blue{border:1px solid #3077d1 !important;}
.ln_dblue{border:1px solid #3799ba !important;}
.ln_dlub{border:1px solid #142a64 !important;}
.ln_lgreen{border:1px solid #1eb3b7 !important;}
.ln_green{border:1px solid #26c155 !important;}
.ln_yellow{border:1px solid #f2b90a !important;}
.ln_orange{border:1px solid #ff7900 !important;}
.ln_violet{border:1px solid #8957a1 !important;}
.ln_white{border:1px solid #fff !important;}


.bg_w_over{width:100%;height:100%;background:#fff;opacity:0.5;filter:alpha(opacity=50);-ms-filter:alpha(opacity=50);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(opacity=50);position:absolute;left:0;top:0;}
.bg_b_over{width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-ms-filter:alpha(opacity=50);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=50)';-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(opacity=50);position:absolute;left:0;top:0;}
.bg_g_over{width:100%;height:100%;background:#000;opacity:0.1;filter:alpha(opacity=10);-ms-filter:alpha(opacity=10);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=10)';-moz-opacity:0.1;-khtml-opacity:0.1;filter:alpha(opacity=10);position:absolute;left:0;top:0;}


.hltxt{text-decoration:line-through !important;}
.ultxt{text-decoration:underline !important;}

.dot_line{height:1px;margin:0;padding:0;border:1px dotted #d9d9d9;}
.top_line{height:2px;background-color:#d9d9d9;}
.cut_line{height:1px;margin:0;background-color:#d9d9d9;}
.half_line{height:1px;margin:10px 0;background-color:#d9d9d9;}
.noline{border:none !important;border:0 !important;}


.ft_l{float:left !important;}
.ft_r{float:right !important;}

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



.wn{text-overflow:ellipsis !important;*text-overflow:ellipsis !important;white-space:nowrap !important;*white-space:nowrap !important;display:block !important;*display:block !important;overflow:hidden !important;*overflow:hidden !important;}