@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Lato:400,700,900');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;600&display=swap');
@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');

@font-face {
  font-family: 'Nanum Barun Gothic';
  font-style: normal;
  src: url('font/NanumBarunGothic.eot');
  src: local('Nanum Barun Gothic Bold'),
       local('NanumBarunGothic'),
       url('font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
       url('font/NanumBarunGothic.woff2') format('woff2'),
       url('font/NanumBarunGothic.woff') format('woff'),
       url('font/NanumBarunGothic.ttf') format('truetype');
}

/* ========================== 태그초기화 =========================== */

html,body{font-family:'Nanum Barun Gothic', 'Lato', sans-serif;font-size: 14px;color:#686868;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-osx-font-smoothing:grayscale;}
html,body,p,img,div,input,ul,header,footer,mark,article,ul li,dl,dl dt,dl dd,form,legend,caption,h1,h2,h3,h4,h5,fieldset,label,ol,ol li,xmp{margin:0;padding:0;border:0;list-style-type:none}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
img{border:0;vertical-align:top;}
ul,ol,dl,dt,dd,li{list-style:none;}
table, th, td{border-collapse:collapse;border-spacing:0;font-weight:normal;}
caption{display:block;text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0;}
fieldset, blockquote, iframe, button{border:none;}
i, em, u, cite, address{font-style:normal;}
table {margin:0;padding:0;word-break:break-all;border-collapse:collapse; }
strong, b{font-weight:bold;}
a {color:#555;text-decoration:none;}
input{border:1px solid #dedede;padding:3px 3px;color:#777;}
button {background:transparent;cursor:pointer;vertical-align:middle;margin:0;}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer;-webkit-appearance:none;}
section, nav, article, aside, header, footer, main, figure, figcaption {display:block;}
input[type="date"]::-webkit-calendar-picker-indicator,input[type="date"]::-webkit-inner-spin-button {display:none;}input[type="text"],input[type="search"],input[type="tel"],input[type="number"],
input[type="password"]{-webkit-appearance:none;border-radius:0}
input[placeholder] {}
::-moz-selection{background:#444;color:#fff;text-shadow:none;}
::selection{background:#444;color:#fff;text-shadow:none;}
::-webkit-input-placeholder {color:#aaa;}
::-moz-placeholder {color:#aaa;}
:-ms-input-placeholder {color:#aaa;}
:-moz-placeholder {color:#aaa;}
::-ms-clear,
::-ms-reveal {display: none;}
input[type="text"],input[type="password"],input[type="file"]{position:relative;height:24px;padding:3px;text-align:left;background:none;border:1px solid #ddd;display:inline-block;color:#666;line-height:1;outline:none;font-size:14px;border-radius:0;}
input[type="file"]{position:absolute;top:0;left:0;z-index:10;width:100%;line-height:normal;cursor:pointer;}
input[type="radio"],input[type="checkbox"]{width:20px;height:20px;cursor:pointer; vertical-align:bottom;}
select, textarea, button{border-radius:0;font-family:'Nanum Barun Gothic', 'Lato', sans-serif;}
input[type="text"],input[type="search"] {border-radius:0;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px #fff inset;}
.clearfix:before, .clearfix:after {content: '';display: block;clear: both;}
.border-radius{behavior:url('../../js/design-js/PIE-1.0.0/PIE.htc');zoom:1;}


/* ========================== 공통 클래스 모음 =========================== */
.floL{float:left !important;}
.floR{float:right !important;}
.posR{position:relative;}
.posA{position:absolute;}
.t-c, .text-c{text-align:center !important}
.t-r, .text-R{text-align:right !important}
.t-l, .text-L{text-align:left !important}
.clr{*zoom:1;}
.clr:after{ content: ""; display: block; clear:both;}
.indent{position:absolute;top:0px;left:-9999px;font-size:0px;line-height:0px;}
.notxt{text-indent:-9999px;font-size:0px;line-height:0px;}
.hide{display:none;}
.dis-Table{display: table;margin:0 auto;}.dis-TableCell{display:table-cell;vertical-align:middle;width:100%;height:100%;}
.CursorP{cursor:pointer}
.BackNone{background:none !important}

/*------- width, margin, padding --------*/
.wAuto{width:auto !important;}.w100{width:100% !important;}.w95{width:95% !important;}.w90{width:90% !important;}.w85{width:85% !important;}.w80{width:80% !important;}.w75{width:75% !important;}.w70{width:70% !important;}.w60{width:60% !important;}.w54{width:54% !important;}.w50{width:50% !important;}
.w475{width:47.5% !important;}.w47{width:47% !important;}.w45{width:45% !important;}.w40{width:40% !important;}.w35{width:35% !important;}.w30{width:30% !important;}.w20{width:20% !important;}.w18{width:18%;}.w15{width:15%;}.w10{width:10% !important;}
.w12{width:12%;}.w16{width:16%;}.w22{width:22%;}
.w1300{width:1300px !important;margin:0 auto !important;}
.mg0a{margin:0 auto !important;}.margin10a{margin:10px auto !important;}.margin20a{margin:20px auto;}.margin30a{margin:30px auto !important;}.margin50a{margin:50px auto;}
.mgt0{margin-top:0 !important;}.mgt-5{margin-top:5px;}.mgt-10{margin-top:10px;}.mgt-20{margin-top:20px !important;}.mgt-30{margin-top:30px !important;}.mgt-50{margin-top:50px !important;}
.mgt-15{margin-top:15px;}.mgt-26{margin-top:26px;}.mgt-40{margin-top:40px !important;}.mgt-50{margin-top:50px ;}.mgt-60{margin-top:60px ;}.mgt-70{margin-top:70px !important;}.mgt-100{margin-top:100px !important;}
.mgr-2{margin-right: 2px;}.mgr-5{margin-right: 5px !important;}.mgr-70{margin-right:70px;}.mgr-10{margin-right:10px !important;}
.mgl-5{margin-left:5px !important;}.mgl-8{margin-left:8px;}.mgl-10{margin-left:10px;}.mgl-15{margin-left:15px;}.mgl-20{margin-left:20px !important;}.mgl-30{margin-left:30px;}
.mgb-10{margin-bottom:10px !important;}.mgb-20{margin-bottom: 20px !important;}.mgb-30{margin-bottom: 30px !important;}.mgb-50{margin-bottom: 50px !important;}.mgb-60{margin-bottom: 60px !important;}.mgb-70{margin-bottom: 70px !important;}.mgb-80{margin-bottom: 80px !important;}.mgb-90{margin-bottom: 90px;}.mgb-120{margin-bottom: 120px !important;}
.pdt10{padding-top:10px;}.pdt20{padding-top:20px;}.pdt30{padding-top:30px;}
.pdl10{padding-left:10px !important;}.pdl-15{padding-left:15px;}.pdl20{padding-left:20px !important;}.pdl30{padding-left:30px !important;}.pdl-30{padding-left:30px;}
.pdr10{padding-right:10px !important;}.pdr15{padding-right:15px !important;}.pdr30{padding-right:30px !important;}.pdr150{padding-right:150px !important;}
.pdb-10{padding-bottom:10px;}.pdb-20{padding-bottom:20px;}.pdb-30{padding-bottom:30px;}

.bg-no{background:none !important;}.pd-no{padding:0 !important;}.mg-no{margin:0 !important;}.bd-no{border:0 !important;}

/*------- 텍스트 --------*/
.text-eng{font-family:'Lato', sans-serif;}
.text-red{color:#f53e3c !important;}.text-red2{color:#f87b27 !important;}
.textBlack{color:#333;}
.textBlue{color:#005ac9;}
.textBlue{color:#005ac9;}
.textOrange{color:#ef680e;}
.color-white{color:#fff !important;}

.fl-left{display:inline-block;}.fl-left li{float:left !important;}
.fl-none{display:inline-block;}.fl-none li{float:none;}
.list-num{display:inline-block;list-style-type:circle;}
.inline{display:inline-block !important;}

/* -- line-hegiht -- */
.LineH40{line-height:40px;}

/*-- background --*/
.bg-white{background:#fff !important;}/*.bg-white:hover{background:#fff;border:1px solid #000;}*//*-- 전체제품리스트 pd-box --*/
.bg-orange{background:#ef680e !important;color:#fff !important;}.bg-orange:hover{background:#de650d !important;color:#fff !important;}
.bg-607ebc{background:#043477 !important;}
.bg-blue{background:#607ebc !important;}
.bg-green{background:#79a5b0 !important;}
.bg-fa{background:#dedede;}
.bg-fa2{background:#dedede !importatnt;}
.bg-gray{background:#acacac;}
.bg-gray-de{background:#dedede !importatnt;}
.bg-black{background:#333;}.bg-black:hover{background:#000;}
.bg-gray3745{background:#333745;color:#fff !important;}.bg-gray3745:hover{background:#000;color:#fff;}

.noticeBtn a{color:#fff;width:70px;height:35px;line-height:35px;text-align:center;}

/* 공통 */
.btn,
.btn * {margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; 
		white-space:nowrap; vertical-align:middle; overflow:visible; color:#fff; }
.btn *{cursor:pointer; cursor:hand; vertical-align:middle;}
.btn span{text-indent:-99999px; font-size:0; }

.btnWrap{display:table; margin:0 auto;}
.btnWrap a{display:inline-block;font-size:14px;padding:15px 35px;margin:0 8px;border-radius:3px;}


/* text Button large*/
.lg_ty1{padding:0 20px; min-width:100px; background-color:#494949; height:26px; line-height:26px; text-align:center; color:#fff !important; font-size:14px;}
.lg_ty2{padding:0 20px; min-width:100px; background-color:#fff; height:26px; line-height:26px; text-align:center; color:#888 !important; font-size:14px; border:1px solid #888;transition-duration: 0.5s;}
.lg_ty2:hover{border:1px solid #333;color:#333 !important;}


/*------- input --------*/
.normal-inp{overflow:hidden;height:32px;padding:0 10px;border:1px solid #dedede;line-height:32px;font-size:14px;color:#555;}


/* =========================== skip네비게이션 ====================================== */
#skip a{position:absolute;top:0px;left:-9999px;z-index:100;}
#skip a:focus, #skip a:active{left:0px;width:100%;text-align:center;padding:10px 0px;background:#004c80;color:#fff;font-weight:bold;}


/* =========================== 공통 레이아웃 ============================= */

div#wrap{overflow:hidden;width:100%;height:auto;min-width:1300px;}
div#wrap header{overflow:visible;width:100%;height:160px;background:#fff;position:relative;z-index:99;}
#container{width:100%;margin:0 auto;position:relative;overflow: hidden;}
div#wrap footer{clear:both;position:relative;background:#43454c;}

#videobcg{position:absolute;top:75px;left:0px;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-1000;overflow:hidden;}
#overPopup{width:300px;height:500px;position:fixed;left:30px;top:30px;z-index:9997;}

.logContainer{background:#f4f5f9;}
.logSubContainer{width:100%;}

/* =========================== header =================================== */

header .HeaderTop{position:relative;height:40px;background:#b8b9ba;display:none;}
header .TopTab{float:left;position:relative;}
.TopTab ul{}
.TopTab ul li{float:left;height:40px;margin-right:2px;}
.TopTab ul li a{display:inline-block;text-align:center;font-size:13px;padding:0 20px;color:#fff;line-height:40px;transition-duration:0.5s;}
.TopTab ul li a:hover, .TopTab ul li a.hoveron{background:#fff;color:#333c4e;}

header .TopLnb{float:right;position:relative;}
.TopLnb ul{margin:12px 0;}
.TopLnb ul li{height:12px;display:inline-block;float:left;}
.TopLnb ul li a{display:block;text-align:center;font-size:12px;font-family:'Lato', sans-serif;color:#fff;line-height:12px;transition-duration:0.5s;}
.TopLnb ul li:first-child a:after{content: "";float:right;width:1px;height:12px;background:#fff;margin:0 15px;}
.TopLnb ul li a:hover{text-decoration:underline;}
/* .TopLnb ul li:last-child a:after{content: "";float:right;width:1px;height:12px;background:#b8b9ba;margin:0;} */
.TopLnb li .SiteBt{margin-right:20px;}
.TopLnb li .TopTabCountry{width:25px;height:16px;margin:0 3px;}

header .TopCopy{float:right;position:relative;width:300px;height:24px;background: #797979;margin:8px 15px 8px 0;font-size:12px;color:#eee;text-align:center;line-height:24px;border-radius:30px;}

header .TopLogo{position:relative;background:#fff;height:100px;}
.TopLogo h1{position:absolute;top:25px;left:50%;margin-left:-88px;width:176px;}
.TopLogo h1 a{display:block;}
.TopLogo .TopCs{float:left;width:160px;height:40px;background:url('../../images/os/new_img1/common/icon_cs.png')no-repeat right;padding-top:30px;border:0;}
.TopLogo .TopCs dl{line-height:20px;text-align:right;padding-right:50px;font-family: 'Lato', sans-serif;}
.TopLogo .TopCs dl dt{font-size:14px;color:#ed7e1d;}
.TopLogo .TopCs dl dd{font-weight:bold;font-size:15px;color:#232a34;}
.TopLogo .TopTime{float:right;width:255px;height:40px;background:url('../../images/os/new_img1/common/icon_time.png')no-repeat;margin-top:30px;}
.TopLogo .TopTime dl{line-height:20px;padding-left:50px;}
.TopLogo .TopTime dl dt{font-family: 'Lato', sans-serif;font-size:14px;color:#ed7e1d;}
.TopLogo .TopTime dl dd{font-size:12px;color:#868990;}
.TopLogo .TopTime dl dd span{font-weight:bold;font-size:15px;color:#232a34;margin-right:8px;}

.allArea{width:100%;height:880px;position: absolute; top:40px; z-index: 9999; left:0;text-align: center; background: rgb(0, 0, 0, 0.2);display: none;}

.allMenuArea {position:relative;width:97%;height:850px;background:#fff;margin:0 auto;border:1px solid #d8d8d8;box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);scroll:auto;overflow-x:hidden;}
.allMenuArea .line {position:absolute; top:80px; left:0; width:100%; height:1px; background:#dbdbdb}
.allMenuArea .closeBt {position:absolute; top:25px; right:25px;}
.allMenuArea ul {width:1300px; margin:0 auto; overflow:hidden;}
.allMenuArea ul li {float:left; width:13%;margin-right:1%;}
.allMenuArea ul li .oneD {display:block; position:relative; height:81px;font-size:18px; color:#000; line-height:81px; margin-bottom:15px;}
.allMenuArea ul li:hover .oneD, .allMenuArea ul li:focus .oneD {color:#2375a2;}
.allMenuArea ul li:hover .oneD:after, .allMenuArea ul li:focus .oneD:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#2375a2;}
.allMenuArea ul li .twoD > a {line-height:20px;display:block; padding:15px 0;font-weight:normal; font-size:16px; color:#2375a2;; border-top:1px solid #dedede;}
.allMenuArea ul li .twoD > a:first-child {border-top:0;}
.allMenuArea ul li .thrD {padding:10px 0; border-top:1px solid #dedede}
.allMenuArea ul li .thrD > a {display:block;font-size:14px; color:#666; line-height:26px;}
.allMenuArea ul li .thrD > a:first-child {margin-top:0;}

.allMenuArea ul li a:hover, .allMenuArea ul li a:focus {color:#ed7e1d;}

.first-btn{display:block;text-align:center;font-size:14px;transition:all 0.5s;cursor:pointer;height:35px;line-height:35px;}
/* ============================== gnb =================================== */
.gnbWrap{position:relative;width:100%;height:60px;background:#333c4e;z-index:9997;box-shadow: 0 3px 2px rgba(0, 0, 0, 0.4);}
.gnbWrap nav{width:1296px;margin:0 auto;}

.officeTit nav{width:740px;}

.gnb .navigation > li > ul, 	.gnb .navigation > li > ul > li > ul{display:block !important;	visibility:hidden;opacity:0;	}

.gnb{position:relative;} 

.gnb .navigation{position:relative;margin:0px;}

.gnb .navigation > li{position:relative;float:left;text-align:center;width:185px;}

.gnb .navigation > li > a{position:relative;display:block;color:rgba(250, 250, 250, 0.7);line-height:16px;font-size:16px;padding:22px 0;opacity:1;	
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}
.gnb .navigation > li > a:after{content: "";float:right;width:1px;height:16px;background:#585f6d;margin:0;}
.gnb .navigation > li:first-child > a:before{content: "";float:left;width:1px;height:16px;background:#585f6d;margin:0;}
.gnb .navigation > li > a:hover{color:#fff;}

.gnb .navigation > li > ul{	position:absolute;	left:50%;	top:120%;	width:100%;	margin-left:-50%;background:rgba(46, 53, 67, 0.9);z-index:100;display:none;padding:12px 0;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.gnb .navigation > li > ul > li > a{position:relative;	display:block;line-height:36px;font-weight:400;font-size:15px;text-transform:capitalize;color:rgba(250, 250, 250, 0.6);
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}


.gnb .navigation > li > ul > li:hover > a{color:rgba(250, 250, 250, 1);text-decoration:underline;}

.gnb .navigation > li > ul > li > ul{position:absolute;	left:100%;	top:10px;	width:100%;	padding:0px;	z-index:100;	display:none;   box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);}

.gnb .navigation > li > ul > li  > ul > li > a{	position:relative;	display:block;	padding:12px 15px;	line-height:22px;	font-weight:400;	font-size:15px;	text-transform:capitalize;	color:#000;
	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
}

.gnb .navigation > li > ul > li  > ul > li > a:hover{	color:rgba(250, 250, 250, 0.7);}

.gnb .navigation > li.dropdown:hover > ul{visibility:visible;opacity:1;top:100%;}

.gnb .navigation li > ul > li.dropdown:hover > ul{visibility:visible;	opacity:1;	top:10px;	transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-webkit-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;	
}

.dropdown, .dropup {position: relative;}

#QuickMenu {position: fixed;top:25%; right: 0;z-index:9998;}
#QuickMenu li {idth: 120px;height: 80px;line-height: 80px;border-bottom:1px solid #000;box-sizing:border-box;}
#QuickMenu li i{position: absolute; top: 18px; left: 50%; margin-left:-10px;font-size: 20px;}
#QuickMenu a{position: relative; display: inline-block;width: 100px;height: 80px;text-align: center; font-size:13px;color:#333c4e; background-color: rgba(255,255,255,0.9); overflow: hidden; box-shadow: -3px 5px 10px rgba(0,0,0,0.1);transition: all .5s;	-webkit-transition: all .5s;padding-top:18px;box-sizing:border-box;}
#QuickMenu a:hover{width: 100px;color: #fff; background-color:#334d7c;}

/* #QuickMenu {position: fixed;top:25%; right: 0;z-index:9998;}
#QuickMenu li {text-align: right; width: 100%;height: 60px;line-height: 60px;}
#QuickMenu li i{position: absolute; top: 20px; left: 25px; font-size: 20px;}
#QuickMenu a{position: relative; display: inline-block;width: 0;padding-left:65px;height: 60px;text-align: left; font-size:15px;color:#333c4e; background-color: rgba(255,255,255,0.9); overflow: hidden; box-shadow: -3px 5px 10px rgba(0,0,0,0.1);transition: all .5s;	-webkit-transition: all .5s;}
#QuickMenu a:hover{width: 120px;color: #fff; background-color:#334d7c;padding-left:55px;} */


.rotate180 {-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-ms-transform: rotate(180deg); transform: rotate(180deg);}
.transi3s{transition:0.3s all;}


/* ============================== shop =================================== */



/* ============================== footer =================================== */
footer{clear:both;}
footer .footerTopInner{position:relative;width:100%;height:50px;margin:0 auto;background:#3c3d43;}

.footerTop{width:1300px;margin:0 auto;height:50px;text-align:left;}
.footerMenu ul{float:left;}
.footerMenu li{float:left;display:table;height:50px;}
.footerMenu li a{display:inline-block;color:#7a7b7f;font-size:14px;line-height:50px;transition-duration: 0.5s;}
.footerMenu li a:after{content: "";float:right;width:1px;height:12px;background:#7a7b7f;margin:18px 25px;}
.footerMenu li a:hover{color:#fff;}
.footerMenu li a.tcolor-black{color:#49709f;}
.footerMenu li:last-child a:after{content: "";float:right;width:1px;height:12px;background:#3c3d43;margin:18px 25px;}


.footerTop .familyLink{float:right;}
.familyLink{width:170px;height:50px;background:#474e61;}
.familySite {width:100%; float:left; font-size:15px; position:relative; }
.familySite dt {padding-left:25px;line-height:50px;}
.familySite dt a {display:block; position:relative;color:#e2e3e5;}
.familySite dt a:after {content:""; display:block; position:absolute; right:10px; top:50%; margin-top:-2px; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:5px solid #e2e3e5;
-webkit-transform: rotate(0deg); transform: rotate(0deg);
-webkit-transition: all .3s ease; transition: all .3s ease;}
.familySite dt a.on:after {-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.familySite dd {display:none; position:absolute; left:0; bottom:50px; width:100%; z-index:101;}
.familySite dd ul{background:#fff;border:1px solid #e5e5e5;border-bottom:0}
.familySite dd ul li{border-bottom:1px solid #e5e5e5;padding:10px 20px;}
.familySite dd ul li a{font-size:13px;color:#666;transition-duration: 0.5s;}
.familySite dd ul li a:hover{color:#ed7e1d;}

.footerBottom{width:1300px;margin:0 auto;font-size:13px;color:#797979;line-height:20px;}
.footerBottom h1{float:left;margin-top:32px;}
.footerBottom address{padding:40px 0 40px 250px;}
.footerBottom address p{font-size:12px;color:#7a7b7f;padding:3px 0;}
.footerBottom address span{margin-right:20px;}

.scroll-to-top{display:block;position:fixed;bottom:30px;right:30px;background:#fff;border:1px solid #dedede;text-align:center;width:42px;height:42px;cursor:pointer;z-index:99;border-radius:25px;
-webkit-border-radius:25px;-moz-border-radius:25px;transition:all 500ms ease;behavior: url('../../js/design-js/PIE-1.0.0/PIE.htc');}
.scroll-to-top i{font-size:22px;line-height:43px;}
.scroll-to-top:hover{background:#494949;border:1px solid #494949;color:#fff;}

.bBtn{display:block;padding:7px 15px;text-align:center;color:#fff;font-size:14px;border-radius:2px;}
.bBtn40{display:block;padding:12px 20px;text-align:center;color:#fff;font-size:14px;border-radius:2px;}
.IBtn{display:table;margin:30px auto 0 auto;}
.IBtn a{float:left;width:150px;margin:0 5px;line-height:30px;}
.colorRed{background:#bd0244;color:#fff;font-size:16px;}
.colorRed:hover{background:#8d0032;}
.colorBlue{background:#065bab;color:#fff;font-size:16px;}
.colorBlue:hover{background:#04417a;}


/* 오토십 상품등록 표 */
.bbs_type,.bbs_type th,.bbs_type td{border:0;font-size:14px;}
.bbs_type{clear:both;width:100%;border-bottom:1px solid #dcdcdc;border-right:1px solid #dcdcdc;border-top:1px solid #0092c1;text-align:center;border-collapse:collapse;}
.bbs_type caption{display:none}
.bbs_type thead th{padding:10px;border:1px solid #dcdcdc;background:#f4f4f4;color:#666;font-weight:bold;border-top:none}
.bbs_type tbody th{padding:10px;border:1px solid #dcdcdc;background:#f4f4f4;color:#666;font-weight:bold;border-top:none}
.bbs_type td{padding:8px;border:1px solid #e5e5e5;color:#4c4c4c;border-top:none;border-right:none}
.bbs_type td p{text-align:left;margin-left:10px}
.bbs_type .bu{background:#f4f4f4;color:#666;font-weight:bold;}
.bbs_type .bg_r{background:#fff4f4;}
.bbs_type .bg_b{background:#f5faff;}

/* 배경색 버튼 */
.lgty1{background-color:#000; width:132px; height:32px; line-height:32px; text-align:center; color:#fff !important;}
.lgty2{background-color:#7f7f7f; width:132px; height:32px; line-height:32px; text-align:center; color:#fff !important;}
.lgty3{background-color:#aaaaaa; width:132px; height:32px; line-height:32px; text-align:center; color:#fff !important;}
.smty1{background-color:#000; padding:0 10px; height:25px; line-height:25px; color:#fff !important;}
.smty2{background-color:#aaaaaa; padding:0 10px; height:23px; line-height:25px; color:#fff !important;}
.smty3{background-color:#334254; padding:0 10px; height:23px; line-height:25px; color:#fff !important;}

/* 애니메이션션 효과 */
.textAnimation {
  animation: topCertify 1.0s infinite;
  padding: 0 10px;
  background: #d75654;
  border-radius:  3px;
  margin-right: -15px;
}

@keyframes topCertify {
  0% {color:rgba(250, 250, 250, 1);}
  100% {color: rgba(250, 250, 250, 0.5);}
}

@-webkit-keyframes anitop {
    from {top: -50px;}
    to {top: 0px;}
}

@keyframes anitop {
    from {top: -50px;}
    to {top: 0px;}
}


.anitop{-webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */; animation-fill-mode: forwards;}
.anitop01{-webkit-animation-name: anitop;  /* Safari 4.0 - 8.0 */    -webkit-animation-duration: 1.5s;  /* Safari 4.0 - 8.0 */      animation-name: anitop;    animation-duration: 1.5s;}
.anitop02{-webkit-animation-name: anitop;  /* Safari 4.0 - 8.0 */    -webkit-animation-duration: 2s;  /* Safari 4.0 - 8.0 */      animation-name: anitop;    animation-duration: 2s;}
.anitop03{-webkit-animation-name: anitop;  /* Safari 4.0 - 8.0 */    -webkit-animation-duration: 2.5s;  /* Safari 4.0 - 8.0 */      animation-name: anitop;    animation-duration: 1.9s;}
.anitop04{-webkit-animation-name: anitop;  /* Safari 4.0 - 8.0 */    -webkit-animation-duration: 3s;  /* Safari 4.0 - 8.0 */      animation-name: anitop;    animation-duration: 2.5s;}
.anitop05{-webkit-animation-name: anitop;  /* Safari 4.0 - 8.0 */    -webkit-animation-duration: 3.4s;  /* Safari 4.0 - 8.0 */      animation-name: anitop;    animation-duration: 3.4s;}
.anitop06{-webkit-animation-name: anitop;  /* Safari 4.0 - 8.0 */    -webkit-animation-duration: 3.7s;  /* Safari 4.0 - 8.0 */      animation-name: anitop;    animation-duration: 3.7s;}


/* ========================  animation ============================= */

.fromTopIn{transition: transform 0.8s ease, opacity 0.8s ease;transform: translate(0,0);opacity: 1.0;}
.fromTopOut{transition: transform 0.8s ease, opacity 0.8s ease;transform: translate(0,-10px);opacity: 0.0;}
.fromBottomIn{transition: transform 0.8s ease, opacity 0.8s ease;transform: translate(0,0);opacity: 1.0;}
.fromBottomOut{transition: transform 0.8s ease, opacity 0.8s ease;transform: translate(0,10px);opacity: 0.0;}
.fromLeftIn{transition: transform 0.8s ease, opacity 0.8s ease;transform: translate(0,0);opacity: 1.0;}
.fromLeftOut{transition: transform 0.8s ease, opacity 0.8s ease;transform: translate(-10px,0);opacity: 0.0;}
.fromRightIn{transition: transform 0.8s ease, opacity 0.8s ease;transform: translate(0,0);opacity: 1.0;}
.fromRightOut{transition: transform 0.8s ease, opacity 0.8s ease;transform: translate(10px, 0);opacity: 0.0;}
.scaleUpIn{transition: transform 0.8s ease, opacity 0.8s ease;transform: scale(1.0,1.0);opacity: 1.0;}
.scaleUpOut{transition: transform 0.8s ease, opacity 0.8s ease;transform: scale(1.3,1.3);opacity: 0.0;}
.scaleDownIn{transition: transform 0.8s ease, opacity 0.8s ease;transform: scale(1.0,1.0);opacity: 1.0;}
.scaleDownOut{transition: transform 0.8s ease, opacity 0.8s ease;transform: scale(0.7,0.7);opacity: 0.0;}



/* -------- 팝업 : 판매원조회, 아이디/패스워드 찾기 -------- */
#popWrap{position:relative;margin:50px;border:1px solid #eee;padding:39px;position:relative;text-align:left;line-height:1.3;}
#popWrap .popHeader h1{font-size:20px;line-height:30px;color:#333;font-weight:normal;}
#popWrap .popHeader h5{font-size:30px;line-height:40px;color:#333;font-weight:normal;text-align:left;}
#popWrap .popHeader .guide{font-size:13px;color:#bebebe;margin:11px 0 32px 0;}
#popWrap .popContents{}
#popWrap .searchBox{overflow:hidden;width:420px;}
#popWrap .searchBox dt,
#popWrap .searchBox dd{float:left;margin:0 0 11px 0; }
#popWrap .searchBox dt{clear:both;width:90px;font-size:15px;color:#797979;height:33px;line-height:33px;}
#popWrap .searchBox dd{width:330px;}
#popWrap .searchBox input{border:1px solid #e1e6ea;height:33px;line-height:33px;}
#popWrap .searchBox select{height:25px;line-height:25px;}
#popWrap .confirm{text-align:center;margin:30px 0 0 0;}
#popWrap .confirm a{display:inline-block;width:160px;height:50px;color:#fff;background-color:#444444;text-align:center;line-height:50px;font-size:15px;}
#popWrap .popclose{position:absolute;right:-1px; top:-1px;}
#popWrap .idPassFind { }
#popWrap .idPassFind h2{font-size:18px;color:#1b1b1b;font-weight:normal;}
#popWrap .formTable{margin:15px 0 0 0;}
#popWrap .formTable th{font-size:15px; letter-spacing:-1px; font-weight:normal; text-align:left; color:#848484; }
#popWrap .formTable td{padding:5px 0;}
#popWrap .formTable .point{color:#444; font-size:12px; margin-top:10px;}
#popWrap .formTable td input{border:1px solid #dddddd;height:33px;line-height:33px;padding-left:3px;}
#popWrap .idPassFind .confirm{padding:30px 0 35px 0; border-bottom:1px solid #e0e4e8; margin:0 0 26px 0;}
#popWrap .idPassFind .passfind{margin:24px 0 0 0; text-align:center;}
#popWrap .idPassFind .passfind span{font-size:13px; line-height:22px; display: block; text-indent: -20px; margin-left: 20px;text-align:left;}
#popWrap .idPassFind .passfind strong{color:#343d45; font-size:15px;display:block; padding:20px 0 0 0;} 
.formTable select{height:32px;padding:3px;text-align:left;border:1px solid #ddd;line-height:1;outline:none;font-size:14px;border-radius:0;}


/* 메인 팝업*/
.MainPop{position:relative;width:100%;}
.MainPop .PopBtn{position:absolute;bottom:0;width:100%;height:50px;background:rgba(0,0,0,0.85);}
.PopBtn li{position:relative;float:left;width:50%;}
.PopBtn li a{display:block;font-size:14px;color:#fff;line-height:50px;text-align:center;}
.PopBtn li.Line:after{content:"";display:block;position:absolute;right:0; top:18px;width:1px;height:14px;background:rgba(255,255,255,0.3);}
#layPop-123{height:auto !important;}