@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,700,900');

@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');
}

@font-face {
  font-family: 'NanumSquare';
  font-style: normal;
  font-weight: 400;
  src: url('font/NanumSquareR.eot');
  src: local('Nanum Square Regular'),
       local('NanumSquareR'),
       url('font/NanumSquareR.eot?#iefix') format('embedded-opentype'),
       url('font/NanumSquareR.woff2') format('woff2'),
       url('font/NanumSquareR.woff') format('woff'),
       url('font/NanumSquareR.ttf') format('truetype');
}

@font-face {
  font-family: 'NanumSquare';
  font-style: bold;
  font-weight: 700;
  src: url('font/NanumSquareB.eot');
  src: local('Nanum Square Bold'),
       local('NanumSquareB'),
       url('font/NanumSquareB.eot?#iefix') format('embedded-opentype'),
       url('font/NanumSquareB.woff2') format('woff2'),
       url('font/NanumSquareB.woff') format('woff'),
       url('font/NanumSquareB.ttf') format('truetype');
}

/* 
 * 나눔스퀘어 익스브라우저에서 17포인트 이하 깨짐 현상으로 인해 타이틀에만 사용함.
 * 삭제를 원할 시에 new_common.css, new_main.css, new_sub.css 파일에서 'NanumSquare' 를 검색해 지워주세요.
 */

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

html,body{font-family:'Noto Sans KR', 'NanumSquare', sans-serif, 'Noto Serif', serif;font-size: 14px;color:#696969;-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:#211c55;color:#fff;text-shadow:none;}
::selection{background:#211c55;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:middle;}
select, textarea, button{border-radius:0;font-family:'Nanum Barun Gothic', sans-serif, 'Lora', 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;}
.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;}
.bgn a{background:none !important}
.dis-Table{display: table;margin:0 auto;}
.CursorP{cursor:pointer}
.BackNone{background:none !important}
.text-c{text-align:center !important;}.text-L{text-align:left !important;}.text-R{text-align:right !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;}.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%;}
.w125{width:12.5%;}.w575{width:57.5%;}
.w1200{width:1200px !important;margin:0 auto !important;}
.wid30{width:30px !important;}.wid40{width:40px !important;}
.wAuto{width:auto !important;}
.hei60{height:60px !important;}
.mg0a{margin:0 auto !important;}.margin5a{margin:5px auto;}.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-40{margin-top:40px !important;}.mgt-50{margin-top:50px !important;}.mgt-100{margin-top:100px !important;}
.mgr-70{margin-right:70px;}.mgr-10{margin-right:10px !important;}.mgr-30{margin-right:30px !important;}.mgr-2{margin-right: 2px;}.mgr-5{margin-right: 5px !important;}
.mgl-5{margin-left:5px !important;}.mgl-8{margin-left:8px;}.mgl-10{margin-left:10px;}.mgl-15{margin-left:15px;}.mgl-30{margin-left:30px;}
.mgb-10{margin-bottom:10px !important;}.mgb-20{margin-bottom: 20px;}.mgb-30{margin-bottom: 30px !important;}.mgb-50{margin-bottom: 50px !important;}.mgb-70{margin-bottom: 70px !important;}.mgb-80{margin-bottom: 80px !important;}
.mgb-90{margin-bottom: 90px;}
.pdt10{padding-top:10px;}.pdt20{padding-top:20px;}.pdt30{padding-top:30px;}
.pdl5{padding-left:5px !important;}.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;}.pdl-50{padding-left:50px;box-sizing:border-box;}
.pdr10{padding-right:10px !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;}
.pdt-none{padding-top:0px !important;}
.mg0{margin:0 auto !important;}
.w1050{width:1050px;text-align:center;margin:0 auto;}	
.mgt-15{margin-top:15px;}.mgt-26{margin-top:26px;}.mgt-40{margin-top:40px;}.mgt-50{margin-top:50px ;}.mgt-70{margin-top:70px !important;}
.wid80{width:80px;}
.wid100{width:100px;}
.wid110{width:110px;}
.w380{width:380px;}
.ttalignL{text-align:left !important;}
.t-va_top{vertical-align:top;}
.bg-no{background:none !important;}
.pd-no{padding:0 !important;}
.bd-no{border:0 !important;}
.Lineh42{line-height:42px !important;}

