@import url(./cvsnet_m_style2.css?upDt=251124);
@import url("https://cdn.jsdelivr.net/gh/cvsnet/fonts@0.0.1/gspostbox_font.css");

*{margin:0; padding:0;}
html{width:100%; height:100%} /* 2019-12-13 수정 */
body{position:relative; font-size:15px; font-family:'NBG',"나눔바른고딕", 'dotum',"돋움",sans-serif; color:#666; height:100%; letter-spacing:-0.7px;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td{margin:0; padding:0; font-weight:normal; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend, caption{position:absolute; top:-9999px; left:-9999px; z-index:-1}
textarea, button{vertical-align:middle; border-radius:0;}
input, select{vertical-align:middle; background:#eee; border:0; font-family:'NBG',"나눔바른고딕", 'dotum',"돋움",sans-serif; color:#666; border-radius:0; font-size:15px;}
input{padding:3px 5px; height:40px; box-sizing:border-box}
input.enInput{color:#333; font-family:'MSRM';}
input.disabled{background:#bbb !important; color:#fff; opacity:1;}

::-webkit-input-placeholder {color:#888;}
:-moz-placeholder {color:#888; opacity:1;}
::-moz-placeholder {color:#888; opacity:1;}
:-ms-input-placeholder {color:#888;}
:placeholder-shown {color:#888;}

input.disabled::-webkit-input-placeholder {color:#fff;}
input.disabled:-moz-placeholder {color:#fff; opacity:1;}
input.disabled::-moz-placeholder {color:#fff; opacity:1;}
input.disabled:-ms-input-placeholder {color:#fff;}
input.disabled:placeholder-shown {color:#fff;}

input.enInput::-webkit-input-placeholder {color:#888; font-family:'MSRM','NBG',"나눔바른고딕", 'dotum',"돋움",sans-serif;}
input.enInput:-moz-placeholder {color:#888; opacity:1; font-family:'MSRM','NBG',"나눔바른고딕", 'dotum',"돋움",sans-serif;}
input.enInput::-moz-placeholder {color:#888; opacity:1; font-family:'MSRM','NBG',"나눔바른고딕", 'dotum',"돋움",sans-serif;}
input.enInput:-ms-input-placeholder {color:#888; font-family:'MSRM','NBG',"나눔바른고딕", 'dotum',"돋움",sans-serif;}
input.enInput:placeholder-shown {color:#888; font-family:'MSRM','NBG',"나눔바른고딕", 'dotum',"돋움",sans-serif;}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */
  color:transparent;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:transparent;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:transparent;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:transparent;
}

input:focus{outline:none;}

option{padding:3px 10px; background:#fff;}
input[type="radio"],input[type="checkbox"] {border:0; padding:0;  height:auto;}
input[type="password"] {height:32px; border:1px solid #ccc; color:#666}
input::-ms-clear{display:none} /* 2020-03-25 추가 */
select{padding:3px 5px; height:40px; border:0; box-sizing:border-box; background:url("/common_m/images/icon/select_bg.jpg") no-repeat right 0 #eee; background-size:auto 40px; -webkit-appearance:none; -moz-appearance:none; appearance:none; border:none;}
select.enSelect{font-family:'MSRM','NBG',"나눔바른고딕", 'dotum',"돋움",sans-serif; color:#333;}
textarea{padding:10px; vertical-align:middle; background:#eee; border:0; width:100%; box-sizing:border-box; font-family:'NBG',"나눔바른고딕", 'dotum',"돋움",sans-serif; color:#666; font-size:14px; letter-spacing:-0.5px}
th{font-family:'NBGB', sans-serif; font-weight:normal;}
a{text-decoration:none; color:#666; vertical-align:middle;}
a:hover, a:focus, a:active{text-decoration:none;}
table{border-collapse:collapse; width:100%;}
button{background:none; border:none; padding:0; margin:0; cursor:pointer; overflow:visible; white-space: nowrap;  font-size:14px; font-family:'NBG',"나눔바른고딕", 'dotum',"돋움",sans-serif;}
button:active {outline: none}
button::-moz-focus-inner {padding:0; border:0;}
address{font-style:normal;}
strong{font-family:'NBGB', sans-serif; font-weight:normal}

label{cursor:pointer}
.pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/* 간격 */
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt60{margin-top:60px !important}
.mt70{margin-top:70px !important} /* 2021-02-22 추가 */
.mt75{margin-top:75px !important} /* 2021-02-22 추가 */
.mt80{margin-top:80px !important}
.noPDB {padding-bottom:0 !important} /* 2019-11-27 추가 */

/* 텍스트 */
.orgTxt{color:#f36523 !important;}
.orgTxt2{color:#e46b00 !important;}
.iconTxt {position:relative; padding-left:15px; line-height:20px; color:#666; font-size:13px; text-align:left; letter-spacing:0;}
.iconTxt span:nth-child(1){display:block; position:absolute; top:0; left:0;}
.fontMont{font-family:'MSRR', sans-serif !important;}

/* 폰트 컬러 2021-05-28 추가*/
.colorOrange{color:#f36523 !important;}
.colorRed{color:#ff0000 !important;}
.coloBlue{color:#1e64af !important;}
/* //2021-05-28 추가*/

/* 정렬 */
.taC{text-align:center !important}
.taR{text-align:right !important}
.taL{text-align:left !important}

/* 단일클래스 */
.overF {overflow:hidden}

/* 버튼 */
/* #cBody .fixedBtn {position:fixed; bottom:0}
#cBody .fixedBtn.space {position:relative; bottom:0} */
.btnsB{text-align:center}
.btnsB a{display:inline-block; width:140px; height:28px; padding:12px 0 0; border-radius:20px; font-size:17px; color:#fff}
.btnsB.thrBtn a{width:30%}
a.delInquiry{background:#f36523}/* 2021-07-16 추가 */
a.listBlu{display:inline-block; height:24px; padding:15px 20px 5px; background:#1e64af; color:#fff; font-size:15px; border-radius:5px}/* 2022-05-03 추가 */
a.listGray{display:inline-block; height:24px; padding:15px 20px 5px; background:#777; color:#fff; font-size:15px; border-radius:5px}/* 2022-05-06 추가 */
.sendAlimtalk{border: 1px solid #d1cbcb !important; border-radius:5px !important; padding: 5px !important; font-size: 13px !important;}/* 2022-05-03 추가 */
a.blu{background:#1e64af}
a.blk{background:#333}
a.blkSm{width:72px; height:33px; padding:0; text-align:center; font-size:14px; line-height:33px; border-radius:0; background:#444444} /* 2021-04-299 추가 */
a.bluSm{width:72px; height:33px; padding:0; text-align:center; font-size:14px; line-height:33px; border-radius:0; background:#0072bc} /* 2021-04-299 추가 */
/*a.bluSm{width:72px; height:33px; padding:0 17px; font-size:14px; line-height:28px; border-radius:0;  background:#0072bc} /* 2021-04-07 추가 */
a.square{display:block; height:30px; text-align:center; color:#fff; font-size:17px; padding:13px 0 0;}
a.listBt{display:block; width:100%; margin:auto; height:30px; padding-top:10px; border-radius:20px; font-size:18px; margin:auto; color:#fff; background:#444; text-align:center}
a.arrowBt{display:block; width:100%; text-align:center; color:#fff; font-family:'NBGB', sans-serif; font-size:18px; padding:14px 0 12px;}
a.arrowBt span{padding-right:20px; background:url('/common_m/images/icon/btn_whtarrow.png') no-repeat right 2px; background-size:9px;}
a.moreBt{display:block; width:94%; height:40px; margin:0 auto 50px; padding:10px 0 0; box-sizing:border-box; border:2px solid #e0e0e0; border-radius:20px; text-align:center}
a.moreBt span{display:inline-block; padding-right:20px; font-size:17px; background:url('/common_m/images/icon/morebt_icon.png') no-repeat right center; background-size:12px;} /* 2019-12-23 수정 */
a.moreBt.type2{margin:0 auto; width:100%; background:#fff;}
.smallround{display:inline-block; padding:2px 9px; height:auto; color:#888; font-size:10px; line-height:15px; word-break:break-all; border:1px solid #888; border-radius:13px;box-sizing:border-box;} /* 2019-12-18 수정 */
.smallround.hasFile span{height:auto; padding-left:17px; color:#888; font-size:10px; background:url(/common/images/icon/icon_comment_attach_small.png) left center no-repeat;} /* 2019-12-18 수정 */
.smallround.hasFile:hover{background:#666; border:1px solid #666;}
.smallround.hasFile:hover span{color:#fff; background:url(/common/images/icon/icon_comment_attach_small_on.png) left center no-repeat;}
.smallround.white{color:#fff; border:1px solid #fff; background:transparent;}
.smallround.gray{color:#999; border:1px solid #ccc; background:transparent;}
.fullBtn{display:block; color:#fff; font-size:13px; text-align:center; letter-spacing:0; background:#5ca4a0;}
.fullBtn.hasRadius{border-radius:3px;}
.fullBtn.h30{height:30px; line-height:30px;}
.fullBtn.h40{height:40px; line-height:40px;}
.fullBtn.fz15{font-size:15px;}
.deductBtn{position:absolute; right:0; top:13px; display:inline-block; padding:0 11px; height:25px; line-height:25px; color:#999; text-align:center; font-size:12px; border:1px solid #ccc; border-radius:3px;}

#wrapper{position:relative; width:100%; word-break:keep-all; overflow:hidden} /* 기범주임님 여기입니다 */
.dimdBg{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:url("/common_m/images/icon/dimd_bg.png") repeat 0 0; z-index:1000;}

/* 해더 */
header{position:absolute; top:0; left:0; width:100%; height:35px; padding:15px 0 0; z-index:1000; /*background:url("/common_m/images/icon/gnbline.png") repeat-x 0 bottom*/ }
header .subtit{padding:0 0 0 40px; font-size:18px; margin-left:3%; color:#fff; background:url("/common_m/images/icon/prevpage_icon.png") no-repeat 0 0; background-size:25px}
header .subtit.addThrD{position:relative; display:inline-block; color:#fff; padding-right:25px}
header .subtit.addThrD span{position:absolute; top:2px; right:0; display:block; width:17px; height:17px;}
header .subtit.addThrD span img{width:17px;}
header .subtit2{padding:0 0 0 3%; font-size:18px; color:#fff;}
header .menu{position:absolute; top:17px; right:3%;}
header .menu img{width:18px;}
.main header{height:33px; padding:16px 0 0; text-align:center; background:none;}
.main header h1 img{width:150px;}
.main header .menu{position:absolute; top:17px; right:auto; left:3%;}
.main header .menu img{width:18px;}
.main header .util{position:absolute; top:15px; right:3%;}
.main header .util a{margin-left:14px}
.main header .util img{height:20px}
.openMenu{display:none; position:absolute; top:-100%; left:0; width:100%; background:#eee; z-index:1100} /* 2019-12-13 수정 */
.openMenu .top{position:relative; width:100%; height:34px; padding:16px 0 0; background:#fff; text-align:center}
.openMenu .top p img{width:150px;}
.openMenu .top .xbt{position:absolute; top:16px; left:3%;}
.openMenu .top .xbt img{width:18px;}
.openMenu .top .login{position:absolute; top:12px; right:3%; border:3px solid #ddd; padding:3px 12px 2px; font-size:13px; color:#444; font-family:'NBGB', sans-serif}
.openMenu .phone{font-size:13px; color:#888; background:#fff; padding:14px 3%; border-top:1px solid #ddd;}
.openMenu .phone .certiInfo{display:table; box-sizing:border-box; width:100%;}
.openMenu .phone .certiInfo .left{display:table-cell;}
.openMenu .phone .certiInfo .left .comName{color:#444;}
.openMenu .phone .certiInfo .left .useName{padding:5px 0;}
.openMenu .phone .certiInfo .left .useName .name span{color:#444;}
.openMenu .phone .certiInfo .right{display:table-cell; text-align:right; vertical-align:middle;}
.openMenu .phone .certiInfo .right a{display:block; display:inline-block; padding:5px 21px 5px 0; color:#1e469a; background:url('/common_m/images/icon/header_phone.png') no-repeat right center; background-size:16px;}
.openMenu .phone .fullBtn{margin-top:5px;}
.openMenu .phone.none .certiInfo .right a{background:url('/common_m/images/icon/header_phone_none.png') no-repeat right center; background-size:16px; color:#df0000;}
.openMenu .util{width:100%; overflow:hidden; margin-top:10px; background:#fff}
.openMenu .util a{display:block; width:33%; float:left; height:100px; border-right:1px solid #ddd; text-align:center; padding:63px 0 0; font-size:13px; font-family:'NBGB', sans-serif; color:#333; box-sizing:border-box}
.openMenu .util a:nth-child(1){background:url("/common_m/images/icon/open_menu_util1.png") no-repeat center 25px; background-size:auto 25px;}
.openMenu .util a:nth-child(2){width:34%; background:url("/common_m/images/icon/open_menu_util2.png") no-repeat center 25px; background-size:auto 25px;}
.openMenu .util a:nth-child(3){border-right:0px solid #ddd; background:url("/common_m/images/icon/open_menu_util3.png") no-repeat center 25px; background-size:auto 25px;}
.openMenu .menuDiv{position:relative; width:100%; min-height:390px; overflow:hidden; margin-top:10px; background:#fff; box-sizing:border-box; padding-left:78px;}
.openMenu .menuDiv .oneD{display:block; position:absolute; top:0; left:0; width:79px; height:80px; text-align:center; border-bottom:1px solid #ddd; border-right:1px solid #ddd; box-sizing:border-box; z-index:10}
.openMenu .menuDiv .oneD span{display:block; width:100%; height:33px; padding:45px 0 0; font-size:13px; color:#333;}
.openMenu .menuDiv .oneD:nth-child(1){top:0}
.openMenu .menuDiv .oneD:nth-child(1) span{background:url("/common_m/images/icon/gnb1.png") no-repeat center 17px; background-size:22px;}
.openMenu .menuDiv .oneD:nth-child(3){top:78px}
.openMenu .menuDiv .oneD:nth-child(3) span{background:url("/common_m/images/icon/gnb2.png") no-repeat center 17px; background-size:17px;}
.openMenu .menuDiv .oneD:nth-child(5){top:156px}
.openMenu .menuDiv .oneD:nth-child(5) span{background:url("/common_m/images/icon/gnb3.png") no-repeat center 17px; background-size:21px;}
.openMenu .menuDiv .oneD:nth-child(7){top:234px}
.openMenu .menuDiv .oneD:nth-child(7) span{background:url("/common_m/images/icon/gnb4.png") no-repeat center 17px; background-size:22px;}
.openMenu .menuDiv .oneD:nth-child(9){top:312px}
.openMenu .menuDiv .oneD:nth-child(9) span{background:url("/common_m/images/icon/gnb5.png") no-repeat center 17px; background-size:21px;}
.openMenu .menuDiv .oneD.on{background:url("/common_m/images/icon/gnb_onbg.jpg") no-repeat 0 0; background-size:80px; border:none; z-index:20}
.openMenu .menuDiv .oneD.on span{color:#fff;}
.openMenu .menuDiv .oneD.on:nth-child(1) span{background:url("/common_m/images/icon/gnb1_on.png") no-repeat center 17px; background-size:22px;}
.openMenu .menuDiv .oneD.on:nth-child(3) span{background:url("/common_m/images/icon/gnb2_on.png") no-repeat center 17px; background-size:17px;}
.openMenu .menuDiv .oneD.on:nth-child(5) span{background:url("/common_m/images/icon/gnb3_on.png") no-repeat center 17px; background-size:21px;}
.openMenu .menuDiv .oneD.on:nth-child(7) span{background:url("/common_m/images/icon/gnb4_on.png") no-repeat center 17px; background-size:22px;}
.openMenu .menuDiv .oneD.on:nth-child(9) span{background:url("/common_m/images/icon/gnb5_on.png") no-repeat center 17px; background-size:21px;}
.openMenu .menuDiv .twoD a{display:block; border-left:1px solid #ddd;}
.openMenu .menuDiv .twoD > a{position:relative; border-bottom:1px solid #ddd; font-size:16px; color:#555; font-family:'NBGB', sans-serif; padding:14px 20px;}
.openMenu .menuDiv .twoD > a span{display:block; position:absolute; top:18px; right:3%; height:8px;}
.openMenu .menuDiv .twoD > a span img{width:14px;}
.openMenu .menuDiv .twoD .thrD a{font-size:14px; color:#555; border-bottom:1px solid #ddd; background:#f3f3f3; padding:15px 20px;}
.openMenu .menuDiv .banner{padding:20px; border-left:1px solid #ddd;}
.openMenu .menuDiv .banner img{width:100%;}
.gnb{position:absolute; top:50px; left:0; width:90%; padding:0 5%; height:35px; overflow:hidden; background:url("/common_m/images/icon/gnbline.png") repeat-x 0 bottom}
.gnb a{width:25%; float:left; text-align:center}
.gnb a span{display:inline-block; width:100%; font-size:14px; font-family:'NBGB', sans-serif; color:#fff; opacity:.6; padding:11px 0 6px;}
.gnb a.on span{opacity:1; border-bottom:2px solid #fff}
.gnb a:nth-child(1) span{font-family:'MSRSB', sans-serif; font-size:15px; padding:8px 0 6px;}

/* 메인 */
#cBody{}
.mainBody{width:100%; padding-top:85px; background:url("/common_m/images/icon/mainbg.png") no-repeat center 0 #eaeaea; background-size:cover}
.mainV{position:relative; margin-top:20px}
.mainV img{width:100%}
.mainV .btn{position:absolute; bottom:0; right:4.5%; overflow:hidden; width:50px; z-index:20}
.mainV .swiper-button-next{width:25px; height:25px; float:left; background:url("/common_m/images/btn/mainv_right.gif") no-repeat 0 0; background-size:25px;}
.mainV .swiper-button-prev{width:25px; height:25px; float:left; background:url("/common_m/images/btn/mainv_left.gif") no-repeat 0 0; background-size:25px;}
.maincon1{position:relative; width:100%; margin:15px auto;}
.maincon1 .swiper-container{width:90%; overflow:hidden}
.maincon1 .swiper-slide{width:100%;}
.maincon1 .swiper-slide a{display:block;}
.maincon1 .swiper-slide a img{width:100%;}
.maincon1 .swiper-pagination{text-align:left; box-sizing:border-box; padding-left:3%}
.maincon1 .swiper-pagination .swiper-pagination-bullet{margin:0 5px 0 0 !important;}
.maincon1 .swiper-pagination .swiper-pagination-bullet-active{background:#ffa22a}
.maincon1_2{position:relative; width:100%; margin:0 auto; padding-bottom:30px}
.maincon1_2 .swiper-container{width:90%; overflow:hidden}
.maincon1_2 .swiper-slide{width:100%;}
.maincon1_2 .swiper-slide a{display:block;}
.maincon1_2 .swiper-slide a img{width:100%;}
.maincon1_2 .swiper-button-next{position:absolute; top:50%; right:5px; width:15px; height:15px; background:url("/common_m/images/btn/maincon1_right.png") no-repeat 0 0; background-size:15px; z-index:20}
.maincon1_2 .swiper-button-prev{position:absolute; top:50%; left:5px; width:15px; height:15px; background:url("/common_m/images/btn/maincon1_left.png") no-repeat 0 0; background-size:15px; z-index:20}
.maincon1_2 .swiper-pagination{text-align:left; box-sizing:border-box; padding-left:3%}
.maincon1_2 .swiper-pagination .swiper-pagination-bullet{margin:0 5px 0 0 !important;}
.maincon1_2 .swiper-pagination .swiper-pagination-bullet-active{background:#ffa22a}

.maincon2{position:relative; padding:38px 5% 40px; background:#fff}
.maincon2 .tit{text-align:center; font-size:19px; color:#444; font-family:'NBGB', sans-serif; margin-bottom:21px}
.maincon2 .more{position:absolute; top:40px; right:5%;}
.maincon2 .more img{width:15px;}
.maincon2 .snsSec{overflow:hidden; margin-bottom:15px}
.maincon2 .snsSec:last-child{margin-bottom:0}
.maincon2 .snsSec a{display:block; width:48.5%; float:left}
.maincon2 .snsSec a:nth-child(2n){float:right}
.maincon2 .snsSec a .img{position:relative;}
.maincon2 .snsSec a .img img{width:100%}
.maincon2 .snsSec a .mark{position:absolute; top:0; left:0;}
.maincon2 .snsSec a .mark img{width:25px}
.maincon2 .snsSec a .txt{position:relative; background:#f0f0f0; padding:14px 10% 40px; box-sizing:border-box;}
.maincon2 .snsSec.blog a .txt{padding:35px 5% 40px;}
.maincon2 .snsSec a .txt span{display:block}
.maincon2 .snsSec a .txt .txt1{font-size:14px; color:#333; line-height:20px; height:40px; overflow:hidden}
.maincon2 .snsSec a .txt .txt2{font-size:13px; color:#666; line-height:18px; margin-top:10px; height:36px; overflow:hidden}
.maincon2 .snsSec a .txt .txt3{position:absolute; bottom:13px; left:10%; font-size:12px; color:#8b8b8b;}
.maincon2 .snsSec a .txt .txt4{position:absolute; bottom:13px; right:10%; font-size:12px; color:#8b8b8b; padding-left:18px; background:url("/common_m/images/icon/like_icon.png") no-repeat 0 0; background-size:13px}
.maincon3{padding:38px 5% 40px; width:90%; background:#eee}
.maincon3 .tit{text-align:center; font-size:19px; color:#444; font-family:'NBGB', sans-serif; margin-bottom:21px}
.maincon3 img{width:100%}
.mainBody .eventList{padding:30px 3%;}
.mainBody .eventList a{display:block; border:none; padding:0; margin-bottom:15px}
.mainBody .eventList a img{width:100%}
.mainBody.two{width:100%; padding-top:0; background:none;}
.mainBody.two .sendReser1{width:100%; padding:110px 0 30px; background:url("/common_m/images/icon/mainbg2.png") no-repeat center 0 #ffffff; background-size:cover}
.mainBody.two .sendReser1 a{display:block; width:94%; margin:auto; background:#fff; border-radius:5px; padding:25px; box-sizing:border-box; margin-bottom:10px}
.mainBody.two .sendReser1 a span{display:inline-block; padding:5px 0 5px 65px; font-size:20px; color:#333}
/* 2022-01-13 수정 */
.mainBody.two .sendReser1 a:nth-child(1) span{background:url("/common_m/images/icon/main2_icon1.png") no-repeat 0 0; background-size:auto 35px}
.mainBody.two .sendReser1 a:nth-child(2) span{background:url("/common_m/images/icon/main2_icon_slow.png") no-repeat 0 0; background-size:auto 35px}
.mainBody.two .sendReser1 a:nth-child(3) span{background:url("/common_m/images/icon/main2_icon3.png") no-repeat 0 0; background-size:auto 35px}
.mainBody.two .sendReser1 a:nth-child(4) span{background:url("/common_m/images/icon/main2_icon4.png") no-repeat 0 0; background-size:auto 35px}
/* .mainBody.two .sendReser1 a:nth-child(5) span{background:url("/common_m/images/icon/main2_icon4.png") no-repeat 0 0; background-size:auto 30px} */
/* //2022-01-13 수정 */
.mainBody.thr{width:100%; padding-top:0; background:none;}
.mainBody.fou{width:100%; padding-top:0; background:none;}
.mainBody.fou .serviceInfo{width:94%; padding:110px 3% 30px; overflow:hidden; background:url("/common_m/images/icon/mainbg3.png") no-repeat center 0 #ffffff; background-size:cover}
.mainBody.fou .serviceInfo a{display:block; width:49%; margin:0 0 2%; float:left}
.mainBody.fou .serviceInfo a:nth-child(2n){float:right}
.mainBody.fou .serviceInfo a img{width:100%}

/* //2022-11-24 추가 */
.reserveRoll {display:block; position:absolute; margin:auto; opacity:1; left:0; right:0; width:80%; height:auto; padding-bottom:32%!important; overflow:hidden;}
.reserveRoll .roll{display:block; position:absolute; top:0px; left:0; width:100%; height:100%;}
.reserveRoll .indi{display:block; position:absolute; bottom:-24px; left:10px;}
.reserveRoll .indi a{margin-left:7px;width:13px;height:13px;float:left;}
.reserveRoll .contBt{display:block; position:absolute; width:auto; bottom:-20px; right:17px;}
.reserveRoll .contBt a{margin-left:15px;width:15px;border-bottom:0;float:left;}

/* 2022-05-11 수정 */
.appTr{text-align: center!important; width: 100%!important; display:block!important;}
.appTd{display:inline-block!important; width:auto!important; padding:0 5%!important;}
.appA{width:33.333%!important; float:left!important; display:inline-block!important;}
/* 메인 팝업 */
.mainPop{position:fixed; left:50%; top:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); max-width:-webkit-calc(100% - 70px); max-width:calc(100% - 70px); width:calc(100% - 70px); height:auto; background:#fff; z-index:1400;} 
.mainPop .conArea{height:auto max-height:500px; max-width:100%; overflow:hidden; overflow-y:auto; width:100% !important;}/* 2022-09-29 수정 */
.mainPop .conArea a img{width:100%; height:auto} /* 2022-09-29 수정 */
.mainPop .btnArea{background:#1e64af; height:40px; overflow:hidden;}
.mainPop .btnArea a{float:left; display:block; text-align:center; color:#fff; font-size:13px; line-height:40px; box-sizing:border-box;}
.mainPop .btnArea a:nth-child(1){width:-webkit-calc(100% - 82px); width:calc(100% - 82px); border-right:1px solid rgba(255,255,255,0.2);}
.mainPop .btnArea a:nth-child(2){width:82px;}

/* 서브 */
.subBody.type1{background:url("/common_m/images/icon/subtop_bg.png") no-repeat 0 0; background-size:100% 50px}
.subTwoD{display:none; position:absolute; top:50px; left:0; width:100%; background:#fff; z-index:1000}
.subTwoD a{display:block; font-size:17px; color:#555; border-bottom:2px solid #ddd; padding:17px 3% 15px}
.subTwoD a:last-child{border-bottom:0px solid #ddd}
.subTit{font-size:22px; color:#222}
/* 2021-02-22 추가 */
.subTxt{font-size:18px; color:#444444}
.dotTit{position:relative; padding-left:10px; font-size:16px; color:#222222}
.dotTit:before {content:""; display:block; position:absolute; top:7px; left:0; width:3px; height:3px; background:#222}
.dotTxt{padding-left:10px; font-size:14px; color:#444444}
/* //2021-02-22 추가 */
.hasBtnTit{position:relative;}
.hasBtnTit .btBox{position:absolute; right:0; top:0;}
.hasBtnTit .btBox a{display:inline-block; box-sizing:border-box; padding:0 10px; height:25px; line-height:25px; text-align:center; font-size:12px; color:#999; border:1px solid #ccc; border-radius:3px;}

/* 자료 없을때 */
.noData{width:100%; height:100%; border-bottom:1px solid #ddd; text-align:center; padding:40px 0; box-sizing:border-box;}
.noData p{font-size:16px; color:#666; line-height:25px; background:url("/common_m/images/icon/no_data.png") no-repeat top center; background-size:50px; padding-top:70px;}

/* TAB */
.primeBts{width:100%; overflow:hidden;}
.primeBts a{width:50%; height:40px; text-align:center; display:block; float:left; border:1px solid #ddd; box-sizing:border-box; padding-top:9px; color:#333; font-size:16px;}
.primeBts a:nth-child(odd){border-top:none}
.primeBts a:first-child{border-right:0; border-top:1px solid #ddd;}
.primeBts a.on{background:#1e2c49; border:1px solid #1e2c49; color:#fff;}

/* TAB */
.addressBts{width:100%; overflow:hidden;}
.addressBts a{width:50%; height:40px; text-align:center; display:block; float:left; border:1px solid #ddd; box-sizing:border-box; padding-top:9px; color:#333; font-size:16px;}
.addressBts a:first-child{border-right:0; border-top:1px solid #ddd;}
.addressBts a.on{background:#1e2c49; border:1px solid #1e2c49; color:#fff;}
.addressBts a{width:33%;} /*2022-11-25 추가*/
.addressBts a:nth-child(2){width:34%;} /*2022-11-25 추가*/

/* 검색 */
.inFormTest2{width:100%; overflow:hidden; position:relative}
.inFormTest2 .clearInputBt{display:none; position:absolute; top:13px; right:20%;}
.inFormTest2 .clearInputBt img{width:14px}
.inFormTest2 .inputBox{width:79%; float:left; background:#eee; overflow:hidden; padding:0 3%}
.inFormTest2 .inputBox input{width:90%; float:left; padding:3px 0;}
.inFormTest2 .inputBox a{display:none; float:right; padding-top:12px;}
.inFormTest2 .inputBox a img{width:14px;}
.inFormTest2 .inFormBt{background:#1e64af; display:block; height:28px; text-align:center; color:#fff; font-size:15px; padding:12px 0 0; float:right; width:15%}
.inFormTest2 input{width:85%}
.inFormTest2 .inFormBt img{width:15px}


/* 국내택배예약 */
.loginAr{padding-top:50px;}
.loginAr .top{width:94%; background:#f6f6f6; padding:40px 3%; text-align:center}
.loginAr .top .txt1{font-size:21px; color:#222; padding-top:125px; background:url("/common_m/images/icon/login_icon.png") no-repeat center 0; background-size:100px}
.loginAr .top .iconArea{height:125px;}
.loginAr .top .iconArea img{width:100px;}
.loginAr .top .txt1 span{color:#f36523;}
.idSrch .top .txt1{background:url("/common_m/images/icon/idSrch_icon.png") no-repeat center 0; background-size:100px;}
.idSrch .iconTxt{color:#888;}
.addInquiry{border:1px solid gray; background: #f6f6f6; width:90%; height:165px;margin: auto; padding:10px;}/* 2022-05-17 추가 */
.addInquiry span{color:#f36523;}/* 2022-05-17 추가 */
.humanAc .top .txt1{background:url("/common_m/images/icon/human_icon.png") no-repeat center 0; background-size:100px}
.passIco .top .txt1{background:url("/common_m/images/icon/password_icon.png") no-repeat center 0; background-size:100px}
.inquiryIcon .top .txt1{background:url("/common_m/images/icon/inquiry_icon.png") no-repeat center 0; background-size:100px; line-height:27px;}
.personInfo .top .txt1{background:url("/common_m/images/icon/personal_icon.png") no-repeat center 0; background-size:100px;}
.memLeave .top .txt1{background:url("/common_m/images/icon/memleave_icon.png") no-repeat center 0; background-size:100px;}
.validPage .top .txt1{background:url("/common_m/images/icon/valid_page_icon.png") no-repeat center 0; background-size:100px;}
.errorPage .top .txt1{background:url("/common_m/images/icon/error_page_icon.png") no-repeat center 0; background-size:100px;}
.memLeave .top .iconTxt{font-size:15px; line-height:22px;}
.memLeave .top .iconTxt span.dot{font-size:26px;}
.complete .top .txt1{background:url("/common_m/images/icon/complete_icon1.png") no-repeat center 0; background-size:100px;}
.complete .top .txt1.type2{background:url("/common_m/images/icon/complete_icon2.png") no-repeat center 0; background-size:100px;}
.complete .top .txt1.type3{background:url("/common_m/images/icon/complete_icon3.png") no-repeat center 0; background-size:100px;}
.loginAr .top .txt2{font-size:15px; color:#666; padding:15px 5% 0; margin-top:10px; background:url("/common_m/images/icon/roundline_50x4.png") no-repeat center 0; background-size:25px 4px; line-height:22px}
.loginAr .top .txt3{font-size:14px; margin:10px 0 30px;}
.loginAr .top .txt4{color:#888; font-size:15px; line-height:22px}
.loginAr .top .txt5{color:#666; font-size:15px; line-height:22px;}
.loginAr .top .reserNum span:nth-child(1){display:block; width:70px; height:16px; margin:auto; padding:6px 0; background:#333; color:#fff; border-radius:15px; font-size:14px}
.loginAr .top .reserNum span:nth-child(2){display:block; color:#f36523; font-family:'MSRM', sans-serif; font-size:23px; margin-top:5px}
.loginAr .bot{width:100%; background:#fff; padding:30px 0 50px; text-align:center}
.loginAr .bot2{width:94%; background:#fff; padding:20px 3% 50px; text-align:center}
.loginAr .ban{display:block; width:94%; margin:40px auto 0}
.loginAr .ban img{width:100%;}
.loginAr .checkArea{padding:30px 3% 50px;}
.loginAr .checkArea .btnsB{margin-top:20px;}
.localReserMem .top{padding:70px 3% 20px; background:url("/common_m/images/icon/subtop_bg2.jpg") no-repeat 0 0; background-size:cover;}
.localReserMem .top .checkDiv{padding:15px 5%; background:#333; border-radius:20px; color:#fff}
.localReserMem .top .checkDiv .before{position:relative; border-bottom:2px solid #484848; padding:0 0 13px; font-size:14px}
.localReserMem .top .checkDiv .before a{position:absolute; top:-5px; right:0; display:block; padding:5px 10px 3px; font-size:11px; color:#fff; font-family:'NBGB', sans-serif; border:2px solid #fff; border-radius:20px}
.localReserMem .top .checkDiv .after{padding:10px 0 13px; font-size:14px; position:relative;}
.localReserMem .top .checkDiv .after.type2{padding:10px 0 0;}
.localReserMem .top .checkDiv .after input{margin-right:6px}
.localReserMem .top .checkDiv .after a{position:absolute; top:5px; right:0; display:block; padding:5px 10px 3px; font-size:11px; color:#fff; font-family:'NBGB', sans-serif; border:2px solid #fff; border-radius:20px}
.localReserMem .top .checkDiv a.agreeAllBt{display:block; width:100%; height:40px; padding:12px 0 0; box-sizing:border-box; border-radius:10px; text-align:center; color:#fff; background:#666;}
.localReserMem .top .bts{margin-top:20px}
.localReserMem .top .bts a{display:block; width:100%; height:60px; margin-bottom:10px; border-radius:30px}
.localReserMem .top .bts a.proInfo{background:url("/common_m/images/icon/proinfo_icon.png") no-repeat 29px center #fff; background-size:31px}
.localReserMem .top .bts a.sendInfo{background:url("/common_m/images/icon/sendman_info.png") no-repeat 27px center#fff; background-size:36px}
.localReserMem .top .bts a.reciInfo{background:url("/common_m/images/icon/reci_info.png") no-repeat 27px center#fff; background-size:36px}
.localReserMem .top .bts a.taxDecInfo{background:url("/common_m/images/icon/tax_dec_icon.png") no-repeat 27px center#fff; background-size:43px}
.localReserMem .top .bts a span{display:block; height:60px; font-size:18px; color:#222; padding-top:19px; padding-left:85px; box-sizing:border-box; width:97%; background:url("/common_m/images/icon/arrow_icon1.png") no-repeat right center; background-size:30px}
.localReserMem .top .txt{position:relative; padding-left:18px; margin-top:20px; color:#fff; font-size:14px; line-height:24px;}
.localReserMem .top .txt span:nth-child(1){display:block; position:absolute; top:0; left:0;}
.localReserMem .bot{padding:25px 3% 70px; background:#eee}
.localReserMem .bot .ban{display:block; margin-top:20px}
.localReserMem .bot .ban img{width:100%}
/* 2018-12-14 추가 */
.localReserMem .mid{background:#fff; padding-bottom:100px}
.localReserMem .mid .memLoginAr{padding:30px 3% 0}
/* 2018-12-24 수정 */
.localReserMem .mid .infoTitle{height:32px; padding-left:45px; margin-bottom:10px; line-height:32px; font-size:16px; color:#333; }
.localReserMem .mid .infoTitle.proInfo{background:url("/common_m/images/icon/proinfo_icon.png") no-repeat left center; background-size:32px 32px; }
.localReserMem .mid .infoTitle.sendInfo{float:left;height:26px; line-height:26px; background:url("/common_m/images/icon/sendman_info.png") no-repeat left center; background-size:36px 26px}
.localReserMem .mid .infoTitle.reciInfo{float:left; height:26px; line-height:26px; background:url("/common_m/images/icon/reci_info.png") no-repeat left center; background-size:36px 26px}
.localReserMem .mid .infoTitle.reciInfoDmstc{float:left; height:35px; line-height:20px; background:url("/common_m/images/icon/reci_info.png") no-repeat left center; background-size:36px 26px}
/* // 2018-12-24 수정 */
.localReserMem .mid .memLoginAr .bdb-line{padding-bottom:20px; border-bottom:1px solid #333;}
/* // 2018-12-14 추가 */
/* 2018-12-24 추가 */
.localReserMem .sendInfoArea{overflow:hidden}
.localReserMem .sendInfoArea .sendInfoAdd{float:right}
.localReserMem .mid .memLoginAr .reciInfoArea{overflow:hidden}
/* 2018-12-26 수정 */
.localReserMem .mid .memLoginAr .delBt{display:inline-block; width:50px; height:30px; padding:0 0 2px 0; line-height:28px; text-align:center; font-size:13px; color:#666; border: 2px solid #666; box-sizing:border-box; border-radius:15px}
/* // 2018-12-26 수정 */
.localReserMem .mid .memLoginAr .reciInfoArea .reciInfoAdd{float:right;}/* 2018-12-26 수정 */
.localReserMem .mid .memLoginAr .reciInfoArea .reciInfoAdd a{margin-right:5px}
.localReserMem .mid .memLoginAr .reciInfoArea .reciInfoAdd a:last-child{margin-right:0}
.localReserMem .customsInfoArea{overflow:hidden}
.localReserMem .customsInfoArea .customsInfo{float:left; height:26px; line-height:26px; background:url("/common_m/images/icon/tax_dec_icon.png") no-repeat left center; background-size:36px 26px}
.localReserMem .customsInfoArea .customsAdd{float:right}
.localReserMem .customsInfoArea .customsAdd .addRece{margin-right:5px;}
/* // 2018-12-24 추가*/
/* 2018-12-26 추가 */
.localReserMem .mid .memLoginAr .inputArea{padding:15px 0; border-bottom:1px solid #000;}
.localReserMem .mid .memLoginAr .inputArea .inputForm li:last-child{border:none;}
.localReserMem .mid .memLoginAr .inputArea .reciInfoAdd2{ padding-top:10px; text-align:right;}
.localReserMem .mid .memLoginAr .inputArea .reciInfoAdd2 a{margin-right:3px;}
.localReserMem .mid .memLoginAr .inputArea .reciInfoAdd2 a:last-child{margin-right:0;}
.localReserMem .mid .memLoginAr .inputArea .customsAdd2{width:100%; text-align:right;}
.localReserMem .mid .memLoginAr .inputArea .customsAdd2 a{margin-right:3px;}
.localReserMem .mid .memLoginAr .inputArea .customsAdd2 a:last-child{margin-right:0;}
/* // 2018-12-26 추가 */
.sendCard{margin-top:20px; position:relative; border:1px solid #ddd; background:#fff; padding:22px 5% 20px;}
.sendCard .name{font-size:18px; width:83%; color:#444; font-family:'MSRM','NBG',"나눔바른고딕", 'dotum',"돋움",sans-serif; word-break:break-all;}
.sendCard .addRbts{position:absolute; top:20px; right:5%;}
.sendCard .addRbts .modi{display:inline-block; font-size:12px; color:#333; border:2px solid #333; border-radius:20px; padding:3px 10px 2px; font-family:'NBGB', sans-serif}
.sendCard .addRbts .modi.refund {background:#777; color:#fff; border:2px solid #777} /* 2020-03-23 추가 */
.sendCard .addRbts .dele{display:inline-block; font-size:12px; color:#333; border:2px solid #333; border-radius:20px; padding:3px 10px 2px; font-family:'NBGB', sans-serif}
.sendCard ul{margin-top:15px}
.sendCard li{padding:3px 0 3px 35px; font-size:15px; color:#333; margin-bottom:5px; line-height:20px; font-family:'MSRR','NBG',"나눔바른고딕", 'dotum',"돋움",sans-serif; word-break:break-all;}
.sendCard li.phone{background:url("/common_m/images/icon/phone_icon.png") no-repeat 0 center; background-size:25px; letter-spacing:0;}
.sendCard li.airplane{background:url("/common_m/images/icon/airplane_icon.png") no-repeat 0 center; background-size:25px; letter-spacing:0;}
.sendCard li.phone .modi{display:inline-block; font-size:12px; color:#333; border:2px solid #333; border-radius:20px; padding:3px 10px 2px; font-family:'NBGB', sans-serif; margin-left:5px;}
.sendCard li.phone .ipinBt{display:inline-block; font-size:12px; color:#333; border:1px solid #ddd; border-radius:20px; padding:3px 15px 2px; font-family:'NBG', sans-serif;}
.sendCard li.address{background:url("/common_m/images/icon/map_icon.png") no-repeat 0 center; background-size:25px;}
.sendCard li.address span{color:#888}
.sendCard li.gender{background:url("/common_m/images/icon/gender_icon.png") no-repeat 0 center; background-size:25px;}
.sendCard li.birth{background:url("/common_m/images/icon/birth_icon.png") no-repeat 0 center; background-size:25px;}
.sendCard li.price{background:url('/common_m/images/icon/price_icon.png') no-repeat 0 center; background-size:25px;}
.sendCard li.type{background:url('/common_m/images/icon/type_icon.png') no-repeat 0 center; background-size:25px;}
.sendCard li.coment{background:url('/common_m/images/icon/coment_icon.png') no-repeat 0 center; background-size:25px;}
.sendCard li.pay{background:url('/common_m/images/icon/pay_icon.png') no-repeat 0 center; background-size:25px;}
.sendCard li.typeEn{background:url('/common_m/images/icon/typeEn_icon.png') no-repeat 0 center; background-size:25px;}
.sendCard li.number{background:url('/common_m/images/icon/number_icon.png') no-repeat 0 center; background-size:25px;}
.sendCard li.booking{background:url('/common_m/images/icon/booking_icon.png') no-repeat 0 center; background-size:25px;}
.sendCard li.booking span{color:#888}
.sendCard li.praise{background:url('/common_m/images/icon/praise_icon.png') no-repeat 0 center; background-size:25px;}
.sendCard li.country{background:url('/common_m/images/icon/country_icon.png') no-repeat 0 center; background-size:25px;}
.sendCard li.priceEn{background:url('/common_m/images/icon/priceEn_icon.png') no-repeat 0 center; background-size:25px;}
.sendCard li.calendar{background:url('/common_m/images/icon/sendcard_calendar.png') no-repeat 0 center; background-size:25px;}
.sendCard li.reserveNum{background:url('/common_m/images/icon/sendcard_reserve.png') no-repeat 0 center; background-size:25px;}
.sendCard li.waybill{background:url('/common_m/images/icon/sendcard_waybill.png') no-repeat 0 center; background-size:25px;}
.sendCard li.waybill .waybillNum{color:#004a99; text-decoration:underline;}
.sendCard li.check{background:url('/common_m/images/icon/check_icon.png') no-repeat 0 center; background-size:25px;}
/* 2020-02-13 추가 */
.sendCard li.lastName{background:url('/common_m/images/icon/lastname_icon.png') no-repeat 0 center; background-size:25px;}
.sendCard li.email{background:url('/common_m/images/icon/email_icon.png') no-repeat 0 center; background-size:25px;}
/* //2020-02-13 추가 */
.sendCard li:last-child{margin-bottom:0;}
.sendCard .infoPlus{display:block; width:20px; height:20px; position:absolute; top:-39px; right:0;}
.sendCard .infoPlus img{width:20px;}
.inquiryBts{width:100%; overflow:hidden;}
.inquiryBts a{width:50%; height:50px; display:block; float:left; border:1px solid #ddd; box-sizing:border-box; position:relative; padding:0 12px;}
.inquiryBts a:nth-child(1){border-right:0; border-bottom:0;}
.inquiryBts a:nth-child(2){border-bottom:0;}
.inquiryBts a:nth-child(3){border-right:0;}
.inquiryBts a .txt{color:#333; font-size:16px; background:url('/common_m/images/icon/inquiry_tab_icon1.png') no-repeat left center; position:relative; background-size:25px; padding:16px 0 14px 42px; display:inline-block;}
.inquiryBts a:nth-child(2) .txt{background:url('/common_m/images/icon/inquiry_tab_icon2.png') no-repeat left center; background-size:23px;}
.inquiryBts a:nth-child(3) .txt{background:url('/common_m/images/icon/inquiry_tab_icon_slow.png') no-repeat left center; background-size:23px;}
.inquiryBts a:nth-child(4) .txt{background:url('/common_m/images/icon/inquiry_tab_icon3.png') no-repeat left center; background-size:23px;}
.inquiryBts a:nth-child(5) .txt{background:url('/common_m/images/icon/inquiry_tab_icon4.png') no-repeat left center; background-size:23px; font-family:'MSRM', sans-serif;}
.inquiryBts  a.on .onBg{background:url('/common_m/images/icon/inquiry_tab_onbg.jpg') no-repeat 0 0 #7ec7d4; position:absolute; top:-1px; left:-1px; display:block; width:100%; height:100%; padding:0 1px 1px 0}
.inquiryBts a.on .txt{color:#fff; background:url('/common_m/images/icon/inquiry_tab_icon1_on.png') no-repeat left center; background-size:23px;}
.inquiryBts a.on:nth-child(2) .txt{background:url('/common_m/images/icon/inquiry_tab_icon2_on.png') no-repeat left center; background-size:23px;}
.inquiryBts a.on:nth-child(3) .txt{background:url('/common_m/images/icon/inquiry_tab_icon_slow_on.png') no-repeat left center; background-size:23px;}
.inquiryBts a.on:nth-child(4) .txt{background:url('/common_m/images/icon/inquiry_tab_icon3_on.png') no-repeat left center; background-size:23px;}
.inquiryBts a.on:nth-child(5) .txt{background:url('/common_m/images/icon/inquiry_tab_icon4_on.png') no-repeat left center; background-size:23px;}
.deliveryDiv{padding:20px 0 0; display:none;}
.deliveryDiv .txt1{font-size:15px; color:#888; line-height:22px; text-align:center; background:url('/common_m/images/icon/deliveryDiv_txt_icon.png') no-repeat center top; background-size:30px; padding:35px 0;}
.deliveryDiv .iconTxt{font-size:14px;}
.deliveryDiv .pickUpBt{width:100%; overflow:hidden; margin-bottom:10px;}
.deliveryDiv .pickUpBt a{width:50%; height:40px; display:block; float:left; border:1px solid #ccc; box-sizing:border-box; font-size:15px; color:#333; text-align:center; padding:10px 0 0;}
.deliveryDiv .pickUpBt a:first-child{border-right:0;}
.deliveryDiv .pickUpBt a.on{background:#666; border:1px solid #666; color:#fff;}
.stateInfoDiv{width:100%; position:relative;}
.stateInfoDiv .swiper-slide img{width:100%;}
.stateInfoDiv .left{background:url('/common_m/images/icon/step_left_white.png') repeat-y 0 0; background-size:35px; width:35px; height:100%; position:absolute; top:0; left:0; z-index:10;}
.stateInfoDiv .right{background:url('/common_m/images/icon/step_right_white.png') repeat-y 0 0; background-size:35px; width:35px; height:100%; position:absolute; top:0; right:0; z-index:10;}
.deliveryInfo{width:100%; box-sizing:border-box; margin-top:20px; padding:25px 15px; border:1px solid #ddd; background:#f9f9f9; border-radius:15px; position:relative;}
.deliveryInfo p.line{position:absolute; left:166px; top:0; background:url("/common_m/images/icon/deliveryInfo_bar.gif") repeat-y 0 0; width:1px; height:100%;}
.deliveryInfo ul{position:relative; z-index:10}
.deliveryInfo ul li{display:table; margin-bottom:28px; color:#888;}
.deliveryInfo ul li:last-child{margin-bottom:0;}
.deliveryInfo ul li .date{display:table-cell; vertical-align:middle; font-size:14px; font-family:'MSRR', sans-serif; width:145px; letter-spacing:0px; line-height:20px;}
.deliveryInfo ul li .date span{display:block; font-size:13px; font-family:'NBG', sans-serif;}
.deliveryInfo ul li .txt{display:table-cell; vertical-align:middle; font-size:15px; padding-left:25px; background:url("/common_m/images/icon/deliveryInfo2_img.png") no-repeat 0 center; background-size:13px;}
.deliveryInfo ul li.on{color:#333;}
.deliveryInfo ul li.on .date{font-family:'MSRM', sans-serif;}
.deliveryInfo ul li.on .date span{font-family:'NBG', sans-serif;}
.deliveryInfo ul li.on .txt{background:url("/common_m/images/icon/deliveryInfo2_img_on.png") no-repeat 0 center; background-size:13px;}

.deliveryInfo2{width:100%; box-sizing:border-box; padding:20px 3%; border:1px solid #e8e8e8; border-bottom:0; position:relative; background:#fff; margin-top:18px;}
.deliveryInfo2 .numTit{text-align:center; font-size:16px; color:#333; font-family:'NBGB', sans-serif; margin-bottom:19px;}
.deliveryInfo2 .numTit .num{font-family:'MSRSB', sans-serif; color:#f36523; letter-spacing:0.5px;}
.deliveryInfo2 .numTit .num2{font-family:'MSRSB', sans-serif; color:#000000; letter-spacing:0.5px;}
.deliveryInfo2 .numTit .num3{color:#f36523; letter-spacing:0.5px;}
.deliveryInfo2 .clipIco{position:absolute; top:-8px; left:13px; width:13px; z-index:10;}
.deliveryInfo2 .clipIco img{width:100%;}
.deliveryInfo2 .borderIco{position:absolute; bottom:-8px; left:0; background:url("/common_m/images/icon/deliveryInfo3_bg.png") repeat-x 0 0; background-size:auto 10px; height:10px; width:100%;}
.deliveryMan{width:94%; background:#eee; padding:45px 3% 50px;}
.deliveryMan .delMInfo{width:100%; padding:35px 7% 25px; box-sizing:border-box; margin:0 auto; background:#fff; border-radius:20px; position:relative; box-shadow:12px 8px 30px 0px rgba(0,0,0,0.1)}
.deliveryMan .delMInfo .info1{text-align:center;}
.deliveryMan .delMInfo .info1 .img{width:100px; height:100px; margin:0 auto;}
.deliveryMan .delMInfo .info1 .name{font-size:18px; color:#888; font-family:'NBGB', sans-serif; margin-bottom:5px;}
.deliveryMan .delMInfo .info1 .phone{font-size:22px; color:#555; font-family:'MSRSB', sans-serif; letter-spacing:1px;}
.deliveryMan .delMInfo .info2{border-top:1px solid #e6e6e6; margin-top:14px; padding-top:15px;}
.deliveryMan .delMInfo .info2 .txtBox{margin-bottom:13px;}
.deliveryMan .delMInfo .info2 .txtBox:last-child{margin-bottom:0;}
.deliveryMan .delMInfo .info2 .txtBox span{display:inline-block; width:30%; font-size:16px; color:#444;}
.deliveryMan .delMInfo .info2 .txtBox span.txt2{display:inline-block; width:70%; color:#666;}
.deliveryMan .delMInfo .info3{text-align:center; color:#fff; font-size:18px; font-family:'NBGB', sans-serif; background:url("/common_m/images/icon/deliveryMan_img2.png") no-repeat center 0; background-size:130px; position:absolute; top:-17px; left:0; width:100%;; height:27px; padding-top:8px;}

/* 멤버쉽 */
.memLoginAr{padding:70px 3% 30px; color:#666; font-size:13px;}
.memLoginAr .top input{width:100%; padding:3px 10px; height:44px; font-size:14px}
.memLoginAr .top .bts{margin-top:10px; text-align:center;}
.memLoginAr .top .bts a{width:92px; height:24px; margin:0 2px; display:inline-block; border:1px solid #ccc; text-align:center; font-size:14px; padding:9px 0 0;}
.memLoginAr .bot{border-top:1px solid #333; margin-top:15px; padding-top:15px;}

.selfAccrdt{padding:50px 0;}
.selfAccrdtInn{width:100%; overflow:hidden; background:#f6f6f6; text-align:center; padding-bottom:40px}
.selfAccrdtInn .txt1{font-size:20px; color:#222; padding-top:165px;}
.selfAccrdtInn .txt1.mobile{background:url("/common_m/images/icon/selfaccrdt_icon1.gif") no-repeat center 40px; background-size:100px}
.selfAccrdtInn .txt2{font-size:15px; color:#666; line-height:22px; background:url("/common_m/images/icon/roundbar_40x3.png") no-repeat center 0; background-size:20px 3px; margin-top:10px; padding-top:10px;}
.selfAccrdtInn .txt3{font-size:13px; color:#888; line-height:20px; margin:20px auto 0; width:90%; text-align:left}
.selfAccrdtInn .txt4{font-size:13px; color:#888; line-height:20px;}
.selfAccrdtInn .termsAllBt{background:#666; border-radius:5px; color:#fff;}
.selfAccrdtInn .warning{margin-top:30px; font-size:15px; color:#ff0000; line-height:22px;}/* 2021-05-28 추가 */

.selfAccrdtMy{padding:15px 0;}
.selfAccrdtInnMy{width:100%; overflow:hidden; background:#f6f6f6; text-align:center; padding-bottom:40px}
.selfAccrdtInnMy .txt1{font-size:20px; color:#222; padding-top:15px;}

.selfAccrdtInn .txt1.find{font-size:20px; color:#222; padding-top: 4px;text-align: left}
.selfAccrdtInn .mobile.find{background:url("/common_m/images/icon/selfaccrdt_icon1.gif") no-repeat; background-size:100px; float: left; width:30%; padding-top: 100px; margin: 15px 1px 10px 15px;}
.selfAccrdtInn .mail.find{background:url("/common_m/images/icon/selfaccrdt_icon3.gif") no-repeat; background-size:100px; float: left; width:30%; padding-top: 100px; margin: 15px 1px 10px 15px;}
.selfAccrdtInn .txt.find{width: 62%; float: left; margin-top: 22px;}
.selfAccrdtInn .txt2.find{text-align: left; font-size:15px; color:#666; line-height:22px; background:url("/common_m/images/icon/roundbar_40x3.png") no-repeat left 0; background-size:20px 3px; margin-top:10px; padding-top:10px;}
.selfAccrdtInn .txt3.find{font-size:13px; color:#888; line-height:20px; margin:20px auto 0; width:90%; text-align:left; margin: 130px 5px 10px 15px;}


.memberJoin{margin-top:30px;}
.memberJoin > li{width:100%; border-top:1px solid #ccc; border-bottom:1px solid #ccc}
.memberJoin > li:nth-child(2){border-top:0;}
.memberJoin li .subTit{color:#888; margin-top:0; padding:12px 0 10px; display:block; background:url("/common_m/images/icon/member_join_arrow.png") no-repeat right center; background-size:17px}
.memberJoin li .subTit.on{color:#222; background:url("/common_m/images/icon/member_join_arrow_on.png") no-repeat right center; background-size:17px}
.memberJoin li .subTit.disClick {background:none}
.memberJoin li .subTit.on.disClick {background:none}
.memberJoin .listDiv{padding:18px 3%; background:#eee; border-top:1px solid #ccc; display:none;}
.memberJoin .listDiv li{margin-bottom:15px; overflow:hidden; width:100%;}
.memberJoin .listDiv li:last-child{margin-bottom:0;}
.memberJoin .listDiv li .checkbox{float:left; color:#666; font-size:15px; line-height:23px;}
.memberJoin .listDiv li .checkbox input{margin-right:5px;}
.memberJoin .listDiv li .checkbox label span{font-size:13px; margin-left:18px;}
.memberJoin .listDiv li .showBt{font-size:12px; color:#333; border:2px solid #333; border-radius:20px; padding:3px 10px 2px; font-family:'NBGB', sans-serif; float:right;}
.memberJoin .listDiv .termsAllBt{background:#666; border-radius:5px; color:#fff}
.memberJoin .listDiv .selfAccrdt{padding:0;}
.memberJoin .listDiv .selfAccrdtInn{background:#eee; padding:0;}
.memberJoin .listDiv .selfAccrdtInn .txt1{padding-top:132px;}
.memberJoin .listDiv .selfAccrdtInn .txt1.mobile{background:url("/common_m/images/icon/selfaccrdt_icon2.gif") no-repeat center 12px; background-size:100px}
.memberJoin .listDiv .square{background:#666; border-radius:5px;}

/* 2021-11-04 캡챠영역 추가 */
.memLoginAr .captcha{margin-top: 10px; text-align: center;}
.memLoginAr .captcha .captcha_wrap{display: flex; justify-content: center;}
.memLoginAr .captcha .captcha_wrap .captha_img img{width: 50vw; height:60px; max-width: 140px;}
.memLoginAr .captcha .icon{display: flex; flex-direction: column; margin-bottom: 10px;}
.memLoginAr .captcha .icon > a{width:92px; padding: 6px 7px; border: 1px solid #ddd;}
.memLoginAr .captcha .icon > a img {margin-right: 5px; vertical-align: middle;}
.memLoginAr .captcha input[type="text"] {width: 100%; height:40px;}
/* // 2021-11-04 캡챠영역 추가 */
.memLoginAr .pwAlert{margin:20px 0; text-align:center;} /* 2021-11-11 안내 문구 추가 */

/* 사업자회원가입 */
.joinDiv{padding:70px 3% 50px;}
.joinDiv .input{padding:15px 0 10px; border-top:2px solid #333;}
.joinDiv .input:after{content:''; display:block; clear:both;}
.joinDiv .input input{display:block; float:left; box-sizing:border-box; margin-right:5px; width:-webkit-calc((100% - 10px) / 3); width:calc((100% - 10px) / 3);} /* 2019-12-24 수정 */
.joinDiv .input input:last-child{margin-right:0;}
.joinDiv .notiArea{margin-top:15px;}
.joinDiv .notiArea .txt{color:#666; font-size:11px;}
.joinDiv .notiArea .noti{margin-top:5px;}
.joinDiv .subTit{margin-top:30px;}
.joinDiv .subTit:first-child{margin-top:0;}

.memLoginAr .subTit{margin-top:30px;}
.passSrchTxt{color:#888; font-size:13px;}
.passSrchTxt .iconTxt{padding-left:25px; color:#888; font-size:13px;}
.passSrchTxt .iconTxt span{left:15px;}
.memLoginAr .termsDiv{padding:18px 3%; background:#eee;}
.memLoginAr .termsList li{margin-bottom:15px; overflow:hidden; width:100%;}
.memLoginAr .termsList li:last-child{margin-bottom:0;}
.memLoginAr .termsList li .checkbox{float:left; color:#666; font-size:15px; line-height:23px;}
.memLoginAr .termsList li .checkbox input{margin-right:5px;}
.memLoginAr .termsList li .checkbox label span{font-size:13px; margin-left:18px;}
.memLoginAr .termsList li .showBt{font-size:12px; color:#333; border:2px solid #333; border-radius:20px; padding:3px 10px 2px; font-family:'NBGB', sans-serif; float:right;}
.memLoginAr .termsDiv .termsAllBt{background:#666; border-radius:5px; color:#fff}
.joinFinish{width:94%; background:#f6f6f6; padding:40px 3%; text-align:center; border-radius:30px;}
.joinFinish .txt1{font-size:21px; color:#222; padding-top:125px; background:url("/common_m/images/icon/login_icon.png") no-repeat center 0; background-size:100px; line-height:30px;}
.joinFinish .txt1 span{color:#f36523;}
.joinFinish .txt2{font-size:15px; color:#666; padding-top:15px; margin-top:10px; background:url("/common_m/images/icon/roundline_50x4.png") no-repeat center 0; background-size:25px 4px; line-height:22px}
.joinFinish.comMember{}
.joinFinish.comMember .txt1{background:url("/common_m/images/icon/login_icon2.png") no-repeat center 0; background-size:100px;}
.banners li{width:100%; margin-bottom:15px; overflow:hidden;}
.banners li a{display:block;}
.banners li a img{width:100%;}
.banners li:last-child{margin-bottom:0;}
.memLoginAr .checkDiv{padding:15px 5%; border-radius:20px; color:#333; margin-bottom:20px; border:1px solid #ddd;}
.memLoginAr .checkDiv .before{position:relative; border-bottom:2px solid #ddd; padding:0 0 13px; font-size:14px}
.memLoginAr .checkDiv .before a{position:absolute; top:-5px; right:0; display:block; padding:5px 10px 3px; font-size:11px; color:#333; font-family:'NBGB', sans-serif; border:2px solid #333; border-radius:20px}
.memLoginAr .checkDiv .after{padding:10px 0 0; font-size:14px; position:relative; color:#666; overflow:hidden;}
.memLoginAr .checkDiv .after input{margin-right:6px; float:left;}
.memLoginAr .checkDiv .after label{float:left;}
.memLoginAr .checkDiv .after a{position:absolute; top:12px; right:0; display:block; padding:5px 10px 3px; font-size:11px; color:#333; font-family:'NBGB', sans-serif; border:2px solid #333; border-radius:20px}



/* 고객센터 */
.noticeDiv{padding:50px 3% 50px;}
.noticeList a{border-bottom:1px solid #ededed; display:block; padding:15px 0;}
.noticeList a:first-child{border-top:2px solid #333;}
.noticeList a:last-child{border-bottom:1px solid #333;}
.noticeList a .label{font-size:12px; color:#fff; width:34px; height:15px; padding-top:3px; text-align:center;}
.noticeList a .label.id {font-size:16px; color:#333; padding-bottom:8px;} /* 2021-04-07 추가 */
.noticeList a .label.type1{background:#45516c;}
.noticeList a .label.type2{background:#a7a7a7;}
.noticeList a .label.type3{background:#f77d45;}
.noticeList a .txt{font-size:16px; color:#333; overflow:hidden; margin:8px 0 5px;}
.noticeList a .date{font-size:14px; color:#888;}
.noticeDiv .addTxt span{background:url("/common_m/images/icon/bar1x13.gif") no-repeat right 1px; padding-right:10px; margin-right:8px; font-size:14px; color:#8e8e8e}
.noticeDiv .addTxt span:last-child{background:none}
.noticeDiv .addTxt span strong{font-family:'NBG', sans-serif; color:#f36523}
.noticeList2 a{border-bottom:1px solid #ededed; display:block; padding:15px 15% 15px 0; position:relative;}
.noticeList2 a:first-child{border-top:2px solid #333;}
.noticeList2 a:last-child{border-bottom:1px solid #333;}
.noticeList2 a .tit{font-size:15px; color:#666;}
.noticeList2 a .txt{font-size:17px; color:#333; overflow:hidden; margin:10px 0 3px; line-height:22px;}
.noticeList2 a .date{font-size:14px; color:#888;}
.noticeList2 a .reply{width:40px; height:27px; border-radius:20px; background:#eee; text-align:center; padding-top:13px; color:#888; font-size:13px; position:absolute; top:0; right:0;}
.noticeList2 a.on .reply{background:#f36523; color:#fff;}
.noticeList3 a{border-bottom:1px solid #ededed; display:block; padding:15px 15% 15px 0; position:relative;}
.noticeList3 a:first-child{border-top:2px solid #333;}
.noticeList3 a:last-child{border-bottom:1px solid #333;}
.noticeList3 a .txt{font-size:17px; color:#333; overflow:hidden; margin:0 0 3px; line-height:22px;}
.noticeList3 a .date{font-size:14px; color:#666; margin-top:10px; line-height:20px;}
.noticeList3 a .date span{display:inline-block;}
.noticeList3 a .date span:nth-child(1){width:60px;}
.noticeList3 a .reply{width:40px; height:27px; border-radius:20px; background:#eee; text-align:center; padding-top:13px; color:#888; font-size:13px; position:absolute; top:0; right:0;}
.noticeList3 a.on .reply{background:#f36523; color:#fff;}
.noticeView .top{text-align:center; font-size:18px; color:#333; line-height:25px; border-bottom:1px solid #ddd; padding-bottom:10px;}
.noticeView .top .date{font-size:12px; color:#888; margin-top:4px;}
/* 2021-04-07 추가 */
.noticeView .top .info {margin-top:16px; padding:10px 0 0; text-align:center; font-family:'NBGL', sans-serif; border-top:2px solid #333333}
.noticeView .top .info strong {display:inline-block; position:relative; margin-left:14px; font-size:13px; color:#666666; font-family:inherit; font-weight:700}
.noticeView .top .info strong:first-child {margin-left:0;}
.noticeView .top .info strong span {color:#999999}
/* //2021-04-07 추가 */
.noticeView .txtDiv{width:100%; padding:20px 0 20px;}
.noticeView .txtDiv img{width:100%;}
.noticeView .txtDiv .viewTxt {margin-top:20px; font-size:14px; line-height:20px;} /* 2021-04-07 추가 */
.noticeView .fileDiv{padding:20px 0; border-top:1px solid #ddd;}
.noticeView .fileDiv .fileBt{display:inline-block; box-sizing:border-box; padding:8px 10px; border:1px solid #ddd; font-size:14px; color:#666; margin:0 3px 10px 0;}
.noticeView .fileDiv .fileBt:last-child{margin:0 0 10px;}
.noticeView .fileDiv .fileBt span{background:url("/common_m/images/icon/file_icon.png") no-repeat left center; background-size:13px; padding-left:20px;}
/* 2021-04-07 추가 */

/* 2021-05-26 추가 - 아이프레임 넓이조정(반응형) */
.noticeView .viewTxt .videoContainer {overflow: hidden; position: relative; margin-bottom:30px; padding-bottom: 56.25%; padding-top: 30px; height: 0;}
.noticeView .viewTxt .videoContainer iframe,
.noticeView .viewTxt .videoContainer object,
.noticeView .viewTxt .videoContainer embed { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
/* //2021-05-26 추가 */

.noticeView .viewBottom {margin-top:30px}
.noticeView .viewBottom .moreRep a {display:inline-block; padding-right:15px; font-size:14px; color:#777676; background:url("/common_m/images/icon/arrow_right_8x19.png") no-repeat right center; background-size:6px auto}
.noticeView .viewBottom .moreRep a span {color:#555555}
.noticeView .viewBottom .repBtn {margin-top:15px;}
.noticeView .viewBottom .repBtn a {display:inline-block; margin-left:7px; height:32px; font-size:14px; color:#777676; line-height:33px; border:1px solid #dddddd;}
.noticeView .viewBottom .repBtn a:first-child {margin-left:0;}
.noticeView .viewBottom .repBtn a.like {padding:0 15px 0 40px; background:url("/common_m/images/icon/like_icon.png") no-repeat left 15px center; background-size:18px auto}
.noticeView .viewBottom .repBtn a.like.on {padding:0 15px 0 40px; background:url("/common_m/images/icon/like_icon_on.png") no-repeat left 15px center; background-size:18px auto}
.noticeView .viewBottom .repBtn a.rep {padding:0 15px 0 42px; background:url("/common_m/images/icon/reply_icon.png") no-repeat left 15px center; background-size:20px auto}
.noticeView .viewBottom .btnsB {padding-top:25px; border-top:2px solid #333333;}
.noticeView .viewBottom .btnsB a {margin:0 2px}
.noticeView .replyArea {margin-top:50px;}
.noticeView .replyArea .repNum {font-size:14px; color:#777676}
.noticeView .replyArea .repDiv {margin-top:20px; border-bottom:1px solid #dddddd}
.noticeView .replyArea .reply {position:relative; padding:20px 0 20px; border-top:1px solid #dddddd}
.noticeView .replyArea .reply .user {font-size:16px; color:#000000;}
.noticeView .replyArea .reply .user .badge {display:inline-block; padding:0 5px; margin-left:10px; font-size:14px; color:#054e7d; line-height:21px; border:1px solid #054e7d;}
.noticeView .replyArea .reply .comment {display:table; width:100%; margin-top:7px; font-size:15px; line-height:21px; color:#989898} /* 2021-04-299 수정 */
.noticeView .replyArea .reply .comment .thumImg {display:table-cell; vertical-align:middle; position:relative;}
.noticeView .replyArea .reply .comment .thumImg span {display:flex; justify-content:center; align-content:center; align-items:center; text-align:center; width:90px; height:90px; margin-right:20px; overflow:hidden} /* 2021-04-2999 추가 */
.noticeView .replyArea .reply .comment .thumImg img {display:inline-block; width:100%; height:auto;} /* 2021-04-2999 수정 */
.noticeView .replyArea .reply .comment .thumImg .delBtn {display:block; position:absolute; top:0; right:20px; width:15px; height:15px; background:url("/common_m/images/icon/del_icon.jpg") no-repeat center center; text-indent:-9999px; z-index:1}
.noticeView .replyArea .reply .comment .box {display:table-cell; vertical-align:middle; position:relative; width:100%} /* 2021-04-299 수정 */
/* .noticeView .replyArea .reply .comment .box .text {min-height:48px;} 2021-04-299 삭제 */
.noticeView .replyArea .reply .comment .box .text .repTag {display:inline-block; padding-right:5px; color:#555} /* 2021-04-299 추가 */
.noticeView .replyArea .reply .comment .box textarea {width:100%; min-height:50px; height:50px; padding:0; box-sizing:border-box; resize:none; border:0; font-size:15px; line-height:24px; color:#989898; background:#fff}
.noticeView .replyArea .reply .comment .box textarea:placeholder-shown {color:#989898}
.noticeView .replyArea .reply .info {margin-top:2px;} /* 2021-04-299 수정 */
.noticeView .replyArea .reply .info span {display:inline-block; padding-left:8px; font-size:14px; line-height:16px; color:#777676;}
.noticeView .replyArea .reply .info span:first-child {padding-left:0}
.noticeView .replyArea .reply .info .writeRerep {display:inline-block; position:relative; padding-left:13px; color:#577f9f}
.noticeView .replyArea .reply .info .writeRerep:after {content:">"; display:block; position:absolute; top:0px; right:-8px; font-size:10px; color:#577f9f}
.noticeView .replyArea .reply .editBtn {position:absolute; top:20px; right:20px;}
.noticeView .replyArea .reply .editBtn a {display:inline-block; position:relative; padding-left:12px; margin-left:12px; font-size:15px; color:#777676} /* 2021-04-299 수정 */
.noticeView .replyArea .reply .editBtn a:before {content:""; display:block; position:absolute; top:1px; left:0; width:1px; height:12px; background:#777676}
.noticeView .replyArea .reply .editBtn a:first-child {padding-left:0; margin-left:0;}
.noticeView .replyArea .reply .editBtn a:first-child:before {display:none}
.noticeView .replyArea .writeRepDiv {margin-top:35px}
.noticeView .replyArea .reply .writeArea .comment .thumImg:after {content:""; display:block; position:absolute; top:0; left:0; width:calc(100% - 20px); height:100%; background:rgba(0,0,0,0.3)}
.noticeView .replyArea .reply .writeBox {padding:10px 13px; border:1px solid #dddddd}
.noticeView .replyArea .reply .writeBtn {margin-top:10px}
.noticeView .replyArea .reply .writeBtn:after {content:""; display:block; clear:both}
.noticeView .replyArea .reply .writeBtn a {display:inline-block; width:47px; height:26px; padding:0; font-size:12px; color:#777676; line-height:26px; box-sizing:border-box; border:1px solid #ddd; text-align:center;} /* 2021-04-299 추가 */
.noticeView .replyArea .reply .writeBtn span {display:inline-block; width:80px; height:26px; padding:0 6px; font-size:12px; color:#777676; line-height:26px; box-sizing:border-box; border:1px solid #ddd;} /* 2021-04-299 추가 */
.noticeView .replyArea .reply .writeBtn .flL {float:left; margin-right:5px;}
.noticeView .replyArea .reply .writeBtn .flR {float:right; margin-left:5px;}
.noticeView .replyArea .reply .writeBtn .attaImg {position:relative; padding-left:30px; background:url("/common_m/images/icon/img_icon.png") no-repeat left 8px center; overflow:hidden; background-size:16px} /* 2021-04-299 수정 */
.noticeView .replyArea .reply .writeBtn .attaImg input {position:absolute; top:0; left:0; opacity:0}
.noticeView .replyArea .reply.under {padding:20px 0 20px 34px; background:url("/common_m/images/icon/reRep_icon.png") no-repeat left 10px top 20px; border-top:1px dashed #dddddd; background-size:12px 12px} /* 2021-04-27 수정 */
.noticeView .replyArea .writeRepDiv .reply {padding:0; border-top:0}
.commuBoardDiv .noticeList a {display:table; width:100%;}
.commuBoardDiv .noticeList a .txtbox {display:table-cell; padding-right:18px;}
.commuBoardDiv .noticeList a .txtbox .txt {margin:8px 0 15px; min-height:38px;}
.commuBoardDiv .noticeList a .imgBox {display:table-cell; vertical-align:middle; width:100px; max-width:100px;}
.commuBoardDiv .noticeList a .imgBox > span {display:flex; justify-content:center; align-content:center; align-items:center; text-align:center; width:100px; height:100px; overflow:hidden;} /* 2021-04-2999 수정 */
.commuBoardDiv .noticeList a .imgBox img {height:100%; width:auto;}
.commuBoardDiv .noticeList a .info {font-size:13px; line-height:1; color:#000000}
.commuBoardDiv .noticeList a .info strong {color:#555555; font-family:'NBG',"나눔바른고딕", 'dotum',"돋움",sans-serif}
.commuBoardDiv .noticeList a .info span {display:inline-block; padding-left:8px;}
.commuBoardDiv .noticeList a .info span:first-child {padding-left:0;}
.commuBoardDiv {padding-bottom:130px;}
.commuBoardDiv .inputwriteArea {border-top:2px solid #333333;}
.commuBoardDiv .inputwriteArea .inputTit {margin:30px 0 15px}
.commuBoardDiv .inputwriteArea .inputTit input {width:100%; background:#fff; border:1px solid #dfdfdf}
/* 페이징 */
.paging{text-align:center;}
.paging a{display:inline-block; margin-right:3px; width:32px; height:32px; vertical-align:middle; font-size:13px; color:#555;}
.paging a:last-child{margin-right:0;}
.paging span{display:inline-block; padding-top:10px;}
.paging strong{display:inline-block; margin-right:3px; width:32px; height:32px; vertical-align:middle; font-size:13px; color:#555; color:#fff; background:#f36523;}
.paging.t2 a:first-child {margin-right:24px} /* 2021-04-299 추가 */
.paging.t2 a:last-child {margin-left:24px} /* 2021-04-299 추가 */
.paging.t2 strong{color:#d7922b; background:none;} /* 2021-04-29 추가 */
.paging.t3 a:first-child {margin-right:24px} /* 2021-04-299 추가 */
.paging.t3 a:last-child {margin-left:24px} /* 2021-04-299 추가 */
.paging.t3 strong{color:#577f9f; background:none;} /* 2021-04-29 추가 */
.selectTabCon .unit {display:none}
.selectTabCon .unit.view {display:block;}
/* //2021-04-07 추가 */
.faqList{border-top:2px solid #f36523;}
.faqList.type2{border-top:2px solid #333;}
.faqList li{border-bottom:1px solid #ddd;}
.faqList li:last-child{border-bottom:1px solid #333;}
.faqList li a{position:relative; padding:16px 30px 14px 35px; display:block;}
.faqList li a .title{font-size:15px; color:#666; line-height:22px;}
.faqList li a .strapline{color:#888; font-size:15px; margin-bottom:3px;}
.faqList li a .faqArrow{width:14px; height:8px; position:absolute; top:24px; right:10px;}
.faqList li a .faqArrow img{width:100%;}
.faqList li a .faqIcon{background:url('/common_m/images/icon/faq_icon.png') no-repeat 0 0; background-size:25px; position:absolute; top:15px; left:0; width:25px; height:25px}
.faqList li.on a .faqIcon{background:url('/common_m/images/icon/faq_icon_on.png') no-repeat 0 0; background-size:25px;}
.faqList li.on .title{color:#333;}
.faqList li .answerDiv{padding:15px 3%; background:#f7f7f7; font-size:14px; color:#777; line-height:20px; display:none; overflow:hidden}
.faqList li .answerDiv img{width:100%}
.faqBts{width:100%; overflow:hidden;}
.faqBts a{width:34%; height:40px; display:block; float:left; border:1px solid #ddd; box-sizing:border-box; position:relative; text-align:center; padding-top:12px;}
.faqBts a:nth-child(1){border-right:0; border-bottom:0;}
.faqBts a:nth-child(2){border-bottom:0; border-right:0; width:33%;}
.faqBts a:nth-child(3){border-bottom:0; width:33%}
.faqBts a:nth-child(4){border-right:0;}
.faqBts a:nth-child(5){border-right:0; width:33%}
.faqBts a:nth-child(6){width:33%}
.faqBts a .txt{color:#666; font-size:15px; position:relative;}
.faqBts a.on .onBg{background:#f36523; position:absolute; top:-1px; left:-1px; display:block; width:100%; height:100%; padding:0 2px 2px 0; z-index:10;}
.faqBts a.on .txt{color:#fff; z-index:11;}
.noticeDiv .faqSrch{position:relative; width:100%; height:40px; background:#eee;}
.noticeDiv .faqSrch input{width:90%;}
.noticeDiv .faqSrch a{position:absolute; top:12px; right:3%;}
.noticeDiv .faqSrch a img{width:15px;}
.inquAnswer{margin-top:20px;}
.inquAnswer .top{width:100%; height:40px; overflow:hidden;}
.inquAnswer .top .tit{width:20%; height:40px; float:left; font-size:15px; line-height:40px; background:url("/common_m/images/icon/answer_tit_bg.jpg") no-repeat 0 0; background-size:cover; text-align:center; color:#fff; font-family:'NBGB', sans-serif;}
.inquAnswer .top .date{width:80%; height:40px; background:#eee; float:left; padding:12px 15px; box-sizing:border-box; font-size:15px; color:#444; overflow:hidden;}
.inquAnswer .top .date span{display:block; float:left; overflow:hidden;}
.inquAnswer .top .date span:last-child{float:right;}
.inquAnswer .bot{width:100%; box-sizing:border-box; padding:20px 20px 10px; border:1px solid #ddd;}
.inquAnswer .bot .txt{font-size:16px; color:#444; line-height:24px;}
.inquAnswer .fileDiv{margin-top:20px;}
.inquAnswer .fileDiv .fileBt{display:inline-block; box-sizing:border-box; padding:8px 10px; border:1px solid #ddd; font-size:14px; color:#666; margin:0 3px 10px 0;}
.inquAnswer .fileDiv .fileBt:last-child{margin:0 0 10px;}
.inquAnswer .fileDiv .fileBt span{background:url("/common_m/images/icon/file_icon.png") no-repeat left center; background-size:13px; padding-left:20px;}
.cashReceipt .cashRpTxt{font-size:17px; color:#666; text-align:center; background:url('/common_m/images/icon/cash_receipt_icon.png') no-repeat center top; background-size:45px; padding:45px 0 30px;}
.noticeDiv .deliveryInfo2{width:100%; box-sizing:border-box; padding:20px 3%; border:1px solid #e8e8e8; border-bottom:0; border-top:0; position:relative; background:#fff; margin-top:18px;}
.noticeDiv .deliveryInfo2 .borderIco2{position:absolute; top:-2px; left:-1px; background:url("/common_m/images/icon/deliveryInfo3_bg2.png") repeat-x 0 0; background-size:auto 8px; height:10px; width:100%;}
.noticeDiv .deliveryInfo2 .clipIco{position:absolute; top:-3px; left:15px; width:13px; z-index:10;}

/* 마이페이지 */
.memLvDiv{padding:50px 3%;}
.memLvDiv2{padding:50px 0 0;}
.memLvTop{padding:90px 0 80px; background:url("/common_m/images/icon/sub_con_topbg1.jpg") no-repeat 0 0; background-size:cover; text-align:center; color:#fff; position:relative;}
/* 2021-11-24 추가 */
.memLvTop .retailInfo{padding-bottom:13px;}
.memLvTop .retailInfo .status{display:inline-block; height:20px; margin-bottom:3px; padding:6px 15px 5px 33px; line-height:20px; font-size: 11px; border:1px solid #fff; border-radius:20px;}
.memLvTop .retailInfo .status1{background:url('/common_m/images/icon/icon_check.png') no-repeat 13px center; background-size:14px 14px}
.memLvTop .retailInfo .status2{background:url('/common_m/images/icon/icon_alert.png') no-repeat 13px center; background-size:14px 14px; background-color:#e00000; border: 1px solid #e00000}
/* //2021-11-24 추가 */

.memLvTop .primeIfno{margin-bottom:15px; font-size:10px;}
.memLvTop .primeIfno .status{display:inline-block; margin-bottom:3px; padding:0 9px; height:20px; line-height:20px; border:1px solid #fff; border-radius:10px;}
.memLvTop .myPageTxt{font-size:22px; font-family:'NBGL', sans-serif; margin-bottom:5px;} /* 2021-11-24 수정 */
.memLvTop .myPageTxt strong{font-family:'NBGB', sans-serif;}
.memLvTop .mySubTit{font-size:14px; line-height:20px; font-family:'NBGL', sans-serif; margin-bottom:10px; padding: 0 3%} /* 2020-03-23 추가 */
.memLvTop .sumTxt{font-size:15px;}
.memLvTop .sumTxt a{font-family:'MSRM', sans-serif; font-size:28px; color:#fff; vertical-align:baseline;}
.memLvTop .bts{margin-top:10px;} /* 2021-11-24 수정 */
.memLvTop .bts a{color:#fff; font-size:15px; font-family:'NBGB', sans-serif; display:inline-block; width:118px; height:24px; border:2px solid #fff; border-radius:20px; padding-top:6px; margin:0 3px}
.memLvTop .memLv{width:120px; height:120px; z-index:1; position:absolute; bottom:-60px; left:0; right:0; margin:0 auto; box-shadow:12px 8px 30px 0px rgba(0,0,0,0.2); border-radius:60px; overflow:hidden;}
.memLvTop .memLv img{width:100%;}
.memLvBot{background:#eee; padding:0 0 50px;}
.memLvBot .caseDiv{background:#fff; padding:90px 3% 30px; overflow:hidden; position:relative;}
.memLvBot .caseDiv a{color:#333; font-size:14px; display:block; float:left; width:33%; text-align:center; padding-top:55px; background:url("/common_m/images/icon/case_list_icon1.jpg") no-repeat center top; background-size:45px;}
.memLvBot .caseDiv a:nth-child(2){background:url("/common_m/images/icon/case_list_icon2.jpg") no-repeat center top; background-size:45px;}
.memLvBot .caseDiv a:nth-child(3){background:url("/common_m/images/icon/case_list_icon3.jpg") no-repeat center top; background-size:45px;}
.memLvBot .caseDiv a .txt1{margin-top:3px;}
.memLvBot .caseDiv a .txt1 span{color:#f36523; font-family:'MSRM', sans-serif; font-size:20px;}
.memLvBot .caseDiv .bookingTxt{position:absolute; bottom:0; left:1%; font-size:12px; color:#a7a7a7}
.memLvBot .activeDiv{background:#fff; padding:90px 3% 30px; margin:15px 0;}
.memLvBot .activeDiv .activeBt{overflow:hidden; margin-top:20px;}
.memLvBot .activeDiv .activeBt a{font-size:16px; color:#444; display:block; width:49%; border:2px solid #eee; float:left; box-sizing:border-box; text-align:center; padding:10px 0;}
/* 2018-12-14 추가 */
.memLvBot .activeDiv .activeBt a.myReserve{width:100%; border:1px solid #ddd; background:url('/common_m/images/icon/myReserve_icon.png') no-repeat right 14px top 50%; padding:9px 15px; text-align:left; margin-bottom:5px; background-size:26px 23px; line-height:23px}
/* //2018-12-14 추가 */
.memLvBot .activeDiv .activeBt a:last-child{float:right;}
.memLvBot .activeDiv .activeBt a span{background:url("/common_m/images/icon/my_active_icon1.jpg") no-repeat right center; background-size:36px; text-align:left; display:inline-block; padding:5px 65px 5px 0;}
.memLvBot .activeDiv .activeBt a:last-child span{background:url("/common_m/images/icon/my_active_icon2.jpg") no-repeat right 5px; background-size:41px;}
.memLvBot .ReviseBt{padding:0 3%; overflow:hidden;}
.memLvBot .ReviseBt a{font-size:16px; color:#444; display:block; width:50%; float:left; padding:15px; border-right:1px solid #eee; box-sizing:border-box; background:#fff url("/common_m/images/icon/my_book_arrow.jpg") no-repeat right 15px center; background-size:7px;}
.memLvBot .ReviseBt a:last-child{border-right:0;}
.memLvBot .ReviseBt a:nth-child(n+3){margin-top:1px;}
/*.memLvBot .ReviseBt a span{background:url("/common_m/images/icon/my_book_arrow.jpg") no-repeat right center; background-size:7px; display:inline-block; padding-right:50px;}*/
/* 2020-03-23 추가 */
.reserveSelect {padding-bottom:10px;}
.reserveSelect select {width:120px; height:40px; padding:10px; color:#888; border:1px solid #ddd; background:url("/common/images/icon/reserveSelect_arrow.jpg") no-repeat right 15px center; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
/* //2020-03-23 추가 */
.periodSrh{width:100%; position:relative;}
.periodSrh .btnDiv{width:100%; overflow:hidden;}
.periodSrh .btnDiv a{width:43%; height:40px; display:block; float:left; border:1px solid #ddd; box-sizing:border-box; position:relative; text-align:center; padding-top:12px;}
.periodSrh .btnDiv a input{position:absolute; top:0; left:0; opacity:0; width:100%; height:38px;}
.periodSrh .btnDiv a:nth-child(1){border-right:0;}
.periodSrh .btnDiv a:nth-child(2){border-right:0;}
.periodSrh .btnDiv a:nth-child(3){width:14%;}
.periodSrh .btnDiv a .txt{color:#666; font-size:15px; position:relative;}
.periodSrh .btnDiv .calBt .txt{background:url("/common_m/images/icon/calendar_icon1.png") no-repeat center center; background-size:17px; width:100%; height:18px; position:relative; display:block; text-indent:-9999px;}
.periodSrh .btnDiv a.on .onBg{background:#5ca4a0; position:absolute; top:-1px; left:-1px; display:block; width:100%; height:100%; padding:0 2px 2px 0; z-index:10;}
.periodSrh .btnDiv a.on .txt{color:#fff; z-index:11;}
.periodSrh .btnDiv .calBt.on .txt{background:url("/common_m/images/icon/calendar_icon2.png") no-repeat center center; background-size:17px; z-index:12;}
.periodSrh .calendarDiv{width:94%; padding:20px 3%; background:#5ca4a0; z-index:10; display:none;}
.periodSrh .calendarDiv .calenInput{display:inline-block; overflow:hidden; vertical-align:middle; width:35%}
.periodSrh .calendarDiv .calenInput input{width:72%; height:30px; float:left; background:#fff; border:1px solid #ddd; border-right:0; font-size:12px;}
.periodSrh .calendarDiv .calenInput .calenBt{width:28%; height:30px; float:left; display:block; background:url("/common_m/images/icon/calendar_icon2.png") no-repeat center center #666;; background-size:17px;}
.periodSrh .calendarDiv span{display:inline-block; vertical-align:middle; margin:0 2%; color:#fff;}
.periodSrh .calendarDiv .serchBt{display:block; width:17%; height:30px; text-align:center; background:#666; line-height:30px; float:right; color:#fff; font-size:14px; margin-left:2%;}
.memLvDiv .srchDiv{position:relative; width:100%; height:40px; background:#eee;}
.memLvDiv .srchDiv input{width:90%;}
.memLvDiv .srchDiv a{position:absolute; top:12px; right:3%;}
.memLvDiv .srchDiv a img{width:15px;}
/* 2018-12-14 추가 및 수정*/
.memLvDiv .btnArea{margin:30px auto 0}
.memLvDiv .btnArea button{display:inline-block; width:90px; height:35px; line-height:35px; margin-right:6px; text-align:center; color:#fff; font-size:13px; background:#d6d6d6}
.memLvDiv .btnArea button:disabled{cursor:auto}
.memLvDiv .btnArea button.select.on{background:#1e64af; }
.memLvDiv .btnArea button.delete.on{background:#e46b00}
.reserveList{border-top:2px solid #333;}
.reserveList .list{border-bottom:1px solid #ddd; padding:15px 0 10px;}
.reserveList .list:last-child{border-bottom:1px solid #333;}
.reserveList .list .txt{position:relative; font-size:17px; color:#333; overflow:hidden;}
.reserveList .list .txt .checkBt{display:inline-block; display:none}
.reserveList .list .txt label{display:inline-block; width:-webkit-calc(85% - 60px); width:calc(85% - 60px); min-height:22px; cursor:auto;}
.reserveList .list .txt .returnBtn{display:inline-block; position:absolute; right:0; top:0; padding:0 16px; height:20px; text-align:center; color:#333; letter-spacing:0; font-size:10px; line-height:19px; border:1px solid #333; border-radius:10px;}
.reserveList .list .txt.on .checkBt{display:block}
.reserveList .list .txt.on .checkBt input{margin-right:3px}
.reserveList .list .txt.on label{cursor:pointer}
/* //2018-12-14 추가 및 수정*/
.reserveList .list .date{font-size:12px; color:#666; margin-top:10px; font-family:'MSRR', sans-serif; letter-spacing:0;}
.reserveList .list .reserveBts{width:100%; overflow:hidden; margin-top:15px;}
.reserveList .list .reserveBts .btn{width:49%; height:45px; display:block; float:left; background:#f3f3f3; padding:13px 0; text-align:center; color:#666; font-size:14px;}
.reserveList .list .reserveBts .btn .num{font-family:'MSRR', sans-serif; color:#e46b00; font-size:16px; text-decoration:underline; margin-top:10px;}
.reserveList .list .reserveBts .btn:last-child{float:right;}
.reserveList .list .reserveBts .btn:last-child .num{color:#004a99;}
.reserveList .list .reserveBts .btn .none{color:#888; margin-top:10px;}
.memLvDiv2 .reserveDiv{padding:30px 3% 50px; background:#eee;}
.memLvDiv2 .reserveDiv .reserveNoti{margin-top: 15px; text-align: center;} /* 2022-01-06 추가 */
.evnJoinList a{border-bottom:1px solid #ededed; display:block; padding:24px 0; position:relative; overflow:hidden} /* 2019-12-11 수정 */
.evnJoinList a:first-child{border-top:2px solid #333;}
.evnJoinList a:last-child{border-bottom:1px solid #333;}
.evnJoinList a .invoiceNum{display:inline-block; margin-bottom:6px; padding:0 8px; height:19px; line-height:20px; color:#888; font-size:11px; text-align:center; background:#eee; border-radius:10px;}
.evnJoinList a .txt{font-size:17px; color:#333; overflow:hidden; line-height:22px;}
.evnJoinList a .date{font-size:14px; color:#888; line-height:20px;}
/* 2019-12-12 수정 */
.evnJoinList a .midBox {display:table; width:100%;}
.evnJoinList a .midBox .eventInfo {display:table-cell; width:75%}
.evnJoinList a .midBox .eventWin {display:table-cell; width:25%; vertical-align:middle; text-align:center;}
/* //2019-12-12 수정 */
.evnJoinList a .winTit{width:40px; height:16px; border-radius:20px; background:#eee; text-align:center; padding-top:3px; color:#888; font-size:12px; margin:0 auto;}
.evnJoinList a.on .winTit{background:#f36523; color:#fff;}
.evnJoinList a .result{color:#004a99; font-size:11px; margin-top:5px; word-break:break-all}
.memLvDiv .mileageTxt{text-align:center; font-size:16px; color:#666; line-height:24px;}
.memLvDiv .mileageTxt strong{color:#f36523; font-family:'NBG', sans-serif;}
.memLvDiv .mileageTxt span{display:inline-block; background:url("/common_m/images/icon/mileage_txt_icon.jpg") no-repeat left center; background-size:16px; padding-left:22px;}
.memLvDiv .addressBook{width:100%; line-height:24px;}
.memLvDiv .addressBook .list{width:90%; border:1px solid #ddd; padding:15px 5%; margin-bottom:10px;}
.memLvDiv .addressBook .list:last-child{margin-bottom:0;}
.memLvDiv .addressBook .list .name{color:#444; font-size:17px; margin-bottom:10px; word-break:break-all}
.memLvDiv .addressBook .list .name .byname{color:#666;}
.memLvDiv .addressBook .list .basic{display:inline-block; font-family:'NBG', sans-serif; width:55px; height:20px; line-height:22px; border-radius:15px; background:#70aed6; color:#fff; font-size:12px; text-align:center; margin-left:10px;}
.memLvDiv .addressBook .list .address{font-size:16px; color:#333;}
.memLvDiv .addressBook .list .address span{color:#888;}
.memLvDiv .addressBook .list .bookBts{text-align:center; margin-top:10px;}
.memLvDiv .addressBook .list .bookBts a{display:inline-block; height:23px; border-radius:5px; border:1px solid #ccc; color:#999; padding:2px 12px; margin:0 2px}
.memLvDiv .addressBook.type2 .name{font-family:'MSRM', sans-serif;}
.memLvDiv .addressBook.type2 .basic{margin-left:0;}
.memLvDiv .addressBook.type2 .address{font-family:'MSRM', sans-serif;}
.memLvDiv .addressBook .sendCard{margin-top:0; border:0; padding:0;}
.memLvDiv .addressBook .sendCard li{word-break:break-all}
.addressChek{margin-top:15px; font-size:15px; color:#444;}
.addressChek input{margin-right:5px;}
.memLvDiv .inputForm .iconTxt{font-size:11px; margin-top:5px;}
.memLvDiv .leaveReason a{display:block; width:100%; background:url("/common_m/images/icon/leavereason_arrow.png") no-repeat 3% center; background-size:14px; box-sizing:border-box; border:1px solid #ccc; border-bottom:0; padding:12px 3% 12px 30px; color:#666; font-size:14px;}
.memLvDiv .leaveReason a:last-child{border-bottom:1px solid #ccc;}
.memLvDiv .leaveReason a.on{background:url("/common_m/images/icon/leavereason_arrow_on.png") no-repeat 3% center #666; background-size:14px; color:#fff; border:1px solid #666; border-bottom:0;}
.memLvDiv .leaveReason a.on:last-child{border-bottom:1px solid #666;}
.memLvDiv .etcReason{display:none;}
.memLvDiv .etcReason textarea{width:100%; height:80px; background:#eee; color:#888; padding:15px 3%;}
.memLvDiv .addTxt span{background:url("/common_m/images/icon/bar1x13.gif") no-repeat right 1px; padding-right:10px; margin-right:8px; font-size:14px; color:#8e8e8e;}
.memLvDiv .addTxt span:last-child{background:none;}
.memLvDiv .addTxt span strong{font-family:'NBG', sans-serif; color:#f36523;}

/* 쿠폰내역 */
.couponDiv .memLvDiv{padding:70px 3% 50px;}
.couponDiv .memLvDiv.noPdB{padding-bottom:0;}
.couponDiv .rangeKind{display:table; margin-top:30px; width:100%;}
.couponDiv .rangeKind:after{content:''; display:block; clear:both;}
.couponDiv .rangeKind .checkBt{display:table-cell;}
.couponDiv .rangeKind .selArea{display:table-cell; width:88px; text-align:right;}
.couponDiv .rangeKind .selArea select{width:100%;}
.couponDiv .couponItem{margin-top:20px; padding:28px 0 50PX; background:#eee;}
.couponDiv .couponItem .list{margin-top:28px; padding:0 3%;}
.couponDiv .couponItem .list:first-child{margin-top:0;}
.couponDiv .couponItem .list .couponName{color:#444; font-size:15px;}
.couponDiv .couponItem .list .boxArea{margin-top:12px; background:#fff; border:1px solid #ddd; border-bottom:none;}

.couponImg{position:relative; text-align:center;}
.couponImg img{width:217px;}
.couponImg .txt{position:absolute; top:91px; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); text-align:center;}
.couponImg .txt .from{color:#444; font-size:13px;}

.couponDiv .couponItem .list .boxArea table{font-size:14px; border-top:1px solid #ddd; text-align:left;}
.couponDiv .couponItem .list .boxArea table tr th{padding:10px 15px; height:45px; background:#f6f6f6; border-bottom:1px solid #ddd;}
.couponDiv .couponItem .list .boxArea table tr td{padding:10px 15px; height:45px; border-bottom:1px solid #ddd;}
.couponDiv .couponItem .list .boxArea table tr:last-child th{border-bottom:none;}
.couponDiv .couponItem .list .boxArea table tr:last-child td{border-bottom:none;}
.couponDiv .couponItem .list .boxArea table td.stemped {font-weight:bold} /* 2020-01-06 추가 */
.couponDiv .couponItem .list .usedInfo{display:block; height:30px; line-height:30px; text-align:center; color:#fff; font-size:13px; background:#f36523;}
.couponDiv .couponItem .list .couponImg{padding:17px 0 12px;}
.couponDiv .couponItem .list .couponImg .txt{top:107px;}
/* 2020-01-06 수정 */
.couponDiv .couponItem .list.expired .couponImg:after{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.couponDiv .couponItem .list.expired .couponImg:before {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url("/common_m/images/icon/m_compete_stemp.png") no-repeat center center; background-size:90px auto; z-index:1}
.couponDiv .couponItem .list.stopped .couponImg:after{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.couponDiv .couponItem .list.stopped .couponImg:before {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url("/common_m/images/icon/m_stopped_stemp.png") no-repeat center center; background-size:133px auto; z-index:1}
/* //2020-01-06 수정 */
.couponDiv .enroll{text-align:center;}
.couponDiv .enroll .txt{color:#666; font-size:14px; line-height:21px;}
.couponDiv .enroll input{margin:24px 0 15px;}
/*.couponDiv .couponDeatil{padding:70px 0 50px;}*/
.couponDiv .couponDeatil .imgArea{position:relative; padding:18px 0 12px; background:#f6f6f6;}
/* 2020-01-06 수정 */
.couponDiv .couponDeatil .imgArea.expired:after{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.couponDiv .couponDeatil .imgArea.expired:before {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url("/common_m/images/icon/m_compete_stemp.png") no-repeat center center; background-size:90px auto; z-index:1}
.couponDiv .couponDeatil .imgArea.stopped:after{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}
.couponDiv .couponDeatil .imgArea.stopped:before {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url("/common_m/images/icon/m_stopped_stemp.png") no-repeat center center; background-size:133px auto;z-index:1}
/* //2020-01-06 수정 */
.couponDiv .couponDeatil .inputTable{margin-top:24px; width:94%;}
/*.couponDiv .couponDeatil .inputTable{border-top:2px solid #333; margin-top:24px; position:relative;}
.couponDiv .couponDeatil .inputTable th{text-align:left; font-family:'NBG'; font-size:14px; color:#888; border-bottom:1px solid #ddd}
.couponDiv .couponDeatil .inputTable td{font-size:14px; color:#333; border-bottom:1px solid #ddd; padding:15px 0;}
.couponDiv .couponDeatil .inputTable tr td .reason{margin-top:13px; padding:15px 20px; font-size:11px; line-height:17px; color:#888; background:#f6f6f6;}
.couponDiv .couponDeatil .inputTable tr td .reason .thick{color:#444;}
.couponDiv .couponDeatil .inputTable tr:last-child th{border-bottom:1px solid #333}
.couponDiv .couponDeatil .inputTable tr:last-child td{border-bottom:1px solid #333;}*/
.couponDiv .couponDeatil .btnsB{margin:20px auto 0; width:94%;}

.inputTable{margin:0 auto;}
.inputTable{border-top:2px solid #333; position:relative;}
.inputTable th{text-align:left; font-family:'NBG', sans-serif; font-size:14px; color:#888; border-bottom:1px solid #ddd}
.inputTable td{position:relative; padding:13px 0; font-size:14px; color:#333; border-bottom:1px solid #ddd;}
.inputTable tr td{line-height:21px;}
.inputTable tr td .reason{margin-top:13px; padding:15px 20px; font-size:11px; line-height:17px; color:#888; background:#f6f6f6;}
.inputTable tr td .reason .thick{color:#444;}
.inputTable tr td .refundBtn{display:inline-block; position:absolute; right:0; top:12px; padding:0 15px; height:25px; line-height:25px; font-size:12px; color:#fff; text-align:center; background:#777; border-radius:3px;}
.inputTable tr td .billNum{color:#004a99; border-bottom:1px solid #004a99;}
.inputTable tr:last-child th{border-bottom:1px solid #333}
.inputTable tr:last-child td{border-bottom:1px solid #333;}

/* 쿠폰 사용정보 팝업 */



/* 프라임클럽 안내*/
.primeNoti{margin-top:30px;}
.primeNoti .secTit{font-size:20px; color:#222;}
.primeNoti .primeList{margin-bottom:20px;}
.primeNoti .primeList:last-child{margin-bottom:0;}
.primeNoti .primeList .subTit{color:#333; font-size:16px;}
.primeNoti .primeList .boxA{margin-top:13px; padding:20px; background:#fff; overflow:hidden;}
.primeNoti .primeList .img{float:left; width:90px;}
.primeNoti .primeList .img img{width:76px;}
.primeNoti .primeList .txtA{float:right; width:-webkit-calc(100% - 90px); width:calc(100% - 90px); font-size:12px; color:#444; line-height:18px;}
/*.primeNoti .primeList .txtA div{margin-top:6px;}
.primeNoti .primeList .txtA div:first-child{margin-top:0;}
.primeNoti .primeList .txtA div .tit{font-size:12px; color:#444;}
.primeNoti .primeList .txtA div .txt{font-size:12px; color:#777; line-height:18px;}*/

/* 유료회원 */
.noti{font-size:11px; line-height:18px; color:#888;}
.secTit{margin-bottom:17px; font-size:20px; color:#222;}
.dotUl li{position:relative; margin-top:5px; padding-left:13px; font-size:14px; line-height:21px;}
.dotUl li:first-child{margin-top:0;}
.dotUl li:before{content:''; display:block; position:absolute; left:0; top:7px; width:3px; height:3px; border-radius:100%; background:#888;}
.stepDiv{position:relative; margin-bottom:30px; left:-3%;}
.stepDiv{width:106%;}
.stepDiv img{max-width:100%}
.primeDiv{padding:50px 3%;}
.primeDiv .primeBts{margin-bottom:30px;}
.primeDiv .selfAccrdtInn{box-sizing:border-box; padding:30px 0 40px;}
.primeDiv .selfAccrdtInn.hasLine{padding:30px 15px 40px; border-top:2px solid #333; border-bottom:1px solid #333;}
.primeDiv .selfAccrdtInn .img{margin:0 auto 20px; width:100px;}
.primeDiv .selfAccrdtInn .img img{width:100%;}
.primeDiv .selfAccrdtInn .txt1{padding-top:0;}
.primeDiv .conWrap .section{margin-top:30px;}
.primeDiv .conWrap .section .benefitTab{margin-bottom:20px; border-top:2px solid #333; border-bottom:1px solid #333;}
.primeDiv .conWrap .section .benefitTab:last-child{margin-bottom:0;}
.primeDiv .conWrap .section .benefitTab table{letter-spacing:0;}
.primeDiv .conWrap .section .benefitTab table thead th{padding:17px 0; font-size:14px; color:#222; background:#fef6f2; border-bottom:1px solid #ddd;}
.primeDiv .conWrap .section .benefitTab table tbody th{padding:17px 0; font-size:13px; color:#333; line-height:18px; background:#f6f6f6; border-bottom:1px solid #ddd; border-right:1px solid #ddd;}
.primeDiv .conWrap .section .benefitTab table tbody td{padding:17px 13px; font-size:13px; color:#666; line-height:18px; border-bottom:1px solid #ddd;}
.primeDiv .conWrap .section .dotUl{}
.primeDiv .conWrap .section .deduct{margin-top:10px;}
.primeDiv .conWrap .section .deduct .tabCon{margin-top:15px;}
.primeDiv .conWrap .section .deduct .tabCon .con{display:none;}
.primeDiv .conWrap .section .deduct .tabCon .con:first-child{display:block;}
.primeDiv .conWrap .section .deduct .tabCon .con select{margin-bottom:10px;}
.primeDiv .conWrap .section .deduct .tabCon .con .receiptWay{}
.primeDiv .conWrap .section .deduct .tabCon .con .receiptWay input{box-sizing:border-box;}
.primeDiv .conWrap .section .deduct .tabCon .con .receiptWay .case{display:none;}
.primeDiv .conWrap .section .deduct .tabCon .con .receiptWay .case:first-child{display:block;}
.primeDiv .conWrap .section .deduct .tabCon .con .receiptWay .case:after{content:''; display:block; clear:both;}
.primeDiv .conWrap .section .deduct .tabCon .con .receiptWay .case.type2 input{display:block; float:left; margin-right:7px; width:-webkit-calc((100% - 21px) / 4); width:calc((100% - 21px) / 4);}/*type2 : 현금영수증번호*/ /* 2019-12-24 수정 */
.primeDiv .conWrap .section .deduct .tabCon .con .receiptWay .case.type2 input:last-child{margin-right:0;}
.primeDiv .conWrap .section .deduct .tabCon .con .receiptWay .case.type3 input{display:block; float:left; margin-right:7px; width:-webkit-calc((100% - 14px) / 3); width:calc((100% - 14px) / 3);}/*type3 : 사업자등록번호*/ /* 2019-12-24 수정 */
.primeDiv .conWrap .section .deduct .tabCon .con .receiptWay .case.type3 input:last-child{margin-right:0;}
.primeDiv .kindW{margin-top:30px;}
.primeDiv .kindW .termList{margin-top:30px;}
.primeDiv .kindW .termList:first-child{margin-top:0;}
.primeDiv .kindW .termList .grayBdBox{padding:30px 0 27px; text-align:center; border-top:2px solid #333; background:#eee;}
.primeDiv .kindW .termList .grayBdBox > img{margin-bottom:20px; width:100px;}
.primeDiv .kindW .termList .grayBdBox .payPrice{font-size:18px;}
.primeDiv .kindW .termList .grayBdBox .payPrice .txt1{color:#222;}
.primeDiv .kindW .termList .grayBdBox .payPrice .txt2{color:#f36523; font-family:'NBGB', sans-serif;}
.primeDiv .kindW .termList .grayBdBox .payPrice .txt2 span{font-family:'MSRB', sans-serif;}
.primeDiv .kindW .termList .benefitDiv{padding:20px 15px; font-size:13px; color:#444; line-height:18px;}
.primeDiv .kindW .termList .radioArea{}
.primeDiv .kindW .termList .radioArea .radioBox{padding:14px 0; text-align:center; background:#f1e7e1; border-top:1px solid #ded5cf; border-bottom:1px solid #333;}
.primeDiv .kindW .termList .radioArea .radioBox label{font-size:13px; color:#444; letter-spacing:0;}
.primeDiv .agreeAutoPay{margin:40px 0 0; text-align:center;}
.primeDiv .agreeAutoPay .txt{margin-top:10px; color:#666; font-size:12px; line-height:19px;}
.primeDiv .memberJoin .listDiv .inputW{margin-bottom:10px; overflow:hidden;}
.primeDiv .memberJoin .listDiv .inputW input{display:block; float:left; margin-right:6px; width:-webkit-calc((100% - 11px) / 3); width:calc((100% - 11px) / 3); background:#fff;} /* 2019-12-24 수정 */
.primeDiv .memberJoin .listDiv .inputW input:first-child{margin-right:5px;}
.primeDiv .memberJoin .listDiv .inputW input:last-child{margin-right:0;}
.primeDiv .memberJoin .listDiv .txtW{letter-spacing:0;}
.primeDiv .memberJoin .listDiv .txtW .txt{margin-top:20px; font-size:11px; color:#666; line-height:16px}
.primeDiv .memberJoin .listDiv .txtW .noti{margin-top:8px;}
.primeDiv .payDiv{/*margin-top:30px;*/}
.primeDiv .payDiv .benefitInfo{box-sizing:border-box; display:table; padding:19px 0 16px 20px; width:100%; background:#eee; border-top:2px solid #333;}
.primeDiv .payDiv .benefitInfo .img{display:table-cell; width:90px;}
.primeDiv .payDiv .benefitInfo .img img{width:77px;}
.primeDiv .payDiv .benefitInfo .txtW{display:table-cell;}
.primeDiv .payDiv .benefitInfo .txtW .txt{font-size:13px; color:#444; line-height:18px;}
.primeDiv .payDiv .payPrice{padding:20px 0; font-size:16px; color:#222; text-align:center; background:#f1e7e1; border-bottom:1px solid #333; border-top:1px solid #ded5cf;}
.primeDiv .payDiv .payPrice span{font-family:'MSRB', sans-serif;}
.primeDiv .payWay{margin-top:30px;}
.primeDiv .payWay .choWay{}
.primeDiv .payWay .choWay .choList{padding:14px 0; border-top:2px solid #333; border-bottom:1px solid #ddd; overflow:hidden;}
.primeDiv .payWay .choWay .choList .wayBtn{box-sizing:border-box; display:block; float:left; margin-right:5px; width:-webkit-calc((100% - 10px) / 3); width:calc((100% - 10px) / 3); height:35px; text-align:center; font-size:12px; color:#333; line-height:34px; border:1px solid #ccc;}
.primeDiv .payWay .choWay .choList .wayBtn:last-child{margin-right:0;}
.primeDiv .payWay .choWay .choList .wayBtn.on{color:#f36523; border:1px solid #f36523;}
.primeDiv .payWay .choWay .inputForm{border-bottom:1px solid #ddd;}
.primeDiv .payWay .choWay .inputForm li{padding:15px 0;}
.primeDiv .noUserData{position:relative; margin-bottom:30px; padding:30px 0; width:100%; text-align:center; border:1px solid #ddd;}
.primeDiv .noUserData > div{padding-top:75px; color:#222; font-size:20px; background:url(/common_m/images/icon/no_user_data_icon.png) center top no-repeat; background-size:auto 63px;}
.primeDiv .paidInfo{padding-top:20px;}
.primeDiv .paidInfo .list{margin-top:30px;}
.primeDiv .paidInfo .list:first-child{margin-top:0;}
.primeDiv .paidInfo .list .tableType3{padding-top:0; background:none; border-top:2px solid #333;}
.primeDiv .paidInfo .listBt{margin-top:20px;}
.primeDiv .btnsB{margin-top:25px;}
.primeDiv .tabCon.joinP .con{display:none;}/* 회원가입 유형선택 */
.primeDiv .tabCon.joinP .con:first-child{display:block;}

/* 유료회원 팝업 - 전자금융거래 기본약관 */
.termsCon{line-height:23px;}

/* 쿠폰사용내역전체팝업 */
.usedCoupon{}
.usedCoupon .topArea{text-align:center;}
.usedCoupon .topArea .img{display:inline-block;}
.usedCoupon .topArea .img img{width:100px;}
.usedCoupon .topArea .tit{margin:30px 0 10px; font-size:18px; color:#222;}
.usedCoupon .topArea .txt{font-size:13px; color:#666; line-height:20px;}
.usedCoupon .inputTable{margin-top:24px;}



/* ETC */
.busiPartTop{padding:90px 0 50px; background:url("/common_m/images/icon/sub_con_topbg1.jpg") no-repeat 0 0; background-size:cover; position:relative;}
.busiPartTop .normalT{color:#fff; text-align:center; font-size:17px; line-height:24px; font-family:'NBGL', sans-serif;}
.busiPartTop .normalT strong{font-family:'NBGB', sans-serif;}
.busiPartBot{padding:10px 3% 10px;}
.busiPartBot .list{padding:20px 0; border-bottom:1px solid #ddd;}
.busiPartBot .list dl{background:url("/common_m/images/icon/busipart_icon4.jpg") no-repeat 0 0; background-size:45px; padding-left:55px;}
.busiPartBot .list dl dt{color:#222; font-size:16px; margin-bottom:10px;}
.busiPartBot .list dl dd{font-size:14px; color:#666; line-height:22px;}
.busiPartBot .list dl dd ul li.iconTxt{color:#888; font-size:12px; padding-left:10px; margin-bottom:5px;}
.busiPartBot .list dl dd ul li.iconTxt span{font-size:18px;}
.busiPartBot .list .txtBox{padding:20px 3%; background:#f6f6f6; margin-top:10px;}
.busiPartBot .list .txtBox .iconTxt{font-size:11px; padding-left:10px;}
.busiPartBot .list:nth-child(2) dl{background:url("/common_m/images/icon/busipart_icon1.jpg") no-repeat 0 0; background-size:45px;}
.busiPartBot .list:nth-child(3) dl{background:url("/common_m/images/icon/busipart_icon3.jpg") no-repeat 0 0; background-size:45px;}
.busiPartBot .list:nth-child(4) dl{background:url("/common_m/images/icon/busipart_icon2.jpg") no-repeat 0 0; background-size:45px;}
.busiPartBot .staffCard{margin-top:20px;}
.busiPartBot .staffCard li{border:1px solid #ddd; padding:20px 3%; margin-bottom:10px;}
.busiPartBot .staffCard li:last-child{margin-bottom:0;}
.busiPartBot .staffCard li .info1{font-size:16px; color:#888; margin-bottom:6px;}
.busiPartBot .staffCard li .info2{font-size:18px; color:#444; margin-bottom:14px;}
.busiPartBot .staffCard li .info2 span{color:#666; font-size:14px;}
.busiPartBot .staffCard li .info3{font-size:14px; color:#666; margin-bottom:3px; font-family:'MSRR', sans-serif; background:url("/common_m/images/icon/staffcard_icon1.gif") no-repeat 0 center; background-size:13px; padding-left:18px;}
.busiPartBot .staffCard li .info4{font-size:14px; color:#666; font-family:'MSRR', sans-serif; background:url("/common_m/images/icon/staffcard_icon2.gif") no-repeat 0 center; background-size:13px; padding-left:17px;}
.busiPartBot .checkDiv{padding:15px 5%; border-radius:20px; color:#333; margin-top:10px; border:1px solid #ddd;}
.busiPartBot .checkDiv .before{position:relative; border-bottom:2px solid #ddd; padding:0 0 13px; font-size:14px}
.busiPartBot .checkDiv .before a{position:absolute; top:-5px; right:0; display:block; padding:5px 10px 3px; font-size:11px; color:#333; font-family:'NBGB', sans-serif; border:2px solid #333; border-radius:20px}
.busiPartBot .checkDiv .after{padding:10px 0 0; font-size:14px; position:relative; color:#666; overflow:hidden;}
.busiPartBot .checkDiv .after input{margin-right:6px; float:left;}
.busiPartBot .checkDiv .after label{float:left;}
.busiPartBot .checkDiv .after a{position:absolute; top:12px; right:0; display:block; padding:5px 10px 3px; font-size:11px; color:#333; font-family:'NBGB', sans-serif; border:2px solid #333; border-radius:20px}
.userTerm{padding:70px 3% 50px;}
.userTerm .userTermTab{position:relative; width:100%; height:40px;}
.userTerm .userTermTab a{display:block; width:50%; height:40px; padding-top:8px; box-sizing:border-box; border:2px solid #dbdbdb; border-right:1px solid #dbdbdb; border-bottom:2px solid #f36523; background:#f8f8f8; position:absolute; top:0; left:0; text-align:center; font-size:16px; color:#333; font-family:'NBGL', sans-serif;}
.userTerm .userTermTab a:last-child{left:50%; border-right:2px solid #dbdbdb; border-left:1px solid #dbdbdb;}
.userTerm .userTermTab a.on{background:#fff; color:#444; font-family:'NBG', sans-serif; border:2px solid #f36523; border-bottom:0;}
.userTerm .userTermDiv{padding:20px 0; display:none;}
.userTerm select{width:100%;}
.userTerm .userTermDiv2{padding:20px 0;}
.errorPage .errorTxt{width:240px; margin:20px auto 0;}
.errorPage .errorTxt span{font-size:18px;}

/* 회사소개 */
.introTop{padding:65px 0 0; height:135px; background:url("/common_m/images/icon/sub_con_topbg3.jpg") no-repeat 0 0; background-size:cover; position:relative;}
.introTop .outlineTxt{background:url("/common_m/images/icon/intro_top_bg1.jpg") no-repeat right bottom; background-size:100%; margin:0 auto; box-shadow:6px 8px 13px 0px rgba(0,0,0,0.2); color:#fff; font-size:13px; line-height:22px; font-family:'NBGL', sans-serif; width:94%; height:200px; padding:34px 0 0 30px; box-sizing:border-box;}
.introTop .historyTxt{background:url("/common_m/images/icon/intro_top_bg2.jpg") no-repeat right bottom; background-size:100%; margin:0 auto; box-shadow:6px 8px 13px 0px rgba(0,0,0,0.2); color:#fff; font-size:16px; line-height:22px; font-family:'NBGL', sans-serif; width:94%; height:200px; padding:34px 0 0 30px; box-sizing:border-box;}
.introTop .playDiv{box-shadow:6px 8px 13px 0px rgba(0,0,0,0.2); width:94%; height:163px; box-sizing:border-box; margin:0 auto;}
.introTop .apiDiv{box-shadow:6px 8px 13px 0px rgba(0,0,0,0.2); width:94%; height:200px; box-sizing:border-box; overflow:hidden; margin:0 auto;}
.introBot{padding:105px 0 0;}
.introBot .introCon1{padding:0 3% 20px;}
.introBot .introCon1 .txt{text-align:center; color:#000; font-size:15px; line-height:22px; font-family:'NBGL', sans-serif;}
.introBot .introCon1 .introList{margin-top:30px;}
.introBot .introCon1 .introList li{width:100%; overflow:hidden; margin-bottom:20px; background:url("/common_m/images/icon/intro_con1_line.png") no-repeat center 40px; background-size:50px 1px;}
.introBot .introCon1 .introList li .list{width:50%; float:left; text-align:center; font-size:13px; color:#666; line-height:18px;}
.introBot .introCon1 .introList li .list .img img{width:80px;}
.introBot .introCon1 .introList li .list .txt1{color:#444; font-size:15px; font-family:'NBGB', sans-serif; margin:10px 0;}
.introBot .introCon2{padding:40px 15px 50px; background:#f5eeeb;}
.introBot .introCon2 .tit{color:#222; font-size:22px; text-align:center; font-family:'NBGL', sans-serif;}
.introBot .introCon2 .tit span{font-family:'NBGL', sans-serif; font-size:12px; display:block; margin-top:5px;}
.introBot .introCon2 .mapDiv{position:relative; width:290px; height:244px; margin:65px auto 0; background:url("/common_m/images/icon/intro_con2_map.png") no-repeat 0 0; background-size:290px;}
.introBot .introCon2 .mapDiv dl{position:absolute; top:-45px; left:0; width:110px; height:70px; background:#fff; border-radius:10px; padding:10px; box-sizing:border-box; box-shadow:4px 4px 15px 0px rgba(0,0,0,0.2);}
.introBot .introCon2 .mapDiv dl:nth-child(2){top:40px; left:0;}
.introBot .introCon2 .mapDiv dl:nth-child(3){top:125px; left:0;}
.introBot .introCon2 .mapDiv dl:nth-child(4){top:-16px; left:auto; right:0;}
.introBot .introCon2 .mapDiv dl:nth-child(5){top:95px; left:auto; right:0;}
.introBot .introCon2 .mapDiv dl:nth-child(6){top:205px; left:110px;}
.introBot .introCon2 .mapDiv dl dt{font-size:14px; color:#333; background:url("/common_m/images/icon/intro_con2_line.png") no-repeat 0 11px; background-size:65px 3px; margin-bottom:5px}
.introBot .introCon2 .mapDiv dl dd{font-size:12px; color:#e46b00; font-family:'MSRR', sans-serif; margin-bottom:2px}
.introBot .introCon2 .mapDiv dl dd span{font-size:12px; color:#666; font-family:'NBG', sans-serif; width:50px; display:inline-block}
.introBot .introCon2 .totalTxt{width:290px; height:40px; margin:70px auto 0; border-radius:20px; box-shadow:4px 4px 15px 0px rgba(0,0,0,0.2); box-sizing:border-box; overflow:hidden; font-size:17px; color:#333; background:#fff; padding:8px 20px;}
.introBot .introCon2 .totalTxt span{display:block; float:left; margin-top:4px;}
.introBot .introCon2 .totalTxt strong{display:block; float:right; color:#e46b00; font-family:'MSRR', sans-serif; font-size:20px;}
.introBot .introCon3{background:url("/common_m/images/icon/intro_con3_bg.jpg") no-repeat 0 0; background-size:cover; padding:40px 3% 50px; overflow:hidden; position:relative;}
.introBot .introCon3 .tit{text-align:center; color:#fff; font-size:22px;}
.introBot .introCon3 .tit strong{font-family:'MSRR', sans-serif; font-size:18px; display:block; margin:5px 0 3px;}
.introBot .introCon3 .tit span{font-family:'NBGL', sans-serif; font-size:13px; display:block; opacity:0.7;}
.introBot .introCon3 .unitTxt{font-family:'NBGL', sans-serif; font-size:13px; display:block; color:#fff; opacity:0.7; position:absolute; top:50px; right:5%;}
.introBot .introCon3 .graph-container{position:relative;}
.introBot .introCon3 .graph-container .swiper-slide{text-align:center;}
.introBot .introCon3 .graph-container .swiper-slide img{width:94%;}
.introBot .introCon3 .graph-container .swiper-button-prev{width:30px; height:30px; position:absolute; top:30px; left:0; z-index:10; background:url("/common_m/images/icon/intro_graphleft.png") no-repeat 0  0; background-size:30px;}
.introBot .introCon3 .graph-container .swiper-button-next{width:30px; height:30px; position:absolute; top:30px; right:0; z-index:10; background:url("/common_m/images/icon/intro_graphright.png") no-repeat 0  0; background-size:30px;}
.introBot2{padding:105px 3% 50px; background:#f5eeeb;}
.historyDiv{background:url("/common_m/images/icon/history_line.jpg") repeat-y 37px 0; background-size:1px; margin-top:30px;}
.historyDiv .list dt{padding-top:25px; margin-bottom:18px; box-shadow:0 10px 15px 0px rgba(0,0,0,0.2); border-radius:40px; background:url("/common_m/images/icon/history_year_bg.png") no-repeat 0 0; background-size:75px; height:50px; width:75px; text-align:center; color:#fff; font-family:'MSRM', sans-serif; font-size:20px;}
.historyDiv .list dd{margin:0 0 18px 35px;}
.historyDiv .list dd:last-child{margin:0 0 28px 35px;}
.historyDiv .list dd strong{display:block; font-family:'MSRSB', sans-serif; color:#888; font-size:17px; margin-bottom:5px; padding-left:33px; background:url("/common_m/images/icon/history_txt_icon.png") no-repeat 0 center; background-size:23px;}
.historyDiv .list dd span{display:block; color:#222; font-size:16px; padding-left:33px; line-height:22px; margin-bottom:5px;}
.historyDiv .last{width:30px; height:30px; border-radius:15px; box-shadow:0 7px 15px 0px rgba(0,0,0,0.2); margin-left:23px;}
.historyDiv .last img{width:30px; height:30px;}
.introBot2 .srchRoad li{height:75px; display:table; margin-bottom:20px;}
.introBot2 .srchRoad li:last-child{margin-bottom:0;}
.introBot2 .srchRoad li .img{width:75px; display:table-cell;}
.introBot2 .srchRoad li .img img{width:75px;}
.introBot2 .srchRoad li .txt{width:225px; height:75px; padding-left:15px; display:table-cell; vertical-align:middle}
.introBot2 .srchRoad li .txt strong{display:block; font-size:16px; color:#222; font-family:'MSRSB', sans-serif}
.introBot2 .srchRoad li .txt span{display:block; font-size:14px; color:#444; margin-top:8px; line-height:20px;}

.visionciTxt{background:url("/common_m/images/icon/m_vision_ci_top.jpg") no-repeat right bottom; background-size:100%; margin:0 auto; box-shadow:6px 8px 13px 0px rgba(0,0,0,0.2); color:#fff; font-size:16px; line-height:22px; font-family:'NBGL', sans-serif; width:94%; height:200px; padding:34px 0 0 30px; box-sizing:border-box;}
.visionciTxt .txt1{font-size:23px; font-family:'NBGB', sans-serif}
.visionciTxt .txt2{font-size:16px; font-family:'NBGB', sans-serif; margin-top:5px}
.visionciTxt .txt3{font-size:13px; line-height:18px; margin-top:15px}
.visionciDiv1{height:570px; padding:105px 3% 250px; background:url("/common_m/images/icon/m_visionci_bg.png") no-repeat center 0 #f5eeeb; background-size:100% 935px;}
.visionciDiv1 .tit{font-size:22px; color:#222; font-family:'MSRSB', sans-serif; text-align:center}
.visionciDiv1 li .txt1{font-size:21px; color:#444; font-family:'NBGL', sans-serif; line-height:30px}
.visionciDiv1 li .txt1 span{color:#1e64af;}
.visionciDiv1 li .txt2{font-size:13px; line-height:17px; margin-top:10px}
.visionciDiv1 li:nth-child(1){margin-top:35px;}
.visionciDiv1 li:nth-child(2){margin-top:130px; text-align:right}
.visionciDiv2{padding:40px 3% 50px;}
.visionciDiv2 dt{font-size:22px; color:#222; font-family:'MSRSB', sans-serif}
.visionciDiv2 dd:nth-child(2){border-bottom:1px solid #f0f0f0; padding-bottom:20px}
.visionciDiv2 dd img{width:100%}
.visionciDiv2 p img{width:100%}

.partnerTxt{text-align:center; color:#fff; font-size:17px; line-height:24px; padding:12px 3%}
.partnerDiv{padding:30px 3% 50px; background:#f5eeeb}
.partnerTop{text-align:center; background:#fff; padding:25px 3%; font-size:16px; line-height:23px}
.partnerTop img{width:118px;}
/* 2020-07-27 추가 */
.partnerDiv .business00 {margin-bottom:50px;}
.partnerDiv .business00:last-child {margin-bottom:0;}
.partnerDiv .business00 .floatWrap  {margin-top:20px;}
.partnerDiv .business00 .imgDiv img {max-width:100%;}
.partnerDiv .business00 .txtDiv {padding-top:60px; text-align:center;}
.partnerDiv .business00 .txtDiv .txt1 {font-size:20px; line-height:34px; color:#222; margin-bottom:40px; word-break:keep-all;}
.partnerDiv .business00 .txtDiv .txt2 {font-size:14px; line-height:24px; color:#999; margin-bottom:50px;}

.introBot3{padding:55px 3% 50px; background:#f5eeeb;}
.introBot3 .allNum{color:#8e8e8e; font-size:13px;}
.introBot3 .movie-container{position:relative; overflow:hidden; margin-top:15px;}
.introBot3 .movie-container .swiper-slide{display:block; width:49%; float:left;}
.introBot3 .movie-container .swiper-slide a .movieName{width:25px; height:16px; color:#fff; font-family:'MSRR', sans-serif; font-size:11px; line-height:16px; margin:15px 0 9px; background:#397ca7; padding:0 0 0 6px;}
.introBot3 .movie-container .swiper-slide a .movieName2{width:40px; height:16px; color:#fff; font-size:11px; line-height:16px; margin:15px 0 9px; background:#666; padding:0 0 0 6px;}
.introBot3 .movie-container .swiper-slide a .txt{font-size:14px; color:#666;}
.introBot3 .movie-container .swiper-slide a:last-child{margin-right:0;}
.introBot3 .movie-container .swiper-slide img{width:100%;}
.introBot3 .movie-container .swiper-button-prev{width:30px; height:30px; position:absolute; top:25px; left:0; z-index:10; background:url("/common_m/images/icon/intro_movieleft.png") no-repeat 0  0; background-size:30px;}
.introBot3 .movie-container .swiper-button-next{width:30px; height:30px; position:absolute; top:25px; right:0; z-index:10; background:url("/common_m/images/icon/intro_movieright.png") no-repeat 0  0; background-size:30px;}

/* 리스트 */
.eventList{padding:0 3%;}
.eventList.type2{padding:0;}
.eventList a{display:table; width:100%; height:120px; overflow:hidden; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd}
.eventList a:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0}
.eventList a .img{width:120px; height:120px; display:table-cell; position:relative}
.eventList a .img img{position:absolute; top:50%; left:50%; max-width:100%; transform:translate(-50%,-50%);}/* 2021-07-08 수정 */
.eventList a .img .end{position:absolute; /* top:0; left:0 */} /* 2021-10-27 썸네일 이미지 깨짐 수정 */
.eventList a .txt{display:table-cell; padding-left:15px; vertical-align:middle}
.eventList a .txt strong{display:block; font-size:14px; line-height:20px; color:#333;}/* 2021-12-22 이벤트 제목 중앙정렬 */
.eventList a .txt span{font-size:10px; color:#888; line-height:17px}
.eventList a img{width:100%; height:120px;}
.couponList{border-top:2px solid #333}
.couponList a{display:block; position:relative; border-top:1px solid #ddd; padding:15px 3%}
.couponList a .tit{font-size:18px; color:#333;}
.couponList a .txt{font-size:13px; color:#666;}

.eventList2{padding:0 3%;}
.eventList2 .type2{padding:0;}
.eventList2 a{display:table; width:100%; height:auto; overflow:hidden; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd}
.eventList2 a:last-child{margin-bottom:0; padding-bottom:0; border-bottom:0}
.eventList2 a .img{width:120px; height:120px; display:table-cell; position:relative}
.eventList2 a .img img{position:absolute; top:50%; left:50%; max-width:100%; transform:translate(-50%,-50%);}/* 2021-07-08 수정 */
.eventList2 a .img .end{position:absolute; /* top:0; left:0 */} /* 2021-10-27 썸네일 이미지 깨짐 수정 */
.eventList2 a .txt{display:table-cell; padding-left:15px; vertical-align:middle}
.eventList2 a .txt strong{display:block; font-size:14px; line-height:20px; color:#333;}/* 2021-12-22 이벤트 제목 중앙정렬 */
.eventList2 a .txt span{font-size:10px; color:#888; line-height:17px}
.eventList2 a img{width:100%; height:100%;}


/* 인풋스타일 */
.inputForm li{padding:15px 0; border-bottom:1px solid #ddd;}
.inputForm li .subtit{font-size:16px; color:#666}
.inputForm li:first-child{padding:0 0 15px;}
.inputForm li:last-child{border-bottom:1px solid #333;}
.inputForm li input{width:100%;}
.inputForm li .inputTit{font-size:17px; color:#666; margin-bottom:10px;}
.inputForm li .inputTxt{font-size:15px; color:#888; margin-bottom:10px; line-height:20px;}
.inputForm li .notiTxt{margin-top:10px; font-size:13px; color:#888;}
.inputForm li .phone{width:100%; overflow:hidden;}
.inputForm li .phone.plusType{position:relative; box-sizing:border-box; padding-right:30px; margin-bottom:10px}
.inputForm li .phone.plusType:last-child{margin-bottom:0px}
.inputForm li .phone.plusType a{position:absolute; top:10px; right:0;}
.inputForm li .phone.plusType a img{width:20px;}
.inputForm li .phone select{width:24%; float:left;}
.inputForm li .phone input{width:36%; float:left; margin-left:2%;}
.inputForm li .phone input:nth-child(1){width:24%; float:left; margin:0;}
.inputForm li .phoneEn{width:100%; overflow:hidden;}
.inputForm li .phoneEn .firTxt{width:10%; float:left; margin-right:2%; color:#333; font-family:'MSRM', sans-serif; font-size:15px; text-align:center; padding-top:11px;}
.inputForm li .phoneEn select{width:22%; float:left;}
.inputForm li .phoneEn input{width:31%; float:left; margin-left:2%;}
.inputForm li .phoneEn input:nth-child(2){width:22%; float:left; margin:0;}
.inputForm li .email{width:100%; overflow:hidden;}
.inputForm li .email input{width:47%; float:left;}
.inputForm li .email span{width:6%; float:left; text-align:center; line-height:40px;}
.inputForm li .businessman{width:100%; overflow:hidden;}
.inputForm li .businessman input{width:calc(33.333% - 5px); float:left; margin-left:5px}
.inputForm li .businessman input:first-child{margin-left:0}
.inputForm li .priceBt{overflow:hidden}
.inputForm li .priceBt a{display:block; float:left; width:19%; height:35px; margin-right:1%; border:1px solid #ccc; box-sizing:border-box; text-align:center; line-height:34px; font-size:13px; color:#333}
.inputForm li .priceBt.fou a{width:24%;}
.inputForm li .priceBt a span{color:#666}
.inputForm li .priceBt.type2 a{width:32%; margin:0 2% 5px 0;}
.inputForm li .priceBt.type2 a:nth-child(3n){margin:0 0 5px}
.inputForm li.borT{border-top:1px solid #ddd; padding:15px 0;}
.inputForm .inFormTest{position:relative; width:100%; overflow:hidden;}
.inputForm .inFormTest input{width:67%; float:left;}
/* .inputForm .inFormTest input.small{width:49%;} */
.inputForm .inFormTest select{width:67%; float:left;}
.inputForm .inFormTest2{width:100%; overflow:hidden;}
.inputForm .inFormTest2 input{width:77%; float:left;}
.inputForm a.inFormBt{background:#5ca4a0; display:block; height:27px; text-align:center; color:#fff; font-size:15px; padding:12px 0 0; width:30%; float:right}
/* 
.inputForm a.inFormBt.btn_box25_srch{width:calc(25% - 5px); font-size: 14px; margin-left: 5px;} 2022-01-20 수정
.inputForm a.inFormBt.btn_store_srch{width:calc(25% - 5px);font-size: 14px;}
 */
.inputForm .inFormTest2 a.inFormBt{width:20%;}
.inputForm a.inFormBt2{background:#5ca4a0; display:block; height:27px; text-align:center; color:#fff; font-size:15px; padding:12px 0 0; width:100%;}
.inputForm a.inFormBt3{background:#5ca4a0; display:block; height:27px; text-align:center; color:#fff; font-size:15px; padding:12px 0 0; width:30%;}
.inputForm .warningTxt{font-size:12px; color:#e46b00;}
.inputForm .inputAddTxt{font-size:12px; color:#888888;}
.inputForm .infoBts{margin-top:10px; text-align:center;}
.inputForm .infoBts p{width:96px; height:24px; display:inline-block; border:1px solid #ccc; text-align:center; font-size:14px; padding:9px 0 0; color:#333; position:relative;}
.inputForm .infoBts p input{position:absolute; top:0; left:0; opacity:0; width:100%; height:22px;}
.inputForm .infoBts p.on{border:1px solid #f36523; color:#f36523;}
.inputForm li .inputAddInfo{border:2px solid #ccc; padding:0 3%;}
.inputForm li .inputAddInfo .inputForm li:last-child{border:0;}
.inputForm li a.infoMore{width:100%; height:40px; background:url("/common_m/images/icon/info_more_bt_bg.jpg") no-repeat right 0; background-size:31px 36px; display:block; box-sizing:border-box; padding-top:12px; font-size:17px; color:#666;}
.inputForm li a.infoMore.on{background:url("/common_m/images/icon/info_more_bt_bg_on.jpg") no-repeat right 0; background-size:31px 36px}
.inputForm li span.txt{display:inline-block; width:12%; text-align:center; color:#333}
.inputForm .tabType{width:100%; overflow:hidden;}
.inputForm .tabType a{display:block; width:50%; height:35px; float:left; border:1px solid #ccc; box-sizing:border-box; color:#333; font-size:15px; padding:8px 0; text-align:center; position:relative;}
.inputForm .tabType a:last-child{border-left:0;}
.inputForm .tabType a.on{border:1px solid #666; background:#666; color:#fff;}
.inputForm .tabType.type2 a span{position:absolute; top:6px; left:0; display:block; width:100%; text-align:center;}
.inputForm .tabType.type2 a span.img2{opacity:0;}
.inputForm .tabType.type2 a.on span.img2{opacity:1;}
.inputForm .countrySrch input{width:28%;}
.inputForm .countrySrch input:nth-child(2){width:38%; margin:0 2%}
.inputForm .countrySrch .inFormBt{width:100%; float:none; margin-top:10px;}
.inputForm .fileDiv{position:relative; box-sizing:border-box;  margin-bottom:10px}
.inputForm .fileDiv .fileChoice{background:#5ca4a0; height:30px; text-align:center; color:#fff; font-size:18px; padding:10px 0 0; width:100%; position:relative;}
.inputForm .fileDiv .fileChoice input{width:100%; height:40px; position:absolute; bottom:0; left:0; opacity:0; box-sizing:border-box; cursor:pointer;}
.inputForm .fileList{overflow:hidden; margin-top:15px;}
.inputForm .fileList .fileBt{display:block; box-sizing:border-box; padding:8px 10px; width:49%; background:url("/common_m/images/icon/file_icon_xbtn.png") no-repeat right 5% center; background-size:11px; border:1px solid #ddd; float:left; font-size:14px; color:#666; margin-right:2%;}
.inputForm .fileList .fileBt:last-child{margin-right:0;}
.inputForm .fileList .fileBt span{background:url("/common_m/images/icon/file_icon.png") no-repeat left center; background-size:13px; padding-left:20px;}
.inputForm .idTxt1{color:#888; display:inline-block; width:25%;}
.inputForm .idTxt2{color:#333; display:inline-block; width:74%;}
.inputForm .confirmDiv{width:100%; overflow:hidden;}
.inputForm .confirmDiv input{width:61%; float:left; margin-right:2%;}
.inputForm .confirmDiv .time{width:17%; padding:12px 0 0; float:left;}
.inputForm .confirmDiv a.inFormBt{width:20%;}
.inputForm textarea{width:100%; height:190px;}
.inputForm.inPopup .list{margin-top:10px;}/* 알림 팝업내에 있는 경우 */
.inputForm.inPopup .list:first-child{margin-top:0;}
.inputForm.inPopup .list > input{width:100%;}
.checkTxt{position:relative; padding-left:20px; color:#444; font-size:16px}
.checkTxt span{color:#999; font-size:15px}
.checkTxt input{position:absolute; top:0; left:0; width:auto !important}
.checkBt input{width:13px !important; height:13px !important; margin-right:5px;}
.checkBt label{color:#444; font-size:15px;}
.inputFormUnderTxt {font-size:13px; color:888888; line-height:18px;}

/* 2021-11-04 캡챠영역 추가, 2021-11-11 캡챠영역 수정 */
.inputForm .captcha{margin-top: 10px;}
/* .inputForm .captcha .captcha_wrap{display: flex;} */
.inputForm .captcha .captcha_wrap .captha_img img{width: 50vw; height:60px; max-width: 140px;}
.inputForm .captcha .icon{margin: 10px 0;}
.inputForm .captcha .icon > a{margin-right: 5px; font-size: 13px;}
.inputForm .captcha .icon > a img {margin-right: 3px; vertical-align: middle;}
.inputForm .captcha input[type="text"] {width: 100%; height:40px; margin-bottom: 5px;}
/* //2021-11-04 캡챠영역 추가, 2021-11-11 캡챠영역 수정 */

.gradeBene{position:relative; padding:75px 0 30px; overflow:hidden}
.gradeBene .memLvTxt{color:#666; font-size:17px; text-align:center; line-height:24px; letter-spacing:0;}
.gradeBene .memLvTxt span{color:#000;}
.gradeBene .swiper-slide{width:50%; padding:0 1%; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; -o-transition:.3s ease;}
.gradeBene .swiper-slide .img{width:100%; overflow:hidden; margin:auto; border-radius:50%; box-shadow:12px 8px 30px 0px rgba(0,0,0,0.2)}
.gradeBene .swiper-slide .img img{width:100%;}
.gradeBene .swiper-slide .type1{text-align:center; font-family:'NBGL', sans-serif; margin-top:15px; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; -o-transition:.3s ease;}
.gradeBene .swiper-slide .type1 dt{font-size:23px; margin-bottom:10px;}
.gradeBene .swiper-slide .type1 dt{font-size:23px;}
.gradeBene .swiper-slide .type1 dd{font-size:15px; margin-bottom:5px}
.gradeBene .swiper-slide .type1 dd:last-child{margin-bottom:0px}
.gradeBene .swiper-slide .type1 dd span{color:#000}
.gradeBene .swiper-slide .type2{width:150px; margin:20px auto 0; transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; -o-transition:.3s ease;}
.gradeBene .swiper-slide .type2 dt{background:url("/common_m/images/icon/line1x2.gif") repeat-x 0 center; margin-bottom:20px}
.gradeBene .swiper-slide .type2 dt p{width:60px; height:21px; text-align:center; background:#72bceb; color:#fff; border-radius:14px; margin:auto; padding:6px 0 0}
.gradeBene .swiper-slide .type2 dd{font-size:14px; color:#666; line-height:23px; padding-left:21px;}
.gradeBene .swiper-slide .type2 dd.op1{background:url('/common_m/images/icon/m_grade_op1.png') no-repeat 0 3px; background-size:15px;}
.gradeBene .swiper-slide .type2 dd.op2{background:url('/common_m/images/icon/m_grade_op2.png') no-repeat 0 3px; background-size:15px;}
.gradeBene .swiper-slide .type2 dd.op3{background:url('/common_m/images/icon/m_grade_op3.png') no-repeat 0 3px; background-size:15px;}
.gradeBene .swiper-slide .type2 dd.op4{background:url('/common_m/images/icon/m_grade_op4.png') no-repeat 0 3px; background-size:15px;}
.gradeBene .swiper-slide.swiper-slide-next{opacity:0.6}
.gradeBene .swiper-slide.swiper-slide-prev{opacity:0.6}
.gradeBene .swiper-slide.swiper-slide-next .type1{opacity:0}
.gradeBene .swiper-slide.swiper-slide-prev .type1{opacity:0}
.gradeBene .swiper-slide.swiper-slide-next .type2{opacity:0}
.gradeBene .swiper-slide.swiper-slide-prev .type2{opacity:0}
.gradeBene .okBt{background:#1e64af; display:block; height:27px; text-align:center; color:#fff; font-size:15px; padding:12px 0 0; width:94%; border-radius:20px; margin:40px auto 0}
.gradeBene .swiper-button-next{position:absolute; top:18%; left:20%; width:7px; height:12px; background:url('/common_m/images/btn/gradelv_left.png') no-repeat 0 0; background-size:7px; z-index:10}
.gradeBene .swiper-button-prev{position:absolute; top:18%; right:20%; width:7px; height:12px; background:url('/common_m/images/btn/gradelv_right.png') no-repeat 0 0; background-size:7px; z-index:10}
.gradeBene .swiper-no-swiping .swiper-slide{margin:auto}

/* 팝업 */
.popUp{width:100%; height:100%; position:fixed; top:0; left:0; z-index:1300; background:#fff; overflow:auto;}
.popUp.shdow{box-shadow:12px 8px 30px 0px rgba(0,0,0,0.2); width:94%; top:70px;}
.popUp.width94{position:fixed; top:70px; right:0; margin:0 auto; width:94%; height:auto; max-height:calc(90% - 70px);} /* 2019-12-05 수정 */
.popUp .layerHead{position:relative; background:url('/common_m/images/icon/layerPop_head.jpg') no-repeat 0 0; background-size:cover; padding:10px 3%; font-size:16px; color:#fff;}
.popUp .layerHead .popXBt{position:absolute; top:13px; right:3%;}
.popUp .layerHead .popXBt img{width:12px;}
.popUp .layerBody{padding:20px 3%; background:#fff;}
.popUp .layerBody .passTxt{text-align:center; font-size:16px; color:#333; line-height:22px;}
.popUp .layerBody .btnsB a{display:inline-block; height:22px; padding:8px 15px 0; border-radius:3px; font-size:15px; color:#fff; width:auto}
.popUp .thirtiethDiv{padding:13px 3%; background:#888; color:#fff; font-size:14px; position:relative;}
.popUp .thirtiethDiv input{margin-right:5px;}
.popUp .thirtiethDiv a{position:absolute; top:13px; right:3%; background:url('/common_m/images/icon/layerPop_x_btn2.png') no-repeat 0 center; background-size:13px; padding-left:20px; color:#fff; font-size:14px;}
.popUp .layerBody .dormantTxt2{font-size:14px; color:#333; line-height:23px; text-align:center;}
.popUp .layerBody .dormantTxt3{font-size:30px; color:#333333; line-height:38px; text-align:center;text-align:center;margin-top:15px;}
.popUp .layerBody .dormantTxt4{font-size:30px; color:#ff1f1f; line-height:38px; text-align:center;text-align:center;font-weight:bolder;}
.popUp .layerBody .dormantTxt5{font-size:15px; color:#333; line-height:20px; text-align:center;text-align:center;}
.popUp .layerBody .changeDiv{width:100%; overflow:hidden; margin-top:20px;}
.popUp .layerBody .changeDiv .changeTxt{width:43%; height:130px; background:#eee; border-radius:20px; text-align:center; float:left; padding:15px 3% 0;;}
.popUp .layerBody .changeDiv .changeTxt:last-child{float:right}
.popUp .layerBody .changeDiv .changeTxt .tit{font-size:14px; color:#444; background:url("/common_m/images/icon/pop_reser_tit.png") no-repeat center center; margin-bottom:10px; background-size:110px 1px;}
.popUp .layerBody .changeDiv .changeTxt .listBox{padding:0 10px}
.popUp .layerBody .changeDiv .changeTxt .listBox .list{font-size:12px; border-bottom:1px solid #ddd; height:20px; padding-top:5px;}
.popUp .layerBody .changeDiv .changeTxt .listBox .list:last-child{border-bottom:0;}
.popUp .layerBody .changeDiv .changeTxt:nth-child(2) .listBox .list{margin:35px 0 0; border-bottom:0;}

.popUp .layerBody .changeDivGsrHelp{width:100%; overflow:hidden; margin-top:20px;}
.popUp .layerBody .changeDivGsrHelp .changeTxt{width: 100%;height: 160px;background:#eee;border-radius:20px;text-align:center;float:left;padding:15px 3% 0;}
.popUp .layerBody .changeDivGsrHelp .changeTxt:last-child{float:right}
.popUp .layerBody .changeDivGsrHelp .changeTxt .tit{font-size:14px; color:#444; background:url("/common_m/images/icon/pop_reser_tit.png") no-repeat center center; margin-bottom:10px; background-size:110px 1px;}
.popUp .layerBody .changeDivGsrHelp .changeTxt .listBox{padding:0 10px}
.popUp .layerBody .changeDivGsrHelp .changeTxt .listBox .list{font-size:12px; border-bottom:1px solid #ddd; height:20px; padding-top:5px;}
.popUp .layerBody .changeDivGsrHelp .changeTxt .listBox .list:last-child{border-bottom:0;}
.popUp .layerBody .changeDivGsrHelp .changeTxt:nth-child(2) .listBox .list{margin:35px 0 0; border-bottom:0;}

.popUp .layerBody .mResNotiPop .gs25{width:38px; vertical-align:middle}
.popUp .layerBody .mResNotiPop .cu{width:25px; vertical-align:middle}
.popUp .layerBody .mResNotiPop .gsSuper{width:96px; vertical-align:middle}
.popUp .layerBody .mResNotiPop .blu{display:block; width:152px; height:30px; text-align:center; padding:8px 0 0; box-sizing:border-box; font-size:14px; color:#fff; border-radius:5px; margin:15px auto 5px}
.popUp .layerBody .mResNotiPop .blk{display:block; width:152px; height:30px; text-align:center; padding:8px 0 0; box-sizing:border-box; font-size:14px; color:#fff; border-radius:5px; margin:auto}

/* 2019-12-30 추가 */
/* 2020-01-02 수정 */
/* 룰렛 당첨 확인 팝업 type2 */
.popUp.roulettePopT2 {display:none; position:absolute; top:40px; left:0; right:0; margin:0 auto; width:292px; height:292px; background:#fff; border-radius:196px;}
.popUp.roulettePopT2 .popBody{display:table; padding:0; width:100%; height:100%; text-align:center;} /* 2020-01-02 수정 */
.popUp.roulettePopT2 .popBody .popCon {display:table-cell; vertical-align:middle} 
.popUp.roulettePopT2 .popBody .img{display:inline-block; width:80px;}
.popUp.roulettePopT2 .popBody .img img{width:100%;}
.popUp.roulettePopT2 .popBody .tit{margin:16px 0 6px; color:#222; font-size:18px;}
.popUp.roulettePopT2 .popBody .txt{margin:0; font-size:14px; color:#666} /* 2020-01-02 수정 */
.popUp.roulettePopT2 .popBody .fixedTxt {margin:10px 30px 0; font-size:11px; color:#666; line-height:16px} /* 2020-01-02 추가 */
.eventView.type5 .popUp.roulettePopT2 .popBody a {display:inline-block; position:static; width:120px; height:30px; padding:0; border-radius:20px; font-size:14px; line-height:30px; color:#fff}
/* //2020-01-02 수정 */
/* 2019-12-30 추가 */

/* 2019-12-05 추가 */
.popUp .layerBody .term {margin-top:20px}
.popUp .layerBody .term .top {overflow:hidden}
.popUp .layerBody .term .top .tit {float:left; font-size:14px; color:#333; line-height:23px;}
.popUp .layerBody .term .top .chec {float:right; }
.popUp .layerBody .term .top .chec label {font-size:12px; color:#333; line-height:23px;}
.popUp .layerBody .term .text {width:100%; max-height:400px; margin-top:10px; padding:14px; overflow:hidden; overflow-y:auto; border:1px solid #dddddd; box-sizing:border-box; font-size:13px; line-height:23px; color:#666} /* 2019-12-09 수정 */
/* //2019-12-05 추가 */

.popUp .popHead{position:relative; background:#eee; padding:17px 3% 14px; font-size:20px; color:#333; border-bottom:1px solid #d6d6d6}
.popUp .popHead .xbt{position:absolute; top:20px; right:3%;}
.popUp .popHead .xbt img{width:15px;}
.popUp .popBody{padding:20px 3% 50px; font-size:14px; color:#666; position:relative;}
.popUp .popBody2{padding:19px 3% 60px; font-size:14px; color:#666; line-height:24px;}
.popUp .popBody .noteTxt{line-height:24px;}
.popUp .popBt{display:block; height:28px; padding:12px 0 0; text-align:center; font-size:18px; color:#fff; border-radius:20px}
.popUp .popBody .iconTxt{font-size:15px; color:#666; line-height:24px}
.popUp .popBody dd.iconTxt{font-size:13px;}
.popUp .popBody .forbidTxt{color:#888; border-top:1px solid #ddd; padding-top:5px; font-size:15px}
.popUp .popBody .forbidDiv{font-size:15px; color:#666; line-height:24px}
.popUp .popBody .forbidDiv .forbidTxt{border-bottom:1px solid #ddd; padding-bottom:5px;}
.popUp .popBody .forbidDiv .callTxt{font-size:18px; margin-top:15px;}
.popUp .popBody .forbidDiv .callTxt span{color:#333;}
.popUp .popBody .inputForm .iconTxt{font-size:11px;}
.popBody .subTxt{font-size:17px; color:#666; line-height:21px;}
.popBody .holeSelect {padding-left:10px} /* 2019-12-05 추가 */
.popBody a.moreBt{display:block; width:100%; height:40px; margin:0 auto 20px; padding:10px 0 0; box-sizing:border-box; border:2px solid #e0e0e0; border-radius:20px; text-align:center}
.popBody a.moreBt span{display:inline-block; padding-right:20px; font-size:17px; background:url('/common_m/images/icon/morebt_icon.png') no-repeat right center; background-size:12px;} /* 2019-12-23 수정 */
.popBody .addressBook{border-top:2px solid #333; width:100%; line-height:24px;}
.popBody .addressBook .list{width:100%; border-bottom:1px solid #ddd; padding:15px 0;}
.popBody .addressBook .list:last-child{border-bottom:1px solid #333;}
.popBody .addressBook .list .name{color:#444; font-size:17px; margin-bottom:10px;}
.popBody .addressBook .list .name .basic{display:inline-block; font-family:'NBG', sans-serif; width:65px; height:20px; line-height:22px; border-radius:15px; background:#70aed6; color:#fff; font-size:12px; text-align:center; margin-left:10px;}
.popBody .addressBook .list .address{font-size:16px; color:#333; word-break: break-all;}
.popBody .addressBook .list .address span{color:#888;}
.popBody .addressBook .list .address2{color:#888;}
.popBody .addressBook .list .phone{color:#333; font-size:16px; font-family:'MSRR', sans-serif; margin-top:5px;}
.popBody .addressBook .list .bookBts{text-align:center; margin-top:10px;}
.popBody .addressBook .list .bookBts a{display:inline-block; height:23px; width:45px; border-radius:5px; border:1px solid #ccc; color:#999; padding-top:2px; margin:0 2px}
.popBody .addressBook.type2 .name{font-family:'MSRM', sans-serif;}
.popBody .addressBook.type2 .address{font-family:'MSRR', sans-serif;}
.popBody .info{text-align:center; font-size:18px; color:#444}
.popBody .nationCode .tit{font-size:16px; color:#444; line-height:24px;}
.popBody .nationCode .tit span{display:block; color:#888;}
.popBody .srchDiv{position:relative; width:100%; height:40px; background:#eee;}
.popBody .srchDiv input{width:90%}
.popBody .srchDiv a{position:absolute; top:12px; right:3%;}
.popBody .srchDiv a img{width:15px;}
.popBody .nationCode .infoTable th{font-size:14px;}
.popBody .nationCode .infoTable td{font-size:14px;}
.popBody .nationCode .iconTxt{font-size:13px; line-height:20px;}
.popBody .nationCode .goodsSrch{text-align:center;}
.popBody .nationCode .goodsSrch a{display:inline-block; margin:0 2% 6px 0; width:10%; height:26px; padding-top:7px; font-size:16px; color:#999; border:1px solid #ccc; border-radius:5px;}
.popBody .nationCode .goodsSrch a.on{border:1px solid #5ca4a0; background:#5ca4a0; color:#fff;}
.popUp .popBody{background:#fff;}
.popUp .popBody .srchDiv2{position:relative; width:100%; height:40px; background:#fff; border:3px solid #666; box-sizing:border-box;}
.popUp .popBody .srchDiv2 input{width:90%; background:#fff; height:34px; color:#666; font-family:'NBGL', sans-serif; font-size:14px;}
.popUp .popBody .srchDiv2 a.srchBt{position:absolute; top:9px; right:3%;}
.popUp .popBody .srchDiv2 a.srchBt img{width:15px;}
.popUp .popBody .srchDiv2 a.srchXBt{position:absolute; top:10px; right:12%;}
.popUp .popBody .srchDiv2 a.srchXBt img{width:14px;}
.popUp .popBody .srchWay{padding:30px 0 0; font-size:14px; color:#666; line-height:22px; text-align:center;}
.popUp .popBody .srchWay .tit{color:#444; font-family:'NBGB', sans-serif; font-size:16px; margin-bottom:5px; text-align:center;}
.popUp .popBody .srchWay dl{width:265px; margin:15px auto 0; text-align:left;}
.popUp .popBody .srchWay dl dd span.example{color:#888;}
.popUp .popBody .infoTxt{background:#f6f6f6; padding:20px; color:#666; font-size:12px; line-height:22px;}
.popUp .popBody .infoTxt .srchWay{padding:0;}
.popUp .popBody .srchResult .top{color:#666; font-size:14px; text-align:center; line-height:22px; padding:30px 0;}
.popUp .popBody .srchResult .top .txt1{font-size:16px; background:url("/common_m/images/icon/no_data.png") no-repeat top center; background-size:50px; padding-top:70px; margin-bottom:5px;}
.popUp .popBody .srchResult .top .txt3{color:#888; margin-top:10px;}
.popUp .popBody .addLogo{position:absolute; bottom:10px; left:0; width:100%; text-align:center;}
.popUp .popBody .addLogo img{width:73px;}
.popUp .popBody .srchResult .bot{width:100%; border-top:2px solid #333;}
.popUp .popBody .srchResult .bot .list{border-bottom:1px solid #ddd; padding:15px 3% 5px 0; position:relative;}
.popUp .popBody .srchResult .bot .list:last-child{border-bottom:1px solid #333;}
.popUp .popBody .srchResult .bot .list .addTit{font-size:14px; color:#444; margin-bottom:15px;}
.popUp .popBody .srchResult .bot .list .infoDiv{display:block; width:100%; overflow:hidden; color:#666; font-size:14px; margin-bottom:10px; position:relative; padding-left:45px; box-sizing:border-box;}
.popUp .popBody .srchResult .bot .list .infoDiv .txt1{font-size:12px; color:#fff; width:38px; height:16px; background:#aaa; text-align:center; padding-top:2px; margin-right:10px; position:absolute; top:0; left:0;}
.popUp .popBody .srchResult .bot .list .changeBt{width:60px; text-align:center; font-family:'NBGB', sans-serif; height:16px; border:2px solid #ccc; color:#999; border-radius:15px; font-size:12px; display:block; padding-top:3px; position:absolute; top:15px; right:0;}
.popUp .popBody .srchBox{border:2px solid #ddd; border-top:0;}
.popUp .popBody .srchBox a{border-bottom:1px solid #ddd; display:block; width:100%; height:30px; box-sizing:border-box; position:relative; font-size:14px; color:#666; padding:8px 5px 0;}
.popUp .popBody .srchBox a:last-child{border-bottom:0;}
.popUp .popBody .srchBox a .img{position:absolute; top:11px; right:3%;}
.popUp .popBody .srchBox a .img img{width:11px}
.popUp.giveawayPop{display:none; position:fixed; top:0; left:0; z-index:1100}
.popUp.giveawayPop .popBody img{width:100%;}
.popUp .checkDiv{padding:15px 5%; border-radius:20px; color:#333; margin-top:20px; border:1px solid #ddd;}
.popUp .checkDiv .before{position:relative; border-bottom:2px solid #ddd; padding:0 0 13px; font-size:14px}
.popUp .checkDiv .before a{position:absolute; top:-5px; right:0; display:block; padding:5px 10px 3px; font-size:11px; color:#333; font-family:'NBGB', sans-serif; border:2px solid #333; border-radius:20px}
.popUp .checkDiv .before a.on{background:#666; border:2px solid #666; color:#fff;}
.popUp .checkDiv .after{padding:10px 0 0; font-size:14px; position:relative; color:#666; overflow:hidden;}
.popUp .checkDiv .after input{margin-right:6px; float:left;}
.popUp .checkDiv .after label{float:left;}
.popUp .checkDiv .after a{position:absolute; top:12px; right:0; display:block; padding:5px 10px 3px; font-size:11px; color:#333; font-family:'NBGB', sans-serif; border:2px solid #333; border-radius:20px}
.popUp .checkDiv .agreeTxt{width:100%; height:90px; box-sizing:border-box; border:1px solid #ddd; padding:3%; overflow-y:scroll; color:#888; line-height:18px; font-size:12px; margin-top:10px; display:none;}
.popUp .termsBox{position:relative; border:1px solid #ddd; margin-top:20px}
.popUp .termsBox .txt{height:130px; padding:28px 30px 29px; overflow-y:auto; box-sizing:border-box; line-height:28px; font-size:16px; color:#666}
.popUp .fixedBtn{bottom:0}

/* 2021-12-20 추가 */
.popUp.width94 .layerBody .dormantTit{font-size:23px;}
.popUp.width94 .layerBody .dormantTit2{margin-bottom:10px; font-size:19px; font-weight:bold;}
.popUp.width94 .layerBody .boxImg{position:relative; left:50%; transform:translateX(-45%); margin:20px 0;}
.popUp.width94 .layerBody .dormantTxt2{margin-bottom:15px; text-align:left; font-size:16px;}
.popUp.width94 .layerBody .noticeList{margin-bottom:15px; font-size:16px;}
.popUp.width94 .layerBody .noticeList li{margin-bottom:5px; display:flex; line-height:1.4;}
.popUp.width94 .layerBody .noticeList li p:first-of-type{margin-right:10px;}
.popUp.width94 .layerBody .appDownload{display:inline-block; margin-bottom:20px; font-size:16px; color:#333;}
.popUp.width94 .layerBody .agreeCheckbox{font-size:16px; color:#333;}
.popUp.width94 .layerBody .agreeCheckbox input[type="checkbox"]{display:none;}
.popUp.width94 .layerBody .agreeCheckbox input[type="checkbox"] + label{position:relative; display:inline-block; padding-left:33px;}
.popUp.width94 .layerBody .agreeCheckbox input[type="checkbox"] + label::before{content:""; display:block; position:absolute; top:-2px; left:0; width:20px; height:20px; border:1px solid #1e64af; border-radius:5px;}
.popUp.width94 .layerBody .agreeCheckbox input[type="checkbox"]:checked + label::after{content:"✔"; display:block; position:absolute; top:-2px; left:0; width:20px; height:20px; background-color:#1e64af; border:1px solid #1e64af; border-radius:5px; color:#fff; text-align:center; line-height:23px; font-size:16px;}
.popUp.width94 .layerBody .notice{margin:8px 0 15px; color:#ff0000;}

.popUp.width94 .layerBody .agreeCheckbox2{font-size:16px; color:#333;}
.popUp.width94 .layerBody .agreeCheckbox2 input[type="checkbox"]{display:none;}
.popUp.width94 .layerBody .agreeCheckbox2 input[type="checkbox"] + label{position:relative; display:inline-block; padding-left:33px;}
.popUp.width94 .layerBody .agreeCheckbox2 input[type="checkbox"] + label::before{content:""; display:block; position:absolute; top:6px; left:0; width:20px; height:20px; border:1px solid #231815; border-radius:5px;}
.popUp.width94 .layerBody .agreeCheckbox2 input[type="checkbox"]:checked + label::after{content:"✔"; display:block; position:absolute; top:6px; left:0; width:20px; height:20px; background-color:#1e64af; border:1px solid #1e64af; border-radius:5px; color:#fff; text-align:center; line-height:23px; font-size:16px;}
/* // 2021-12-20 추가 */

.mapPopNoti{top: 5px; position: relative; border: 1px solid #dddddd; padding: 3px;}
/* 푸터 */
footer{letter-spacing:-0.5px;}
footer.fix {margin-top:46px;} /* 2019-12-11 추가 */
footer .top{width:44%; padding:30px 3%; background:#444; float:left; text-align:center}
footer .top .txt1{font-size:16px; color:#fff; font-family:'NBGB', sans-serif}
footer .top .txt2_left{font-size:30px; font-weight: bold; color:#ff9000; font-family:'MSRL', sans-serif; margin: 10px 0 5px 0; background-size:15px}
footer .top .txt2_right{font-size:30px; font-weight: bold; color:#95A9D8; font-family:'MSRL', sans-serif; margin: 10px 0 5px 0; background-size:15px}
footer .top .txt3{font-size:12px; color:#aaa; margin-top:10px}
footer .top .txt_desc_left li{font-size: 11px; color:white; padding-bottom: 3px;}
footer .top .txt_desc_right li{font-size: 11px; color:white; padding-bottom: 3px;}
footer .top .txt_desc_left li span{font-size: 11px; color:#ff9000; padding-bottom: 3px;}
footer .top .txt_desc_right li span{font-size: 11px; color:#95A9D8; padding-bottom: 3px;}
footer .bot{width:94%; padding:15px 3%; background:#333; color:#fff}
footer .bot .footerUtil{width:100%; overflow:hidden}
footer .bot .footerUtil a{display:block; width:25%; height:25px; background:#666; padding:6px 0 0; border-right:1px solid #474747; float:left; text-align:center; color:#fff; box-sizing:border-box; font-size:12px; font-family:'NBGB', sans-serif}
footer .bot .footerUtil a:last-child{border-right:0px solid #474747;}
footer .bot .footerbt{margin-top:20px}
footer .bot .footerbt a{display:inline-block; color:#fff; font-size:14px; padding-right:11px; margin-right:8px; font-family:'NBGL', sans-serif; background:url("/common_m/images/icon/footer_bar.png") no-repeat right 1px; background-size:2px 11px}
footer .bot .footerbt a:nth-child(2){font-family:'NBGB', sans-serif; background:none}
footer .bot .info{margin-top:15px; font-size:12px; line-height:20px}
footer .bot .copyright{margin-top:10px; font-size:12px;}
footer .bot .sns{margin-top:20px; text-align:center}
footer .bot .sns a{display:inline-block; margin:0 2px}
footer .bot .sns a img{width:30px;}
footer .bot .footerBan{display:block; margin-top:20px; width:100%}
footer .bot .footerBan img{width:100%}
footer .top .bts{margin-top:2px;}
footer .top .fotBt{display: inline-block; border: 1px solid #b4b4b4; color: #fff; font-size: 12px; padding: 8px 5px 7px; margin-top: 15px; margin-right: 0px;}

.coupon_title{font-weight: bold; font-size: 16px; margin-top:10px; margin-bottom: 5px;}
.coupon_desc_area{width:calc(100% - 174px); float:left}
.coupon_desc_area p{margin: 6px;}
.coupon_desc_area span{font-weight: bold; color:red;}
.coupon_img{width:170px; margin-top: 7px; margin-left: 4px;}


.subBody .memLoginAr .deliveryResult .inner .copyInoviceNo{float:right; padding:0px 8px 0px; height:30px; background:#fff; color:#f36523; font-size:15px; border-radius:5px; border:2px solid #f36523; line-height:4px; position:absolute; right:6%; top:77px;}/*2022-09-07 김새별 추가*/

.subTit{
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.invoice {
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
}

.invoice .img {
    display: inline-block;
    float: left;
    width: 80px;
    height: 90px;
    border-radius: 10px;
}

.invoice .img img {
    transform: translate(0%, 30px);
    width: 70px;
}

.invoice:nth-child(1) .img {
    background: linear-gradient(to bottom, #5b99cc, #549dcd);
}

.invoice:nth-child(2) .img {
    background: linear-gradient(to bottom, #74b6c6, #79b4c2);
}

.invoice:nth-child(3) .img {
    background: linear-gradient(to bottom, #85c3bd, #83c4bf);
}

.invoice:nth-child(4) .img {
    background: linear-gradient(to bottom, #8bcfb8, #a2cabd);
}

.invoice:nth-child(5) .img {
    background: linear-gradient(to bottom, #a4d6c5, #94dac2);
}

.invoice .table {
    display: inline-grid;
    width: calc(100% - 82px);
    height: 90px;
    border: 1px #c2c2c2 solid;
    border-radius: 10px;
    float: left;
}

.invoice .table .head div {
    float: left;
    padding-top: 16px;
    padding-bottom: 16px;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    height: 12px;
}

.invoice .table .body div {
    float: left;
    padding-top: 7px;
    padding-bottom: 4px;
    border-top: 1px #c2c2c2 dotted;
    font-size: 10px;
    color: #828282;
    height: 36px;
}

.invoice .table .body div:nth-child(4) a {
    color: #004a99;
}

.invoice .tail {
    height: 30px;
    width: 15px;
    border-top: 1px #c2c2c2 solid;
    border-left: 1px #c2c2c2 solid;
    border-bottom: 1px #c2c2c2 solid;
    border-right: 1px white solid;
    border-radius: 50px 0px 0px 50px;
    position: absolute;
    float: right;
    left: 100%;
    background-color: white;
    transform: translate(-95%, 90%);
}

.invoice .idx {
    width: 11%;
}

.invoice .transName {
    width: 13%;
}

.invoice .receiptedTime {
    width: 24%;
}

.invoice .invoiceNo {
    width: 20%;
}

.invoice .status {
    width: 30%;
}



.tableType4 {border-top:2px solid #333; position:relative; }
.tableType4 th{font-size:14px; color:#222; font-family:'NBG', sans-serif; background:#f6f6f6; padding:29px 0 25px; border-bottom:1px solid #eee; text-align:center;}/* 2019-12-27 수정 */
.tableType4 td{padding:20px 3px 19px; text-align:center; font-size:12px; color:#666; border-bottom:1px solid #eee;}
.tableType4 tr:last-child td{border-bottom:1px solid #333;}

/* 웹과 동일한 체크박스 추가 2023-11-22 */
.ck_box2{display:inline-block; position:relative;}
.ck_box2 span{display:inline-block; position:relative; top:5px; box-sizing:border-box; width:20px; height:20px; background:#eee; border:1px solid #ccc; margin-right:7px;}
.ck_box2.on span{background:url("/common_m/images/icon/ck_box_xbtn2.jpg") no-repeat 0 0; background-size:20px 20px; border:none;}
.ck_box2 input[type="checkbox"]{position:absolute; top:0; left:0; width:20px; height:20px; border:0; opacity:0;}
.ck_box2 label{font-size:14px; color:#666;}
.ck_box2.rType{display:block;}
.ck_box2.rType span{margin-left:7px; margin-right:0}

.whtBtn{display:inline-block; margin-left:2px; height:14px; padding:7px 14px; background:#fff; color:#999; font-size:14px; border-radius:5px; border:1px solid #ccc;  transition:.3s ease; -moz-transition:.3s ease; -webkit-transition:.3s ease; -o-transition:.3s ease;}
.whtBtn.muchBt{border: 1px solid #333333; color:#333333;} /* 2021-10-07 추가 */
.whtBtn:hover{border:1px solid #cf987f; background:#cf987f; color:#fff;}