/* reset style */
@font-face {
font-family: 'nanum-square-b';
src: url('../font/nanum-square-b/nanumsquareb.eot');
src:url('../font/nanum-square-b/nanumsquareb.eot?#iefix') format('embedded-opentype'),
url('../font/nanum-square-b/nanumsquareb.woff2') format('woff2'),
url('../font/nanum-square-b/nanumsquareb.ttf') format('truetype'),
url('../font/nanum-square-b/nanumsquareb.woff') format('woff'),
url('../font/nanum-square-b/nanumsquareb.svg#nanumsquarebregular') format('svg');
font-weight: normal; font-style: normal;}
@font-face {
font-family: 'nanum-square-r';
src: url('../font/nanum-square-r/nanumsquarer.eot');
src:url('../font/nanum-square-r/nanumsquarer.eot?#iefix') format('embedded-opentype'),
url('../font/nanum-square-r/nanumsquarer.woff2') format('woff2'),
url('../font/nanum-square-r/nanumsquarer.ttf') format('truetype'),
url('../font/nanum-square-r/nanumsquarer.woff') format('woff'),
url('../font/nanum-square-r/nanumsquarer.svg#nanumsquarerregular') format('svg');
font-weight: normal; font-style: normal;}

*{margin:0; padding:0; border:0; list-style:none; /*letter-spacing:-0.5px;*/  /* text-decoration:none; */}
body{font-family: nanum-square-r;}
h1, h2{font-family: 'nanum-square-b';}
p{font-family: nanum-square-r; word-break: break-all; white-space: normal;}
li{list-style:none;}
img{border:0;}
a{text-decoration:none; cursor:pointer !important;}
button, textarea{outline:none;}
.thisBlind{display:none !important;}
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: "."; clear: both; height: 0;}
.clearfix { display: inline-block; }
/* start commented backslash hack */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
.nanum-sq{font-family: 'nanum-square-b' !important;}
.clear {clear: both;}

/* 간격공통 */
.pdT40{padding-top:40px !important;}

