@charset "utf-8"; 

/* main */
.slideArea img.web {display:block;}
.slideArea img.mobile {display:none;}

 .slideArea {width:1200px; margin:0 auto; border-radius:15px; overflow:hidden; box-shadow:8.0px 16.0px 16.0px hsl(0deg 0% 0% / 0.12); transition:all 0.16s ease-out;}
 .contents {margin:70px auto 0; width:1200px;}
 .contents:after {content:''; display:block; clear:both;}
 .contents .board .boardTitle {margin-bottom:20px;}
 .contents .inquiry .inquiryTitle {margin-bottom:26px;}
 .contents .board {width:726px; float:left;}
 .contents .board .boardTitle h4 {font-size:20px; font-weight:700; float:left;}
 .contents .board .boardTitle .bt_more {margin-top:9px; padding:4px; float:right; width:15px; height:15px; background:url(../images/ic_more.png) no-repeat 0 0; display:block; background-size:15px 15px;}
 .contents .board .boardTitle > a {font-size:16px; text-decoration:underline; color:#999; font-weight:400; float:right;}
 .contents .board .boardTitle:after {content:''; display:block; clear:both;}
 .contents .board ul li {float:left; margin-right:20px;}
 .contents .board ul li:last-child {margin-right:0px;}
 .contents .board ul li > div {box-sizing:border-box; border:1px solid #eee; width:353px; height:157px; background:#fff; border-radius:15px; box-shadow:8.0px 16.0px 16.0px hsl(0deg 0% 0% / 0.05); transition:all 0.16s ease-out;}
 .contents .board ul li > div:hover {box-shadow:8.0px 16.0px 16.0px hsl(0deg 0% 0% / 0.09); transform:translateY(-4px);}
 .contents .board ul li > div a {padding:26px; display:block;}
 .contents .board ul li > div span.title {font-size:16px; font-weight:800;}
 .contents .board ul li > div a > p {margin-top:8px; font-size:17px; font-weight:500; display:block;}
 .contents .board ul li > div span.date {margin-top:24px; font-size:14px; font-weight:200; color:#999; display:block;}
 .contents .inquiry {width:354px; float:right;}
 .contents .inquiry .inquiryTitle > a {float:right; text-decoration:underline; font-size:16px; color:#999; font-weight:400; position:relative;}
 .contents .inquiry .inquiryTitle > a:before {position:relative; top:-2px; vertical-align:middle; margin-right:4px; content:''; display:inline-block; width:14px; height:14px; background:url(../images/ic_write.png) no-repeat 0 0; background-size:14px 14px;}
 .contents .inquiry .inquiryTitle .bt_more {margin-top:9px; padding:4px; float:right; width:15px; height:15px; background:url(../images/ic_more.png) no-repeat 0 0; display:block; background-size:15px 15px;}
 .contents .inquiry .inquiryTitle:after {content:''; display:block; clear:both;}
 .contents .inquiry ul li {float:left; margin-left:20px;}
 .contents .inquiry ul li:first-child {margin-left:0px;}
 .contents .inquiry ul li > a {box-sizing:border-box; border:1px solid #eee; display:block; overflow:hidden; width:167px; height:157px; background:#fff; border-radius:15px; box-shadow:8.0px 16.0px 16.0px hsl(0deg 0% 0% / 0.05); transition:all 0.16s ease-out;}
 .contents .inquiry ul li > a:hover {box-shadow:8.0px 16.0px 16.0px hsl(0deg 0% 0% / 0.09); transform:translateY(-4px);}
 .contents .inquiry ul li > a span.qa {width:60px; height:60px; display:block; margin:14px auto 14px; background:url(../images/ic_inq.png) no-repeat 0 0; background-size:60px 60px;}
 .contents .inquiry ul li > a span.inq {width:60px; height:60px; display:block; margin:14px auto 14px; background:url(../images/ic_qna.png) no-repeat 0 0; background-size:60px 60px;}
 .contents .inquiry ul li > a > p.stit {font-size:14px; color:#999; font-weight:400; text-align:center;}
 .contents .inquiry ul li > a > p.tit {margin-top:2px; font-size:16px; font-weight:800; text-align:center;}


/* sub */
/* 서브 공통 */
 /* 서브 타이틀 */
 .titleArea {margin-top:88px;}
 .titleArea h4 {font-size:36px; font-weight:700; display:inline-block; vertical-align:middle;}
 .titleArea p {float:right; vertical-align:middle; padding-top:20px;}
 
 .btnArea {text-align:center; margin-top:60px;}
 .btnArea * {margin-left:8px;}
 .btnArea *:first-child {margin-left:0px;}
 
 /* 날짜 설정  */
 .date .iptDateSearch {float:left; width:49%; margin-right:2%; position:relative;}
 .date .iptDateSearch span {position:absolute; top:9px; right:12px; cursor:pointer; display:block; width:20px; height:21px; background:url(../images/ic_date.png) no-repeat 0 0;}
 .date .iptDateSearch input {border-radius:8px; color:#111; padding:0 40px 0 22px; font-size:16px; width:100%; height:40px; line-height:40px; box-sizing:border-box; border:1px solid #eee; background:#f9f9f9; transition:0.2s;}
 .date .iptDateSearch.on input {border:1px solid #111; background:#fff;}
 .date .iptDateSearch:last-child {margin-right:0;}

/* 로그인 */
.loginArea {width:430px; text-align:center;}
.loginArea > a {display:block;}
.loginArea > p {font-size:32px; font-weight:400;}
.loginArea > p > span {font-weight:700;}
.loginArea .enter {margin-top:36px;}
.loginArea .enter {margin-top:36px;}
.loginArea .enter .calc2 {position:relative;}
.loginArea .enter .calc2 .ipTextTypeA {margin-right:114px;}
.loginArea .enter .calc2 .btnTypeC {position:absolute; top:0px; right:0px; width:106px; height:56px;}
.loginArea .enter .calc2 .time {position:absolute; top:16px; right:0px; text-align:right; color:#600ce5; font-weight:400;}
.loginArea .enter .guide {text-align:left; font-weight:400; padding:6px 10px;}

/* 정산내역조회 */
.searchArea {margin-top:50px; overflow:hidden; box-shadow:8px 16px 16px hsl(0deg 0% 0% / 1%); border:1px solid #eee; box-sizing:border-box; border-radius:8px; padding:20px 38px;}
.searchArea .name,
.searchArea .date,
.searchArea .turm,
.searchArea .btn,
.searchArea .select {display:inline-block; vertical-align:middle;}
.searchArea .turm {float:left; position:relative; width:454px;}
.searchArea .name {float:left; position:relative; width:454px;}
.searchArea .turmDate span {width:calc((100% - 16px) / 3); box-sizing:border-box; transition:0.3s; display:inline-block; vertical-align:middle; margin-right:8px; border:1px solid #ddd; border-radius:8px; cursor:pointer; text-align:center; height:40px; line-height:40px;}
.searchArea .turmDate span:last-child {margin-right:0px;}
.searchArea .turmDate span:hover {background:#f6f6f6;}
.searchArea .turm > span,
.searchArea .name > span {position:absolute; top:6px; left:0px; font-size:18px; font-weight:700;}
.searchArea .turm > .turmDate {margin-left:126px;}
.searchArea .turm > .ipTextTypeB,
.searchArea .name > .ipTextTypeB {margin-left:82px;}
.searchArea .date {float:left; margin:0 10px 0 44px; width:330px;}
.searchArea .date.qna {margin:0 10px 0 126px;}
.searchArea .btn {float:right; position:relative; width:184px;}
.searchArea .btn.qna {width:102px;}
.searchArea .btn > button:nth-child(1) {width:74px; margin-right:8px;}
.searchArea .btn > button:nth-child(2) {width:102px;}
.searchArea .btn.qna > button {width:102px; margin-right:0;}
.searchArea .select {position:relative; float:left;}
.searchArea .select:nth-child(1) {width:198px;}
.searchArea .select:nth-child(2) {width:226px; margin-left:30px;}
.searchArea .select:nth-child(1) select {margin-left:50px; width:calc(100% - 50px);}
.searchArea .select:nth-child(2) select {margin-left:82px; width:calc(100% - 82px);}
.searchArea .select > span{position:absolute; top:6px; left:0px; font-size:18px; font-weight:700;}
.tableArea .checkLisTtypeA {margin-top:10px;}
.tableArea .checkLisTtypeB {margin-top:80px;}
.tableArea .checkLisTtypeC {margin-top:40px;}

/* 가맹점 정보관리 */
.excel_enter {position: relative; height: auto !important;}
.excel_enter > div {height: 58px; overflow: hidden; border: 1px solid #ddd;}

.dateEnter {display: inline-block; width: 100%; position: relative;}
.dateEnter .tit {float: left; font-size: 15px; color: #111; position: absolute; top: 8px; left: 0;}
.dateEnter .ipTextTypeB {margin-left: 180px; float: left;}
.dateEnter .ipTextTypeB > input::placeholder {color: #999;}

/* 개인정보수정 */
.tableArea.infoModify {margin-top:40px;}
.tableArea.infoModify td.max {padding:10px 16px;}
.tableArea.infoModify .ipTextTypeC {width:100%;}
.tableArea.infoModify .mmsCheck {margin-top:16px; display:inline-block; vertical-align:middle; position:relative;}
.tableArea.infoModify .mmsCheck > span {font-size:16px; font-weight:700; color:#111; position:absolute; top:0px; left:0px;}
.tableArea.infoModify .mmsCheck ul {margin-left:130px;}
.tableArea.infoModify .mmsCheck ul li {float:left; margin-right:40px;}
.tableArea.infoModify .mmsCheck ul li:last-child {margin-right:0px;}

/* 정보처리방침 */
.agreeArea .guide_title{ padding:40px; border:1px solid #e4e4e4; overflow: auto; font-size: 15px;}
.agreeArea .guide_title [class*="title_wrap_"]{ width:50%; float: left; box-sizing: border-box;}
.agreeArea .guide_title [class*="title_wrap_"] h4{ color:#334155; margin-top: 15px;}
.agreeArea .guide_title [class*="title_wrap_"] h4:first-child{ margin-top: 0;}
.agreeArea .guide_title .title_wrap_r{ padding-left: 20px;}
.agreeArea .agreeInner h4{ margin:20px 0 10px 0;}
.agreeArea .agreeInner ul{ margin:10px 0;}
.agreeArea .agreeInner ul li{ font-weight: 400; line-height: 1.6; text-indent: -15px; padding-left: 15px;}
.agreeArea .agreeInner ul > li > ul{ margin:5px 0 10px 0;}
.agreeArea .agreeInner .table_wrap{ margin-top: 10px; margin-bottom: 20px; border-top: 1px solid #808080; width:100%; border-spacing: 0; border-collapse: collapse;}
.agreeArea .agreeInner .table_wrap tr th{ background: #e9e9e9; border:1px solid #808080; text-align: center; padding:5px; font-weight: 500; font-size: 12px;}
.agreeArea .agreeInner .table_wrap tr td{ border:1px solid #808080; text-align: center; padding: 5px; font-weight: 400; font-size: 12px;}
.agreeArea .agreeInner .table_wrap.align_l tr td{ text-align: left;}

/* 이용약관 */
.agreeArea .guide_title ul{margin-top: 5px;}
.agreeArea .guide_title ul li{ font-size: 13px; color:#758398; font-weight: 500;}
.agreeArea .agreeInner h4.title{ font-size: 15px; font-weight: 700; margin-top: 40px;}
.agreeArea .agreeInner h4.title:first-child{ margin-top: 0;}

@media screen and (max-width:1200px) {
  .agreeArea .guide_title{ font-size: 14px; padding:30px;}
}

/* 판매동의등록절차 */
.stepState {margin-top:60px;}
.stepState:after {content:''; display:block; clear:both;}
.stepState > div:before {z-index:1; position:absolute; top:39px; right:-15px; content:''; width:30px; height:30px; display:block; background:url(../images/ic_step_arrow.png) no-repeat 0 0; background-size:30px 30px;}
.stepState > div:last-child:before {display:none;}
.stepState > div {vertical-align:middle; float:left; position:relative; width:calc(1200px / 3); height:112px; border-radius:8px; border:1px solid #ddd; box-sizing:border-box;}
.stepState > div p {margin-left:134px; padding-top:26px; line-height:130%; font-size:20px; color:#ccc;}
.stepState > div span {width:60px; height:60px; background:#ccc; display:block; border-radius:50%; position:absolute; top:25px; left:42px;}
.stepState > div.on {border:2px solid #600ce5; box-shadow:8px 16px 16px hsl(0deg 0% 0% / 5%)}
.stepState > div.on span {background:#600ce5;}
.stepState > div.on p {color:#111; font-weight:700;}
.stepState .step01 span:before {width:60px; height:60px; background:url(../images/ic_sell_step01.png) no-repeat 0 0; background-size:60px 60px; display:block;  content:'';}
.stepState .step02 span:before {width:60px; height:60px; background:url(../images/ic_sell_step02.png) no-repeat 0 0; background-size:60px 60px; display:block;  content:'';}
.stepState .step03 span:before {width:60px; height:60px; background:url(../images/ic_sell_step03.png) no-repeat 0 0; background-size:60px 60px; display:block;  content:'';}
.tableArea.userInfo td.max {padding:10px 16px;}
.tableArea.userInfo .ipTextTypeC {width:100%;}
.tableArea.userInfo > ul.txt {margin-top:12px; font-weight:400; font-size:14px; color:#999;}
.tableArea.userInfo > ul li.red {color: #ff0000;}
.tableArea.userInfo > p.checkTxt {margin-top:16px; font-size:14px; font-weight: 600; color:#111;}
.tableArea.userInfo .status ul li {float:left; margin-right:20px;}
.tableArea.userInfo .status ul li:last-child {margin-right:0px;}
.agreeArea {margin-top:40px;}
.agreeArea .guide {border-top:1px solid #111; padding:20px 0 20px;}
.agreeArea .guide p {font-weight:500;}
.agreeArea label {margin-top:40px; display:inline-block;}
.agreeArea .agreeTxt > p {margin-top:10px; font-size:14px; font-weight:500; border:1px solid #eee; background:#fafafa; padding:20px 30px;}
.agreeArea .agreeInner {margin-top:10px; color:#444; font-size:13px; font-weight:400; overflow-y:scroll; height:300px; border:1px solid #eee; background:#fafafa; padding:20px 30px; word-break:normal;}
.tableArea.agreeBox {margin-top:16px;}
.tableArea.agreeBox .tableTypeB td {text-align:left; padding:10px 16px; font-size:13px;}
.tableArea.agreeBox .tableTypeB td span {font-weight:700;}
.stateArea {margin-top:60px; padding:60px 0; background:#f9f9f9; border-radius:8px;}
.stateArea h6 {margin-top:30px; text-align:center; color:#111; font-size:32px;}
.stateArea > p {text-align:center; margin-top:40px; font-weight:400;}
.stateArea > span {position:relative; margin:0px auto 0; display:block;}
.stateArea .btnArea {margin-top:40px;}
.stateArea .stateIcon01 {width:78px; height:78px; border-radius:50%; overflow:hidden; background:#d9d9d9;}
.stateArea .stateIcon01:before {content:''; display:block; width:24px; height:24px; border-radius:50%; background:#fff; margin:18px auto 0;}
.stateArea .stateIcon01:after {content:''; display:block; width:60px; height:60px; border-radius:50%; background:#600ce5; margin:8px auto 0;}
.stateArea .stateIcon02 {margin-top:6px; width:70px; height:58px; padding-top:20px; border-radius:8px; background:#600ce5;}
.stateArea .stateIcon02:before {position:absolute; left:50%; margin-left:-5px; bottom:-6px; content:''; width:12px; height:12px; background:#600ce5; display:block; transform:rotate(-45deg);}
.stateArea .stateIcon02 em:before {content:''; display:block; width:40px; height:4px; border-radius:2px; background:#fff; margin:0px auto 0;}
.stateArea .stateIcon02 em:after {content:''; display:block; width:40px; height:4px; border-radius:2px; background:#fff; margin:12px auto 0;}
.stateArea .stateIcon03 {width:70px; height:70px;}
.stateArea .stateIcon03:before {position:absolute; top:0px; left:0px; content:''; display:block; width:30px; height:30px; border-radius:50%; background:#600ce5;}
.stateArea .stateIcon03:after {position:absolute; bottom:0px; right:0px; content:''; display:block; width:30px; height:30px; border-radius:50%; background:#600ce5;}
.stateArea .stateIcon03 em:before {position:absolute; bottom:0px; left:0px; content:''; display:block; width:30px; height:30px; border-radius:5px; background:#d9d9d9;}
.stateArea .stateIcon03 em:after {position:absolute; top:0px; right:0px; content:''; display:block; width:30px; height:30px; border-radius:5px; background:#d9d9d9;}

/* 공지사항, 자주하는질문, 1:1문의 */
.NoticeSearch {margin-top:40px; border:1px solid #eee; background:#f6f6f6; box-shadow:8px 16px 16px hsl(0deg 0% 0% / 1%); border-radius:8px; padding:36px 15%; box-sizing:border-box;}
.NoticeSearch .ipTextTypeA {position:relative;}
.NoticeSearch .ipTextTypeA input[type="text"] {padding-right:80px; border:1px solid #600ce5;}
.NoticeSearch .btnSearch {width:56px; height:56px; position:relative; display:block; position:absolute; top:0px; right:0px;}
.NoticeSearch .btnSearch i {position:absolute; top:13px; left:6px; display:block; width:24px; height:24px; box-sizing:border-box; border-radius:50%; border:3px solid #600ce5;}
.NoticeSearch .btnSearch i:before {content:''; position:absolute; top:20px; left:15px; display:block; width:10px; height:3px; transform:rotate(45deg); background:#600ce5;}
.NoticeSearch .option {overflow:hidden; margin-top:16px; text-align:center;}
.NoticeSearch .option a {font-weight:400; font-size:18px; display:inline-block; color:#999; vertical-align:middle; margin-right:20px;}
.NoticeSearch .option a.on,
.NoticeSearch .option a:hover {font-weight:500; text-decoration:underline; color:#111; transition:0.2s;}
.NoticeSearch .option a:last-child {margin-right:0;}
/*.tableArea.noticeList {margin-top:80px;}*/
.tableArea.noticeList .alignLeft {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.tableArea.noticeState td span {color:#999; font-weight:400; display:inline-block; padding:6px 20px; border-radius:20px; background:#f6f6f6;}
.boardView {margin-top:80px}
.boardView .boardTitle {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px; font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.boardView .boardTitle.black {border-top:1px solid #111;}
.boardView .boardTitle > a {padding-right:60px; display:block; position:relative; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.boardView .boardTitle > a:hover {text-decoration:underline;}
.boardView .boardTitle > a:after {content:''; width:16px; height:16px; border-left:1px solid #111; border-bottom:1px solid #111; display:block; position:absolute; top:0px; right:10px; transform:rotate(-45deg);}
.boardView .boardTitle > a.off:after {top:10px; transform:rotate(135deg);}
.boardView .boardBody {padding:20px; border-bottom:1px solid #ddd;}
.boardView .boardDetail {position:relative; padding:20px 60px; border-bottom:1px solid #eee; box-sizing:border-box; transition:0.2s; background:#f9f9f9;}
.boardView .boardDetail:before {content:''; width:10px; height:10px; border-left:1px solid #666; border-bottom:1px solid #666; display:block; position:absolute; top:20px; left:36px;}
.boardView .boardDetail p,
.boardView .boardBody > p {font-weight:400;}
.boardView .boardList ul li {position:relative; border-bottom:1px solid #ddd;}
.boardView .boardList ul li a {display:block; padding:20px 160px 20px 120px;}
.boardView .boardList ul li a .prev:after {border-left:1px solid #111; border-bottom:1px solid #111; width:8px; height:8px; content:''; display:inline-block; vertical-align:middle; transform:rotate(135deg); margin:2px 0 0 16px;}
.boardView .boardList ul li a .next:after {border-left:1px solid #111; border-bottom:1px solid #111; width:8px; height:8px; content:''; display:inline-block; vertical-align:middle; transform:rotate(-45deg); margin:-8px 0 0 16px;}
.boardView .boardList ul li a .prev,
.boardView .boardList ul li a .next {position:absolute; top:20px; left:20px;}
.boardView .boardList ul li a > p {font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.boardView .boardList ul li a:hover > p {text-decoration:underline;}
.boardView .boardList ul li a .date {position:absolute; top:20px; right:20px; font-weight:400; color:#999;}
.tableArea.qnaWrite {margin-top:40px;}
.tableArea.qnaWrite .txtTypeA {height:200px;}
.tableArea.qnaWrite .file {position:relative;}
.tableArea.qnaWrite .file .ipTextTypeC {margin-right:90px;}
.tableArea.qnaWrite .file label {position:absolute; top:9px; right:16px;}

/* 쿠폰 승인 */
.approArea {display: inline-block; width: 100%; margin-top: 60px; overflow:hidden; box-shadow:8px 16px 16px hsl(0deg 0% 0% / 1%); border:2px solid #333; box-sizing:border-box; border-radius:8px; padding:20px 38px; text-align: center;}
.approArea .name {position:relative; display:inline-block; vertical-align:middle; width:600px;}
.approArea .name > span {position:absolute; top:6px; left:0px; font-size:18px; font-weight:700;}
.approArea .name > .ipTextTypeB {margin-left:180px;}
.approArea .name > .ipTextTypeB input {width:300px;}
.approArea button {display: inline-block; width:74px; margin-left:8px;}
.approArea .ipTextTypeB .select {box-sizing: border-box;}

.approArea .date {position:relative; display:inline-block; vertical-align:middle; width:600px;}
.approArea .date .date_wth {margin-left:180px; padding: 0 20px; box-sizing: border-box; overflow: hidden;}
.approArea .date > span {position:absolute; top:6px; left:0px; font-size:18px; font-weight:700;}

.appro .tableTypeC .spotArea {overflow:hidden; padding:5px 0;}
.appro .tableTypeC .spotArea .select {position:relative; float:left;}
.appro .tableTypeC .spotArea .select:nth-child(1) {width:198px;}
.appro .tableTypeC .spotArea .select:nth-child(2) {width:226px; margin-left:30px;}
.appro .tableTypeC .spotArea .select > span{position:absolute; top:6px; left:0px; font-size:18px; font-weight:700;}

@media screen and (max-width:1200px) {
	.approArea .name {width:100%; text-align: left; margin-bottom: 15px;}
	.approArea .name > span {position: relative; display: inline-block; font-size:16px; font-weight:700; margin-bottom: 15px;}
	.approArea .name > .ipTextTypeB {margin-left:0;}
	.approArea .name > .ipTextTypeB input {width:100%; margin-bottom: 15px;}
	.approArea button {display: inline-block; width:100%; margin-left:0;}
	.approArea .ipTextTypeB .select {padding: 0 0px;}
	
	.approArea .date {width:100%; text-align: left; margin-bottom: 15px;}
	.approArea .date .date_wth {margin-left:0; padding: 0 0px; box-sizing: border-box; overflow: hidden;}
	.approArea .date > span {position: relative; display: inline-block; font-size:16px; font-weight:700; margin-bottom: 15px;}

	.agreeArea {margin-top:20px;}
	.agreeArea label {margin-top:30px;}
	.agreeArea .agreeTxt > p {margin-top:10px; font-size:13px; font-weight:500; border:1px solid #eee; background:#fafafa; padding:10px 16px;}
	.agreeArea .agreeInner {margin-top:10px; color:#444; font-size:13px; font-weight:400; overflow-y:scroll; height:400px; border:1px solid #eee; background:#fafafa; padding:10px 16px; word-break:normal;}
	.agreeArea .guide p {font-weight:500; font-size:14px;}
	.tableArea.agreeBox .tableTypeB td {padding:1% 2%;}
  .agreeArea .guide_title{ font-size: 14px; padding:30px;}
}

/* btn */
.btnTypeA {opacity:1; border-radius:8px; display:block; width:100%; height:56px; line-height:56px; text-align:center; font-size:24px; color:#fff; background:#600ce5; transition:0.3s;}
.btnTypeA:hover {opacity:.90;}
.btnTypeB {opacity:1; border-radius:8px; display:inline-block; width:100%; height:40px; line-height:40px; text-align:center; font-size:18px; color:#fff; background:#600ce5; transition:0.3s;}
.btnTypeB:hover {opacity:.90;}
.btnTypeC {background:#fff; border-radius:8px; display:inline-block; width:100%; height:40px; border:1px solid #600ce5; box-sizing:border-box; line-height:40px; text-align:center; font-size:16px; color:#600ce5; background:#fff; transition:0.3s;}
.btnTypeC:hover {background:#f6f6f6;}
.btnTypeD {background:#fff; border-radius:8px; display:inline-block; padding:0 14px; height:36px; border:1px solid #ddd; box-sizing:border-box; line-height:36px; text-align:center; font-size:15px; color:#111; background:#fff; transition:0.3s;}
.btnTypeD:hover {background:#f6f6f6;}
.btnTypeE {opacity:1; border-radius:8px; display:inline-block; padding:0 50px; height:66px; line-height:66px; text-align:center; font-size:18px; color:#fff; background:#600ce5; transition:0.3s;}
.btnTypeE:hover {opacity:.90;}
.btnTypeF {background:#fff; border-radius:8px; display:inline-block; padding:0 50px; height:66px; border:1px solid #600ce5; box-sizing:border-box; line-height:66px; text-align:center; font-size:18px; color:#600ce5; background:#fff; transition:0.3s;}
.btnTypeF:hover {background:#f6f6f6;}
.btnTypeG {background:#fff; border-radius:8px; display:inline-block; padding:0 14px; height:40px; border:1px solid #ddd; box-sizing:border-box; line-height:40px; text-align:center; font-size:15px; color:#600ce5; background:#fff; transition:0.3s;}
.btnTypeG:hover {background:#f6f6f6;}
.btnTypeH {background:#fff; border-radius:8px; display:inline-block; height:40px; border:1px solid #ddd; box-sizing:border-box; line-height:40px; text-align:center; font-size:16px; color:#111; background:#fff; transition:0.3s;}
.btnTypeH:hover {background:#f6f6f6;}
.btnTypeI {opacity:1; border-radius:8px; display:inline-block; padding:0 50px; height:66px; line-height:66px; text-align:center; font-size:18px; color:#fff; background: #e30c0c; transition:0.3s;}
.btnTypeI:hover {opacity:.90;}
.btnTypeJ {opacity:1; border-radius:8px; display:inline-block; padding:0 50px; height:66px; line-height:66px; text-align:center; font-size:18px; color:#fff; background: #18960f; transition:0.3s;}
.btnTypeJ:hover {opacity:.90;}
.btnTypeK {opacity:1; border-radius:8px; display:inline-block; padding:0 50px; height:66px; line-height:66px; text-align:center; font-size:18px; color:#fff; background: #241abd; transition:0.3s;}
.btnTypeK:hover {opacity:.90;}


/* input */
.ipTextTypeA input {background:#fff; border-radius:8px; padding:0 30px; font-size:20px; width:100%; height:56px; line-height:56px; box-sizing:border-box; border:1px solid #eee; transition:0.2s;}
.ipTextTypeA input:focus {border:1px solid #600ce5;}
.ipTextTypeB input {border-radius:8px; color:#111; padding:0 22px; font-size:18px; width:100%; height:40px; line-height:40px; box-sizing:border-box; border:1px solid #eee; transition:0.2s;}
.ipTextTypeB input:focus {border:1px solid #111;}
.ipTextTypeC input {border-radius:8px; color:#111; padding:0 12px; font-size:16px; width:100%; height:40px; line-height:40px; box-sizing:border-box; border:1px solid #eee; transition:0.2s;}
.ipTextTypeC input:focus {border:1px solid #111;}

.selectTypeA {position:relative;}
.selectTypeA span {width:8px; height:8px; display:block; border-bottom:1px solid #111; border-left:1px solid #111; transform:rotate(-45deg); position:absolute; top:14px; right:14px;}
.selectTypeA select {border-radius:4px; color:#111; padding:0 32px 0 16px; font-size:14px; width:100%; height:40px; line-height:40px; box-sizing:border-box; border:1px solid #eee; background:#f9f9f9; transition:0.2s;}

.ipRadioTypeA {font-size:15px;}
.ipRadioTypeA:before {content:''; width:20px; height:20px; box-sizing:border-box; border-radius:50%; border:3px solid #eee; display:inline-block; vertical-align:middle; margin-right:6px; position:relative; top:-1px;}
input:checked + .ipRadioTypeA:before {border:6px solid #600ce5;}

.ipCheckTypeA {font-size:16px; position:relative;}
.ipCheckTypeA:before {content:''; width:20px; height:20px; box-sizing:border-box; border:2px solid #ddd; display:inline-block; vertical-align:middle; margin-top:-1px;  margin-right:8px; position:relative; top:-2px;}
input:checked + .ipCheckTypeA:after {content:''; transform:rotate(-45deg); width:15px; height:12px; box-sizing:border-box; border-left:3px solid #600ce5; border-bottom:3px solid #600ce5; display:inline-block; vertical-align:middle; margin-right:6px; position:absolute; left:3px; top:2px;}

.ipFileTypeA {position:relative;}
.ipFileTypeA input[type="text"] {border-radius:8px; color:#111; padding:0 12px; font-size:16px; width:100%; height:40px; line-height:40px; box-sizing:border-box; border:1px solid #eee; transition:0.2s;}
.ipFileTypeA label {position:absolute; top:0px; right:0px; height:40px; line-height:40px; border-radius:8px; width:80px; box-sizing:border-box; border:1px solid #111; font-size:16px; display:block; text-align:center;}
.ipFileTypeA > div {margin-right:86px;}

.txtTypeA {border-radius:8px; color:#111; resize:none; padding:0 12px; font-size:16px; width:100%; height:40px; line-height:40px; box-sizing:border-box; border:1px solid #eee; transition:0.2s;}
.txtTypeA:focus {border:1px solid #111; border-radius:8px;}
.txtTypeB {border-radius:8px; color:#111; resize:none; padding:0 12px; font-size:16px; box-sizing:border-box; border:1px solid #eee; transition:0.2s;}
.txtTypeA:focus {border:1px solid #111; border-radius:8px;}
.txtPoint {color:#600ce5; font-weight: 700!important; }

/* table */
.tableArea {width:100%; position:relative;}
.tableArea_s {width:100%; position:relative;}
.tableDetail {display: inline-block; width: 100%; margin:60px 0px 16px 0; height:40px;}
.tableDetail > span {font-size:18px; font-weight:700; display:inline-block; margin-right:20px; line-height:40px;}
.tableDetail > span:before {content:''; width:3px; height:16px; display:inline-block; vertical-align:middle; position:relative; top:-1px; margin-right:8px; background:#111;}
.tableDetail > em {font-size:15px; color:#666; font-weight:400;}
.tableDetail em.point {color: #600ce5; font-weight: 600;}
.tableDetail > a {float:right;}
.tableDetail .r_excel_area {display: inline-block; float: right; text-align: right;}
.tableDetail .r_excel_area button.btnTypeC {width:102px;}
.tableDetail .r_excel_area button.btnTypeH {width:102px;}
.tableDetail .r_excel_area > em {margin: 2px 15px 0 0; font-size:15px; color:#666; font-weight:400;}
.detailBtn {display: inline-block; float: right;}

.tableDetail_etc {display: inline-block; margin-top:40px; width: 100%; font-size:16px; margin-bottom:16px;}
.tableDetail_etc > em {display: inline-block; margin-top: 8px; font-size:15px; color:#666; font-weight:400;}
.tableDetail_etc > a {float:right;}
.tableDetail_etc .r_excel_area {display: inline-block; float: right; text-align: right;}
.tableDetail_etc .r_excel_area button.btnTypeC {width:102px; }
.tableDetail_etc .r_excel_area > em {margin: 2px 15px 0 0; font-size:15px; color:#666; font-weight:400;}

.tableArea .tableTypeA {border-top:2px solid #111;}
.tableArea .tableTypeA tbody th,
.tableArea .tableTypeA tbody td {font-size:14px; text-align:center; border:1px solid #d9d9d9;}
.tableArea .tableTypeA tbody th {background:#f6f6f6; font-weight:700; height:50px; line-height:110%}
.tableArea .tableTypeA tbody td {font-weight:500; height:60px; line-height:130%; padding:0 2px;}
.tableArea .tableTypeA tfoot th,
.tableArea .tableTypeA tfoot td {height:60px; background:#e9e9e9; font-size:15px; font-weight:800; text-align:center; border-collapse:collapse; border:1px solid #d9d9d9;}
.tableArea .tableTypeA tbody tr.total {border:3px solid #aaa;}
.tableArea .tableTypeA tbody tr.total td {height:60px; background:#e9e9e9!important; font-size:15px; color:#000; font-weight:800; text-align:center; border-collapse:collapse; border:1px solid #d9d9d9;}

.tableArea .tableTypeB {border-top:2px solid #111 !important;}
.tableArea .tableTypeB tbody th,
.tableArea .tableTypeB tbody td {font-size:15px; text-align:center; border:1px solid #d9d9d9;}
.tableArea .tableTypeB tbody th {background:#e9e9e9; font-weight:700; height:50px; line-height:110%}
.tableArea .tableTypeB tbody td {font-weight:500; height:60px; line-height:130%; padding:6px 6px;}
.tableArea .tableTypeB tbody tr.total {border:3px solid #aaa;}
.tableArea .tableTypeB tbody tr.total td {height:60px; background:#f7f7f7!important; font-size:15px; color:#000; font-weight:800; text-align:center; border-collapse:collapse; border:1px solid #d9d9d9;}

.tableArea .tableTypeC {border-top:1px solid #DDD !important;}
.tableArea .tableTypeC tbody th {width:20%; text-align:left; padding:20px 36px; vertical-align:top; background:#f6f6f6; font-weight:700; height:50px; line-height:110%; border-bottom:1px solid #ddd;}
.tableArea .tableTypeC tbody td {vertical-align:top; padding:10px 16px; font-weight:500; height:60px; line-height:130%; border-bottom:1px solid #ddd;}
.tableArea .tableTypeC tbody td.txt {padding:18px 16px;}
.tableArea .tableTypeC .txt_guide {font-size:14px; color:#999; margin-top:8px; font-weight:400;}
.tableArea .tableTypeC tbody td.max {padding:10px 16px;}

.tableArea .tableTypeD {border-top:2px solid #111 !important;}
.tableArea .tableTypeD tbody th {text-align:center; padding:10px 0; background:#f6f6f6; font-weight:700; height:60px; line-height:110%; border-bottom:1px solid #ddd;}
.tableArea .tableTypeD tbody td {text-align:center; font-weight:500; padding:16px 0; height:60px; line-height:110%; border-bottom:1px solid #ddd;}
.tableArea .tableTypeD tbody td.alignLeft {text-align:left; padding:30px 30px;}
.tableArea .tableTypeD tbody tr:hover {background:#f9f9f9;}
.tableArea .tableTypeD tbody td a {display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.tableArea .tableTypeD tbody td a:hover {text-decoration:underline;}
.tableArea .tableTypeD .coment {position:relative; padding:20px 60px 20px 100px; border-bottom:1px solid #eee; box-sizing:border-box; transition:0.2s; background:#f9f9f9; text-align:left;}
.tableArea .tableTypeD .coment:before {content:''; width:10px; height:10px; border-left:1px solid #666; border-bottom:1px solid #666; display:block; position:absolute; top:20px; left:76px;}

.tableArea_s .tableTypeE {border-top:2px solid #111;}
.tableArea_s .tableTypeE tbody th,
.tableArea_s .tableTypeE tbody td {font-size:14px; text-align:center; border:1px solid #d9d9d9;}
.tableArea_s .tableTypeE tbody th {background:#f6f6f6; font-weight:700; height:50px; line-height:110%}
.tableArea_s .tableTypeE tbody td {font-weight:500; height:60px; line-height:130%; padding:0 2px;}
.tableArea_s .tableTypeE tfoot th,
.tableArea_s .tableTypeE tfoot td {height:60px; background:#e9e9e9; font-size:15px; font-weight:800; text-align:center; border-collapse:collapse; border:1px solid #d9d9d9;}

.paging {margin-top:50px; text-align:center;}
.paging .btnFirst,
.paging .btnPrev,
.paging .btnNext,
.paging .btnLast {padding:0; text-decoration:none; display:inline-block; position:relative;}
.paging .btnLast {margin-right:0;}
.paging .btnFirst:before {position:absolute; top:14px; left:15px; content:''; display:block; width:10px; height:10px; box-sizing:border-box; border-left:1px solid #222; border-bottom:1px solid #222; transform:rotate(45deg);}
.paging .btnFirst:after {position:absolute; top:14px; left:20px; content:''; display:block; width:10px; height:10px; box-sizing:border-box; border-left:1px solid #222; border-bottom:1px solid #222; transform:rotate(45deg);}
.paging .btnPrev:before {position:absolute; top:14px; left:16px; content:''; display:block; width:10px; height:10px; box-sizing:border-box; border-left:1px solid #222; border-bottom:1px solid #222; transform:rotate(45deg);}
.paging .btnNext:before {position:absolute; top:14px; right:17px; content:''; display:block; width:10px; height:10px; box-sizing:border-box; border-left:1px solid #222; border-bottom:1px solid #222; transform:rotate(-135deg);}
.paging .btnLast:before {position:absolute; top:14px; right:20px; content:''; display:block; width:10px; height:10px; box-sizing:border-box; border-left:1px solid #222; border-bottom:1px solid #222; transform:rotate(-135deg);}
.paging .btnLast:after {position:absolute; top:14px; right:15px; content:''; display:block; width:10px; height:10px; box-sizing:border-box; border-left:1px solid #222; border-bottom:1px solid #222; transform:rotate(-135deg);}
.paging a {margin-right:4px; width:40px; height:40px; border:1px solid #ddd; border-radius: 8px; box-sizing:border-box;  line-height:40px; display:inline-block; vertical-align:middle;}
.paging a.on {background:#600ce5; border:1px solid #600ce5; color:#fff;}
.paging a:hover {text-decoration:underline;}

/* 사이드바 */
.sideBar {position:fixed; top:0px; width:0%; height:100%; transition:0.2s; opacity:0; background-color:#fff; z-index:9999; overflow-y:scroll;}

@media screen and (max-width:1200px) {
.slideArea img.web {display:none;}	
.slideArea img.mobile {display:block;}	

 .slideArea {width:calc(100% - 32px); border-radius:15px; overflow:hidden; box-shadow:8.0px 16.0px 16.0px hsl(0deg 0% 0% / 0.12); transition:all 0.16s ease-out;}
 .contents {margin:50px auto 0; width:calc(100% - 32px);}
 .contents .board .boardTitle {margin-bottom:10px;}
 .contents .inquiry .inquiryTitle {margin-bottom:16px;}
 .contents .board {width:100%;}
 .contents .board .boardTitle h4 {font-size:18px; font-weight:800;}
 .contents .board .boardTitle > a {font-size:16px;}
 .contents .board ul li {width:100%; margin-right:0px; margin-top:12px;}
 .contents .board ul li:first-child {margin-top:0px;}
 .contents .board ul li > div {width:100%; height:147px}
 .contents .board ul li > div a {width:calc(100% - 52px); padding:22px 26px;}
 .contents .board ul li > div span.title {font-size:17px;}
 .contents .board ul li > div a > p {margin-top:8px; font-size:16px;}
 .contents .board ul li > div span.date {margin-top:24px; font-size:14px; }
 .contents .inquiry {width:100%; margin-top:40px;}
 .contents .inquiry .inquiryTitle > a {float:right;font-size:16px;}
 .contents .inquiry .inquiryTitle > a:before {position:relative; top:-2px; margin-right:4px; width:14px; height:14px; background:url(../images/ic_write.png) no-repeat 0 0; background-size:14px 14px;}
 .contents .inquiry ul li {margin-left:0px; float:left; width:calc(50% - 6px);}
 .contents .inquiry ul li:last-child {margin-left:12px;}
 .contents .inquiry ul li > a {width:100%; height:157px; background:#fff; border-radius:15px; box-shadow:8.0px 16.0px 16.0px hsl(0deg 0% 0% / 0.05); transition:all 0.16s ease-out;}
 .contents .inquiry ul li > a span.qa {width:60px; height:60px; display:block; margin:16px auto 14px; background:url(../images/ic_inq.png) no-repeat 0 0; background-size:60px 60px;}
 .contents .inquiry ul li > a span.inq {width:60px; height:60px; display:block; margin:16px auto 14px; background:url(../images/ic_qna.png) no-repeat 0 0; background-size:60px 60px;}
 .contents .inquiry ul li > a > p.stit {font-size:14px; font-weight:400;}
 .contents .inquiry ul li > a > p.tit {margin-top:2px; font-size:17px;}

/* 서브 공통 */
 /* 서브 타이틀 */
 .titleArea {margin-top:48px;}
 .titleArea h4 {font-size:22px;}
 .titleArea p {padding-top:10px; font-size:14px;}

 .btnArea {margin-top:40px;}
 .btnArea * {margin-left:6px;}
 
/* 로그인 */ 
.loginArea {width:calc(100% - 32px);}
.loginArea > p {font-size:22px;}

/* 정산내역조회 */
.searchArea {width:100%; border:none; box-shadow:none; padding:0; margin-top:20px;}
.searchArea .name,
.searchArea .date,
.searchArea .turm,
.searchArea .btn,
.searchArea .select {display:block; vertical-align:middle;}
.searchArea .turm,
.searchArea .name {float:none; width:100%;}
.searchArea .turm > span,
.searchArea .name > span {position:absolute; top:8px; left:0px; font-size:16px;}
.searchArea .turm > .ipTextTypeB,
.searchArea .name > .ipTextTypeB {margin-left:82px;}
.searchArea .date {float:none; margin:8px 0 0 0; width:100%;}
.searchArea .date.qna {margin:8px 0px 0 0px;}
.searchArea .btn {position:relative; width:100%; margin:12px 0 0 0;}
.searchArea .btn > button:nth-child(1) {width:100%; margin-right:0px;}
.searchArea .btn > button:nth-child(2) {width:100%; margin:8px 0 0 0;}
.searchArea .btn.qna {width:100%;}
.searchArea .turm > .turmDate {margin-left:90px;}
.searchArea .select {position:relative; float:none;}
.searchArea .select:nth-child(1) {width:100%;}
.searchArea .select:nth-child(2) {width:100%; margin:8px 0 0 0px;}
.searchArea .select:nth-child(1) select {margin-left:82px; width:calc(100% - 82px);}
.searchArea .select:nth-child(2) select {margin-left:82px; width:calc(100% - 82px);}
.searchArea .select > span{position:absolute; top:8px; left:0px; font-size:16px; font-weight:700;}

/* 개인정보수정 */
.tableArea.infoModify {margin-top:20px;}
.tableArea.infoModify td.max {padding:10px 10px;}
.tableArea.infoModify .ipTextTypeC {width:100%;}

.tableArea.infoModify .mmsCheck {margin-top:16px;}
.tableArea.infoModify .mmsCheck > span {font-size:14px; position:static;}
.tableArea.infoModify .mmsCheck ul {margin:8px 0 0 0px;}
.tableArea.infoModify .mmsCheck ul li {float:left; margin-right:40px;}

/* 판매동의등록절차 */
.stepState {margin-top:30px;}
.stepState > div:before {transform:rotate(90deg); top:56px; right:50%; margin-right:-8px; width:16px; height:16px; background-size:16px 16px;}
.stepState > div {float:none; width:100%; height:66px;}
.stepState > div p {margin-left:110px; padding-top:11px; font-size:16px;}
.stepState > div span {width:30px; height:30px; top:15px; left:42px;}
.stepState > div.on {border:1px solid #600ce5; box-shadow:8px 16px 16px hsl(0deg 0% 0% / 2%)}
.stepState .step01 span:before {width:30px; height:30px; background-size:30px 30px;}
.stepState .step02 span:before {width:30px; height:30px; background-size:30px 30px;}
.stepState .step03 span:before {width:30px; height:30px; background-size:30px 30px;}
.tableArea.userInfo td.max {padding:10px 10px;}
.tableArea.userInfo .ipTextTypeC {width:100%;}
.stateArea {padding:40px 0;}
.stateArea h6 {font-size:26px;}
.stateArea > p {margin-top:20px; font-weight:400;}
.stateArea > span {position:relative; margin:0px auto 0; display:block;}
.stateArea .btnArea {margin-top:20px;}

/* 공지사항, 자주하는질문, 1:1문의 */
.NoticeSearch {margin-top:20px; padding:8px 8px;}
.NoticeSearch .ipTextTypeA input[type="text"] {font-size:18px;}
.NoticeSearch .btnSearch i {top:16px; left:15px;width:20px; height:20px;}
.NoticeSearch .btnSearch i:before {top:16px; left:12px;width:8px;}
.NoticeSearch .option {margin-top:14px;}
.NoticeSearch .option a {font-size:16px; margin-right:20px;}
.tableArea.boardList {margin-top:40px;}
.tableArea.noticeList {margin-top:40px;}
.tableArea.qnaWrite {margin-top:20px;}
.tableArea.noticeState td span {padding:0; background:none;}
.boardView {margin-top:40px;}
.boardView .boardTitle {padding:20px 10px; font-size:16px;}
.boardView .boardTitle > a {font-size:16px;}
.boardView .boardTitle > a {padding-right:40px;}
.boardView .boardTitle > a:after {width:12px; height:12px;}
.boardView .boardBody {padding:20px 10px;}
.boardView .boardList ul li a {padding:20px 30% 20px 22%;}
.boardView .boardList ul li a .prev:after {margin:2px 0 0 10px;}
.boardView .boardList ul li a .next:after {margin:-8px 0 0 10px;}
.boardView .boardList ul li a .prev,
.boardView .boardList ul li a .next {position:absolute; top:20px; left:10px;}
.boardView .boardList ul li a .date {position:absolute; top:20px; right:10px; font-size:14px;}
.boardView .boardDetail {padding:20px 20px 20px 40px; border-bottom:1px solid #eee; box-sizing:border-box; transition:0.2s; background:#f9f9f9;}
.boardView .boardDetail:before {top:20px; left:16px;}

/* btn */
.btnTypeE {padding:0 34px; height:56px; line-height:56px; font-size:16px;}
.btnTypeF {padding:0 34px; height:56px; line-height:56px; font-size:16px;}

/* table */
.tableDetail {margin-top:40px; font-size:16px; margin-bottom:16px;}
.tableDetail > span {font-size:16px;}
.tableDetail > span:before {height:14px;}
	
.tableDetail_etc {display: inline-block; margin-top:40px; width: 100%; font-size:16px; margin-bottom:16px;}
.tableDetail_etc > em {font-size:13px;}
.tableDetail_etc .r_excel_area > em {display: inline-block; width: 100%; margin: 0; font-size:13px; color:#666; font-weight:400;}

.tableArea .tableTypeC {border-top:1px solid #DDD !important;}
.tableArea .tableTypeC tbody th {width:30%; padding:22px 10px; height:50px; line-height:110%; font-size:14px;}
.tableArea .tableTypeC tbody td {padding:10px 10px; position:relative; font-weight:500; height:60px; line-height:130%; border-bottom:1px solid #ddd;}
.tableArea .tableTypeC tbody th span {display:block;}
.tableArea .tableTypeC tbody td.max {padding:10px 10px;}
.tableArea .tableTypeC .txt_guide {line-height:130%;}
	
.tableArea .tableTypeD .coment {padding:20px 20px 20px 50px;}
.tableArea .tableTypeD .coment:before {top:20px; left:26px;}
	
/* 사이드바 */	
.sideBar {position:fixed; top:0px; width:0%; height:100%; transition:0.2s; opacity:0; background-color:#fff; z-index:9999; overflow-y:scroll;}
.sideBar.on {width:100%; opacity:1;}
.sideBar .default {padding:24px 16px 20px 22px; position:relative; overflow:hidden;}
.sideBar .default span.ic_option {cursor:pointer; width:25px; height:25px; background:url(../images/ic_sidebar.png) no-repeat 0 0; background-size:75px 25px; display:inline-block; background-position:-50px 0; float:left;}
.sideBar .default span.ic_close {cursor:pointer; width:25px; height:25px; background:url(../images/ic_sidebar.png) no-repeat 0 0; background-size:75px 25px; background-position:-25px 0; display:inline-block; float:right;}
.sideBar .default p.txtGuide {margin-top:50px; font-size:19px; font-weight:700; clear:both; overflow:hidden; color:#111;}
.sideBar .default span.bt_login,
.sideBar .default span.bt_modify {font-size:14px; font-weight:400; margin-top:6px; color:#888888; display:inline-block; cursor:pointer;}
.sideBar .default span.bt_login:after,
.sideBar .default span.bt_modify:after {width:5px; height:8px; display:inline-block; content:''; background:url(../images/ic_arrow01.png) no-repeat 0 0; background-size:5px 8px; vertical-align:middle; margin-left:6px; position:relative; top:-1px;}
.sideBar .menu {border-top:10px solid #f2f2f2;}
.sideBar .menu ul li {border-bottom:1px solid #eee;}
.sideBar .menu ul li a {font-weight:500; height:50px; line-height:50px; padding:0 22px; display:block;}	
}

/* 탭 */
ul.tabmenu {display:inline-block; width:100%; border-bottom:1px solid #000; margin-top: 30px;}
ul.tabmenu li{float:left; text-align: center; border-left:1px solid #ccc; border-top:1px solid #ccc; box-sizing: border-box;}
ul.tabmenu li.first {border-top-left-radius: 15px; border-left: 1px solid #ccc; }
ul.tabmenu li.first a {border-top-left-radius: 15px;}
ul.tabmenu li.last {border-top-right-radius: 15px; border-right:1px solid #ccc;}
ul.tabmenu li.last a {border-top-right-radius: 15px;}
ul.tabmenu a {display:block; height: 60px; padding:0 65px; line-height: 60px; color:#666; background:#f2f2f2; font-size:18px; font-weight:500; }
ul.tabmenu a:hover {color:#000; font-weight:700;}
ul.tabmenu a.on {color:#000; background:#fff; font-size:22px; font-weight:700; border-bottom: 3px solid #000; box-sizing:border-box;}

/* 에러 페이지 */
div.errorArea {max-width:510px; margin:0 auto; padding:120px 0; text-align:center;}
div.errorBox {max-width:400px; margin:0 auto; text-align:center;}
div.errorBox span {display:inline-block; text-indent:-9999em;}
div.errorBox.badRequest span {width:384px; height:220px; background:url('/images/error/400.png');margin-left:-48px;}
div.errorBox.forBidden span {width:350px; height:340px; background:url('/images/error/403.png');}
div.errorBox.notFound span {width:330px; height:305px; background:url('/images/error/404.png');}
div.errorBox.serverError span {width:390px; height:305px; background:url('/images/error/500.png');}

div.errorBox p {font-size:15px; color:#7d7f84; letter-spacing:-0.05em; font-weight:500; margin:56px 0 19px;}

/* Mobile 1100이하 */
@media screen and (max-width:1200px) {
	ul.tabmenu li{float:left; text-align: center; border-left:1px solid #ccc; border-top:1px solid #ccc; box-sizing: border-box;}
	ul.tabmenu li.first {border-top-left-radius: 0; border-left: 1px solid #ccc; }
	ul.tabmenu li.first a {border-top-left-radius: 0;}
	ul.tabmenu li.last {border-top-right-radius: 0; border-right:1px solid #ccc;}
	ul.tabmenu li.last a {border-top-right-radius: 0;}
	ul.tabmenu a {display:block; height: 46px; line-height: 46px; padding:0 20px; color:#666; background:#f2f2f2; font-size:16px; font-weight:500; }
	ul.tabmenu a:hover {color:#000; font-weight:700;}
	ul.tabmenu a.on {color:#000; background:#fff; font-size:16px; font-weight:700; border-bottom: 5px solid #000; box-sizing:border-box;}
}

 /* 팝업 */
div.btArea01 {overflow:hidden; text-align:center;}
.bt_m_typeA { border-radius:4px; height:45px; line-height:45px; box-sizing:border-box; color:#fff; background-color:#651cc2; text-align:center; font-size:16px; display:inline-block; vertical-align:middle; cursor:pointer;}
.bt_m_typeB { border-radius:4px; height:45px; line-height:45px; box-sizing:border-box; color:#600ce5; background-color:#fff; border:1px solid #600ce5; text-align:center; font-size:16px; display:inline-block; vertical-align:middle; cursor:pointer;}
.bt_m_typeA:hover {transition:all 0.3s; background:#651cc2;}
.bt_m_typeB:hover {transition:all 0.3s; background:#f9f9f9;}

.point_txt {font-weight: bold; color:#651cc2;} 
.point_bg {font-weight: bold; background:#651cc2!important; color:#fff;} 



/* swiper slide */
.swiper-slide img {width:100%; height:100%}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    /* Fix of Webkit flickering */
    z-index: 1;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide a{width:100%; height:100%}
.swiper-wrapper {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1; 
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}

.swiper-pagination {
  margin-top:10px;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  width:100%; 
  text-align:center; 
  position:absolute; 
  bottom:16px;
}
.swiper-pagination-bullet {
  width:8px;
  height:8px;
  display: inline-block;
  background: #fff;
  border-radius:4px;
  opacity:0.2;
}
.swiper-pagination-bullet-active {
  background: #fff;
  width:24px;
  opacity:1;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 0 0 6px;
}

.jb-text {
 padding: 15px 20px;
 background-color: #444444;
 border-radius: 5px;
 color: #ffffff;
 position: absolute;
 opacity: 0;
 transition: all ease 0.5s;
}

.jb-title:hover + .jb-text {
 opacity: 1;
}