.TxtRad{color:#db534d;}
.TxtWg{color:#211c55 !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;}


/*-- background --*/
.bg-white{background:#fff !important;border:1px solid #fff;}/*.bg-white:hover{background:#fff;border:1px solid #000;}*//*-- 전체제품리스트 pd-box --*/
.bg-orange{background:#f17215 !important;color:#fff !important;}.bg-orange:hover{background:#de650d !important;color:#fff !important;}
.bg-blue-0{background:#043477 !important;}
.bg-blue{background:#2f5597 !important;}.bg-blue:hover{background:#244886 !important;}
.bg-blue-3{background:#305596 !important;}
.bg-green{background:#a6bf27 !important;}.bg-green:hover{background:#8fa51d !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;}
.bg-line7{background:#697215;}
.bg-line3{background:#fd7c2e;}
.bg-line2{background:#31b000;}
.bg-line0{background:#a71e31;}
.bg-line9{background:#cea239;}

/* 공통 */
.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; }
.popCloseBtn input{vertical-align:middle;width:16px;height:16px;}

/* btnWrap */
.btnWrap{display:table; margin:0 auto;}
.btnWrap a{display:inline-block;font-size:14px;padding:15px 35px;margin:0 8px;border-radius:3px;}
.btnWrap .btn{margin-left:10px;}
.btnWrap .btn:first-child{margin-left:0;}

/* 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;}

/*------- 버튼 --------*/
.first-btn{display:block;text-align:center;font-size:14px;transition:all 0.5s;cursor:pointer;height:35px;line-height:35px;}
.mall-btn{display:block;text-align:center;padding:7px 0;font-size:14px;transition:all 0.5s;cursor:pointer;}

.common-btn{display:table;text-align:center;margin: 0 auto;}
.common-btn a{display:table-cell;vertical-align:middle;padding:10px 25px;-webkit-transition-duration:0.3s;transition-duration:0.3s;margin:0 5px;}

.big-btn{text-align:center;transition:all 0.5s;cursor:pointer;margin:0 auto;display:table;}
.big-btn span{display:table-cell;vertical-align:middle;font-size:18px;padding:10px 35px;}

.line-whiteB{border:1px solid #fff;background:none;color:#fff;}
.line-whiteB:hover{border:1px solid #333;background:#333;color:#fff;}
.line-white{color:#fff;border:1px solid #fff;}
.line-white:hover{background:#fff;border:1px solid #fff;color:#333;}

.btn-normal{width:80px;height:30px;display:table;}
.btn-normal a{display:table-cell;vertical-align:middle;text-align:center;color:#999;background:#fff;border:1px solid #dedede;transition:all 0.5s;}
.btn-normal a:hover{background:#333;border:1px solid #333;color:#fff;}

.back-orange-normal{background:#f7b52c;}
.back-lightgray{color:#fff;background:#dedede !important;}
.back-lightgray2{color:#fff;background:#efefef !important;}
.back-gray{color:#fff;background:#777;}
.back-gray:hover{color:#fff;background:#333;}
.back-black{color:#fff;background:#555;}
.back-black:hover{color:#fff;background:#000;}
.back-orange{color:#fff;background:#ffac00;}
.back-orange:hover{color:#fff;background:#df9600;}
.back-orange2{color:#fff;background:#ff5c01;}
.back-orange2:hover{color:#fff;background:#863000;}
.back-blue{background:#6c8ea3 !important;}
.back-blue2{background:#99aeb8 !important;}

.arrow-40{display:inline-block;width:40px;height:40px;background:#fff;text-align:center;}
.arrow-40 a{display:block;}
.arrow-40 a i{font-size:30px;line-height:40px;}

.btn-new{position:relative;border-radius:10px;background:#ffac00;color:#fff;font-size:9px;padding:2px 5px;margin-left:10px;text-transform:uppercase;font-weight:bold;}
.btn-notice{position:relative;border-radius:10px;background:#7bb20e;color:#fff;font-size:9px;padding:2px 5px;text-transform:uppercase;font-weight:bold;}


/*------- 텍스트 --------*/
.text-red{color:#f53e3c !important;}.text-red2{color:#f87b27 !important;}
.textBlack{color:#333;}
.textBlue{color:#3757a5;}
.textGreen{color:#52a338;}
.tt-gray77{color:#777;}
.tt-gray55{color:#555 !important;}
.tt-gray33{color:#333;}
.bold{font-weight:bold;} .t-underline{text-decoration:underline;}
.smallTitle{color:#555;margin-right:10px;font-size:16px;}
.color-black9{color: #999;}

.fsize13{font-size:13px !important;}.fsize14{font-size:14px !important;}.fsize16{font-size:16px !important;}.fsize18{font-size:18px !important;}.fsize24{font-size:24px !important;}.fsize30{font-size:30px !important;}.fsize40{font-size:40px !important;}
.line-height30{line-height:30px !important;}.line-height13{line-height:1.3 !important;}
.color-black{color:#000;}.color-black3{color:#333;}.color-black5{color:#555;}.color-black7{color:#777;}.color-black9{color:#999;}.color-black-a{color:#aaa;}
.color-white{color:#fff !important;}
.color-orange{color:#ff7200 !important;}.color-orange2{color:#f17215 !important;}
.color-red2{color:#e60019 !important;}
/*-- daon-logo-color --*/
.color-red{}.color-red:hover{color:#c30015 !important;}
.color-green{color:#23ac38 !important;}.color-green:hover{color:#0e8421 !important;}
.color-blue{color:#108ccf !important;}.color-blue:hover{color:#0770a9 !important;}
.color-purple{color:#b74b97 !important;}.color-purple:hover{color:#962875 !important;}
.color-yellow{color:#f49c00 !important;}.color-yellow:hover{color:#cc8200 !important;}


/*------- 배경 --------*/
.bg-white{background:#ffffff;}
.bg-orange01{background:#ffac00;}
.bg-orange02{background:#fb6a00 !important;}
.bg-green{background:#37b42d;}/*지하철2호선*/

.bg-gray01{background:#5a5d64;}
.bg-gray02{background:#4e5158 !important;}
.bg-gray03{background:#464a54;}
.bg-gray04{background:#3a3f49;}
.bg-gray05{background:#f4f4f4;}
.bg-gray06{background:#eaeaea !important;}
.bg-gray07{background:#eae7e0 !important;}
.bg-gray08{background:#e3dfd4;}
.bg-gray09{background:#f8f8f8;}
.bg-gray010{background:#6b6e76 !important;}/*마케팅플랜*/
.bg-gray011{background:#d4d6da !important;}/*마케팅플랜*/

.bg-yy01{background:#d1cdc2;}
.bg-yy02{background:#bdb7a5;}
.bg-yy03{background:#bdb7a5;}
.bg-yy04{background:#9b9480;}


.border-gray01{border:1px solid #464a54;}
.border-gray02{border:1px solid #30343f;}

.border-yy01{border-bottom:1px solid #bab6ad;}
.border-yy02{border-bottom:1px solid #a8a393;}
.border-yy03{border-bottom:1px solid #999382;}
.border-yy04{border-bottom:1px solid #8a8472;}


.tooltip{color:#666;position:relative;}
.tooltip:hover:after{content:attr(data-tooltip);display:block;padding:10px;color:#fff;font-size:14px;background:#333;position:absolute;top:-20px;left:-35px;white-space:nowrap;z-index:9999;}
.tooltip:hover:before{display:block;content:"";position:absolute;top:13px;left:20px;border-right:10px solid transparent;border-top:10px solid #333;border-left:10px solid transparent;}


/* =========================== 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;position:relative;}
div#wrap header{overflow:visible;width:100%;height:140px;background:#fff;position:relative;z-index:99;border-bottom:1px solid #ddd;}
#container{width:1200px;;margin:0 auto;position:relative;overflow: hidden;}
div#wrap footer{clear:both;position:relative;border-top:1px solid #e5e5e5;}

.mainWrap{width:100%;height:auto;position:relative;z-index:1;font-size:14px;}
.maincontainer{position:relative;width:1300px;margin:0 auto;z-index:10;}

#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;}


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

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


.PdBtn{display:table;margin:0 auto;}
.PdBtn a{display:inline-block;font-size:13px;color:#444;border:1px solid #444;padding:12px 60px;transition-duration: 0.5s;}
.PdBtn a:hover{background:#211c55;border:1px solid #211c55;color:#e4dced;}


/* =========================== header =================================== */
header .HeaderTop{background:#f8f8f8;position:relative;height:40px;border-bottom:1px solid #ddd;box-sizing:border-box;}
.HeaderTop .HeaderCont{position:relative;}
.HeaderCont ul li{float:left;}
.HeaderCont .TopTab{}
.TopTab ul{}
.TopTab ul li{display:inline-block;}
.TopTab ul li a{display:block;text-align:center;font-size:14px;color:#555;line-height:40px;transition-duration:0.5s;padding:0 15px;}
.TopTab ul li a:hover{height:40px;color:#211c55;}
.TopTab ul li a.hoveron{height:40px;color:#211c55;line-height:40px;border-bottom:2px solid #e41e26;box-sizing:border-box;}

.HeaderCont .TopMenu{float:right;}
.TopMenu ul li{display:inline-block;margin:10px 0;}
.TopMenu ul li:before{content: "|";float:left;font-size:10px;line-height:20px;margin:0 15px;}
.TopMenu ul li:first-child:before, .Bornone{content: "|";float:left;color:#f0f1f3;font-size:10px;margin:0 15px;}
.TopMenu ul li a{display:inline-block;color:#7c7c7c;font-size:13px;line-height:20px;}
.TopMenu ul li a:hover{color:#333;}

header .TopLogo{width:1200px;margin:0 auto;background:#fff;height:100px;position:relative;}
.TopLogo h1{position:absolute;top:24px;left:0%;}
.TopLogo h1 a{display:block;text-align:center;font-weight:bold;}
.topGnb{width:900px;position:absolute;right:0;}

/*-- 상단검색바 --*/
.TopSearch{position: absolute;width:30%;height:30px;border:1px solid #d6d6d6;margin-top:3px;}
.TopSearch .inputText{display:inline-block;float:left;width:90%;height:30px;line-height:30px;border:0 none;background:transparent;color:#acacac;}
.TopSearch .SearchBtn{float:right;width:10%;height:30px;}
.TopSearch .SearchBtn i{font-size:22px;color:#333;line-height:30px;}


/* ============================== gnb =================================== */
#gnb_wrap{width:100%;height:50px !important;background: #fff;position:relative;}
#gnb_wrap #gnb{width:100%;background:#494949;height:50px;margin:0 auto;box-shadow:0 3px 2px rgba(0, 0, 0, 0.4);}
#gnb > ul{}
/* 2020-04-08 임시추가 */
/* #gnb.officeMenu{width:720px;float:right;} */
#gnb.officeMenu{width:900px;float:right;}
#gnb > ul > li{float:left;width:180px;position:relative;}
#gnb .gnbMu > li > a{display:block;font-size:20px;color:#121212;line-height:100px;text-align:center;transition-duration: 0.5s;font-family:'NanumSquare';font-weight:bold;}
#gnb .gnbMu > li > a:hover/*, #gnb .gnbMu > li > a:focus, #gnb .gnbMu > li > a:active, #gnb .gnbMu > li.on > a*/{color:#e41e26;}
#gnb .gnbMu2 > li{width:20%;}
#gnb_wrap .MuInner{position:absolute;top:50px;left:0;width:100%;background:transparent url('../../images/os/new_img1/common/gnb_bg.png') repeat-x;box-shadow:1px 1px 1px rgba(0, 0, 0, 0.1);}
.MuInner .MuList{width:1200px;margin:0 auto;position:relative;}
.MuList .MuListL{float:left;width:400px;box-sizing:border-box;}
.MuList .MuListL h2{font-family: 'Noto Serif', serif;text-transform:uppercase;color: #121212;font-size:36px;margin-bottom:20px;line-height:1;}
.MuList .MuListL .MuInfo{color: #888;font-size:14px;line-height:25px;}
.MuList .MuListR{float:right;width:750px;height:100%;box-sizing:border-box;position:relative;min-height:150px;}
.MuList .MuListR .MuNormal li a{font-size:16px;color:#555;line-height:33px;transition-duration: 0.5s;}
.MuList .MuListR .MuNormal li a:hover{color:#211c55;text-decoration:underline;}
.MuList .MuListR .MuNormal li i{margin-left:20px;}
.MuList .MuListR .MuBrand{width:630px;height:250px;margin:0 auto;border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;}
.MuList .MuListR .MuBrand li{float:left;width:33.333%;height:126px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;box-sizing:border-box;text-align:center;}
.MuList .MuListR .MuBrand li a{display: -webkit-flex;display:flex; 
-webkit-align-items:center;align-items: center;/*위아래 중앙*/ 
-webkit-justify-content: center;justify-content: center;height:125px;font-size:14px;color:#6c6c6c;transition-duration: 0.5s;}
.MuList .MuListR .MuBrand li a:hover{background:#fafafa;}
.gnbClose{position:absolute;right:-36px;bottom:0;width:36px;height:36px;background:#666;text-align:center;}
.gnbClose a{display:block;transition-duration: 0.5s;}
.gnbClose a:hover{background:#888;}
.gnbClose i{color:#fff;font-size:18px;line-height:36px;}
.MuList .MuNormal{min-height:150px;}
.MuList .MuBg01{background:url('../../images/os/new_img1/common/gnb_com.png') no-repeat center right;}
.MuList .MuBg02{background:url('../../images/os/new_img1/common/gnb_prod.png') no-repeat center right;}
.MuList .MuBg03{background:url('../../images/os/new_img1/common/gnb_busi.png') no-repeat center right;}
.MuList .MuBg04{background:url('../../images/os/new_img1/common/gnb_center.png') no-repeat center right;}
.MuList .MuBg05{background:url('../../images/os/new_img1/common/gnb_myoffi.png') no-repeat center right;}

.MuInner{ opacity: 0; display:none;border-top:1px solid #ddd;position:absolute;top:140px;left:0;width:100%;background:#fff;padding:50px 0;-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.1);-moz-box-shadow:0px 5px 5px 0px rgba(50, 50, 50, 0.1);box-shadow:0px 5px 5px 0px rgba(50, 50, 50, 0.1);}
.MuInner:before{content:"";display:block;width:100%;height:100%;background:#eeeff2;position:absolute;top:0px;left:-50%;margin-left:-200px;}
/* ============================== footer =================================== */
footer{clear:both;background:#163029;text-align:center;padding:50px 0;position:relative;}
footer .footerLink{margin:40px 0 20px;}
footer .footerLink li{display:inline-block;}
footer .footerLink li:after{content:"|";padding:10px;color:rgba(255,255,255,0.3);}
footer .footerLink li:last-child:after{content:"";display:none;}
footer .footerLink li a{color:rgba(255,255,255,0.7);font-size:14px;}
footer .footerLink li a:hover{color:rgba(255,255,255,1);transition:all 0.5s;}
footer address{width:1200px;margin:0 auto;font-size:13px;color:rgba(255,255,255,0.5);line-height:24px;text-align:center;}
footer address span{margin-right:20px;}
footer address p{font-size:12px;margin-top:10px;color:rgba(255,255,255,0.3);}
.sslMark{position:absolute;right:50%;bottom:50px;margin-right:-575px;cursor:pointer;opacity:0.7;}
.sslMark:hover, .kbMark:hover{opacity:1;transition:all 0.5s;}
.kbMark{position:absolute;right:50%;bottom:50px;margin-right:-450px;opacity:0.7;}

.scroll-to-top{position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:50px;text-align:center;border-radius:50%;border:1px solid #163029;cursor:pointer;background:#fff;transition-duration: 0.5s;color:#211c55;display:none;}
.scroll-to-top:hover{border:1px solid #e41e26;color:#e41e26;}

.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;}

/* Text 애니메이션션 효과 */
.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);}
}

/* -------- 팝업 : 판매원조회, 아이디/패스워드 찾기 -------- */
#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;}

.blink {
  -webkit-animation-name: blink;
     -moz-animation-name: blink;
       -o-animation-name: blink;
          animation-name: blink;
  -webktit-animation-timing-function: linear;
      -moz-animation-timing-function: linear;
        -o-animation-timing-function: linear;
           animation-timing-function: linear;
  -webkit-animation-duration: 1s;
     -moz-animation-duration: 1s;
       -o-animation-duration: 1s;
          animation-duration: 1s;
}

.blink img{margin-top:3px;margin-right:5px;opacity:0.8;}

.blink-infinite {
  -webkit-animation-iteration-count: infinite;
     -moz-animation-iteration-count: infinite;
       -o-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@-webkit-keyframes blink {
  50% {
    opacity: 0;
  }
}
@-moz-keyframes blink {
  50% {
    opacity: 0;
  }
}
@-o-keyframes blink {
  50% {
    opacity: 0;
  }
}
@keyframes blink {
  50% {
    opacity: 0;
  }
}