/* default style */
body{background:#fbfbfb;}
iframe body{background:#fff !important;}


/*------- skip -------*/
.skip {position: absolute; left: 0; top: 0;}
.skip a {display: block; position: absolute; left: -9999px; top: 0; width: 155px; border: 2px solid #000; background: #fff; text-align: center; font-weight: bold; line-height: 2.17;}

/* header */
.header{cursor:default; background:#fff;width: 100%; min-width: 1024px;}
body.memService .header{background:#fbfbfb;}
.header .topMenuWrap {height: 24px; width: 100%; min-width: 990px; background: #3046c3; border-top: 2px solid #152393; border-bottom: 1px solid #152393;}
.header .topMenuWrap .topMenu {max-width: 1024px; min-width: 800px; display: block; height: 24px; margin: 0 auto; position: relative;}
.header .topMenuWrap .topMenu .tabBtn{position: absolute; left: 17px;}
.header .topMenuWrap .topMenu .tabBtn ul li a{font-size: /* 12px */0.750em; letter-spacing:-0.04em;}
.header .topMenuWrap .topMenu .tabBtn ul li.tab01{float: left; width: 99px; height: 25px; background: #fff; border-left: 1px solid #152393; border-right: 1px solid #152393;}
.header .topMenuWrap .topMenu .tabBtn ul li.tab01 a{ color: #1f39ce; width: 99px; height: 25px; display: block; text-align: center; line-height: 23px;}
.header .topMenuWrap .topMenu .tabBtn ul li.tab02{float: left;width: 75px;height: 25px;background: #3046c3; border-right: 1px solid #152393;}
.header .topMenuWrap .topMenu .tabBtn ul li.tab02 a{color: #a2aff7; width: 74px; height: 25px; display: block; text-align: center; line-height: 23px;}
.header .topMenuWrap .topMenu .userInfo{position: absolute; right: 20px;}
.header .topMenuWrap .topMenu .userInfo ul li a{font-size: /* 12px */0.750em; letter-spacing:-0.04em;color: #a2aff7; text-align: right;display: block; line-height: 23px; height: 25px;}
.header .topMenuWrap .topMenu .userInfo ul li.login{float: left; width: 75px; /* margin-right: 30px; */}
.header .topMenuWrap .topMenu .userInfo ul li.login a{ width: 75px;}
.header .topMenuWrap .topMenu .userInfo ul li.mypage{float: left; width: 80px;}
.header .topMenuWrap .topMenu .userInfo ul li.mypage a{width: 80px;}
.header .topMenuWrap .topMenu .userInfo ul li a img{margin-right: 5px; vertical-align: bottom; margin-bottom: 5px; *margin-bottom: 2px;}
.header #navWrap{width:100%; min-width: 990px;}
.header #navWrap .nav{ min-width: 800px; margin: 0 auto; position: relative; max-width: 1024px; margin-top: 21px; height: 55px;}
.header #navWrap .nav h1{position: absolute; left: 19px; top: -8px;}
.header #navWrap .nav h1 a{width:180px; height:50px; display:block;}
.header #navWrap .nav ul.gnb{ width: 610px; height: 55px; margin: 0 auto; box-sizing: border-box; position: absolute; right: 55px; padding-top: 20px;}
.header #navWrap .nav ul.gnb li{text-indent:-99999999999px; cursor:pointer; width:100px; height:35px; float:left; /* margin-left:40px; */
/*
-moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
-ms-transition: all .3s ease;
transition: all .3s ease;
*/
}
.header #navWrap .nav ul.gnb li.menu01{background: url(../images/common/gnb01.gif) center bottom no-repeat; margin-left:0 !important;}
.header #navWrap .nav ul.gnb li.menu02{background: url(../images/common/gnb02.gif) center bottom no-repeat; margin-left: 31px;}
.header #navWrap .nav ul.gnb li.menu03{background: url(../images/common/gnb03.gif) center bottom no-repeat; margin-left: 31px;}
.header #navWrap .nav ul.gnb li.menu04{background: url(../images/common/gnb04.gif) center bottom no-repeat; width: 80px; margin-left: 29px;}
.header #navWrap .nav ul.gnb li.menu05{background: url(../images/common/gnb05.gif) center bottom no-repeat; margin-left: 29px;}
.header #navWrap .nav ul.gnb li.menu01:hover{background: url(../images/common/gnb01_hover.gif) center bottom no-repeat;}
.header #navWrap .nav ul.gnb li.menu02:hover{background: url(../images/common/gnb02_hover.gif) center bottom no-repeat;}
.header #navWrap .nav ul.gnb li.menu03:hover{background: url(../images/common/gnb03_hover.gif) center bottom no-repeat;}
.header #navWrap .nav ul.gnb li.menu04:hover{background: url(../images/common/gnb04_hover.gif) center bottom no-repeat;}
.header #navWrap .nav ul.gnb li.menu05:hover{background: url(../images/common/gnb05_hover.gif) center bottom no-repeat;}
.header #navWrap .nav ul.gnb li.menu01.over{background: url(../images/common/gnb01_hover.gif) center bottom no-repeat;}
.header #navWrap .nav ul.gnb li.menu02.over{background: url(../images/common/gnb02_hover.gif) center bottom no-repeat;}
.header #navWrap .nav ul.gnb li.menu03.over{background: url(../images/common/gnb03_hover.gif) center bottom no-repeat;}
.header #navWrap .nav ul.gnb li.menu04.over{background: url(../images/common/gnb04_hover.gif) center bottom no-repeat;}
.header #navWrap .nav ul.gnb li.menu05.over{background: url(../images/common/gnb05_hover.gif) center bottom no-repeat;}
.header #navWrap .nav ul.gnb li.menu01.on{background: url(../images/common/gnb01_on.gif) center bottom no-repeat;}
.header #navWrap .nav ul.gnb li.menu02.on{background: url(../images/common/gnb02_on.gif) center bottom no-repeat;}
.header #navWrap .nav ul.gnb li.menu03.on{background: url(../images/common/gnb03_on.gif) center bottom no-repeat;}
.header #navWrap .nav ul.gnb li.menu04.on{background: url(../images/common/gnb04_on.gif) center bottom no-repeat;}
.header #navWrap .nav ul.gnb li.menu05.on{background: url(../images/common/gnb05_on.gif) center bottom no-repeat;}
.header #navWrap .nav ul.gnb li.menu03 span{font-size:0px; text-indent: -99999999999999px; background: url(../images/common/gnb03_timer.gif) top center no-repeat; display: block; width: 48px; height: 20px; position: absolute; top: 0px; right: 257px;}
.header #navWrap .nav ul.gnb li a{width: 100%; height: 34px; display: block; text-align: center; text-indent: -9999999px;}
.header #navWrap .subMenu{width: 100%; min-width: 1024px; margin: 0 auto; position: absolute; border-top:1px solid #e3e3e3; border-bottom: 1px solid #1f39ce; background: #fafafb; z-index: 1010; height: 117px;}
.header #navWrap .subMenu .lnbWrap{min-width: 800px; margin: 0 auto; position: relative; max-width: 1024px; height: 117px;}
.header #navWrap .subMenu .lnbWrap .lnb{margin: 0 auto; position: relative; max-width: 1024px; width: 680px; margin: 0 auto; box-sizing: border-box; padding-top: 10px; padding-bottom: 10px; position: absolute; top: 0; right: 15px; height: 120px;}
.header #navWrap .subMenu .lnbWrap .lnb ul{float:left;}
.header #navWrap .subMenu .lnbWrap .lnb ul.sub01{margin-left: 40px;}
.header #navWrap .subMenu .lnbWrap .lnb ul.sub02{margin-left: 50px;}
.header #navWrap .subMenu .lnbWrap .lnb ul.sub03{margin-left: 70px;}
.header #navWrap .subMenu .lnbWrap .lnb ul.sub04{margin-left: 64px;}
.header #navWrap .subMenu .lnbWrap .lnb ul.sub05{margin-left: 60px;}
.header #navWrap .subMenu .lnbWrap .lnb li{height: 23px; text-align: left; line-height: 23px;}
.header #navWrap .subMenu .lnbWrap .lnb li a{font-size: /* 14px */0.875em; letter-spacing: -0.04em; color: #505050; font-weight: bold; /* font-family: 'nanum-square-b',''맑은 고딕',Malgun Gothic,'돋움',dotum,'굴림',gulim,Arial,AppleGothic,verdana,sans-serif,helvetica;*/}
.header #navWrap .subMenu .lnbWrap .lnb li a:hover{color:#1f39ce;}
.header #navWrap .subMenu .lnbWrap .lnb li.on a{color:#1f39ce;}


/* input background 공통 */
input.sixNum {background: #fff url(../images/sub/common/inputBg_sixNum.gif) left top no-repeat;}
input.onlyNum {background: #fff url(../images/sub/common/inputBg_onlyNum.gif) left top no-repeat;}
input.name {background: #fff url(../images/sub/common/inputBg_name.gif) left top no-repeat;}
input.newPw {background: #fff url(../images/sub/common/inputBg_newPw.gif) left top no-repeat;}
input.newPw2 {background: #fff url(../images/sub/common/inputBg_newPw2.gif) left top no-repeat;}
input.nowPw {background: #fff url(../images/sub/common/inputBg_nowPw.gif) left top no-repeat;}
input.pw {background: #fff url(../images/sub/common/inputBg_pw.gif) left top no-repeat;}
input.pwCheck {background: #fff url(../images/sub/common/inputBg_pwCheck.gif) left top no-repeat;}
input.storeCode {background: #fff url(../images/sub/common/inputBg_storeCode.gif) left top no-repeat;}
input.storeCode02 {background: #fff url(../images/sub/common/inputBg_storeCode02.gif) left top no-repeat;}
input.cmt {background: #fff url(../images/sub/common/inputBg_cmt.gif) left top no-repeat;}
input.applyName {background: #fff url(../images/sub/common/inputBg_applyName.gif) left top no-repeat; *background-position-y:-2px; }
input.checkName {background: #fff url(../images/sub/common/inputBg_checkName.gif) left top no-repeat;}
input.checkPw {background: #fff url(../images/sub/common/inputBg_checkPw.gif) left top no-repeat;}


/* footer 공통 */
#footerWrap{width: 100%; min-width:990px;/* padding-bottom: 40px; */min-height: 150px; height: 190px;cursor:default; background: #fbfbfc;}
#footerWrap .footerMenu{height: 33px; background: #efefef;}
.footerMenu ul{min-width: 800px; margin: 0 auto; max-width: 1024px; display: block; font-size: /* 12px */0.750em; letter-spacing:-0.03em; height: 33px;}
.footerMenu ul li{float: left; padding:7px 15px; background: url(../images/common/footerLinkBg.gif) center left no-repeat;}
.footerMenu ul li a{color: #848484; display: inline-block; text-align: left;}
.footerMenu ul li.first{margin-left:17px; padding-left: 0px; background: none;}
.footerMenu ul li.last{}
.footerTxt{ min-width: 800px; margin: 0 auto; max-width: 1024px; display: block; font-size: /* 12px */0.750em; letter-spacing:-0.03em; margin-top: 20px; line-height: 20px; }
.footerTxt p{margin-left: 17px; color: #848484;}
.footerTxt p a{display: inline-block; margin-left: 2px; width: 117px; height: 17px;}
.footerTxt p a img{vertical-align: -3px;}


/* 로그인페이지 푸터 */
#footerWrap.memService{padding-top:15px; border-top:1px solid #e0e0e0; height:150px;}
#footerWrap.memService .footerTxt{text-align:center; margin-top:0px;}


.goTop {position: fixed; bottom: 90px; /* right: 1em; */ right:0px;	text-decoration: none; display: none;  
/* IE 8 */
/*	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	*/
/* IE 5-7 */
/*	filter: alpha(opacity=50);	*/
/* Netscape */
/*	-moz-opacity: 0.5;	*/
/* Safari 1.x */
/*	-khtml-opacity: 0.5;	*/
/* Good browsers */
/*	opacity: 0.5;	*/}
.goTop:hover{/*	opacity:1;	*/
/* IE 8 */
/*	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	*/
/* IE 5-7 */
/*	filter: alpha(opacity=100);	*/
/* Netscape */
/*	-moz-opacity: 1;	*/
/* Safari 1.x */
/*	-khtml-opacity: 1;	*/
/* Good browsers */
/*	opacity: 1;	*/ }

/* 로딩 레이어 */
.modal-layer{ display: block; position: fixed; top: 0; left: 0;  /* IE 8 */
background:#000;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
/* IE 5-7 */
filter: alpha(opacity=80);
/* Netscape */
-moz-opacity: 0.8;
/* Safari 1.x */
-khtml-opacity: 0.8;
/* Good browsers */
opacity: 0.8;
width: 100%; height: 100%; z-index: 1010; text-align: center; color: #fff;}
.modal-layer > div{  margin: auto auto; display: block; width: 500px; margin-top: 25%;}
.modal-layer > div img{margin-bottom:5px;}

/*   190418   */
.noti .tab {display: inline-block;line-height: 15px;margin-top: 10px}
.noti .tab li {float: left;padding: 0 10px;border-right: 1px solid #ddd}
.noti .tab li a{font-size: 16px;height: 15px; color: #333;font-weight: bold}
.noti .tab li a.on {font-weight: bold;color: #3046c3}
.noti .tab li:last-child{border-right: 0}

.white {background: white; color:black; border: 1px solid #8d8d8d;}
.rounded {border-radius:3px;}
.pupple {background: #9155e5; color:white; border: 1px solid #9155e5; }