@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Jost:ital,wght@0,100..900;1,100..900&family=Noto+Sans+KR:wght@100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Jost:ital,wght@0,100..900;1,100..900&family=Noto+Sans+KR:wght@100..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
@font-face { 
    font-family: 'GmarketSans'; 
    font-style: normal; 
    font-weight: 400; 
    src: url(font/GMARKETSANSLIGHT.woff2) format('font-woff2'), 
    url(font/GMARKETSANSLIGHT.woff) format('woff'), 
    url(font/GMARKETSANSLIGHT.otf) format('opentype'); 
}
@font-face { 
    font-family: 'GmarketSans'; 
    font-style: normal; 
    font-weight: 600; 
    src: url(font/GMARKETSANSMEDIUM.woff2) format('font-woff2'), 
    url(font/GMARKETSANSMEDIUM.woff) format('woff'), 
    url(font/GMARKETSANSMEDIUM.otf) format('opentype'); 
}
@font-face { 
    font-family: 'GmarketSans'; 
    font-style: normal; 
    font-weight: 800; 
    src: url(font/GMARKETSANSBOLD.woff2) format('font-woff2'), 
    url(font/GMARKETSANSBOLD.woff) format('woff'), 
    url(font/GMARKETSANSBOLD.otf) format('opentype'); 
}
/* ========================== 태그초기화 =========================== */

