@charset "utf-8";

@font-face {
    font-family: '나눔바른고딕';
    font-style: normal;
    src: url('../fonts/NanumBarunGothic.eot');
    src: url('../fonts/NanumBarunGothic.eot') format('embedded-opentype'), 
         url('../fonts/NanumBarunGothic.woff') format('woff'), 
         url('../fonts/NanumBarunGothic.TTF') format('truetype')
}

* {-webkit-text-size-adjust:none; margin:0; padding:0; line-height:normal; font-style:normal; font-weight:normal;}
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
h1,h2,h3,h4,h5,ul,p,dl,dt,dd,label,div,caption{margin:0; padding:0; font-weight:400;}
article, aside, footer, header, nav, section {display: block;}
ul,ol{list-style-type:none;}
a,a:hover,a:link,a:visited{text-decoration:none; color:#000;}
img{vertical-align:middle;}
input, select, textarea{display:block; width:100%; vertical-align:middle; background-color:#fff;}
input, select, textarea, button, pre{font-family:"나눔바른고딕","NanumBarunGothic", sans-serif;}
/*input[disabled],select[readonly],select[disabled],select[readonly],textarea[disabled],textarea[readonly]{background-color: #eee; cursor:not-allowed;}*/
button{cursor:pointer;}
input:focus, select:focus, textarea:focus, button:focus, a:focus{outline:none;}
table{border-collapse: collapse; border-spacing: 0;}
html,body{height:100%; width:100%; padding:0; margin:0;}
body{font-family:"나눔바른고딕","NanumBarunGothic", sans-serif; color:#000; background-color:#f5f5f5; overflow-x:hidden; overflow-y:auto; padding-right:0;}
.skip{visibility:hidden; position:absolute; left:-9999px; width:1px; height:1px; margin:0; padding:0; background:none; font-size:0; line-height:0; text-indent:-9999px;}
.hidden{display:none;}
/* chrome input focus color */
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
textarea{resize:none;}

/* placeholder color */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#a8a8a8; opacity:1;}
input::-moz-input-placeholder, textarea::-moz-input-placeholder{color:#a8a8a8; opacity:1;}
input::-o-input-placeholder, textarea::-o-input-placeholder{color:#a8a8a8; opacity:1;}
input::-ms-input-placeholder, textarea::-ms-input-placeholder{color:#a8a8a8; opacity:1;}

/* button custom */
.btnRed{background-color:#f00; border:1px solid #f00; color:#fff; text-align:center;}
.btnWhite{background-color:#fff; border:1px solid #ccc; color:#000; text-align:center;}
.btnGray{background-color:#646464; border:1px solid #646464; color:#fff; text-align:center;}
.btnLg{font-size:14px; width:100%; height:40px; margin:10px 0;}

.taL{text-align:left !important;}
.taC{text-align:center !important;}
.taR{text-align:right !important;}

/* select */
.selectBox {position: relative; display:inline-block; vertical-align:middle; width:150px; height:30px; border:1px solid #ccc;}
.selectBox label {position: absolute; display:block; width:calc(100% - 25px); height:100%; line-height:30px; text-align:center; font-weight:400; margin-bottom:0; padding-left:10px; background-color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.selectBox select {width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); /* IE 8 */ padding:0 10px;}
.selectBox::after{width:14px; height:6px; background-position:-340px -90px; position:absolute; top:50%; right:9px; margin-top:-3px;}

/* input file custom */
.file{overflow:hidden;}
.filewrap{overflow:hidden; position:relative; /*float:left;*/ width:100%; max-width:600px; padding-right:160px;}
.filewrap .fileName {/*float:left;*/ width:100%; height:30px; border:1px solid #ddd !important;}
.filewrap .fileBox {}
.filewrap .fileBtn {background-color:#646464; border:1px solid #646464; color:#fff; width:80px; height:30px; position:absolute; right:80px; top:0;}
.filewrap .fileHidden {font-size:29px; position:absolute; left:0px; top:0px; opacity:0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); cursor:pointer; width:100%; height:100%;}
.filewrap .btnDelete{width:80px; height:30px; position:absolute; right:0; top:0;}
.filewrap + .info{display:block; font-size:10px; color:#f00; padding:10px 0 0 10px;}

/* checkbox custom */
input[type=checkbox].hlabel {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; vertical-align:middle;}
input[type=checkbox].hlabel + label {display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-weight:normal; margin-bottom:0; font-size:12px; vertical-align:middle;}
input[type=checkbox].hlabel + label:before {content: ''; display: inline-block; width: 16px; height: 16px; line-height: 16px; margin-right:10px; text-align: center; vertical-align: middle; background-image:url(../images/sp.png); background-repeat:no-repeat; background-position:-180px -90px;}
input[type=checkbox].hlabel:checked + label:before {background-position:-200px -90px;}
input[type=checkbox].nolabel + label{font-size:0;}
input[type=checkbox].nolabel + label:before {margin:0;}

/* radio custom */
input[type=radio].hlabel {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
input[type=radio].hlabel + label {display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-weight:normal; margin-bottom:0; font-size:12px;}
input[type=radio].hlabel + label:before {content: ''; display: inline-block; width: 16px; height: 16px; line-height: 16px; margin: -2px 10px 0 0; text-align: center; vertical-align: middle; background-image:url(../images/sp.png); background-repeat:no-repeat; background-position:-220px -90px;}
input[type=radio].hlabel:checked + label:before {background-position:-240px -90px;}
input[type=radio].nolabel + label:before {margin:0;}

.sp{display:inline-block; background-image:url(../images/sp.png); background-repeat:no-repeat; text-indent:-9999px; vertical-align:middle; text-align:left;}
.sp1:after{content:""; display:inline-block; background-image:url(../images/sp.png); background-repeat:no-repeat; text-indent:-9999px; vertical-align:middle; text-align:left;}

.alertMsg{font-size:12px; display:block; display:none;}
.alertMsg.error{color:#f00;}
.alertMsg.confirm{color:#0083de;}

.loginBox .error{text-align:left; width:calc(100% + 120px); padding:0 10px; margin-top:4px;}
.popStyle .alertMsg{font-size:10px; position:absolute; left:20px; bottom:-15px;}
.popStyle .alertMsg.lg{font-size:12px; position:static; padding-left:5px; line-height:30px;}

.calendarWrap{position:relative; padding-top:13px;}
.datepickerWrap{width:100%; height:30px; margin-bottom:4px;}
.datepickerWrap:last-child{margin-bottom:0;}
.datepickerWrap .date{display:block; position:relative; width:100%; height:100%;}
.datepickerWrap .date:after{width:20px; height:20px; background-position:0 -110px; position:absolute; top:50%; right:10px; margin-top:-10px;}
.datepickerWrap .date input{width:100%; height:100%; font-size:12px; border:1px solid #ccc !important; text-align:center; padding-right:30px;}
.btnCalendar{position:absolute; right:0; bottom:0; width:50px; height:64px;}

/* 로그인 */
#Login {background-color: #fff; position: relative; padding-top:0;}
.login{display:table; width:100%;}

.loginWrap{height:444px; text-align:center; margin:0 auto; min-height:calc(100% - 160px); padding:20px; /*position:absolute; left:50%; top:50%; margin-top:-222px; margin-left:-302px;*/ display:table-cell; vertical-align:middle;}
.loginWrap h1{display:block; overflow:hidden; position:relative; margin:0 auto 50px auto; text-align:center;}
.loginWrap h1 .sp{width:398px;height:41px; background-position:0 0;}
.loginBox{-webkit-box-shadow:0 0 3.92px 0.08px rgba(0, 0, 0, 0.2); box-shadow:0 0 3.92px 0.08px rgba(0, 0, 0, 0.2); padding:20px 30px 40px 30px; width:100%; max-width:604px; margin:0 auto;}
.loginBox h2{font-size:14px; text-align:left; margin-bottom:37px;}
.inputBox{width:100%; max-width:380px; height:120px; margin:0 auto; padding-right:120px; position:relative;}
.inputList{width:100%;}
.inputList > span{display:inline-block; width:100%; height:40px; border-bottom:1px solid #646464; position:relative;}
.inputList > span > input{display:block; width:100%; height:100%; border:none; padding-left:36px; font-size:14px; color:#a8a8a8;}
.inputList .id{margin:8px 0 32px 0;}
.inputList .id .sp{position:absolute; top:8px; left:9px; width:18px; height:20px; background-position:-350px -100px;}
.inputList .password .sp{position:absolute; top:9px; left:10px; width:18px; height:21px; background-position:-30px -110px;}
.btnLogin{width:100px; height:120px; position:absolute; right:0; top:0;}
.join{display:block; width:80px; height:20px; line-height:20px; margin:39px auto 20px auto; font-size:12px; text-align:center; border:1px solid #000; border-radius:10px;}
.forget{display:block; text-align:center; font-size:12px; color:#646464 !important;}
.inquiry{margin-top:20px; font-size:12px; color:#646464;}

/* error */
.errorBox{padding:20px; max-width:500px;}
.errorBox > h2{text-align:center; font-size:15px;}
.errorBox .btnHome{width:150px; height:30px; font-size:13px;}

/* Sub */
#wrap{width:100%; height:100%; padding-top:90px;}

/* header */
.navbar{height:90px; border-bottom:1px solid #ccc; background-color:#fff;}
.headerWrap{max-width:1280px; width:100%; margin:0 auto; overflow:hidden; position:relative;}
.navbar-header{height:90px;}
.navbar-header h1{position:relative; padding:25px 0 0 20px; display:inline-block; margin:0;}
.navbar-header h1 > a{display:inline-block; width:170px; height:55px;}
.navbar-header h1 .sp{width:170px; height:55px; background-position:0 -50px; vertical-align:baseline;}
.navbar-collapse{width:100%; height:90px; padding:0; overflow:hidden;}
.gnb{overflow:hidden;}
.gnb > li > a{display:block; font-size:14px; padding:0 26px;} 
.gnb > li:hover > a, .gnb > li.on > a{color:#f00;}
.gnb > .gnbSub.on{}
.gnb > .gnbSub.on > .subTit{color:#f00;}
.gnb > .gnbSub.on > .subMenu{display:block;}
.gnb > li > .subTit{position:relative;}
.gnb > li > .subTit:after{width:14px; height:6px; background-position:-340px -90px; position:absolute; top:50%; right:8px; margin-top:-3px;}
.gnb > li > .subMenu{border-top:1px solid #eee;}
.gnb > li > .subMenu > li > a{display:block; text-align:left; padding-left:36px; line-height:35px;}
.gnb > li > .subMenu > li > a:hover{color:#f00;}
.infoArea{display:inline-block;}
.infoArea > li{}
.infoArea > .user .badge{display:inline-block; font-size:10px; color:#fff; border-radius:5px; width:18px; height:12px; line-height:12px; background-color:#f00; vertical-align:middle; padding:0; font-weight:400;}
.infoArea > .user .name{padding-left:30px; position:relative; vertical-align:middle;}
.infoArea > .user .name:after{width:16px; height:18px; background-position:-260px -90px; position:absolute; left:8px; top:-3px;}
.infoArea > .logout{}
.infoArea > .logout a{display:block;}

/* footer */
footer{background-color:#91a2a7; width:100%;}
.contact{max-width:720px; width:100%; height:100%; margin:0 auto; overflow:hidden; padding:45px 0 65px 0; text-align:center; position:relative;}
.contact .fotSetting{position:absolute; top:42px; right:0; font-size:12px; background-color:#fff; color:#91a2a7; padding:3px 10px; border-radius:5px;}
.contact > h2{font-size:12px; color:#fff; font-weight:600; margin-bottom:13px;}
.contList{position:relative; display:inline-block;}
.contList > li{}
.contList > li > h3{color:#fff; border:1px solid #fff; font-size:12px; cursor:pointer;}
.contList > li > h3.active{background-color:#fff; color:#91a2a7;}
.contSub{display:none; overflow:hidden;}
.contSub > li{font-size:12px; color:#fff; line-height:20px;}
.contSub > li:last-child{margin-right:0;}
/*.contSub > li strong{display:inline-block; margin-right:5px;}*/

/* container */
#container{max-width:1280px; width:100%; margin:0 auto; background-color:#fff; position:relative;}


/* dashboard */
.intro{max-width:100%; width:1000px; padding:20px 20px 70px 20px; margin:0 auto;}
.introHeader{overflow:hidden; padding:40px 0 10px 0;}
.introHeader > h2{font-size:14px; float:left;}
.introHeader > h2 .unread{font-size:12px; /*float:right;*/ color:#f00; margin-left:10px;}
.introHeader .btnMore{font-size:14px; color:#f00; background:none; border:none; float:right;}
.intro .list .table > thead > tr > th{border-top:1px solid #000 !important; border-bottom:1px solid #000;}

/* 거래원장 */
.mainHeader{overflow:hidden; padding:40px; border-bottom:1px solid #646464; padding:28px 40px 0 40px;}
.mainHeader > h2{float:left; font-size:18px; color:#f00; margin-bottom:10px;}
.mainHeader > .location{float:right; margin-bottom:0; margin-top:5px;}
.mainCon{position:relative;}
.mainCon > p{position:absolute; right:40px; top:0; line-height:20px; font-size:12px; z-index:9;}

.searchWrap1{padding:20px 40px;}
.searchWrap1 .table > tbody > tr > td{padding:10px 20px !important;}
.searchWrap1 .table > tbody > tr > td .selectBox{float:left; margin-right:20px;}
.searchWrap1 .table > tbody > tr > td .checkList{overflow:hidden; float:left; padding-left:0;}
.searchWrap1 .table > tbody > tr > td .checkList > li{float:left; margin-right:35px; line-height:30px;}
.searchWrap1 .table > tbody > tr > td .checkList > li:last-child{margin-right:0;}
.searchWrap1 .table > tbody > tr > td .checkList > li:last-child .hlabel + label{float:left; margin-right:20px; line-height:30px;}
.searchWrap1 .table > tbody > tr > td .checkList.only + .calendarWrap{padding-top:0 !important;}
.searchWrap1 .table > tbody > tr > td > .storeWrap{padding-right:0; overflow:hidden; position:relative; width:100%; padding-right:80px; padding-bottom:30px;}
.searchWrap1 .table > tbody > tr > td > .storeWrap.open1{padding-bottom:0;}
.searchWrap1 .table > tbody > tr > td > .storeWrap .storeBox{float:left; width:100%; /*padding-bottom:30px;*/}
.searchWrap1 .table > tbody > tr > td > .storeWrap .storeList{height:100%; min-height:110px; /*overflow:hidden;*/ padding:26px 5px 0 5px; max-height:236px;}
.searchWrap1 .table > tbody > tr > td > .storeWrap .storeList > li{margin:0 15px 28px 15px;}
.searchWrap1 .table > tbody > tr > td > .storeWrap .allView{width:calc(100% - 80px); height:30px; line-height:30px; position:absolute; left:0; bottom:0; background-color:#fff; border:1px solid #ccc;}
.searchWrap1 .table > tbody > tr > td > .storeWrap .allView.open{position:absolute; right:0; bottom:0; height:96px; width:80px; left:auto;}
.searchWrap1 .table > tbody > tr > td > .storeWrap .btnStore{width:80px; min-height:110px; position:absolute; right:0; top:0; float:right;}

.mainTab{position:relative; display:inline-block; width:100%; padding:0 40px; padding-top:40px;}
.mainTab:before{content:""; position:absolute; top:40px; left:0; width:100%; height:1px; background-color:#a9a9a9;}
.mainTab > dt{float:left; width:200px; height:40px; line-height:40px; border:1px solid #ccc; text-align:center; position:absolute; left:40px; top:0; border-bottom:none; cursor:pointer;}
.mainTab > dt:nth-of-type(2){left:240px;}
.mainTab > dt:nth-of-type(3){left:440px;}
.mainTab > dt.active{background-color:#646464; color:#fff;}
.mainTab > dt.active + dd{display:block;}
.mainTab > dd{display:none; padding:20px 0;}
.mainTab .tabCon .table-responsive > .table:last-child{margin-top:20px;}
.mainTab .tabCon .table-responsive > .table{border-collapse:collapse;}
.mainTab .tabCon .list .table > thead > tr > th, .mainTab .tabCon .list .table > thead > tr > td,
.mainTab .tabCon .list .table > tbody > tr > th, .mainTab .tabCon .list .table > tbody > tr > td,
.mainTab .tabCon .list .table > tfoot > tr > th, .mainTab .tabCon .list .table > tfoot > tr > td{border:1px solid #ccc;}
.mainTab .tabCon .list .table > thead > tr > th.on{background-color:#213361; color:#fff;}
.mainTab .tabCon{}
.mainTab .tabCon .error{font-size:12px; color:#f00; display:inline-block; vertical-align:top; line-height:40px; margin-right:10px;}
.mainTab .tabCon .btnWrap{text-align:right;}
.mainTab .tabCon .btnList{padding:0;}
.btnDownload:after{width:29px; height:26px; background-position:-320px -100px; margin-left:8px;}


.mainTab .tabCon .list > .table > tfoot{border-left:1px solid #ccc; border-right:1px solid #ccc;}
.mainTab .tabCon .list > .table > tfoot > tr > th, .mainTab .tabCon .list > .table > tfoot > tr > td{background-color:#f5f5f5; text-align:center; font-size:12px;}
.mainTab .tabCon .list > .table > tfoot.on1 > tr > th, .mainTab .tabCon .list > .table > tfoot.on1 > tr > td{background-color:#eaf6ff;}
.mainTab .tabCon .list > .table > tfoot > tr > th{}
.mainTab .tabCon .list > .table > tfoot > tr > td{}


/* 서브 */
.sub{max-width:1280px; width:100%; height:100%; overflow:hidden;}
.lnb{padding:28px 20px;}
.lnb > h2{font-size:18px; text-align:center; color:#f00; padding-bottom:10px; background-image:url(../images/titBd.png); background-repeat:no-repeat; background-position:center bottom;}
.lnbList{}
.lnbList > li{border-bottom:1px solid #ccc; padding-bottom:28px; margin-top:28px; position:relative;}
.lnbList > li:last-child{border-bottom:none; padding-bottom:0;}
.lnbList > li h3{font-size:14px; padding-left:15px; /*margin-bottom:18px;*/ position:relative;}
.lnbList > li .dateTit{padding-left:41px;}
.lnbList > li .btnCollapse{width:14px; height:6px; background-position:-320px -90px; position:absolute; right:10px; top:5px; cursor:pointer;}
.lnbList > li .btnCollapse.open{width:14px; height:6px; background-position:-340px -90px;}
.lnb .checkList{margin-top:18px; padding-left:37px;}
.lnb .checkList > li{margin-bottom:20px;}
.lnb .checkList > li:last-child{margin-bottom:0;}
.lnb .calendarWrap{padding-right:54px;}
.lnb .datepickerWrap .date{height:30px;}

.lnbList1{padding:10px 0;}
.lnbList1 > li{}
.lnbList1 > li > a{display:block; width:100%; height:35px; line-height:35px; padding-left:20px; position:relative;}
.lnbList1 > li.active > a{color:#f00;}
.lnbList1 > li.active > a:after{content:""; display:inline-block; width:6px; height:100%; background-color:#f00; position:absolute; left:0; top:0;}
.lnbList1 > li > a strong{color:#f00; font-weight:400;}

.contents{width:100%; height:100%; float:right; padding:33px 20px 20px 20px; overflow:hidden;}
.location{display:inline-block; vertical-align:top; float:right; margin-bottom:10px;}
.location > span{font-size:10px; padding-right:20px; border-bottom:1px solid #a3a3a3; float:left; position:relative;}
.location > span:after{width:4px; height:10px; background-position:-50px -110px; position:absolute; right:8px; top:50%; margin-top:-5px;}
.location > .current{color:#f00; padding-right:0px; border-color:#ffa3a3;}
.location > .current:after{display:none;}
.location.lg{margin-bottom:10px; margin-top:0;}
.location.lg > span{margin-top:5px;}
.location.lg > .btn{padding:0; border-radius:0; border:1px solid #ccc; margin-left:15px; line-height:normal; margin-top:-5px;}
.location.lg > .btn > a{display:block; width:80px; line-height:32px; font-size:13px;}
.option{overflow:hidden; margin-bottom:10px; float:none; clear:both;}
.sorting{float:left; margin-top:15px; padding-left:10px; overflow:hidden;}
.sorting > strong{font-weight:400; color:#f00;}
.sorting > span{float:left; padding:0 10px; background-image:url(../images/icbar1.png); background-repeat:no-repeat; background-position: right center; cursor:pointer;}
.sorting > span:last-child{background-image:none;}
.sorting > .on{color:#f00;}
.option .selectBox{float:right;}

/* 테이블 */
.board{float:none; clear:both;}
.table-responsive{border:none; width:100%; overflow:auto; margin-bottom:0;}
.table{width:100%; margin-bottom:0;}
.table > thead > tr > th, .table > thead > tr > td{background-color:#f5f5f5;}
.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td{font-size:12px; white-space:nowrap; vertical-align:middle; word-break:break-all;}
.table .btnSetting{width:100px; height:27px; line-height:27px;}
.table .btnMd{width:80px; height:27px; line-height:27px;}
.table .btnSm{width:50px; height:27px; line-height:27px;}

/* 목록 테이블 */
.sub .list > .table{border-collapse:separate;}
.list > .table > thead > tr > th{border-top:1px solid #ccc !important; border-bottom:1px solid #ccc;}
.list > .table > thead > tr > td{border-top:none; border-bottom:1px solid #ccc;}
.list > .table > thead > tr:nth-child(2) > th{border-top:none !important;}
.list > .table > thead > tr > th, .list > .table > thead > tr > td , .list > .table > tbody > tr > th, .list > .table > tbody > tr > td{text-align:center; height:40px; padding:0 8px;}
.list > .table > thead > tr > th:first-child, .list > .table > tbody > tr > td:first-child,
.list > .table > thead > tr > td:first-child, .list > .table > thead > tr > td:first-child{border-left:1px solid #ccc;}
.list > .table > thead > tr > th:last-child, .list > .table > tbody > tr > td:last-child,
.list > .table > thead > tr > td:last-child, .list > .table > thead > tr > td:last-child{border-right:1px solid #ccc;}
.list > .table > tbody > tr > td{border-top:none; border-bottom:1px solid #ccc;}
.list > .table > tbody > tr > td.title{text-align:left;}
.list > .table > tbody > tr > td.title > a, .list > .table > tbody > tr > td > a.title{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; max-width:90%; vertical-align:middle;}
.list > .table > tbody > tr > td.title a:hover, .list > .table > tbody > tr > td > a.title:hover{color:#f00; border-bottom:1px solid #f00;}
.list > .table > tbody > tr > .check a{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; max-width:90%; vertical-align:middle; color:#0083de; border-bottom:1px solid #0083de;}
.list > .table > tbody > tr > td .file{width:17px; height:15px; background-position:-280px -90px; margin-left:13px;}
.list > .table > tbody > tr > td .more{color:#f00;}
.list > .table > tbody > .on > td{border-color:#f00 !important; border-top:1px solid #f00;}
.list > .table > tbody > .off > td{border-bottom:none;}
.list > .table > tbody > tr > td .reply{width:14px; height:16px; background-position:-220px -110px;}
.list > .table > tbody > tr > td.red{color:#f00;}
.list > .table > tbody > tr > td.blue{color:#0083de;}
.list > .table > tbody > tr > td .address{display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; max-width:100px; vertical-align:middle;}
.list > .table .taC input{text-align:center;}
.list > .table > thead > tr > td input, .list > .table > tbody > tr > td input{padding:0 5px; height:27px; border:1px solid #ccc;}
.list > .table > tbody > tr > td input[disabled]{border:1px solid #fff;}



/* 등록, 상세 테이블 */
.register{overflow:visible;}
.register > .table{}
.register > .table > tbody{}
.register > .table > tbody + tbody{border-top:none; position:relative;}
.register > .table > tbody > tr > th, .register > .table > tbody > tr > td{height:auto; padding:0 15px; white-space:normal;}
.register > .table > tbody > tr > th{background-color:#f5f5f5; padding:11px 15px; text-align:center;}
.register > .table > tbody > .lg > td{vertical-align:top;}
.register > .table > tbody > .lg > td textarea{border:none; resize:none; width:100%; height:100%;}
.register > .table > tbody > tr > td{}
.register > .table > tbody > tr > td .and{margin-right:3px; display:inline-block;}
.register > .table > tbody > tr > td .and:after{content:"/"; display:inline-block; margin-left:3px;}
.register > .table > tbody > tr > td .and:last-child:after{content:"";}
.register > .table > tbody > tr > td input[type=text], .register > .table > tbody > tr > td textarea{border:none;}
.register > .table > tbody > tr > td textarea{padding:8px 15px;}
.register > .table > tbody > .editor > td{padding:0 !important;}

/*.register > .table > tbody > h3{font-size:14px; height:40px; line-height:40px; padding:0 18px; border:1px solid #ccc;}*/
.register > .table > tbody > .title > td{padding:0; overflow:hidden;}
.register > .table > tbody > .title > td .selectBox{width:120px; margin-left:-120px; height:40px; border:none; float:left; border-right:1px solid #ccc;}
.register > .table > tbody > .title > td .selectBox:after{}
.register > .table > tbody > .title > td .selectBox label{font-size:12px; line-height:40px;}
.register > .table > tbody > .title > td input{width:100%; height:40px; line-height:40px; font-size:12px; padding:0 20px; float:left; border:none;}
.register > .table > tbody > .titleLg > td {padding:0 0 0 120px;}


.register .checkList{overflow:hidden;}
.register .checkList > span{margin-right:20px; float:left; height:20px; line-height:20px;}
.register .checkList > span:last-child{margin-right:0;}
.register .checkList > span > label{font-size:12px;}
.register .checkList .info{font-size:10px; color:#f00;}
.register .calendarWrap{float:left; padding-top:0;}
.register .calendarWrap .datepickerWrap{width:280px; height:30px; margin-left:0; overflow:hidden;}
.register .calendarWrap .date{width:50%; margin-bottom:0; float:left; padding-right:2px;}
.register .calendarWrap .date:last-child{margin:0; padding-right:0; padding-left:2px;}

.register > .table > tbody > tr > .store{padding:4px 10px;}
.register .storeWrap{padding-right:160px; position:relative;}
.register .storeList{background-color:#f5f5f5; padding:8px 8px 0 8px; overflow-y:auto; max-height:118px; width:100%; min-height:30px;}
.register .storeList > li, .register .storeList > div{font-size:12px; float:left; margin-bottom:8px; margin-right:30px;}
.register .storeList > li .btnDelete, .register .storeList > div .btnDelete{border:none; margin-left:8px; width:9px; height:9px; background-position:-360px -90px; background-color:transparent;}
.register .storeBtn{position:absolute; right:0; top:0; overflow:hidden; width:160px;}
.register .storeBtn > button{width:50%; height:30px; font-size:12px; float:left;}
.register .storeWrap1{padding-right:0;}

/* editor */
.editorWrap{}
.editorWrap img{max-width:100%;}
/*.note-editor *{white-space:normal;}*/
.note-editor{border:none !important; margin-bottom:0; border-radius:0;}
.panel-default>.panel-heading{display:inline-block; width:100%;}
.btn-group, .btn-group-vertical{float:left;}
pre{padding:25px 20px; font-size:12px; background-color:transparent; border:none; margin:0;}

/* button */
.btnWrap{overflow:hidden; margin-top:10px; text-align:center;}
.btnWrap .btnLeft{float:left; padding-right:5px;}
.btnWrap .btnRight{float:right; padding-left:5px;}
.btnWrap button{width:150px; height:40px; line-height:40px;}
.btnWrap button:nth-child(2){margin-left:10px;}

/* paging */
.pagingWrap{text-align:center; overflow:hidden; position:relative; margin-top:10px;}
.paging{display:inline-block; float:none; clear:both; margin-top:10px; width:100%;}
.pagination{border-radius:0 !important;}
.pagination > li{float:left; width:30px; height:30px;}
.pagination > li > a, .pagination > .active > a{display:block; font-size:14px; text-align:center; font-size:15px; border-radius:0; padding:0; border:none; line-height:30px; width:42px; margin:0 auto; color:#000;}
.pagination > .active > a{width:30px; color:#f00 !important;}
.pagination > .PagedList-skipToFirst, .pagination > .PagedList-skipToPrevious, 
.pagination > .PagedList-skipToNext, .pagination > .PagedList-skipToLast,
.pagination > .PagedList-skipToFirst > a, .pagination > .PagedList-skipToPrevious > a, 
.pagination > .PagedList-skipToNext > a, .pagination > .PagedList-skipToLast > a{text-indent:-9999px;}
.pagination > li > a{width:30px; height:30px; background-repeat:no-repeat; background-position:0 0; background-size:100% 100%; background-color:#fff !important; border-radius:0 !important;}
.pagination > .PagedList-skipToFirst > a{background-image:url(../images/icFirst.png);}
.pagination > .PagedList-skipToPrevious > a{background-image:url(../images/icPrev.png);}
.pagination > .PagedList-skipToNext > a{background-image:url(../images/icNext.png);}
.pagination > .PagedList-skipToLast > a{background-image:url(../images/icLast.png);}
.pagination{margin:0;}

.btnWrite{float:right; width:100px; height:30px; vertical-align:middle; font-size:15px;}
.btnWrite:after{width:23px; height:18px; background-position:-370px -90px; margin-left:16px;}

.searchWrap{width:500px; height:30px; margin:20px auto; max-width:100%; padding:0 82px 0 100px; position:relative;}
.searchWrap .selectBox{float:left; width:100px; border:1px solid #646464; margin-left:-100px;}
.searchWrap .selectBox:after{width:10px; height:6px; background-position:-240px -110px;}
.searchWrap .selectBox label{text-align:left; font-size:12px;}
.searchWrap input{float:left; width:100%; height:100%; padding:0 20px; border:1px solid #646464; border-right:none; font-size:12px;}
.searchWrap button{float:left; width:82px; height:100%; font-size:12px; position:absolute; right:0; top:0;}


/* 팝업 */
.modal-open, .modal-open1{padding-right:0 !important; overflow:hidden;}
/*.modal-open .modal, .modal-open1 .modal{overflow:hidden;}*/
.modal{padding:0 !important; overflow-y:auto;}
.popWrap{width:100%; height:100%; display:table; padding:10px;}
.popup{display:table-cell; text-align:center; vertical-align:middle;}
.popStyle{width:100%; max-width:100%; display:inline-block; text-align:left; overflow:hidden; background-color:#fff; border:1px solid #ccc;}

.popHeader{background-color:#f5f5f5; border-bottom:1px solid #ccc; height:48px; padding:0 19px 0 29px; overflow:hidden;}
.popHeader h1, .modal-header .modal-title{line-height:48px; float:left; font-size:18px; }
.popHeader .btnClose, .modal-header .btnClose{float:right; line-height:48px; border:none; background:none;}
.popHeader .btnClose .sp, .modal-header .btnClose .sp{width:16px; height:16px; background-position:-70px -110px;}
.popBody{}
.popFooter{background-color:#f5f5f5; border-top:1px solid #ccc; padding:20px; text-align:right;}
.popFooter .btnList{padding:0;}
.popStyle .btnWrap{text-align:center;}
.btnList{padding:10px; display:inline-block; overflow:hidden;}
.btnList > li{float:left; width:150px; height:40px; padding-left:5px; max-width:50%;}
.btnList > li:first-child{padding-left:0;}
.btnList > li.only{float:none; max-width:100%; padding:0;}
.btnList > li button{display:block; width:100%; height:100%;}
/*.btnList.lg > li:nth-child(2){padding-left:5px;}*/

.mailBox{padding:20px 10px 0 10px;}
.mailBox .info{padding-left:15px; margin-bottom:10px;}
.mailBox .table-responsive{max-height:201px;}
.mailBox .table{border:1px solid #ccc;}
.mailBox .table > thead > tr > th{border-top:1px solid #000 !important; border-bottom:1px solid #000;}
.mailBox .table > thead > tr > th, .mailBox .table > tbody > tr > td{text-align:center;}
.mailBox .table > thead > tr > th:first-child, .mailBox .table > tbody > tr > td:first-child{border-right:1px solid #ccc;}
.mailBox .table > tbody > tr > td:first-child{text-align:left; padding:0 20px;}
/*.mailBox .table > tbody > tr > td{border-bottom:1px solid #ccc;}*/

.setBox{}
.setBox{padding:30px 20px;}
.setBox .table-responsive{max-height:401px;}
.setBox .table > thead > tr > th, .setBox .table > tbody > tr > td{border-right:1px solid #ccc;}
.setBox .table > tbody > tr > td{text-align:left; padding:0 20px;}
.setBox .table > tbody > tr > td:last-child{padding:0 7px;}
.setBox .table > tbody > tr > td .selectBox{width:110px;}
.setBox .table > tbody > tr > td .selectBox label{font-size:12px;}

/* 회원가입 */
.joinBox{width:100%; margin:0 auto; max-width:900px; padding:0 20px 30px 20px;}
.joinBox h2{font-size:14px; padding:30px 0 10px 0;}
.joinInfo{width:100%;}
.userInfo{}
.userInfo > dl{display:table; width:100%; /*padding-left:90px;*/ margin-top:10px;}
.userInfo > dl + .storeInfo{margin-top:10px;}
.userInfo > dl:first-child{margin-top:0;}
.userInfo > dl > dt, .userInfo > dl > dd{display:table-cell; vertical-align:middle; min-height:30px; line-height:30px;}
.userInfo > dl > dt{width:90px; /*margin-left:-90px;*/ text-align:right; position:relative; font-weight:400;}
.userInfo > dl > dt label{margin-bottom:0; font-weight:400;}
.userInfo > dl > dd{width:calc(100% - 90px); padding-left:18px; position:relative;}
.userInfo > dl > .userList > span{display:inline-block; margin-right:18px; position:relative;}
.userInfo > dl > .userList > span:last-child{margin-right:0;}
.userInfo > dl > dd input{border:none; border-bottom:1px solid #646464; font-size:12px;}
.userInfo > dl > .user{padding-right:5px;}
.userInfo > dl > .user > .sp{width:25px; height:31px; background-position:0 -140px;}
.userInfo > dl > .user > .required, .userInfo > dl > dt .required{width:5px; height:5px; background-position:-60px -110px; position:absolute; right:0; top:2px;}
.userInfo > dl > .inputBtn{padding-right:44px;}
.userInfo > dl > .inputBtn button{border:1px solid #646464; position:absolute; right:0; top:0; width:40px; height:30px; line-height:30px; font-size:12px;}
.userInfo > dl > .inputBtn.brc{padding-left:75px;}
.userInfo > dl > .inputBtn.brc .branch{width:50px; height:30px; line-height:30px;  position:absolute; left:20px; top:0;}
.userInfo > dl .selectBox{width:100%; max-width:200px; border-color:#000;}
.userInfo > dl .selectBox label{text-align:left;}
.userInfo2 > dl > dt{padding-right:10px;}
.userInfo2 > dl > dd input{padding-left:4px; height:30px; line-height:30px;}

.userList{overflow:hidden;}
.userList > span{display:inline-block; margin-right:18px; position:relative; float:left; line-height:25px;}
.userList > span:last-child{margin-right:0;}
.help{width:17px; height:17px; background-position:-260px -110px; background-color:#fff; border-radius:50%;}
/*.userList > span .help:hover + .helpCon{display:block;}
.userList > span .helpCon{position:absolute; right:-140px; top:-35px; border:1px solid #000; width:150px; height:50px; display:none; background-color:#fff; z-index:1; padding:5px; font-size:12px; line-height:15px;}*/ 

.storeInfo{}
.storeInfo > li{margin-top:20px; position:relative;}
.storeInfo > li:first-child{margin-top:0;}
.storeInfo > li:last-child{margin-top:0;}
.storeInfo > li dl{padding-left:0; display:table; width:100%; margin-bottom:4px;}
.storeInfo > li dl.lg{}
.storeInfo > li dl.lg > dt{height:84px; line-height:84px; padding:0 20px 0 0;}
.storeInfo > li dl.lg > dt:after{height:84px;}
.storeInfo > li dl.lg > dd:before{height:88px;}
.storeInfo > li dl.lg > dt{}
.storeInfo > li dl.lg > .address{/*height:84px;*/ /*border:none;*/ padding:0; vertical-align:top;}
.storeInfo > li dl.lg > .address span{width:100%; height:40px; display:inline-block; position:relative; vertical-align:middle; border-top:1px solid #ccc;}
.storeInfo > li dl.lg > .address span:first-child{display:block; padding-left:200px; height:40px; margin-bottom:4px; border-bottom:1px solid #ccc; border-top:none;}
.storeInfo > li dl.lg > .address span:first-child:after{content:""; display:block; width:calc(100% + 2px); height:4px; position:absolute; left:-1px; bottom:-5px; background-color:#fff;}
.storeInfo > li dl.lg > .address span:first-child input#ZipCode{width:120px; margin-left:-120px; border-right:1px solid #ccc;}
.storeInfo > li dl.lg > .address button{width:80px; margin-left:-200px; height:100%; float:left; border:none; border-right:1px solid #ccc;}
.storeInfo > li dl.lg > .address input{width:100%; height:100%; float:left; padding:0 25px;}
.storeInfo > li dl > dt, .storeInfo > li dl > dd{/*float:left;*/ display:table-cell; vertical-align:middle;  /*min-height:40px;*/ padding:10px 0; border:1px solid #ccc; position:relative;}
.storeInfo > li dl > dt{width:140px; /*margin-left:-144px;*/ text-align:right; padding-right:20px; border-right:none;}
.storeInfo > li dl > dt:after{content:""; display:inline-block; width:1px; height:40px; background-color:#ccc; position:absolute; right:4px; top:0;}
.storeInfo > li dl > dd{width:calc(100% - 140px); padding:0 25px;}
.storeInfo > li dl > dd:before{content:""; display:inline-block; width:4px; height:44px; background-color:#fff; position:absolute; left:-5px; top:-2px;}
.storeInfo > li dl > dd input{border:none; display:inline-block; line-height:normal;}
.storeInfo > li dl > .inputNum{display:inline-block;}
.storeInfo > li dl > .inputNum input{float:left; width:30%; text-align:center;}
.storeInfo > li dl > .inputNum .hyphen{float:left; /*margin:0 20px;*/ width:5%; line-height:40px; text-align:center;}
.storeInfo > li dl > .inputEmail{display:inline-block;}
.storeInfo > li dl > .inputEmail input{float:left; width:45%; text-align:center;}
.storeInfo > li dl > .inputEmail .at{float:left; /*margin:0 20px;*/ width:10%; line-height:40px; text-align:center;}
.storeInfo > li dl > .inputEmail .confirm{left:4px;}
.storeInfo > li ul{display:inline-block; width:100%;}
/*.storeInfo > li ul > li{float:left; width:50%; padding-right:5px;}
.storeInfo > li ul > li:last-child{padding-right:0; padding-left:5px;}*/

.popStyle01 .joinInfo{border:1px solid #ccc;}
.popStyle01 .popFooter{text-align:center;}

.popStyle02 .register > .table > tbody > tr > th{padding:11px 0; text-align:center;}
.userBox{padding:0 40px 30px 40px; max-width:100%;}
.userBox h2{padding-left:10px;}
.userBox .joinInfo{padding:10px 0;}
.userBox .joinInfo > .userInfo > dl > dt{width:140px; padding-right:20px;}
.userBox .userInfo2{padding:0 !important;}
.userBox .userInfo2 > dl{/*padding-left:140px;*/ margin-top:20px;}
.userBox .userInfo2 > dl > dt{width:140px; margin-left:-140px; padding-right:20px; line-height:30px;}
.userBox .userInfo2 > dl > dd{}
.userBox .userInfo2 > dl > .userList > span{line-height:30px; float:left;}
/*.userBox .userInfo2 > dl > .userList > span:nth-child(3n+1){clear:both;}*/

.userBox .userInfo2 .storeInfo{margin-top:20px; }
.userBox .userInfo2 .storeInfo .selectBox{max-width:200px;}
.userBox .userInfo2 .storeInfo .selectBox.lg{max-width:100%;}
.userBox .storeInfo1{}
.userBox .storeInfo1 > li ul{display:block; overflow:hidden;}
.userBox .storeInfo1 > li ul > li{padding:0 !important;}
.userBox .storeInfo1 > li dl{/*padding-left:100px; display:block;*/ overflow:hidden; margin-bottom:0;}
.userBox .storeInfo1 > li dl > dt, .userBox .storeInfo1 > li dl > dd{font-size:12px;}
.userBox .storeInfo1 > li dl > dt:after, .userBox .storeInfo1 > li dl > dd:before{display:none;}
.userBox .storeInfo1 > li dl > dt{width:100px; /*margin-left:-100px;*/ text-align:center; padding-right:0; background-color:#f5f5f5; border-right:none;}
.userBox .storeInfo1 > li dl > dt, .userBox .storeInfo1 > li dl > dd{ border-bottom:none;}


.userBox .storeInfo1 > li dl > dd{padding:11px 20px; word-break:break-all;}
.userBox .storeInfo > li dl > dd{overflow:visible; width:calc(100% - 100px);}
.userBox .storeInfo > li dl > dd .selectBox{width:100%; height:40px; float:left;}
.userBox .storeInfo > li dl > dd .selectBox label{line-height:40px;}
.userBox .storeInfo > li dl > dd .calendarWrap{float:left; /*width:138px;*/ height:40px; padding-top:0; overflow:hidden;}
.userBox .storeInfo > li dl > dd .calendarWrap .datepickerWrap{width:138px; margin-left:10px; float:left; height:40px;}
.userBox .storeInfo > li dl > dd.smSel{padding:0; border:none;}
.userBox .storeInfo > li dl > dd.smSel:before{left:-4px;}
.userBox .storeInfo > li dl > dd.smSel input{}

.userBox .master{background-color:#f5f5f5; border:1px solid #ccc; overflow:hidden; padding:13px 30px;}
.userBox .master > dt, .userBox .master > dd{}
.userBox .master > dt{float:left;}
.userBox .master > dd{float:right;}

.userBox1{text-align:center;}
.userBox1 .joinInfo{max-width:632px; margin:10px auto 0 auto; display:inline-block; text-align:left;}
.num{font-size:12px; margin:10px 0 10px 7px; text-align:left;}
.num strong{font-weight:400; color:#0083de;}
.userBox1 .list > .table > thead > tr > th, .userBox1 .list > .table > tbody > tr > td{border:1px solid #ccc;}

.addressBox{padding:10px;}
.addressBox .addSearch{overflow:hidden; padding-right:60px; position:relative;}
.addressBox .addSearch input[type=text]{display:block; width:100%; height:40px; border:1px solid #ccc; padding:8px;  font-size:13px;}
.addressBox .addSearch button{width:60px; height:40px; position:absolute; right:0; top:0;}
.addressBox .addList{}
.addressBox .addList > li{padding:10px; line-height:20px; border:1px solid #ccc; border-bottom:none; font-size:13px;}
.addressBox .addList > li:first-child{margin-top:10px;}
.addressBox .addList > li:last-child{border-bottom:1px solid #ccc;}
.addressBox .addList > li > .zipcode{margin-right:10px;}

@media (min-width:768px) {

    #container{min-height:calc(100% - 160px);}

    .sub{padding-left:220px;}
    .sub::after{content:""; position:absolute; top:0; left:220px; width:1px; height:100%; background-color:#ccc;}
    .lnb{width:220px; height:100%; margin-left:-220px; float:left;}
    .lnbList > li h3{padding-left:10px;}
    .lnbList > li .dateTit{padding-left:24px;}

    .contList > li{float:left;}
    .contList > li > h3{width:120px; height:20px; line-height:20px;}
    .contSub{position:absolute; top:28px; left:0;}
    .contSub > li{float:left; margin-right:10px;}
    .contSub > li:last-child{margin-right:0;}

    /*.titleWrap{padding-left:144px; margin-bottom:4px;}
    .titleWrap > h3{text-align:right; width:140px; float:left; margin-left:-144px;}*/

    .register > .table > tbody > tr > th, .register > .table > tbody > tr > td{border:1px solid #ccc;}
    .register > .table > tbody + tbody:before {content: ''; display: block; height: 10px; background-color:#fff;}
    .register > .table > tbody > .lg > th, .register > .table > tbody > .lg > td{min-height:400px; padding:10px 20px;}
    .register > .table > tbody > .md > th, .register > .table > tbody > .md > td{min-height:275px; padding:10px 20px;}
    .register > .table > tbody > tr > .file{padding:7px 10px;}

    .register > .table > tbody > tr > .checkList{padding:5px 20px;}
    .register .checkList > span{height:30px; line-height:30px;}
    .register .checkList .calendarWrap{float:left; padding:0;}

    .joinInfo{display:table;}
    .joinInfo > .userInfo{display:table-cell; width:50%; vertical-align:middle;}
    /*.userInfo1 > dl{padding-left:45px;}*/
    .userInfo1 > dl > dt{width:45px; margin-left:-45px;}
    .userInfo2 > dl{margin-top:30px;}
    .userInfo2 > dl > dt, .userInfo2 > dl > dd{min-height:20px; line-height:20px;}
    .userInfo2 > dl > dd input{height:20px; line-height:20px;}
    .userInfo > dl > .inputBtn.brc .branch{height:20px; line-height:20px;}
    .userInfo > dl > .inputBtn button{height:20px; line-height:20px;}

    .storeInfo > li dl.sm{width:calc(50% - 5px);}
    .storeInfo > li ul > li{float:left; width:50%; padding-right:5px;}
    .storeInfo > li ul > li:last-child{padding-right:0; padding-left:5px;}

    .userBox .storeInfo1 > li ul > li:first-child dl > dd{border-right:none;}
    .userBox .storeInfo1 > li ul + dl > dt, .userBox .storeInfo1 > li ul + dl > dd{border-top:none;}
    .userBox .storeInfo1 > li dl:last-child > dt, .userBox .storeInfo1 > li dl:last-child > dd{border-bottom:1px solid #ccc;}

    .mainCon{position:relative; margin-top:80px;}

    .popStyle02{max-width:872px;}
}

@media (min-width:992px) {
    .headerWrap{padding-left:225px;}
    .navbar-header{width:225px; margin-left:-225px;}
    .gnb{}
    .gnb{padding-top:55px;}
    .gnb > li{float:left; background-image:url(../images/icbar.png); background-repeat:no-repeat; background-position:left center; text-align:center;}
    .gnb > li:first-child{background-image:none;}
    .gnb > li > a{padding:0 20px;}
    .gnb > .gnbSub{border: 1px solid #ccc; border-radius: 5px; margin-top: -5px; background-color:#fff;}
    .gnb > .gnbSub.on{}
    .gnb > .gnbSub.on > .subTit{color:#f00;}
    .gnb > .gnbSub.on > .subMenu{display:block;}
    .gnb > li > .subTit{padding:5px 30px 5px 15px;}
    .gnb > li > .subMenu{padding:5px 0; display:none;}
    .gnb > li > .subMenu > li > a{padding:0 20px; line-height:30px; }
    .gnb > li > .subMenu > li > a:hover{color:#f00;}
    .infoArea{position:absolute; right:20px; top:20px;}
    .infoArea > li{float:left;}
    .infoArea > .user{font-size:10px; margin-right:10px;}
    .infoArea > .logout a{font-size:10px; border:1px solid #000; border-radius:7.5px; width:60px; height:15px; text-align:center;}

    .sub{padding-left:280px;}
    .sub::after{left:280px;}
    .lnb{width:280px; margin-left:-280px;}
    .lnb .checkList{padding-left:37px;}

    /*.register .checkList .calendarWrap{padding:5px 0;}*/

    .popStyle01{max-width:1280px;}
    .joinInfo{padding:30px 0;}
    .joinInfo > .userInfo{width:50%; padding:0 80px 0 87px;}
    .joinInfo > .userInfo2{padding:0 80px 0 20px;}

}

@media (min-width:768px) and (max-width:991px) {
    .checkList {padding-left:20px;}
}


@media (max-width: 991px) {
    #wrap{padding-top:60px;}
    .navbar, .navbar-header{height:60px;}
  .navbar-header {float: none; width:100%;}
  .navbar-header h1{padding:10px 15px;}
  .navbar-header h1 > a, .navbar-header h1 .sp{width:120px; height:39px;}
  .navbar-header h1 .sp{background-position-y:-35px; background-size:280px 126px;}
  .navbar-left,.navbar-right {float: none !important;}
  .navbar-toggle {display: block !important; border:1px solid #ccc; margin-top:13px; background-color:#fff !important;}
  .navbar-collapse {/*max-height:100% !important;*/ height:auto; background-color:#fff; border-top:none; border-bottom:1px solid #ccc; overflow-y:auto !important;}
  .navbar-fixed-top {top: 0; border-width: 0 0 1px;}
  .navbar-collapse.collapse {display: none!important;}
  .navbar-nav {float: none!important; margin-top: 7.5px;}
  .navbar-nav>li {float: none;}
  .navbar-nav>li>a {padding-top: 10px; padding-bottom: 10px;}
  .collapse.in{display:block !important;  overflow-y:auto !important;}

  .gnb > li, .infoArea > li{border-bottom:1px solid #eee;}
      .gnb > li > a{height:35px; line-height:35px;}
      .infoArea{width:100%;}
      .infoArea > .user{height:35px; line-height:35px; padding:0 26px;}
      .infoArea > .logout > a{height:35px; line-height:35px; padding:0 26px;}

    .joinInfo{padding:30px;}

    .mainCon > p{position:static; text-align:left; padding:0 40px;}

}

@media (max-width:1300px) and (min-width:992px) {
            .headerWrap{padding-left:200px;}
    .navbar-header{width:200px; margin-left:-200px;}
}

@media (max-width:1200px) and (min-width:1100px) {
    .gnb > li > a{padding:0 15px;}
}

@media (max-width:1100px) and (min-width:992px) {
    .gnb > li > a{padding:0 14px; font-size:12px;}
}

@media (max-width:1100px) {
        .searchWrap1 .table > tbody > tr > td .calendarWrap{padding-top:10px;}
}

@media (max-width:767px) {
    .lnb{border-bottom:1px solid #ccc;}

    /*.list > .table > thead > tr > td input, .list > .table > tbody > tr > td input{width:100%; min-width:140px;}
    .list > .table > thead > tr > .taC input{min-width:90px;}*/

    .register > .table{border:1px solid #ccc; border-top:none;}
    .register > .table > tbody > tr > th, .register > .table > tbody > tr > td {display:inline-block; width:100%; padding:11px 20px; text-align:left;}
    .register .calendarWrap{clear:both; padding-top:13px;}


    /*.btnWrite + .paging{margin-top:50px;}*/
    .pagination > li, .pagination > .active, .pagination > li > a{width:24px !important; height:24px;}
    .pagination > .active > a, .pagination > li > a{font-size:13px; line-height:24px;}
    .pagination > .PagedList-skipToFirst, .pagination > .PagedList-skipToPrevious, .pagination > .PagedList-skipToNext, .pagination > .PagedList-skipToLast, 
    .pagination > .PagedList-skipToFirst > a, .pagination > .PagedList-skipToPrevious > a, .pagination > .PagedList-skipToNext > a, .pagination > .PagedList-skipToLast > a{line-height:24px;}
    .pagination > li > a .sp{width:24px; height:24px; background-size:320px 144px; background-position:-192px -40px;}
    .pagination > .PagedList-skipToPrevious > a .sp{background-position-x:-224px;}
    .pagination > .PagedList-skipToNext > a .sp{background-position-x:-256px;}
    .pagination > .PagedList-skipToLast > a .sp{background-position-x:-288px;}
    
    footer{height:auto;}
    .contact{padding:20px 0 10px 0;}
    .contact .fotSetting{top:17px; right:20px;}
    .contList{width:100%; padding:0 20px;}
    .contList > li > h3{height:30px; line-height:28px; border-bottom:none; text-align:left; padding:0 15px;}
    .contList > li:last-child > h3, .contList > li > h3.active{border-bottom:1px solid #fff;}
    .contSub{padding:5px 20px; text-align:left;}
    .contSub > li{line-height:25px;}

    .joinInfo > .userInfo1{margin-bottom:10px;}
    .userBox .storeInfo1{border-bottom:1px solid #ccc;}
    .userBox .storeInfo > li .ddCal > dt{padding:0 20px 0 0;}
    .userBox .storeInfo > li .ddCal > dt:after{height:90px;}
    .userBox .storeInfo > li .ddCal > dd:before{height:94px;}
    .userBox .storeInfo > li dl > dd .calendarWrap{float:none; clear:both; display:inline-block; margin-top:5px; width:100%; height:40px;}
    .userBox .storeInfo > li dl > dd .calendarWrap .datepickerWrap{height:40px;}
    .userBox .storeInfo > li dl > dd .calendarWrap .datepickerWrap:first-child{margin-left:0;}

    /*.userInfo > dl{margin-bottom:10px;}*/
    .mainTab > dt{width:calc(33.33% - 13.33px); left:20px;}
    .mainTab > dt:nth-of-type(2){left:calc(33.33% + 6.665px);}
    .mainTab > dt:nth-of-type(3){left:calc(66.66% - 6.665px);}

    .searchWrap1 .table > tbody > tr > td .checkList{float:none; clear:both; padding-top:10px;}
    .mainHeader, .searchWrap1, .mainCon > p, .mainTab{padding-left:20px; padding-right:20px;}
}

@media (max-width:600px) {
    .popFooter{text-align:center;}
    /*.btnList{width:100%;}*/
    .btnList.lg > li{max-width:33.33%;}
    .storeInfo > li dl.lg > dt{height:128px;}
    .storeInfo > li dl.lg > dt:after{height:128px;}
    .storeInfo > li dl.lg > dd:before{height:132px;}
    .storeInfo > li dl.lg > .address span:first-child{height:84px; position:relative; padding-left:80px;}
    .storeInfo > li dl.lg > .address button{margin-left:-80px;}
    .storeInfo > li dl.lg > .address span:first-child input#ZipCode{margin-left:0; border-right:none; width:100%;}
    .storeInfo > li dl.lg > .address span input, .storeInfo > li dl.lg > .address span button{height:40px;} 
    .storeInfo > li dl.lg > .address span:first-child input#ZipCode + input{position:absolute; left:0; bottom:4px; border-top:1px solid #ccc;}
    /*.storeInfo > li dl.lg > .address span:last-child{border-bottom:1px solid #ccc;}*/
    .storeInfo > li dl.lg > .address span:last-child input{height:100%;}

    .userBox .storeInfo > li dl > dd .calendarWrap{height:auto; margin-top:0;}
    .userBox .storeInfo > li dl > dd .calendarWrap .datepickerWrap{width:100%; margin-left:0; margin-top:5px;}
    .userBox .storeInfo > li .ddCal > dt:after{height:94px;}
    .userBox .storeInfo > li .ddCal > dd:before{height:98px;}
    .mainTab .tabCon .error{display:block; line-height:normal; margin-right:0; margin-bottom:10px;}
}

@media (max-width:480px) {
    .filewrap{padding-right:0; padding-bottom:30px;}
    .filewrap .fileName{border-bottom:none !important;}
    .filewrap .fileBtn {position:absolute; right:auto; top:auto; left:0; bottom:0; width:50%;}
    .filewrap .fileHidden {top:auto; bottom:0;}
    .filewrap .btnDelete{position:absolute; right:0; top:auto; bottom:0; width:50%;}

    .searchWrap{padding:0 60px 0 80px;}
    .searchWrap .selectBox{width:80px; margin-left:-80px;}
    .searchWrap input{padding:0 10px;}
    .searchWrap button{width:60px;}

    .pagination > li, .pagination > .active, .pagination > li > a{width:18px !important; height:18px;}
    .pagination > .active, .pagination > li > a{font-size:13px; line-height:22px;}
    .pagination > .PagedList-skipToFirst, .pagination > .PagedList-skipToPrevious, .pagination > .PagedList-skipToNext, .pagination > .PagedList-skipToLast, .pagination > .PagedList-skipToFirst > a, .pagination > .PagedList-skipToPrevious > a, .pagination > .PagedList-skipToNext > a, .pagination > .PagedList-skipToLast > a{line-height:18px;}
    .pagination > li > a .sp{width:18px; height:18px; background-size:240px 108px; background-position:-144px -30px;}
    .pagination > .PagedList-skipToPrevious > a .sp{background-position-x:-168px;}
    .pagination > .PagedList-skipToNext > a .sp{background-position-x:-192px;}
    .pagination > .PagedList-skipToLast > a .sp{background-position-x:-216px;}

    .sorting{clear:both; width:100%; padding-left:0; margin-bottom:10px;}

    .btnWrap > span{width:50%;}
    /*.btnList > li{max-width:50%;}*/
    .btnWrap button{width:100%;}

    .register .storeWrap{padding-right:0;}
    .register .storeBtn{width:100%; position:relative;}
    .register .checkList .info{margin:10px 0 -3px 0;}
    .register .checkList .datepickerWrap{width:100%;}

    .loginWrap h1 .sp{width:258px; height:26px; background-size:260px 117px;}
    .loginBox{padding:20px;}
    .inputBox{padding-right:80px;}
    .btnLogin{width:70px;}
    .loginBox .error{width:calc(100% + 80px);}

    .popWrap, .popup{display:block; height:auto;}
    .joinBox{padding:0 10px 30px 10px;}
    .joinInfo{padding:30px 10px;}
     .userBox .userInfo2 .storeInfo, .userBox .userInfo2 > dl{margin-top:0;}
     .userBox .userInfo2 > dl > dt{width:106px; padding-right:10px;}
    /*.userInfo > dl, .userBox .userInfo2 > dl{padding-left:85px;}*/
    .userInfo > dl > dt, .userBox .userInfo2 > dl > dt{font-size:12px; /*width:106px;*/ /*margin-left:-85px;*/}
    .userInfo > dl > dd, .userBox .userInfo2 > dl > dd{padding-left:8px;}

    /*.storeInfo > li dl{padding-left:110px;}*/
    .userBox .joinInfo > .userInfo > dl > dt, .storeInfo > li dl > dt{width:106px; /*margin-left:-110px;*/ font-size:12px; padding-right:10px;}
    .storeInfo > li dl > dd{padding:0 15px; font-size:12px; width:calc(100% - 106px);}

    .userBox .master > dt, .userBox .master > dd{float:none;}

    .register .calendarWrap .datepickerWrap{width:100%;}
}