@charset "utf-8"; 

@import url('https://fonts.googleapis.com/css?family=Alef:400,700');

@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', 'Alef', sans-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:#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;}
select, textarea, button{border-radius:0;font-family:'Nanum Barun Gothic', 'Alef', 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;}
.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;}
.w48{width:48% !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-50{margin-top:50px !important;}
.mgr-60{margin-right:60px;}.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 !important;}.mgl-30{margin-left:30px !important;}.mgl-50{margin-left:50px !important;}
.mgb-10{margin-bottom:10px !important;}.mgb-20{margin-bottom:20px !important;}.mgb-30{margin-bottom:30px !important;}.mgb-50{margin-bottom:50px !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;}.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;}
.mgr-2{margin-right: 2px;}
.mgr-5{margin-right: 5px !important;}
.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;}
.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;}

.TxtEng{font-family: 'Alef', sans-serif;}
.TxtEngBold{font-family: 'Alef', sans-serif;font-weight:bold;}
.TxtWg{color:#18b0bc !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;}

/* 공통 */
.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 */
.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-orange-normal2{background:#ff5c01;}
.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:#008000!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;}

.NomalBtn{display:table;margin:0 auto;}
.NomalBtn a{display:inline-block;font-size:13px;color:#555;border:1px solid #d3d1d1;padding:15px 40px;transition-duration: 0.5s;}
.NomalBtn a:hover{background:#444;border:1px solid #444;color:#fff;}

/*------- 텍스트 --------*/
.text-red{color:#f53e3c !important;}.text-red2{color:#f87b27 !important;}
.textBlack{color:#333;}
.textBlue{color:#005ac9;}
.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;}
div#wrap header{overflow:visible;width:100%;height:245px;background:#fff;position:relative;z-index:99;}
#container{width:100%;margin:0 auto;position:relative;/*min-height: 800px*/;overflow: hidden;}
div#wrap footer{clear:both;position:relative;border-top:2px solid #777;padding-top:40px;}

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


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

header .HeaderTop{position:relative;height:54px;border-bottom:1px solid #eee;}
.HeaderTop ul li{float:left;}
.HeaderTop .TopTab{margin-top:20px;}
.TopTab ul{}
.TopTab ul li{width:85px;height:24px;background:#bed62f;display:inline-block;margin-right:5px;border-radius:12px;}
.TopTab ul li a{display:block;text-align:center;font-size:13px;color:#fff;line-height:24px;border-radius:12px;transition-duration:0.5s;}
.TopTab ul li a:hover{opacity:0.9;fint-weight:bold;}
.TopTab ul li.Bc01{background:#33a744;}
.TopTab ul li.Bc02{background:#f5881e;}
.TopTab ul li.Bc03{background:#404041;}

.HeaderTop .TopMenu{float:left;}
.TopMenu ul li{display:inline-block;margin:20px 0 0;}
.TopMenu ul li:before{content: "|";float:left;font-size:10px;color:#dfdfdf;line-height:24px;margin:0 12px;}
.TopMenu ul li:first-child:before, .Bornone{content: "|";float:left;color:#fff;font-size:10px;margin:0 12px;}
.TopMenu ul li a{display:inline-block;color:#2f2f2f;font-size:13px;line-height:24px;}
.TopMenu ul li a:hover{color:#333;}

/** SearchInfo **/
.SearchInfo {position:absolute;right:-10px;top: 20px;}
.SearchInfo li {position:relative;float:left;}
.SearchInfo li:before {position:absolute;left:0;top:21px;width:1px;height:28px;background:#e5e5e5;content:"";}
.SearchInfo li:first-child:before {display:none;}
.SearchInfo li a {display:block;position:relative;width:80px;height:14px;box-sizing:border-box;color:#1c1c1c;font-family: 'Alef', sans-serif;color:#333;font-size:12px;text-transform: uppercase;line-height:14px;background: url('../../images/os/new_img1/common/icon_search.png') 0 0 no-repeat;padding-left:20px;transition:all 0.4s;}
.SearchInfo li a:hover {background:url('../../images/os/new_img1/common/icon_search.png') 0 0 no-repeat;}

.SearchInfo:after {display:block;clear:both;height:0;content:"";overflow:hidden;}

/** SearchInner **/
.SearchWrap {display:none;position:absolute;right: 50%;top: 55px;width: 400px;height: 100px;margin-right: -600px;background:#fff;border:1px solid #ccc;box-sizing:border-box;box-shadow:0 5px 9px 3px rgba(153,153,153,0.2);z-index:10;padding:30px;animation:fadeTop both 0.5s 0.1s;}
.SearchWrap.on {display:block;}
.SearchWrap.off {display:block;animation:fadeOutTop both 0.4s 0.1s;}

.SearchInner{position:relative;}
.SearchInner input{background:#fff !important;}
.SearchInner .input_ty {padding:0 55px 0 0;border-width:0 0 2px 0;border-color:#1c1c1c;}
.SearchInner .input_ty:focus {border-color:#33a744;}
.SearchInner ::-webkit-input-placeholder {font-size:14px;}
.SearchInner ::-moz-placeholder {font-size:14px;}
.SearchInner :-ms-input-placeholder {font-size:14px;}
.SearchInner ::placeholder {font-size:14px;}
.SearchInner .btn {position:absolute;right:-6px;top:-5px;width:40px;height:40px;background:url('../../images/os/new_img1/common/icon_search_b.png') no-repeat;text-indent:-9999px;overflow:hidden;}

header #TopLogo{width:1200px;margin:30px auto;position:relative;}
#TopLogo h1{display:table;width:232px;height:58px;margin:0 auto;}
#TopLogo h1 a{display:block;}

.line {position: absolute;right: 0;top: 20px;display: inline-block;margin-left: -590px; width: 32px;--height: 35px;height: 18px;background: #fff;cursor: pointer;}
.line p {position:absolute;width:100%;height:2px;background:#000;display:inline-block;}
.line .p_0 {left:0;top:0px;}
.line .p_1 {left:0;top:10px;}
.line .p_2 {left:0;top:20px;}

@keyframes fadeTop {
0% {opacity:0;transform:translateY(-10px);}
100% {opacity:1;transform:translateY(0);}
}
@keyframes fadeOutTop {
0% {opacity:1;transform:translateY(0);}
100% {opacity:0;transform:translateY(-15px);}
}

.AllMuInner{width:100%;position: absolute;left:0;top:225px;background:rgba(255,255,255,1);border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;}
.AllMuInner .AllMu{width:1200px;margin:0 auto;padding:50px 50px 70px 280px;box-sizing:border-box;background:url('../../images/os/new_img1/common/logo_img.png') no-repeat left 50%;}
.AllMuInner .AllMu dl{float:left;width:25%;}
.AllMuInner .AllMu dt{width:100%;font-size:17px;color:#000;margin:5px 0 15px;}
.AllMuInner .AllMu dd a{display:block;font-size:14px;color:#5e5e5e;line-height:26px;transition-duration: 0.5s;}
.AllMuInner .AllMu dd a:hover{color:#00266b;text-decoration:underline;}


/* ============================== gnb =================================== */
#gnbWrap{position:absolute;top:174px;width:100%;height:50px !important;background: #fff;border-top:1px solid #333;border-bottom:1px solid #eee;}

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

.gnb{position:relative;} 
.gnb .navigation{position:relative;display:table;margin:0 auto;}.gnb .navigation > li{	position:relative;float:left;margin:0 35px;text-align:center;}
.gnb .navigation > li > a{position:relative;display:inline-block;color:#2f2f2f;padding:0 50px;line-height:50px;font-size:16px;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;
}

.gnb2 .navigation > li > a{padding:0 18px;}

.gnb .navigation > li > a:hover{color:#000;}

.gnb .navigation > li.cart{margin-top:10px;}
.gnb .navigation > li span small {position: absolute;top: -20px; right: -15px;padding: 10px 6px;line-height: 0;font-size: 11px; background: #1a355e;color:#4f4f4f;border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;    
}

.gnb .navigation > li > ul{	position:absolute;	left:50%;	top:120%;	width:100%;	margin-left:-50%;background:#fff;border:1px solid #888;padding:15px 0;
z-index:100;	display:none;
	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:30px;font-weight:400;font-size:14px;	 text-transform:capitalize;	color:#4f4f4f
	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:#33a744;text-decoration:underline;}

.gnb .navigation > li > ul > li > ul{	position:absolute;	left:100%;	top:20px;	width:170px;	padding:0px;	z-index:100;	display:none;border:1px solid #888;}

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

.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:0px;	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;}
.gnb2 .navigation > li > a{padding:0 35px;}

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



/* ============================== footer =================================== */
footer{clear:both;}

footer .footerMenu{width:1200px;margin:0 auto;text-align:left;}
.footerMenu li{float:left;display:table;}
.footerMenu li:first-child{background:none;}
.footerMenu li a{display:table-cell;vertical-align:middle;padding:0 10px;color:#666565;font-size:13px;transition-duration: 0.5s;}
.footerMenu li a.tcolor-black{color:#33a744;padding-left:0;}
.footerMenu li a:hover{color:#000;}

.footerList{width:1200px;margin:30px auto 40px;font-size:13px;color:#797979;line-height:24px;}
.footerList h1{float:left;width:280px;}
.footerList address{float:left;font-size: 13px;color: #706c6a;margin-top:12px;}
.footerList address span{margin-right:30px;}

.CopyInner{width:100%;background:#404041;padding:30px 0;}
.CopyInner .Copy{width:1200px;margin:0 auto;font-size:12px;color:#d2d2d2;}

.scroll-to-top{display:block;position:fixed;bottom:30px;right:30px;background:#fff;border:1px solid #dedede;text-align:center;width:50px;height:50px;cursor:pointer;z-index:99999;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:24px;line-height:45px;}
.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;}

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

/** cnlBtn **/
.cnlBtnInfo {}
.cnlBtnInfo dl {position: fixed;width: 75px;height: 75px;border-radius: 40px;background: #ffd200;box-shadow: 3px 3px 5px 1px #5656566b;padding: 15px 0;box-sizing: border-box;z-index: 99999;box-sizing: border-box;text-align: center;}
.cnlBtnInfo dl.cnlBtn{right:30px;bottom: 125px;}
.cnlBtnInfo dl.chatBtn{right:30px;bottom: 30px;}
.cnlBtnInfo dl dd {display:inline-block;transition:all 0.4s;margin-top: 8px;color: #000;font-size: 12px;font-weight: bold;}
.cnlBtnInfo dl dt{/* width:30px; *//* height:30px; */}
.cnlBtnInfo dl dt.cnlBtn {background:url('../../images/os/new_img1/common/icon-cnl.png') 0 0 no-repeat;background-size: cover;margin: 0 auto;}
.cnlBtnInfo dl dt.chatBtn {background:url('../../images/os/new_img1/common/icon-chat.png') 0 0 no-repeat;background-size: cover;margin: 0 auto;}

.SearchInfo:after {display:block;clear:both;height:0;content:"";overflow:hidden;}

/** SearchInner **/
.cnlBtn-wrap {display:none;position: fixed;right: 110px;bottom: 45px;width: 170px;height: 170px;background:#fff;box-sizing:border-box;box-shadow: 3px 3px 5px 1px #c3c3c36b;z-index:10;padding:30px;animation:fadeTop both 0.5s 0.1s;}
.cnlBtn-wrap.on {display:block;}
.cnlBtn-wrap.off {display:block;animation:fadeOutTop both 0.4s 0.1s;}

.cnlBtnInner{position:relative;}
.cnlBtnInner input{background:#fff !important;}
.cnlBtnInner .input_ty {padding:0 55px 0 0;border-width:0 0 2px 0;border-color:#1c1c1c;}
.cnlBtnInner .input_ty:focus {border-color:#33a744;}
.cnlBtnInner ::-webkit-input-placeholder {font-size:14px;}
.cnlBtnInner ::-moz-placeholder {font-size:14px;}
.cnlBtnInner :-ms-input-placeholder {font-size:14px;}
.cnlBtnInner ::placeholder {font-size:14px;}
.cnlBtnInner .btn {position:absolute;right:-6px;top:-5px;width:40px;height:40px;background:url('../../images/os/new_img1/common/icon_search_b.png') no-repeat;text-indent:-9999px;overflow:hidden;}