/* User: PL Kim */

:root {
	/* horizontal */
	--horizontal-top-height:64px;
	--horizontal-header-height:64px;
	--horizontal-gnb-height:100px;
	--horizontal-gnb-width:100%;
	--horizontal-gnb-menu-width:15%;
	--horizontal-gnb-menu-max-width:260px;
	
	--horizontal-top-bg:#ffffff;
	--horizontal-top-bg--mobile:rgb(0, 75, 157);
	--horizontal-header-bg:rgb(0, 75, 157);
	--horizontal-header-bg--on:rgb(0, 75, 157);
	--horizontal-header-bg--scroll:rgb(0, 75, 157);
	--horizontal-header-bg--active:rgb(0, 75, 157);
	--horizontal-header-bg--mobile:rgb(0, 75, 157);
	
	--horizontal-tnb-color:#222222;
	--horizontal-tnb-color--hover:rgb(0, 75, 157);
	--horizontal-gnb-color:#ffffff;
	--horizontal-gnb-color--hover:rgb(0, 75, 157);
	--horizontal-gnb-color--scroll:#ffffff;
	--horizontal-gnb-color--active:#ffffff;
	--horizontal-lnb-color:#ffffff;
	--horizontal-lnb-color--hover:rgb(0, 75, 157);
	--horizontal-lnb-color--scroll:#ffffff;
	--horizontal-lnb-color--active:#ffffff;
	
	--horizontal-navi-border:1px solid transperant;
	
	--horizontal-hamburger-color:#ffffff;
	--horizontal-gnb-color--mobile:#ffffff;
	--horizontal-gnb-bg--mobile:rgb(0, 75, 157);
	--horizontal-lnb-bg--mobile:#1975ff;
	
	/* common */
	/* --header-max-width:1200px; */
	--header-max-width:95%;
	--contents-max-width:1200px;
	--contents-min-width:360px;
	
	/* menu */	
	--sub-menu-color:#ffffff;
	--sub-menu-color--hover:#333333;
	--sub-menu-color--active:#333333;
	
	--sub-menu-bg1:center/cover no-repeat url(/images/sub-menu-bg1.png) #000000;
	--sub-menu-bg2:center/cover no-repeat url(/images/sub-menu-bg2.png) #000000;
	--sub-menu-bg3:center/cover no-repeat url(/images/sub-menu-bg3.png) #000000;
	--sub-menu-bg4:center/cover no-repeat url(/images/sub-menu-bg4.png) #000000;
	--sub-menu-bg5:center/cover no-repeat url(/images/sub-menu-bg5.png) #000000;
	--sub-menu-bg6:center/cover no-repeat url(/images/sub-menu-bg6.png) #000000;
	--sub-menu-bg--hover:#ffffff;
	--sub-menu-bg--active:#ffffff;
	
	--tab-menu-color:#ffffff;
	--tab-menu-color--hover:#333333;
	--tab-menu-color--active:#333333;
	--tab-menu-bg:#333333;
	--tab-menu-bg:rgb(0, 75, 157);
	--tab-menu-bg--hover:#ffffff;
	--tab-menu-bg--active:#ffffff;
	
	/* footer */
	--footer-height:180px;
	--footer-height--mobile:250px;
	--footer-color:#ffffff;
	--footer-bg:#333333;
	--footer-border:0px solid #ddd;
	--extra-footer-height:0px;
	--extra-footer-bg:#333333;
	--extra-footer-bg:#ffffff;
	
	/* blank */
	--margin:18px;
	--padding:18px;
	--margin-text:6px;
	--padding-text:6px;
	
	/* font-size */
	--font-size--zt:60px;
	--font-size--zb:48px;
	--font-size--bz:38px;
	--font-size--bg:24px;
	--font-size--lg:20px;
	--font-size--md:17px;
	--font-size--sm:15px;
	--font-size--mn:13px;
			
	/* font-color */
	--point-color:rgb(0, 75, 157);
	--light-point-color:#1975ff;
	--required-color:#E4022E;
	--caution-color:#E4022E;
	--caution-color--yellow:#ffff00;
	
	--pagination-color:#333333;
	--pagination-point-color:#222222;
	
	--text-color:#333333;
	--link-color:#333333;
	--form-color:#333333;
	--placeholder-color:#666666;

	/* background */
	--popup-bg:#ffffff;
	--body-bg:#ffffff;
	--content-bg:#ffffff;
	--overlay:rgba(0, 0, 0, 0.6);
	
	--input-bg:#ffffff;
	--input-bg--info:transpearnt;
	--input-bg--readonly:transpearnt;
	
	--th-bg:#fafafa;
	--td-bg:#ffffff;
	--td-bg--2n:#fafafa;
	
	/* background - image */
	--slide-bg1:center/cover no-repeat url(/images/slide/slide1.jpg) #000000;
	--slide-bg2:center/cover no-repeat url(/images/slide/slide2.jpg) #000000;
	--slide-bg3:center/cover no-repeat url(/images/slide/slide3.jpg) #000000;
	
	--main-block-bg:center/cover no-repeat url(/images/main-block--bg.png) #000000;
	
	--warranty-bg:top/cover no-repeat url(/images/cellbank/bg-warranty.png) #ffffff;
	--darkmode-bg:rgba(255,255,255,0.5);
	
	/* border */
	--border-radius:8px;
	--border--box:1px solid #dddddd;
	--border--form:1px solid #dddddd;
	--border--table:1px solid #dddddd;
	--border--table-top:2px solid #000000;
	--border--none:1px solid transpearnt;
	
	--border--print:1px solid #aaaaaa;
	
	/* shadow */
	--text-shadow:0px 0px 4px rgba(0, 0, 0, 0.4);
	--text-shadow--deep:0px 0px 4px rgba(0, 0, 0, 0.4), 0px 0px 12px rgba(0, 0, 0, 0.6);
	
	--box-shadow:0 6px 12px rgb(0, 0, 0, 6%), 0 10px 40px rgb(0, 0, 0, 6%);
	--box-shadow--active:0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
	
	/* button */
	--btn-radius:20px;
	--btn-square-radius:6px;
	--btn-border:1px solid transpearant;
	--btn-border--line:1px solid #aaaaaa;
	
	--btn-shadow:0 6px 12px rgb(0, 0, 0, 12%), 0 10px 40px rgb(0, 0, 0, 6%);
	--btn-shadow--active:0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
	
	--store-color:#ffffff;
	--store-color--hover:#ffffff;
	--store-bg:rgb(0, 75, 157);
	--store-bg--hover:rgb(0, 75, 157);
	--login-color:#ffffff;
	--login-color--hover:#ffffff;
	--login-bg:rgb(0, 75, 157);
	--login-bg--hover:#222222;
	
	--search-color:#ffffff;
	--search-color--hover:#ffffff;
	--search-bg:#07E232;
	--search-bg--hover:#07E232;
	
	--regist-color:#ffffff;
	--regist-color--hover:#ffffff;
	--regist-bg:rgb(0, 75, 157);
	--regist-bg--hover:#222222;
	
	--delete-color:#ffffff;
	--delete-color--hover:#ffffff;
	--delete-bg:#d70d35;
	--delete-bg--hover:#000000;
	
	--list-color:#ffffff;
	--list-color--hover:#ffffff;
	--list-bg:#666666;
	--list-bg--hover:#222222;
	
	--file-color:#ffffff;
	--file-color--hover:#ffffff;
	--file-bg:#E4022E;
	--file-bg--hover:#E4022E;
	
	--juso-color:#ffffff;
	--juso-color--hover:#ffffff;
	--juso-bg:#E4022E;
	--juso-bg--hover:#E4022E;
	
	--print-color:#ffffff;
	--print-color--hover:#ffffff;
	--print-bg:#333333;
	--print-bg--hover:#222222;
  }