@charset "utf-8";
/* ========================== 태그초기화 =========================== */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

* { font-family: 'Noto Sans KR', sans-serif; letter-spacing:-0.05em; line-height: 1.2;} 
html { overflow-x:hidden; } 
html,body { /* font-size: 14px; */color:#000; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; -moz-osx-font-smoothing:grayscale; line-height:1; max-width: 100%;width: 100%;} 
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; } 
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:#000; 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:middle; } 
select, textarea, button { border-radius:0; font-family:'Noto Sans KR', 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; } 

input[type=text],input[type=password],input[type=number],textarea,.t-input input {width:100%;padding:0 12px;border:1px solid #ddd;background:#fafafa;color:#777;box-sizing:border-box;} 
input[type=text],input[type=password],input[type=number],.t-input,.t-input select { height:40px; line-height:40px; } 
select, textarea, input[type='text'],input[type*='date'],input[type='number'],[type='password'],input[type='submit'],input[type='search'],
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] { border-top-left-radius:0; border-top-right-radius:0; border-bottom-left-radius:0; border-bottom-right-radius:0; vertical-align:top; } 
.t-input input[type="radio"],.t-input input[type="checkbox"] { width:22px; height:22px; margin-right:5px; } 
select.height40 { height:40px; line-height:40px; } 
input[type=date]::-webkit-inner-spin-button,input[type=date]::-webkit-calendar-picker-indicator { -webkit-appearance:none; display:none } 

