@CHARSET "UTF-8";

/*******************************************************************************
 * 상단 header.
 ******************************************************************************/
div.header-fullwidth													{ height: 93px; background: url('/image/TopSubMenuBackground.png') repeat-x 0 63px; }

div.header-container													{ min-width: 320px; max-width: 996px; height: 93px; position: relative; }
@media (min-width: 992px) {
	div.header-container												{ width: 996px; }
}

div.header-top															{ display: none; position: absolute; top: 0; right: 0; }
@media (min-width: 992px) {
	div.header-top 														{ display: block; }
}

div.header-logo															{ position: absolute; top: 7px; right: 10px; }
@media (min-width: 992px) {
	div.header-logo														{ left: 0; right: auto; }
}

div.header-logo img.logo												{ width: 155px; }

div.header-menu															{ display: none; }
@media (min-width: 992px) {
	div.header-menu														{ position: absolute; top: 35px; right: 0px; display: block; }
}
ul.header-menu-main														{ list-style: none; margin: 0; padding: 0; }
ul.header-menu-main li													{ display: inline-block; height: 28px; font-family: "Noto Sans KR"; font-size: 16px; font-weight: 400; margin-right: 30px; color: #555555; }
ul.header-menu-main li:last-child										{ margin-right: 0; }
ul.header-menu-main li a:link											{ color: inherit; text-decoration: none; }
ul.header-menu-main li a:visited										{ color: inherit; text-decoration: none; }
ul.header-menu-main li a:hover											{ color: inherit; text-decoration: none; }
ul.header-menu-main li a:active											{ color: inherit; text-decoration: none; background: none; }
ul.header-menu-sub														{ list-style: none; margin: 0; padding: 0; }
ul.header-menu-sub li													{ display: inline-block; height: 30px; line-height: 30px; font-family: "Noto Sans KR"; font-size: 14px; font-weight: 400; margin-left: 0; margin-right: 0; padding-left: 7px; padding-right: 8px; color: #D0D0D0; }
ul.header-menu-sub li:first-child										{ padding-left: 0; }
ul.header-menu-sub li:last-child										{ padding-right: 0; }

ul.header-menu-sub1														{ position: absolute; top: 27px; left: 0px; display: none; }
ul.header-menu-sub2														{ position: absolute; top: 27px; left: 140px; display: none; }
ul.header-menu-sub3														{ position: absolute; top: 27px; left: 295px; display: none; }
ul.header-menu-sub4														{ position: absolute; top: 27px; left: 435px; display: none; }
ul.header-menu-sub5														{ position: absolute; top: 27px; right: 0px; display: none; }
ul.header-menu-sub6														{ position: absolute; top: 27px; right: 0px; display: none; }

a.header-menu-button													{ position: absolute; top: 20px; left: 10px; font-size: 16px; }
a.header-menu-button span												{ padding-left: 10px; }
@media (min-width: 992px) {
	a.header-menu-button												{ display: none; }
}

div.mobile-quickmenu													{ position: absolute; left: 0; bottom: 0; height: 30px; width: 100%; line-height: 30px; padding-left: 15px; padding-right: 15px; }
div.mobile-quickmenu div.account										{ float: left; color: #FFFFFF; }
div.mobile-quickmenu div.menubutton										{ float: right; }
div.mobile-quickmenu div.menubutton a.dropdown-toggle					{ color: #FFFFFF; }
div.mobile-quickmenu div.menubutton ul.dropdown-menu a					{ display: inline-block; padding-left: 15px; padding-top: 5px; padding-bottom: 5px; }
div.mobile-quickmenu div.login											{ float: left; }
div.mobile-quickmenu div.login a										{ color: #FFFFFF; }

/*******************************************************************************
 * 하단 footer.
 ******************************************************************************/
div.footer-fullwidth									{ border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background: #f5f5f5; }

div.footer-container									{ min-width: 320px; max-width: 996px; padding-top: 10px; padding-bottom: 10px; font-size: 12px; font-weight: 350; color: #888888; line-height: 1.6; position: relative; }
@media (min-width: 992px) {
	div.footer-container								{ width: 996px; }
}

div.footer-logo											{ padding-top: 10px; padding-bottom: 10px; padding-left: 0; padding-right: 0; }

div.footer-logo img.seculab-logo						{ width: 118px; margin-left: auto; margin-right: auto; }
@media (min-width: 992px) {
	div.footer-logo img.seculab-logo					{ margin-left: 0px; margin-right: auto; }
}

div.footer-address										{ text-align: center; padding-bottom: 10px; }
@media (min-width: 992px) {
	div.footer-address									{ text-align: left; padding: 0; }
}

div.footer-address div									{ display: inline-block; margin-right: 10px;}

div.footer-buttons										{ text-align: center; padding-bottom: 10px; }
@media (min-width: 992px ) {
	div.footer-buttons 									{ text-align: right; padding: 0; }
}

.footer-button											{ font-size: 11px; font-weight: 400; /*display: inline-block;*/ margin-top: 5px; margin-left: 5px;}
.mobile-ui-warning										{ margin-top: 10px; margin-bottom: 0; }

/*******************************************************************************
 * 모바일 메뉴 레이어.
 ******************************************************************************/

div.mobile-menu-overlay									{ background-color: rgba(0, 0, 0, 0.7); z-index: 16; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: none; }
div.mobile-menu-content									{ background-color: #FFFFFF; z-index: 17; position: absolute; top: 0; left: 0px; bottom: 0; width: 250px; min-height: 700px; padding: 10px; overflow-y: scroll; display: none; }
div.mobile-menu-login									{ }
div.mobile-menu-login-account							{ margin-bottom: 10px; }
div.mobile-menu-login-password							{ margin-bottom: 10px; }
div.mobile-menu-remember-account						{ height: 34px; padding-right: 5px; margin-top: 0; margin-bottom: 0; vertical-align: top; }
div.mobile-menu-remember-account label					{ display: inline-block; height: 34px; line-height: 34px; }
div.mobile-menu-remember-account label input			{ width: 16px; height: 16px; margin-top: 9px; }
div.mobile-menu-login-button							{ padding-left: 0; vertical-align: top; }
button.mobile-menu-login-button							{ display: inline-block; }
div.mobile-menu-login-links								{ margin-top: 5px; }
a.mobile-menu-content-signup							{ margin-right: 15px; }

div.mobile-loginstate									{ }
div.mobile-loginstate div.username						{ margin-bottom: 10px; }

ul.mobile-menu-main										{ list-style: none; padding-left: 0; }
ul.mobile-menu-main a									{ display: block;}
ul.mobile-menu-main a:hover								{ text-decoration: none; }
ul.mobile-menu-main a:active							{ text-decoration: none; }
ul.mobile-menu-main h4									{ height: 30px; position: relative; font-size: 18px; font-weight: 500; padding-left: 10px; margin-bottom: 5px; }
ul.mobile-menu-main h4 div.background					{ position: absolute; width: 100%; height: 3px; right: 0; bottom: 0; background: url('/image/mobile-menu-main-background.png') no-repeat right bottom; opacity: 0; }
ul.mobile-menu-main h4 div.right-icon					{ position: absolute; right: 5px; top: 0px; }
ul.mobile-menu-main h4 div.down-icon					{ position: absolute; right: 5px; top: 0px; opacity: 0; }

ul.mobile-menu-sub										{ list-style: none; padding-left: 0; display: none; }
ul.mobile-menu-sub a									{ display: block; }
ul.mobile-menu-sub li									{ border-bottom: 1px solid #D3D3D3; padding-top: 5px; padding-bottom: 5px; }
ul.mobile-menu-sub li:first-child						{ padding-top: 0px; }
ul.mobile-menu-sub h5									{ line-height: 24px; position: relative; font-size: 15px; font-weight: 400; padding-left: 20px; margin: 0; }
ul.mobile-menu-sub li.selected h5						{ color: #FFFFFF; }
ul.mobile-menu-sub li.selected h5 div.background		{ position: absolute; width: 100%; height: 24px; left: 0; top: 0px; background: url('/image/mobile-menu-sub-background.png') no-repeat left top; z-index: -1; opacity: 1; }

div.mobile-customercenter								{ }
div.mobile-customercenter-icon							{ padding-right: 5px; }
img.mobile-customercenter-icon							{ margin-top: 5px; }
div.mobile-customercenter-text1							{ font-size: 15px; font-weight: 400; }
div.mobile-customercenter-text2							{ font-size: 20px; font-weight: 500; color: #C6262C; }
div.mobile-customercenter-text2 a:link					{ text-decoration: none; color: #C6262C; }
div.mobile-customercenter-text2 a:visited				{ text-decoration: none; color: #C6262C; }
div.mobile-customercenter-text2 a:hover					{ text-decoration: underline; color: #C6262C; }
div.mobile-customercenter-text2 a:active				{ text-decoration: underline; color: #C6262C; }
div.mobile-customercenter-text3							{ font-size: 14px; font-weight: 400; margin-bottom: 5px; }

/*******************************************************************************
 * Body 부분.
 ******************************************************************************/

div.body-fullwidth										{ }

div.body-container										{ min-width: 320px; max-width: 996px; position: relative; }
@media (min-width: 992px) {
	div.body-container									{ width: 996px; }
}

/*******************************************************************************
 * Fancybox 설정.
 ******************************************************************************/
div.fancybox-slide										{ padding-left: 5px; padding-right: 5px; }		/* 팝업을 띄울 때 양쪽 패딩이 너무 크지 않도록 한다. */
div.fancybox-slide--iframe div.fancybox-content			{ background-color: transparent; }				/* 엣지, IE에서 가끔 빨간 프레임 아래쪽에 1 픽셀의 흰색 선이 생기는 문제 해결. */