html,body{font-family:'Noto Sans KR', sans-serif, serif;font-size: 14px;color:#696969;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-osx-font-smoothing:grayscale;}
html,body,p,img,div,input,ul,header,footer,mark,article,ul li,dl,dl dt,dl dd,form,legend,caption,h1,h2,h3,h4,h5,fieldset,label,ol,ol li,xmp{margin:0;padding:0;border:0;list-style-type:none}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
img{border:0;vertical-align:top;}
ul,ol,dl,dt,dd,li{list-style:none;}
table, th, td{border-collapse:collapse;border-spacing:0;font-weight:normal;}
caption{display:block;text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0;}
fieldset, blockquote, iframe, button{border:none;}
i, em, u, cite, address{font-style:normal;}
table {margin:0;padding:0;word-break:break-all;border-collapse:collapse; }
strong, b{font-weight:bold;}
a {color:#555;text-decoration:none;}
input{border:1px solid #dedede;padding:3px 3px;color:#777;}
button {background:transparent;cursor:pointer;vertical-align:middle;margin:0;}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer;-webkit-appearance:none;}
section, nav, article, aside, header, footer, main, figure, figcaption {display:block;}
input[type="date"]::-webkit-calendar-picker-indicator,input[type="date"]::-webkit-inner-spin-button {display:none;}input[type="text"],input[type="search"],input[type="tel"],input[type="number"],
input[type="password"]{-webkit-appearance:none;border-radius:0}
input[placeholder] {}
::-moz-selection{background:#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;}
input[type="text"],input[type="search"] {border-radius:0;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px #fff inset;}
.clearfix:before, .clearfix:after {content: '';display: block;clear: both;}
.border-radius{behavior:url('../../js/design-js/PIE-1.0.0/PIE.htc');zoom:1;}

/* ========================== 공통 클래스 모음 =========================== */
.floL{float:left;}
.floR{float:right !important;}
.posR{position:relative;}
.posA{position:absolute;}
.t-c, .text-c{text-align:center !important}
.t-r, .text-R{text-align:right !important}
.t-l, .text-L{text-align:left !important}
.clr{*zoom:1;}
.clr:after{ content: ""; display: block; clear:both;}
.indent{position:absolute;top:0px;left:-9999px;font-size:0px;line-height:0px;}
.notxt{text-indent:-9999px;font-size:0px;line-height:0px;}
.hide{display:none;}
.bgn a{background:none !important}
.dis-Table{display: table;margin:0 auto;}
.CursorP{cursor:pointer}
.BackNone{background:none !important}
.text-c{text-align:center !important;}.text-L{text-align:left !important;}.text-R{text-align:right !important;}
.b-tit {font-family:DM Serif Display;text-align: center;font-size: 52px;color: #000;font-weight: 500;margin-bottom: 60px;text-transform: uppercase;letter-spacing:1px;}

/*------- width, margin, padding --------*/
.wAuto{width:auto !important;}.w100{width:100% !important;}.w98{width:98% !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;}.w33{width:30% !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-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;}
.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;}
.mgt100{margin-top:100px !important;}.mgt150{margin-top:150px !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;}
.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;}

/*-- 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-green{background:#a6bf27 !important;}.bg-green:hover{background:#8fa51d !important;}
.bg-fa{background:#dedede;}
.bg-gray{background:#acacac;}
.bg-black{background:#333;}.bg-black:hover{background:#000;}

/* 공통 */
.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:23px;}
.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;}

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

.back-orange-normal{background:#f7b52c;}
.back-orange{color:#fff;background:#ffac00;}.back-orange:hover{color:#fff;background:#df9600;}
.back-blue{background:#6c8ea3 !important;}
.back-blue2{background:#99aeb8 !important;}

.sm_ty1{background-color:#a7a7a7; height:30px; line-height:30px; text-align:center; color:#fff !important; font-size:15px; padding:0 13px;}
.sm_ty2{background-color:#444; height:30px; line-height:30px; text-align:center; color:#fff !important; font-size:15px; padding:0 13px;}
.sm_ty3{background-color:#fff; height:30px; line-height:30px; text-align:center; color:#fff !important; font-size:15px; padding:0 13px;}

/*------- 텍스트 --------*/
.text-red{color:#f53e3c !important;}
.textBlue{color:#005ac9;}

.fsize14{font-size:14px !important;}.fsize16{font-size:16px !important;}
.line-height30{line-height:30px !important;}
.color-black{color:#000;}.color-black3{color:#333;}.color-black5{color:#555;}.color-black7{color:#777;}.color-black9{color:#999;}
.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-blue{color:#108ccf !important;}.color-blue:hover{color:#0770a9 !important;}

/*------- 배경 --------*/
.bg-white{background:#ffffff;}
.gback{color:#777;}

/* =========================== 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;}
#container{width:100%;margin:0 auto;position:relative;/*min-height: 800px*/;overflow: hidden;}
div#wrap footer{clear:both;position:relative;border-top:1px solid #e5e5e5;}
.contain{width:1300px;margin:0 auto;}

/* =========================== header =================================== */
/* topBanner */
.topBanner {background: #000;width: 100%;height: 40px;}
.topBanner .contain {position: relative;}
.topBanner p {line-height: 40px;color: #fff;text-align: center;font-size: 14px;}
.topBanner a {position: absolute;right: 50px;top: 8px;line-height: 40px;color: #fff;}

.header {}
.header .headTop {height: 150px;width:1300px;margin:0 auto;position:relative;}
.header .headTop h1{margin:0 auto ;width:230px;}
.header .headTop h1 a {display: inline-block;margin-top:35px;}
.header .headTop h1 a img{height:80px;}
.header .headTop .userMenu {text-align: right;position:absolute;right:0;top:35px;}
.header .headTop .userMenu a {font-size: 14px;color: #868686;transition: all 0.3s;position:relative;margin-left:20px;}
.header .headTop .userMenu a:hover {color: #111;}
.header .headTop .userMenu a:after{content:"";display:inline-block;width:1px;height:14px;background:#aaa;position:absolute;left:-13px;top:4px;}
.header .headTop .userMenu a:first-child {margin-left: 0;}
.header .headTop .userMenu a:first-child:after{content:"";display:none;}
.header .headTop .userMenu .tgPage{margin-top:20px;}
.header .headTop .userMenu .tgPage a{display:none;margin-right:0;display:inline-block;padding:0 40px;line-height:40px;background: #000;color:#fff;border-radius:20px;font-size:14px;transition:all 0.3s;}
.header .headTop .userMenu .tgPage a:hover{background:#333;}
.header .headTop .userMenu .tgPage a:after{content:"";display:none;}
.header .gnbWrap {height: 60px;background:#000;position:relative;}
.header .gnbWrap a {width: auto !important;color: #fff;font-size: 16px;line-height: 60px;display: inline-block;margin-right: 50px;position: relative;}
.header .gnbWrap .contain{display: flex;justify-content: space-between;align-items: center;}
.header .gnbWrap .searchWrap {height: 40px;overflow: hidden;width: 350px;display: flex;justify-content: space-between;}
.header .gnbWrap .searchWrap input {border-radius: 20px;background: #fff;width: calc(100% - 40px);height: 40px;padding-left: 20px;border: 0 !important;box-shadow: none;}
.header .gnbWrap .searchWrap input[placeholder]{color:#626262;font-size:14px;}
.header .gnbWrap .searchWrap a {display: block;width: 46px;height: 46px;color: #fff;margin-right:0;}
.header .gnbWrap .searchWrap a svg {margin-top: 5px;}
#gnb_wrap{width:calc(100% - 350px);}

/* ============================== footer =================================== */
.footer {background: #000;}
.btmInfo{display:flex;align-items: center;}
.btmInfo > div:first-child{padding-right:30px;}
.footer .noticeWrap {display:none;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;background: #fff;height: 80px;overflow: hidden;position: relative;}
.footer .noticeWrap h2 {font-size: 20px;color: #000;font-weight: 700;line-height: 78px;display: inline-block;position: absolute;left: 0;top: 0;}
.footer .noticeWrap .noticeSlide {position: relative;padding: 0 130px;max-width: 1200px;height:80px;}
.footer .noticeWrap .noticeSlide .swiper-slide a {display: block;margin-top: 30px;overflow: hidden;width: 100%;}
.footer .noticeWrap .noticeSlide .swiper-slide a p {color: #888;font-size: 16px;transition: all 0.3s;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 1;}
.footer .noticeWrap .noticeSlide .swiper-slide a:hover p {color: #333;}
.footer .noticeWrap .noticeSlide .noticeControl {position: absolute;right: 0;top: 50%;margin-top: -17px;font-size: 0;}
.footer .noticeWrap .noticeSlide .noticeControl .swiper-button-next, .footer .noticeWrap .noticeSlide .noticeControl .swiper-button-prev, .footer .noticeWrap .noticeSlide .noticeControl a {display: inline-block;width: 34px;height: 34px;border-radius: 50%;border: 1px solid #eee;position: unset;text-align: center;color: #333;vertical-align: bottom;margin-left: 10px;transition: all 0.3s;}
.footer .noticeWrap .noticeSlide .noticeControl .swiper-button-next svg, .footer .noticeWrap .noticeSlide .noticeControl .swiper-button-prev svg, .footer .noticeWrap .noticeSlide .noticeControl a svg {margin-top: 9px;}
.footer .noticeWrap .noticeSlide .noticeControl .swiper-button-next:first-child, .footer .noticeWrap .noticeSlide .noticeControl .swiper-button-prev:first-child, .footer .noticeWrap .noticeSlide .noticeControl a:first-child {margin-left: 0;}
.footer .noticeWrap .noticeSlide .noticeControl .swiper-button-next:hover, .footer .noticeWrap .noticeSlide .noticeControl .swiper-button-prev:hover, .footer .noticeWrap .noticeSlide .noticeControl a:hover {color: #000;border: 1px solid #ddd;}
.footer .noticeWrap .noticeSlide .noticeControl .swiper-button-next:after, .footer .noticeWrap .noticeSlide .noticeControl .swiper-button-prev:after {font-size: 16px;background-image: none;content: none;}
.footer .noticeWrap .noticeSlide .noticeControl a svg {margin-top: 6px;}

.footer .btmInfo img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);width:160px;opacity:0.7;}
.footer .btmInfo {padding:80px 0;}
.footer .btmInfo .btmMenu {margin-bottom: 10px;}
.footer .btmInfo .btmMenu a {color: #fff;font-size: 14px;transition: all 0.3s;margin-right: 40px;font-weight:600;}
.footer .btmInfo .btmMenu a:last-child {margin-right: 0;}
.footer .btmInfo .compInfo span{color: rgba(255,255,255,0.7);font-size: 12px;padding-right: 10px;display: inline-block;font-weight:400;position:relative;margin-right:5px;}
.footer .btmInfo .compInfo span:after{content:"";display:block;width:1px;height:10px;background:rgba(255,255,255,0.5);position:absolute;right:0;top:4px;}
.footer .btmInfo .compInfo span:nth-child(3):after, .footer .btmInfo .compInfo span:last-child:after{content:"";display:none;}
.footer .btmInfo .compInfo span b{color:#fff;font-weight:600;}
.footer .btmInfo .btmCopy {color: rgba(255,255,255,0.6);font-size: 10px;margin-top: 10px;}

/* follow quick menu */
.quickMenu {width: 80px;border-radius: 8px;overflow: hidden;background: #fff;position: fixed;right: 50px;top: 50%;margin-top:-263px;z-index: 90;text-align: center;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.05);}
.quickMenu p {color: #666;font-size: 12px;line-height: 1;}
.quickMenu ul li {width: 100%;height: 80px;border-bottom: 1px solid #eee;display: table;}
.quickMenu ul li a {display: table-cell;width: 100%;height: 100%;vertical-align: middle;}
.quickMenu ul li a svg {width: 30px;height: 30px;}
/* .quickMenu ul li a:hover svg .cls-1 {stroke: #229542;}
.quickMenu ul li a:hover svg .cls-2, .quickMenu ul li a:hover svg .cls-t, .quickMenu ul li a:hover svg .cls-5 {fill: #229542;} */
.quickMenu ul li a .quickCart {position: relative;}
.quickMenu ul li a .quickCart span {display: inline-block;width: 18px;height: 18px;line-height: 18px;border-radius: 50%;background: #229542;color: #fff;text-align: center;font-size: 10px;font-weight: 200;position: absolute;top: 0;right: 15px;}
.quickMenu ul li a img {width: 40px;}
.quickMenu ul li a p {margin-top: 10px;}
/* .quickMenu ul li a:hover p {color: #229542;} */
.quickMenu .goTop {display: block;line-height: 40px;background: #000;color: #fff;font-size: 12px;font-weight: 100;letter-spacing: 3px;}
@media screen and (max-width:1470px) {
	.quickMenu{right:0;}
}



/* Text 애니메이션션 효과  실명인증 문구 */
.textAnimation {animation:topCertify 1.0s infinite;padding:3px 10px;background:#d75654;border-radius:3px;margin-right:-15px;font-size:13px;font-weight:200;}
@keyframes topCertify{0%{color:rgba(250, 250, 250, 1);}100%{color:rgba(250, 250, 250, 0.5);}}

/*
 *
 *	데모전용 사용하지않으면 삭제하시면됩니다.
 *
 */
/* ========================  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;}

/* 팝업 : id/pw 찾기 */
#popWrap{position:relative; margin:50px;border:1px solid #eee;padding:39px;position:relative;}
#popWrap .popHeader h1{font-size:20px;line-height:30px;color:#333;font-weight:normal;}
#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;}
#popWrap .idPassFind .passfind strong{color:#343d45; font-size:15px;display:block; padding:20px 0 0 0;} 

.PopTab{width:100%;}
.PopTab .PopTabs li{float: left;width:50%;}
.PopTab .PopTabs li:first-child{width:50%;box-sizing:border-box;border-right: 1px solid #80d959;}
.PopTab li a{display:block;font-size: 16px;color: #4c4c4c;line-height: 50px; text-align:center;transition-duration: 0.5s;}
.PopTab li a.hover, .PopTab li a.active{color: #fff; background:#80d959123;}
.Pop_content > img{width:1000px;margin:0 auto;display:block;}
.PopTabs{margin-bottom:30px;background:#f1f1f1;}
.PopTab li a:hover, .PopTab li a.active, .PopTab li a.tabOn{color: #fff;background: #80d959;}

/* 비밀번호 변경, 수당 발생 안내 */
.guidegb{width:100%;background:#f2f2f2;display:table;text-align:center;padding:80px 0;}
.guideWrap{display:table-cell;vertical-align:middle;padding-top:60px;}
.guideCont{width:1000px;background:#fff;position:relative;margin:0 auto;padding:120px 100px 100px;border-radius:50px;}
.guideCont .guideIcon{width:150px;height:150px;overflow:hidden;border-radius:50%;position:absolute;left:50%;margin-left:-75px;top:-75px;}
.guideCont .guideIcon svg{margin-top:30px;}
.guideCont h2{font-size:60px;color:#000;line-height:1.3;}
.guideCont h2 p{font-size:0.5em;font-weight:200;opacity:0.7;}
.guideCont hr{display:block;margin:30px auto;width:800px;border-top:1px solid #ddd;border-bottom:0;}
.guideCont p{color:#666;}
.guideCont .btns{margin-top:50px;font-size:0;}
.guideCont .btns a{display:inline-block;line-height:50px;color:#fff;width:180px;border-radius:3px;font-size:15px;margin:0 5px;}
.bg_basic{background:#616a7d;} a.bg_basic:active{background:#4d5567;}
.bg_gray{background:#616a7d;} a.bg_gray:active{background:#4d5567;}