label { cursor: pointer; } 
.subContWrap input[type="checkbox"],.subContWrap input[type="radio"] { display: none; } 
.subContWrap input[type="checkbox"]:checked~.check-icon,.subContWrap input[type="radio"]:checked~.check-icon { background-image: url(../../images/os/new_img1/sub/check-on.png); } 
.subContWrap input[type="text"],.subContWrap input[type="password"] {box-sizing: border-box;border: 1px solid #000;padding: 0 20px;font-size: 16px;width: 100%;height: 60px;background:#fff;font-weight: 400;color: #000;} 
.subContWrap input::placeholder {color: #959595;}
.subContWrap input::-webkit-placeholder {color: #959595;}
.subContWrap input:-ms-input-placeholder {color: #959595;}
.subContWrap textarea::-webkit-input-placeholder {color: #959595;}
.subContWrap textarea:-ms-input-paceholder {color: #959595;}
.subContWrap input.readonly { background: #ccc; border: 0; } 
.subContWrap textarea { resize: none; background:#fff; color:#000; border: 1px solid #000; } 
.subContWrap textarea::-webkit-scrollbar, .table-textarea::-webkit-scrollbar { width: 15px; } 
.subContWrap textarea::-webkit-scrollbar-thumb, .table-textarea::-webkit-scrollbar-thumb { width: 10%; background: #3e215d; } 
.subContWrap textarea::-webkit-scrollbar-track, .table-textarea::-webkit-scrollbar-track { background: #dcdcdc; } 
.subContWrap button { border: 0; padding: 0; cursor: pointer; height: 60px; vertical-align: top; } 
.subContWrap select {box-sizing: border-box;border: 1px solid #000;background: url(../../images/os/new_img1/sub/arrow-down.png) no-repeat center right 20px;background-size: 14px 10px;margin: 0;padding: 0 20px;font-size: 18px;min-width: 130px;height: 60px;vertical-align: top;-moz-appearance: none; /*Firefox*/-webkit-appearance: none; /* Safari,Chorome*/appearance: none;font-weight: 400;} 
.subContWrap select::-ms-expand { display: none/* IE */ } 
.label-txt { vertical-align: middle; } 


/* ========================== 공통 클래스 모음 =========================== */
.floL { float:left; } 
.floR { float:right !important; } 
.posR { position:relative; } 
.posA { position:absolute; } 
.t-c, .text-c, .t_c { text-align:center !important } 
.t-r, .text-R, .t_r { text-align:right !important } 
.t-l, .text-L, .t_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; } 

.wd100{width:100% !important;}
.wd90{width:90% !important;}
.wd80{width:80% !important;}
.wd70{width:70% !important;}
.wd60{width:60% !important;}
.wd50{width:50% !important;}
.wd40{width:40% !important;}
.wd30{width:30% !important;}
.wd25{width:25% !important;}
.wd20{width:20% !important;}
.wd15{width:15% !important;}
.wd10{width:10% !important;}
.wd_50 {width: 50px !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, .mgt5 { 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; } 
.mgt60 { margin-top: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; } .mgl-30 { margin-left:30px; } 
.mgb-10 { margin-bottom:10px !important; }
.pd0 { padding:0 !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; } 

.TxtRad { color:#db534d !important; } 
.TxtWg { color:#e53c41 !important; } 
.txt_red {color: #a51b1b !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; } 

.area{padding: 200px 0;}
.pbr, .mbr {display: block;}
.content-arrow-bk {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 55px;
    height: 55px;
    background-color: #000;
    border-radius: 50%;
}
.content-arrow-bk i{
    color: #fff; font-size: 26px;
}
.content-arrow-wt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 55px;
    height: 55px;
    background-color: #fff;
    border-radius: 50%;
}

.content-arrow-wt i{
    color: #000; font-size: 26px;
}


/*-- 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_basic { background: #111;}
.bg_gray { background: #666;}

/* 공통 */
.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:10px auto 0; } 
.btnWrap a { display:inline-block; font-size:14px; padding: 20px 50px; 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: 40px; line-height: 40px; min-width:55px; } 
.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:#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; } 

/*------- 배경 --------*/
.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-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%; position:relative; z-index:99; } 
#container { margin:0px auto 0; } 
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; } 


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


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

.ng_ft { font-family: 'Nanum Gothic', sans-serif; } 
.zero { letter-spacing: 0; } 



/*
* {
  margin: 0;
  padding: 0;
  font: inherit;
  color: inherit;
}

*, :after, :before {
  box-sizing: border-box;
}

:root {
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  cursor: default;
  line-height: 1.5;
  overflow-wrap: break-word;
  -moz-tab-size: 4;
  tab-size: 4;
}
*/
.blind {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  margin: -1px;
}

header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  font-family: "Roboto", sans-serif;
  width: 100%;
}
header.show .bottom-inner {
  background: rgba(255, 255, 255, 0.6);
}
header.open .bottom-inner {
  background: unset;
}
header .header-inner .top {
  background: rgba(0, 0, 0, 0.6);
  padding: 12px 100px;
}
header .header-inner .top-inner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 62px;
}
header .header-inner .top-inner .member-box{
  display: flex;
  align-items: baseline;
  gap: 15px;
  position: relative;
}
header .header-inner .top-inner .member-box a{color: #fff;  font-size: 14px;  font-weight: 100; line-height: 20px;}
header .header-inner .top-inner .member-box__bar {
  width: 1px;
  height: 11px;
  background: #fff;
}
header .header-inner .top-inner .lang-box {
  position: relative;
  padding-right: 20px;
  cursor: pointer;
}
header .header-inner .top-inner .lang-box::before {
  content: "";
  position: absolute;
  width: 6.5px;
  height: 2px;
  background: #fff;
  top: 10px;
  right: 5px;
  transform: rotate(-45deg);
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
header .header-inner .top-inner .lang-box::after {
  content: "";
  position: absolute;
  width: 6.5px;
  height: 2px;
  background: #fff;
  top: 10px;
  right: 0px;
  transform: rotate(45deg);
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
}
header .header-inner .top-inner .lang-box span {
  color: #fff;
  font-size: 14px;
  font-weight: 100;
}
header .header-inner .top-inner .lang-box ul.lang-list {
  position: absolute;
  top: calc(100% + 16px);
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  min-width: 99px;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
header .header-inner .top-inner .lang-box ul.lang-list.show {
  opacity: 1;
  visibility: visible;
}
header .header-inner .top-inner .lang-box ul.lang-list li {
  padding: 8px 16px;
  color: #333;
  font-size: 14px;
  cursor: pointer;
  transition: background-color 0.2s ease;
  text-align: center;
  font-weight: 300;
}
header .header-inner .top-inner .lang-box ul.lang-list li:hover {
  background-color: #f5f5f5;
}
header .header-inner .top-inner .lang-box ul.lang-list li.selected {
  background-color: #DEDEDE;
}
header .header-inner .top-inner .lang-box ul.lang-list li:nth-child(1) {
  border-radius: 5px 5px 0 0;
}
header .header-inner .top-inner .lang-box ul.lang-list li:nth-child(4) {
  border-radius: 0 0 5px 5px;
}
header .header-inner .bottom-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 100px;
  height: 80px;
  text-transform: uppercase;
}
header .header-inner .bottom-inner .link img {
  width: 290px;
}
header .header-inner .bottom-inner .mobile-menu-btn {
  display: none;
  position: relative;
  width: 40px;
  height: 40px;
}
header .header-inner .bottom-inner .mobile-menu-btn .mo-btn--close {
  opacity: 0;
}
header .header-inner .bottom-inner .mobile-menu-btn img:first-child {
  position: absolute;
  top: 0;
  left: 0;
}
header .header-inner .bottom-inner .menu {
  display: flex;
  align-items: center;
  gap: 70px;
  font-size: 20px;
}
header .header-inner .bottom-inner .menu.office{gap: 50px;}
header .header-inner .bottom-inner .menu > li {
  position: relative;
  height: 80px;
  top: 25px;
}
header .header-inner .bottom-inner .menu > li > a {
  position: relative;
  font-weight: 500;
}
header .header-inner .bottom-inner .menu > li > a:hover::before {
  content: "";
  position: absolute;
  bottom: -6.5px;
  left: 0;
  background: #000;
  width: 100%;
  height: 1px;
}
header .header-inner .bottom-inner .menu > li:hover .menu-depth1 {
  display: flex;
}
header .header-inner .bottom-inner .menu > li:last-child:hover .menu-depth1 {
  right: 0;
}
header .header-inner .bottom-inner .menu > li .menu-depth1 {
  display: none;
  flex-direction: column;
  position: absolute;
  top: 60px;
  background: #fff;
  box-shadow: 0px 0px 20px -10px #666;
  padding: 30px 0 0 0;
  border-radius: 5px;
}
header .header-inner .bottom-inner .menu > li .menu-depth1 li {
  position: relative;
  cursor: pointer;
  padding: 0 30px;
  width: 260px;
  height: 50px;
}
header .header-inner .bottom-inner .menu > li .menu-depth1 li a {
  position: relative;
}
header .header-inner .bottom-inner .menu > li .menu-depth1 li:hover > a {
  font-weight: 700;
}
header .header-inner .bottom-inner .menu > li .menu-depth1 li:hover > a::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: #000;
  width: 100%;
  height: 1px;
}
header .header-inner .bottom-inner .menu > li .menu-depth1 li .show-depth {
  display: none;
  position: absolute;
  top: 15px;
  right: 30px;
  transform: translate(-50%, -50%);
}
header .header-inner .bottom-inner .menu > li .menu-depth1 li .show-depth::before {
  content: "";
  position: absolute;
  top: -3px;
  right: 0;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 10px;
  height: 2px;
  background: #000;
  border-radius: 2px;
}
header .header-inner .bottom-inner .menu > li .menu-depth1 li .show-depth::after {
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 10px;
  height: 2px;
  background: #000;
  border-radius: 2px;
}
header .header-inner .bottom-inner .menu > li .menu-depth1 li:hover .show-depth {
  display: block;
}
header .header-inner .bottom-inner .menu > li .menu-depth1 li:hover .menu-depth2 {
  display: flex;
}
header .header-inner .bottom-inner .menu > li .menu-depth1 li .menu-depth2 {
  display: none;
  flex-direction: column;
  position: absolute;
  left: 260px;
  padding: 30px 0 0 0;
  background: #fff;
  box-shadow: 0px 0px 20px -10px #666;
  border-radius: 5px;
}
header .header-inner .bottom-inner .menu > li .menu-depth1 li .menu-depth2[style*=right] {
  left: auto;
}
header .header-inner .bottom-inner .menu > li .menu-depth1 li .menu-depth2.exoregen {
  top: -80px;
}
header .header-inner .bottom-inner .menu > li .menu-depth1 li .menu-depth2.lumiete {
  top: -130px;
}
header .header-inner .bottom-inner .menu > li .menu-depth1 li .menu-depth2.lumiete::before {
  content: "";
  position: absolute;
  height: 50px;
  width: 100%;
  bottom: -50px;
  cursor: auto;
}
header .header-inner .bottom-inner .menu > li .menu-depth1 li .menu-depth2.exoheal {
  top: -180px;
}
header .header-inner .bottom-inner .menu > li .menu-depth1 li .menu-depth2.healthyexo {
  top: -230px;
}
header .header-inner .bottom-inner .menu > li .menu-depth1 li .menu-depth2.party {
  left: unset;
  right: 290px;
  top: -30px;
  z-index: 1;
}
header .header-inner .bottom-inner .menu > li .menu-depth1 li .menu-depth2.supporters {
  left: unset;
  right: 290px;
  top: -130px;
}

header.show {
  backdrop-filter: blur(3px);
}

/** header **
header { width: 100%; top: 0; z-index: 10000; position: fixed; transition: all 0.3s; } 
.hd-top { box-sizing: border-box; height: 69px; } 
.hd-top-inner { width: 1200px; margin: 0 auto; position: relative; padding: 11px 0 19px 0; display: flex; border-bottom: 1px solid #eaeaea; } 
.logo-wrap a { display: block; width: 230px; height: 38px; text-indent: -9999px; background: url(../../images/os/new_img1/common/logo-wt.png) no-repeat; background-size: 100%; } 
.top-menu { position: absolute; top: 52%; right: 0; transform: translateY(-50%); display: flex; } 
.member-menu { font-weight: 600; } 
li.line { width: 2px; height: 15px; background: #fff; margin: 0 40px; } 
.member-menu a { display: block; width: 100%; height: 100%; font-size: 18px; font-weight: 600; color: #fff; } 
nav { width: 100%; z-index: 1000; transition: all 0.5s; } 
.nav-inner { position: relative; min-width: 1200px; max-width: 1200px; margin: 0 auto; }
.nav-menu { display: flex; padding-left: 30px;}
.nav-menu>.menu { position: relative; padding: 0 50px; } 
.nav-menu > .menu:last-child { margin-right: 0; } 
.nav-menu > .menu > a { display: block; color: #fff; font-size: 20px; font-weight: 600; letter-spacing: 0; padding: 20px 0; transform: scale(1.01);} 
.nav-menu > .menu:hover > a { color: #3e215d !important; } 
.detail-nav { display: none; width: 100%; position: absolute; left: 0; top: 80px; z-index: 3; } 
.detail-nav li { text-align: center; padding-bottom: 18px; } 
.detail-nav li a { font-size: 16px; font-weight: 300; letter-spacing: -2px;} 
.detail-nav li a:hover { font-weight: 600; color: #3e215d !important; } 
nav .link-label {position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(calc(-50% + 0.5px)); height: 30px; display: flex; flex-direction: column; justify-content: center; background: #43695c; padding: 0 8px;}
.gnb-box { box-sizing: border-box; width: 100%; height: 0; opacity: 0; position: absolute; transition: 0.4s; border-top: 1px solid rgba(0, 0, 0, 0.3); border-bottom: 1px solid rgba(0, 0, 0, 0.3); } 
.gnb-box.on { background: #fff; opacity: 1; }

/* 드롭다운 *
header .combo-box {position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 100%; max-width: 170px; z-index: 100;}
header .combo-box .combo-choice {box-sizing: border-box; position: relative; border: 2px solid rgba(255, 255, 255, 0.5); max-height: 40px;}
header .combo-box .combo-choice i {color: #fff; font-size: 1.3rem; cursor: pointer; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); transform-origin: center center; transition: 0.3s;}
header .combo-box .combo-choice.list-open i {transform: translateY(-65%) rotate(180deg);}
header .combo-box .combo-choice.list-open {border-bottom: 0;}
header .combo-box a {color: #fff; box-sizing: border-box; font-size: 15px; font-weight: 400; display: flex; align-items: center; padding: 10px 41px 10px 10px; opacity: 0.6; transition: opacity 0.3s; letter-spacing: 0.03em;}
header .combo-box a:hover {opacity: 1;}
header .combo-box a::after {content: ""; display: block; width: 20px; height: 19px; background-image: url(../../images/os/new_img1/common/combo-logo-wt.png); background-size: cover;}
header .combo-box .combo-list {display: none; box-sizing: border-box; border: 2px solid rgba(255, 255, 255, 0.5); position: absolute; top: 100%; left: 0; width: 100%; border-top: 0; transition: background-color 0.3s;}

/* 드롭다운-글로벌 *
header .combo-box2 {position: absolute;top: 50%;right: 50%;margin-right: -770px;transform: translateY(-50%);width: 100%;max-width: 130px;z-index: 100;}
header .combo-box2 .combo-choice2 {box-sizing: border-box;position: relative;max-height: 40px;}
header .combo-box2 .combo-choice2 i {color: #fff; font-size: 1rem; cursor: pointer; position: absolute; top: 50%; right: 25px; transform: translateY(-50%); transform-origin: center center; transition: 0.3s;}
header .combo-box2 .combo-choice2.list-open2 i {transform: translateY(-50%) rotate(180deg);}
header .combo-box2 .combo-choice2.list-open2 {border-bottom: 0;}
header .combo-box2 a {color: #fff;box-sizing: border-box;font-size: 18px;font-weight: 400; text-align: center; display: block;padding: 10px; transition: opacity 0.3s;letter-spacing: 0.03em;}
header .combo-box2 a:hover {opacity: 1;}
header .combo-box2 .combo-list2 {display: none;box-sizing: border-box;position: absolute;top: 100%;left: 0;width: 100%;border-top: 0;transition: background-color 0.3s;background: #fff;box-shadow: 2px 2px 20px 0 rgba(0,0,0,0.15);padding: 5px 0;}
header .combo-box2 .combo-list2 a{font-size: 16px;color:#000;padding: 0;line-height: 44px;}

/* header on *
header.ws,
header.on { background: #fff; } 

header.ws .hd-top,
header.on .hd-top { border-bottom: 1px solid #000; } 

header.ws .hd-top-inner,
header.on .hd-top-inner { border-bottom: 1px solid #000; } 

header.ws .logo-wrap a,
header.on .logo-wrap a { background-image: url(../../images/os/new_img1/common/logo-bk.png); } 

header.ws li.line,
header.on li.line,
header.active li.line { background: #000; } 

header.ws a,
header.on a,
header.active a { color: #000 !important; } 

header.active .hd-top-inner { border-bottom-color: #000; } 

header.active .logo { background-image: url(../../images/os/new_img1/common/logo-bk.png); } 

header.scrollUp .combo-box .combo-choice,
header.ws .combo-box .combo-choice,
header.on .combo-box .combo-choice {
    border-color: rgba(0, 0, 0, 0.5);
}

header.scrollUp .combo-box .combo-choice i,
header.ws .combo-box .combo-choice i,
header.on .combo-box .combo-choice i {
    color: #999;
}

header.scrollUp .combo-box a::after,
header.ws .combo-box a::after,
header.on .combo-box a::after {
    background-image: url(../../images/os/new_img1/common/combo-logo-bk.png);
}

header.scrollUp .combo-box .combo-list,
header.ws .combo-box .combo-list,
header.on .combo-box .combo-list {
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0.5);
}

header.on .combo-box2 .combo-choice2 i, 
header.on .combo-box2 .combo-list2 a{color: #000;}

/* ..header on*/

/* 마이오피스 메뉴*
header:hover .menuOfficeWrap .gnb-box.on { opacity: 1; height: 270px !important; border-bottom: 1px solid rgba(0, 0, 0, 0.3); border-top: 1px solid rgba(0, 0, 0, 0.3); }
.menuOfficeWrap .nav-office .nav-menu .menu {position:relative; padding:0 30px;} 

/* header on *
header.ws,header.on { background: #fff; } 
header.ws .hd-top,header.on .hd-top { border-bottom: 1px solid #000; } 
header.ws .hd-top-inner,header.on .hd-top-inner { border-bottom: 1px solid #000; } 
header.ws .logo-wrap a,header.on .logo-wrap a { background-image: url(../../images/os/new_img1/common/logo-bk.png); } 
header.ws li.line,header.on li.line,header.active li.line { background: #000; } 
header.ws a,header.on a,header.active a, header.ws i, header.on i { color: #000 !important; }
header.active .hd-top-inner { border-bottom-color: #000; } 
header.active .logo { background-image: url(../../images/os/new_img1/common/logo-bk.png); } 
/* ..header on*/


/* header scroll *
header.scrollDown { top: -20%; } 
header.scrollUp { top: -69px; background: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.3); } 
header.scrollUp a { color: #000 !important; } 
/** //header **/

/* ============================== gnb =================================== */
/* .gnbWrap { float:left; } 
.gnbWrap #gnb > ul { text-align:right; padding-right:80px; } 
.gnbWrap #gnb > ul > li { display:inline-block; margin-left:50px; } 
.gnbWrap #gnb > ul > li a { font-size:17px; color:#fff; line-height:1; } 
.userBtn { color:#fff; float:left; margin-top:17px; margin-left:20px; } 
.userBtn i { font-size:24px; color:#fff; } 

.snbSub { top:160px; } 


#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 { width:1200px; margin:0 auto; } 
#gnb > ul > li { float:left; width:25%; position:relative; } 
#gnb .gnbMu > li > a { display:block; font-size:17px; color:#dfdfdf; line-height:50px; text-align:center; transition-duration: 0.5s; } 
#gnb .gnbMu > li > a:hover, #gnb .gnbMu > li > a:focus, #gnb .gnbMu > li > a:active, #gnb .gnbMu > li.on > a { opacity:0.6; } 
#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:450px; padding:50px 50px 50px 0; box-sizing:border-box; } 
.MuList .MuListL h2 { font-family: 'Lora', serif; color: #222; font-size:30px; margin-bottom:30px; } 
.MuList .MuListL .MuInfo { color: #777; font-size:14px; line-height:26px; } 
.MuList .MuListR { float:right; width:750px; height:100%; background:transparent url('../../images/os/new_img1/common/gnb_bg2.png') repeat-x; padding:50px 60px; box-sizing:border-box; position:relative; } 
.MuList .MuListR .MuNormal li a { font-size:15px; color:#6c6c6c; line-height:36px; transition-duration: 0.5s; } 
.MuList .MuListR .MuNormal li a:hover { color:#18b0bc; } 
.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 .MuBg01 { background:url('../../images/os/new_img1/common/gnb_com.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; } 

.MuInner { opacity: 0; display:none; } 

.QuickR { position:absolute; right:0; top:300px; display:inline-block; z-index:990; } 
.QuickR2 { position:absolute; right:0; top:150px; display:inline-block; } 
.QuickR #QuickBtn { position:fixed; width:42px; height:150px; right:0; background:#363636 url('../../images/os/new_img1/common/quick_tit.png') no-repeat 50% 12px; z-index:9999; cursor:default; padding:10px; box-sizing:border-box; } 
.QuickR #QuickBtn i { position:absolute; bottom:10px; width:23px; height:23px; font-size:22px; color:rgba(250, 250, 250, 0.8); background:#000; border-radius:50%; line-height:23px; } 
.QuickR .QuickMu { position:fixed; width:100px; background:#fff; border:1px solid #d6d6d6; right:0; margin-right: -102px; } 
.QuickR .QuickMu i { display:block; font-size:20px; line-height:30px; padding-top:10px; } 
.QuickR .QuickMu li { border-top:1px solid #d6d6d6; text-align:center; } 
.QuickR .QuickMu li:first-child, .borTop0 { border-top:0 !important; } 
.QuickR .QuickMu li a { display:block; font-size:13px; color:rgba(0, 0, 0, 0.6); line-height:40px; } 
.QuickR .QuickMu li a:hover, .QuickR .QuickMu i a:hover { background:#f6f6f6; color:#25b0bb !important; transition:0.3s all; } 

.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 =================================== */

/*-- 상단이벤트 --*/
/* #MainTop { position:relative; width:100%; height:100px; background:url("../../images/os/new_img1/common/top_event.jpg") no-repeat center; } 
#MainTop a { display:block; width:100%; height:100px; } 
#MainTop p { position:absolute; top:16px; right:20px; display:block; cursor:pointer; } 

-- gnb2 --
#gnb2 { width:100%; z-index:998; position: absolute; top: 150px; } 
#gnb2 ul { width:100%; margin:0 auto; position:relative; background:#fff; } 
#gnb2 .topMenuWrap { width:100%; height:50px; margin:0 auto; position:relative; background:url("../../images/os/new_img1/common/gnb2_bg.png") repeat-x; } 
#gnb2 .topMenu { width:1200px; margin:0 auto; position:relative; height:50px; } 
.topMenu ul li { float:left; width:175px; height:50px; text-align:center; background: url("../../images/os/new_img1/common/gnb2_bg2.png")no-repeat center right; } 
.topMenu .allMenu { display:inline-block; width:50px; background:#52555e url("../../images/os/new_img1/common/mu_all.png") no-repeat 50% 50%; text-align:center; } 
.topMenu li a { display:block; color:#424242; font-size:16px; height:50px; line-height:50px; transition-duration: 0.5s; } 
.topMenu li a:hover { color:#18b0bc; } 
.topMenu li.topMBg1 { background:#18b0bc; } 
.topMenu li.topMBg2 { width:160px; background:#77c2cb; } 
.topMenu li.topMBg3 { width:165px; background:#52555e; } 
#gnb2 .topMenu li a.active { color:#18b0bc; } 

#gnb2 ul li.MuAllInner { display:block; width:100%; border-bottom:1px solid #a6a8ac; clear:both; } 
.MuAll { width:1200px; height:185px; margin:0 auto; border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc; box-sizing:border-box; position:relative; } 
.MuAll dl { float:left; width:175px; height:145px; border-left:1px solid #dcdcdc; box-sizing:border-box; padding:0 15px; margin:20px 0; } 
.MuAll dt { margin-bottom:10px; } 
.MuAll dt { font-size:16px; color:#000; } 
.MuAll dd a { font-size:14px; color:#696969; line-height:28px; transition-duration: 0.5s; } 
.MuAll dl.wid01 { width:159px; } 
.MuAll dl.wid02 { width:164px; } 
.MuAll a:hover { color:#18b0bc; } */

/* ============================== footer =================================== */
/** footer_25.07.23 **/

footer {
  font-size: 0;
  background: #222;
  padding-top: 92px;
  position: relative;
  overflow: hidden;
}
footer .footer-inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 40px 90px 40px;
  position: relative;
}
footer .footer-inner .footer-tit {
  color: #dedede;
  font-size: 30px;
  font-family: "Roboto", sans-serif;
  margin-bottom: 7.26px;
}
footer .footer-inner > .footer-info {
  padding-bottom: 34px;
}
footer .footer-inner > .footer-info a {
  font-size: 14px;
  font-weight: 300;
  color: #9a9a9a;
  letter-spacing: -0.02em;
  word-break: keep-all;
}
footer .footer-inner > .footer-info a::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #9a9a9a;
  margin: 0 10px;
}
footer .footer-inner > .footer-info a:first-child::before {
  display: none;
}
footer .footer-inner .footer-sns-wrap {
  display: flex;
  gap: 19px;
  margin-bottom: 20px;
}
footer .footer-inner .footer-txt-box .footer-info-wrap {
  margin-bottom: 20px;
}
footer .footer-inner .footer-txt-box .footer-info-wrap .footer-info-pc .footer-info {
  margin-bottom: 6px;
}
footer .footer-inner .footer-txt-box .footer-info-wrap .footer-info-pc .footer-info span {
  font-size: 14px;
  font-weight: 300;
  color: #9a9a9a;
  letter-spacing: -0.02em;
  word-break: keep-all;
}
footer .footer-inner .footer-txt-box .footer-info-wrap .footer-info-pc .footer-info span::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #9a9a9a;
  margin: 0 10px;
}
footer .footer-inner .footer-txt-box .footer-info-wrap .footer-info-pc .footer-info span:first-child::before {
  display: none;
}
footer .footer-inner .footer-txt-box .footer-info-wrap .footer-info-pc .footer-info a {
  font-size: 14px;
  font-weight: 300;
  color: #9a9a9a;
  letter-spacing: -0.02em;
  word-break: keep-all;
}
footer .footer-inner .footer-txt-box .footer-info-wrap .footer-info-pc .footer-info a::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 12px;
  background: #9a9a9a;
  margin: 0 10px;
}
footer .footer-inner .footer-txt-box .footer-info-wrap .footer-info-pc .footer-info a:first-child::before {
  display: none;
}
footer .footer-inner .footer-txt-box .copyright {
  color: #9a9a9a;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: -0.02em;
}
footer .footer-inner .contact-link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  position: absolute;
  top: 15px;
  right: 0;
  box-sizing: border-box;
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 15px 0;
  width: 100%;
  max-width: 208px;
  transition: background-color 0.5s;
}
footer .footer-inner .contact-link span {
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}
footer .footer-inner .contact-link:hover {
  background: #fff;
}
footer .footer-inner .contact-link:hover span {
  color: #222;
}
footer .footer-inner .contact-link:hover::before {
  background: #222;
}
footer .footer-inner .contact-link:hover::after {
  background: #222;
}
footer .footer-inner .contact-link::before {
  content: "";
  position: absolute;
  top: 25px;
  right: 15px;
  width: 12px;
  height: 3px;
  background: #fff;
  transform: translate(-50%, -50%) rotate(45deg);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 3px;
}
footer .footer-inner .contact-link::after {
  content: "";
  position: absolute;
  top: 32px;
  right: 15px;
  width: 12px;
  height: 3px;
  background: #fff;
  transform: translate(-50%, -50%) rotate(-45deg);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
footer .family-site-box {
  width: 100%;
  background: #171717;
  position: absolute;
  bottom: -100%;
  opacity: 0;
  overflow: hidden;
  transition: all 0.6s;
  z-index: 100;
}
footer .family-site-box .family-site {
  display: grid;
  grid-template-areas: ". . .";
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 85px 0;
}
footer .family-site-box .family-site .family-marketing .family-cate-name {
  padding-left: 96px;
}
footer .family-site-box .family-site .family-marketing .family-marketing-list {
  grid-template-areas: ". . .";
  padding-left: 96px;
}
footer .family-site-box .family-site ul {
  display: grid;
  gap: 20px 30px;
  width: 100%;
  margin-top: 67px;
}
footer .family-site-box .family-site ul li a {
  font-size: 18px;
  font-weight: 300;
  color: #9a9a9a;
  letter-spacing: -0.04em;
}
footer .family-site-box .family-site ul li a.wt {
  color: #fff;
}
footer .family-site-box .family-site .family-cate-name {
  font-size: 22px;
  font-weight: 300;
  color: #fff;
  border-bottom: 1px solid #707070;
  letter-spacing: -0.04em;
  padding-bottom: 21px;
}
footer #familySiteOpenBtn {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 7px;
  background: #171717;
  width: 100%;
  text-align: center;
  padding: 14px 0;
  position: relative;
  z-index: 101;
}
footer #familySiteOpenBtn b {
  position: relative;
  font-size: 22px;
  color: #dedede;
}
footer #familySiteOpenBtn b::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -30px;
  width: 12px;
  height: 3px;
  background: #fff;
  transform: translate(-50%, -50%) rotate(-45deg);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 3px;
}
footer #familySiteOpenBtn b::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -38px;
  width: 12px;
  height: 3px;
  background: #fff;
  transform: translate(-50%, -50%) rotate(45deg);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
footer #familySiteOpenBtn.open b::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -32px;
  width: 12px;
  height: 3px;
  background: #fff;
  transform: translate(-50%, -50%) rotate(45deg);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 3px;
}
footer #familySiteOpenBtn.open b::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -38px;
  width: 12px;
  height: 3px;
  background: #fff;
  transform: translate(-50%, -50%) rotate(-45deg);
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

footer.family-open .family-site-box,
.footer-inner.family-open .family-site-box,
.family-site-box.open {
  bottom: 50px;
  opacity: 1;
}

/** footer **
footer .section-outer { background: #3e215d; padding: 80px 0 90px; } 
.f-cont-wrap {position:relative; margin-top: 40px; } 
.f-cont-sns { float: right; } 
.f-cont-sns a { margin-right: 15px; } 
.f-cont-list { margin-bottom: 40px; } 
.f-cont:last-child { margin-bottom: 0; } 
.f-cont-subject { color: #fff; font-size: 18px; font-weight: 600; width: 160px; } 
.link-cont { margin-bottom: 40px; } 
.link-cont a { color: #fff !important; font-size: 14px; font-weight: 300; opacity: 0.6; word-break: keep-all; } 
.link-cont a:hover { opacity: 1; } 
.link-cont a:after { content: ""; display: inline-block; width: 1px; height: 13px; background: rgba(255, 255, 255, 0.4); vertical-align: middle; margin: 0 6px; } 
.link-cont a:last-child:after { display: none; } 
.f-info-list { margin-bottom: 20px } 
.f-info-list li { margin-bottom: 3px; } 
.f-info-list li span { font-size: 14px; font-weight: 300; color: #bcbcbc; } 
.f-info-list li span:after { content: ""; display: inline-block; width: 1px; height: 13px; background: rgba(255, 255, 255, 0.4); vertical-align: middle; margin: 0 10px; } 
.f-info-list li span:last-child:after { display: none; } 
.copyright { color: #7d7d7d; font-size: 14px; letter-spacing: 0; } 
/** 계열사 바로가기 **
.company-combo-wrap { position: absolute; bottom: 0; right: 0; } 

.company-box { display: none; background: rgba(0, 0, 0, 0.9); box-sizing: border-box; position: absolute; left: 0; bottom: 70px; opacity: 0; padding: 20px 30px 30px; width: 1200px; transition: 0.3s; z-index: 3; } 

.company-box.on { opacity: 1; bottom: 50px; } 

.company-box .company-box-tit { color: #ccc; font-size: 24px; margin-bottom: 25px; } 

.compnay-list-wrap { display: flex; } 

.company-list { min-width: 200px; margin-right: 20px; } 

.company-list.company-mk-list { width: 100%;}

.company-list:last-child { margin-right: 0; } 

.company-list-tit { color: #fff; background: #000; font-size: 20px; padding: 20px; } 

.company-list ul { box-sizing: border-box; background: #2c2c2c; padding: 35px 35px 0 20px; height: 270px; } 

.company-list ul.company-flex-list { display: flex; flex-direction: column; flex-wrap: wrap; } 
.company-list ul li { margin-bottom: 30px; } 


.company-list a { color: #ccc; font-size: 16px; font-weight: 300; } 

.company-list a strong { color: #fff; font-weight: 500; } 

.company-list a:hover,
.company-list a:hover strong { color: #b36cff !important; } 

.company-combo { box-sizing: border-box; border: 3px solid rgba(255, 255, 255, 0.5); width: 255px; padding: 13px 15px 13px 0; color: #fff; font-size: 18px; cursor: pointer; text-align: center; transition: 0.3s; position: relative; letter-spacing: 0; } 

.company-combo::selection { background: transparent; } 

.company-combo:hover { background: #000; border-color: #fff; } 

.company-combo.on { background: #000; border-color: #fff; } 

.company-combo:after { content: "+"; font-size: 39px; font-weight: 100; position: absolute; top: 2%; right: 20px; transition: 0.3s; } 

.company-combo.on:after { top: 8%; transform: rotate(45deg); } 

.copyright { color: #7d7d7d; font-size: 14px; letter-spacing: 0; } 
/** ...footer **/

/* 수상내역 */
.awards-logo-swiper-wrap .swiper-button-prev,
.awards-logo-swiper-wrap .swiper-button-next {
    width: 13px;
    height: 22px;
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
    opacity: 0.3;
    transition: 0.2s;
}

.awards-logo-swiper-wrap .swiper-button-prev:hover,
.awards-logo-swiper-wrap .swiper-button-next:hover  {
    opacity: 1;
}

.awards-logo-swiper-wrap .swiper-button-prev {
    background-image: url(../../images/os/new_img1/sub/award-swiper-prev.png);
    background-size:cover;
    left: -30px;
}

.awards-logo-swiper-wrap .swiper-button-next {
    background-image: url(../../images/os/new_img1/sub/award-swiper-next.png);
    background-size:cover;
    right: -30px;
}

.awards-logo-swiper-wrap {
    box-shadow: 10px 2px 29px #ccc;
    box-sizing: border-box;
    padding: 40px 0 30px;
}

.awards-logo-swiper-wrap .section-inner {
    position: relative;
}

.award-logo-swiper {
    width: 1100px;
    margin: 0 auto;
    
}

.award-logo-swiper .swiper-wrapper {
    align-items: center;
}
/*
.award-logo-swiper .swiper-slide a {
    display: flex;
    align-items: center;
    width: auto;
}

.award-logo-swiper .swiper-slide .logo-img {
    padding-right: 20px;
}
*/
.award-logo-swiper .swiper-slide .logo-img img {width:100%;}

.award-logo-swiper .swiper-slide .logo-name {
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.22;
    word-break: keep-all;
}

.awards-logo-swiper-wrap .swiper-button-next {
    right: -30px;
}
.awards-logo-swiper-wrap .swiper-button-prev {
    left: -30px;
}

/** layer **/
.video-popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100000; } 
.video-popup-box { position: absolute; top: 60%; left: 50%; transform: translate(-50%,-50%); box-sizing: border-box; opacity: 0; transition: 0.5s; } 
.video-popup-box.show { top: 50%; opacity: 1; } 
.video-popup-box > .close-btn { cursor: pointer; position: absolute; top: -55px; left: 50%; transform: translateX(-50%); } 
.video-popup-box .video-wrap { width: auto; height: 480px; font-size: 0; position: relative;} 
.video-popup-box .video-wrap video { width: auto; height: 100%; } 
.video-popup-box .video-wrap .play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); cursor: pointer; transition: 0.3s; } 
.video-popup-box .video-wrap .play-btn.hide { opacity: 0; z-index: -1; } 
.layer-wrap { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000; } 
.layer-wrap:before { content: " "; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); } 
.layer-box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1000px; } 
.layer-top { background: #3e215d; padding: 28px 0; } 
.layer-inner { width: 620px; margin: 0 auto; } 
.event-layer .layer-inner { width: 680px; } 
.layer-top-cont-wrap { position: relative; } 
.layer-title { font-size: 30px; font-weight: 200; color: #fff; } 
.layer-close { cursor: pointer; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } 
.layer-cont-wrap { padding: 40px 0; background: #fff; } 
.event-layer .layer-cont-wrap { padding: 80px 0; } 
.layer-cont,.event-layer-cont { margin-bottom: 40px; } 
.layer-cont .flexible-box { display: flex; align-items: center; } 
.event-layer-cont .flexible-box { display: flex; } 
/* .event-layer-cont .input-type:first-child { margin-right: 20px; } */ 
.event-layer-cont .input-type { width: 220px; font-size: 0; } 
.event-layer-cont .input-type.input-type1{max-width:170px;margin-right:10px !important;}
.event-layer-cont .input-type.input-type1:nth-child(3){max-width:180px;margin-right:30px !important;}
.event-layer-cont .input-type.input-type1 select{width:100%;}
.event-layer-cont .input-type input { max-width: 220px; } 
.event-layer-cont .input-type > label { font-size: 20px; font-weight: 300; display: block; margin-bottom: 20px; }
.event-layer-cont .radio-wrap > span {font-size:20px;font-weight:300;display:block;margin-bottom:40px;} 
.event-layer-cont .radio-wrap { margin-left: 0 !important; } 
.event-layer-cont .radio-wrap > span { margin-bottom: 40px; } 
.event-layer-cont .check-icon { width: 18px; height: 18px; } 
.layer-cont-call .input-type { width: 330px; } 
.layer-cont-call .input-type > button { background: #000; color: #fff; opacity: 0.6; font-size: 18px; font-weight: 200; margin-left: 10px; width: 100px; } 
.event-layer-cont .check-cont:first-child { margin-right: 90px; } 
.event-layer-cont .check-cont .label-txt { font-size: 18px; font-weight: 200; } 
.event-layer-cont .check-cont a { opacity: 0.6; vertical-align: middle; font-size: 16px; border-bottom: 1px solid #000; margin-left: 14px; } 
.layer-cont .select-cont { font-size: 0; } 
.layer-cont>label { display: block; margin-bottom: 20px; font-size: 20px; } 
.radio-cont label:first-child { margin-right: 40px; } 
.layer-cont select { margin-right: 20px; width: 193px; } 
.layer-cont select:last-child { margin-right: 0; } 
.layer-cont .check-icon { width: 20px; height: 20px; margin-right: 5px; } 
.layer-cont .label-txt { font-size: 18px; font-weight: 200; } 
.layer-btn-wrap { text-align: center; } 
.planner-search-btn { background: #000; color: #fff; font-size: 18px; font-weight: 200; width: 180px; } 
.planner-search-btn img { margin-left: 13px; } 
.event-btn-wrap .event-apply-btn { background: #000; color: #fff; font-size: 18px; font-weight: 200; width: 180px; } 
.event-btn-wrap .event-apply-btn img { margin-left: 13px; }
.subContWrap select {box-sizing: border-box;border: 1px solid #000;background: url(../../images/os/new_img1/sub/arrow-down.png) no-repeat center right 20px;background-size: 14px 10px;margin: 0;padding: 0 20px;font-size: 18px;min-width: 130px;height: 60px;vertical-align: top;-moz-appearance: none; /*Firefox*/-webkit-appearance: none; /* Safari,Chorome*/appearance: none;font-weight: 400;} 
.subContWrap select::-ms-expand { display: none/* IE */ } 
.label-txt { vertical-align: middle; }  
/** ...layer **/


/* 오토십 상품등록 표 */
.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: 5px 10px 7px; background: #d75654; border-radius: 3px; line-height:1; display:inline-block; } 

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

/* 프린트 화면 선택 */
.printSelectWrap { width:100vw; height:100vh; background:rgba(0,0,0,0.1); position:fixed; left:0; top:0; z-index:10; } 
.printSelect { position:absolute; top:50%; margin-top:-150px; left:50%; margin-left:-150px; background:#fff; width:500px; height:300px; -webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.30); -moz-box-shadow:0px 0px 20px 0px rgba(50, 50, 50, 0.30); box-shadow:0px 0px 20px 0px rgba(50, 50, 50, 0.30); } 
.printSelect h2 { margin:20px 0; text-align:center; } 
.printSelect ul { background:#f2f2f2; width:460px; margin:0 auto 20px; height:170px; padding:5px 20px; box-sizing:border-box; overflow-y:scroll; } 
.printSelect li { padding:10px 0; border-bottom:1px solid #ddd; } 
.printSelect li span { line-height:30px; } 
.printSelect li a { display:inline-block; float:right; background:#1e75d6; line-height:30px; color:#fff; padding:0 10px; } 
.printSelect li:after { content:""; display:block; clear:both; } 
.printSelect li:last-child { border-bottom:0; } 
.printSelect .printSelectBtn { text-align:center; } 
.printSelect .printSelectBtn a { display:inline-block; padding:7px 20px; background:#a2a2a2; color:#fff; } 

#cateTab {margin-top:22px; } 
#cateTab li {font-size:11pt;font-weight:600;padding:15px 0px;border:1px solid black;color:#3e215d; } 
#cateTab li.active {font-weight:600;background:#3e215d;color:#fff; } 
input[type='text'].faqSearch, input[type='text'].meterialSearch {box-sizing:border-box;border:1px solid #000;padding:0 20px;font-size:16px;width:100%;height:60px;background:#fff;font-weight:200; } 

.faq-cate-div{
	margin-bottom:-1px;
}
#layCate.faq-cate li{
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #000;
	padding:15px 10px;
	cursor:pointer;
}
#layCate.faq-cate li:hover{
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	background:#3e215d;
	color:#fff;
	font-weight:bold;
}
#layCate.faq-cate li.on{
	border-top:1px solid #3e215d;
	border-left:1px solid #3e215d;
	border-right:1px solid #3e215d;
	background:#3e215d;
	color:#fff;
	font-weight:bold;
}

/* 메인 롤링 팝업 */
.mainPop{
	border:1px solid #ccc;
	width:520px !important;
	height:760px !important;
	background:transparent !important;
	width: 300px;
	height:530px;
	left: 699px;
	top: 54px;
	background-color: rgb(255, 255, 255);
	position: absolute;
	z-index: 9999;
	opacity: 1;
	width: 300px;
	height: 530px;
	left: 699px;
	top: 54px;
	background-color: rgb(255, 255, 255);
	position: absolute;
	z-index: 9999;
	opacity: 1;
}
.mainPop #popRoll{background:#fff;}
.mainPop .popRollWrap{position:relative;width:100%;height:100%;}
.mainPop .popRollWrap .topClose{position:absolute;top:5px;right:5px;z-index:9999;width:20px;height:20px;line-height:20px;background:rgba(255,255,255,0.7);}
.mainPop .lSSlideOuter{width:520px;}
.mainPop .popRollImg{width:520px;height:680px;}
.mainPop .lSSlideOuter:hover .lSAction > a{opacity:1;background-color:#8c8c8c;}
.mainPop .lSPager{position:absolute;bottom:85px;left:0;width:100%;text-align:center;}
.mainPop .lSPager li{display:inline-block;margin:0 3px;}
.mainPop .lSPager li a{display:inline-block;width:12px;height:12px;background:#f8f8f8;border-radius:50%;text-indent:-999em;}
.mainPop .lSPager li.active a{background:#0060af;}
.mainPop .popRollInfo{display:table;width:520px;height:50px;border-top:1px solid #ccc;box-sizing:border-box;}
.mainPop .popRollInfo p:first-child{width:400px;line-height:1.4;text-align:left;padding-left:10px;-webkit-line-clamp:2;overflow:hidden;}
.mainPop .popRollInfo p{display:table-cell;vertical-align:middle;width:120px;}
.mainPop .popRollInfo p a{width:100px;height:36px;line-height:36px;background:#888;color:#fff;border-radius:25px;display:inline-block;text-align:center;}
.mainPop .lSAction > a.lSPrev{background:url('../../images/os/main/popArrowL.png')no-repeat;}
.mainPop .lSAction > a.lSNext{background:url('../../images/os/main/popArrowR.png')no-repeat;}
.mainPop .lSAction > a{width:50px;height:50px;opacity:0;margin-top:-25px;}
.mainPop .popToday{position:absolute;left:0;line-height:30px;background:rgba(245,245,245,0.9);width:100%;text-align:left;}
.mainPop .popToday input{margin:0 0 0 5px;width:20px;height:20px;vertical-align:middle;}
.mainPop .popToday span{color:#555;}
.mainPop .popToday .b-close{color:#000;}
.btnLineAdd{line-height:1.2 !important;word-break: break-all;padding:1.5px 12px 0;box-sizing:border-box;}

.memschPop{background:#fff;position:absolute;display:none;width:50%;!important;left: 25%;z-index:9999;}
.bg_red{background:#a51b1b !important;}