/* 서브페이지 */
.subCenter {width:1300px; margin:0 auto; padding:70px 0; overflow:hidden; }
.subCenter .allTit {background:url(/image/pat.png) repeat-x left bottom; margin:0 0 20px 0; padding:0 0 15px 0; font-size:30px; font-weight:600; letter-spacing:-1px; line-height:1;}
.subCenter .allTit.none {background:none; margin:0;}
.subCenter .allTit .title_btn {background:#01c38e; padding:7px 20px; color:#fff; font-size:15px; font-weight:500; vertical-align:top; border-radius:5px; display:inline-block;}

.input30 {width:32% !important;}
.img100 {width:100%; height:auto;}
.imgRes {text-align:center;}
.imgRes img {width:auto;}

.subCenter .btnWrap {margin:40px auto;}
.subCenter .bOk {width:170px; height:45px; line-height:45px; background:#01c38e; color:#fff; border-radius:5px; display:inline-block; cursor:pointer;}
.subCenter .bCa {width:170px; height:45px; line-height:45px; background:#fff; border:1px solid rgba(0,0,0,.2); color:#000; border-radius:5px; display:inline-block; cursor:pointer;}
.subCenter .bCa1 {width:120px; height:45px; line-height:45px; background:#fff; border:1px solid rgba(0,0,0,.2); color:#000; border-radius:5px; display:inline-block; cursor:pointer;}
.subCenter input:hover {background:rgba(93,164,255,.2); border:1px solid #01c38e; transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease;}

.subCenter.goods {clear:both; margin:120px auto 0;}

.contCenter {width:1300px; margin:0 auto; padding:70px 0; overflow:hidden;}

.topTop {background:rgba(0,0,0,.02); margin-bottom:10px; padding:10px; border:1px solid rgba(0,0,0,.2); border-radius:5px; overflow:hidden;}
.topTotal {float:left; width:45%; padding-top:7px;}
.topSearch {float:right; width:55%; text-align:right;}


@media only screen and (max-width: 1500px) {
	.contCenter {width:95%; padding:50px 0;}
}

@media only screen and (max-width: 1300px) {
	.subCenter {width:95%; padding:50px 0;}
}

@media only screen and (max-width: 1100px) {
	.subCenter .allTit {margin:0 0 10px 0;}
	.imgRes img {width:100%; height:auto;}
	
}

@media only screen and (max-width: 900px) {
	.topTotal {float:none; width:100%; padding-top:7px; margin-bottom:5px;}
	.topSearch {float:none; width:100%; margin-bottom:5px; text-align:left;}
}

@media only screen and (max-width: 840px) {
	.subCenter {padding:100px 0 80px; }
}

@media only screen and (max-width: 768px) {
	.subCenter {padding:80px 0 80px;}
	.subCenter .allTit {font-size:25px;}
}

@media only screen and (max-width: 520px) {
	.subCenter {width:95%; padding:60px 0 80px;}
	.subCenter .allTit {margin:0 0 0px 0;}

	.subCenter .bOk {width:95px; height:35px; font-size:13px; line-height:35px;}
	.subCenter .bCa {width:95px; height:35px; font-size:13px; line-height:35px;}
}

@media only screen and (max-width: 480px) {
	.topSearch input {height:30px;}
}



/* basic */
.width100 {width:100%; overflow:hidden;}
.width1100 {width:1100px; margin:0 auto; overflow:hidden;}
.width62 {float:left; width:62%;}
.width40 {float:left; width:40%}
.width35 {float:right; width:35%;}
img.img100 {width:auto !important; min-width:auto !important;} 
.OH {overflow: hidden;}
.officeAll {margin:100px auto;}

@media only screen and (max-width: 1300px) {
	.width1100 {width:95%; }
	.width62 {width:100%;}
	.width40 {width:100%;}
	.width35 {width:100%;}
	img.img100 {width:100%; max-width:100%;}
}


.myWrap {float:left; width:48%; margin:0; padding:0 100px 0 0; text-align:left; overflow:hidden;}
.myWrap .name {width:100%; background:url(/image/icon_user_big.png) no-repeat 10px center; overflow:hidden;}
.myWrap .name > ul {float:left;}
.myWrap .name .myLeft {width:80%; font-size:14px; padding:7px 0 0 73px;}
.myWrap .name .myLeft strong {font-size:27px; font-weight:700;}
.myWrap .name .myLeft .nim {font-size:25px; font-weight:300;}
.myWrap .name .myRight {width:20%; }
.myWrap .name .btnLine {width:90px; height:25px; margin:0 0 5px 0; line-height:25px; background:#fff; border-radius:17.5px; border:1px solid rgba(0,0,0,.3); font-size:12px; font-weight:400; text-align:center; display:inline-block;}
.myWrap .name .btnLine.active {background:#01c38e; color:#fff; font-weight:600; border:1px solid #01c38e; letter-spacing:0.7px;}
.myWrap .name .btnLine.inactive {background:#ccc; font-weight:600; border:1px solid #ccc; letter-spacing:0.7px;}

.myWrap .status {margin:50px 0 0 0;}
.myWrap .status > ul {overflow:hidden; padding:12px 10px; border-bottom:1px solid rgba(0,0,0,.1);}
.myWrap .status > ul:last-child {border-bottom:0;}
.myWrap .status > ul > li {float:left;}
.myWrap .status .tit {width:30%; font-size:14px;  padding:10px 0 0 0;}
.myWrap .status .num {width:70%; font-size:22px; font-weight:600; text-align:right;}

.myWrap1 {float:right; width:51%; padding-right:10px;}


@media all and (max-width:1300px) {
	.myWrap {padding:0 50px 0 0;}
	.myWrap .name .btnLine {width:100%; font-size:12px;}
}
@media all and (max-width:1150px) {
	.myWrap {width:45%; padding:0 20px 0 0;}
	.myWrap .status .tit {font-size:13px; }
	.myWrap .status .num {font-size:22px;}
}


@media all and (max-width:890px) {
	.myWrap {width:100%; float:none; padding:0 30px;}
	.myWrap .name {background:url(/image/icon_user_big.png) no-repeat left center; background-size:32px auto;}
	.myWrap .name .myLeft {width:70%; font-size:13px; padding:7px 0 0 46px;}
	.myWrap .name .myLeft strong {font-size:24px;}
	.myWrap .name .myLeft .nim {font-size:22px;}
	.myWrap .name .myRight {width:30%; }
	.myWrap .name .btnLine {height:23px; font-size:11px;line-height:23px;}

	.myWrap .status > ul {padding:10px 0;}
	.myWrap .status .tit { padding:8px 0 0 0;}
	.myWrap .status .num {}

	.myWrap1 {float:none; width:100%;}
}


@media all and (max-width:640px) {
	.myWrap {padding:0 5%;}	
	.myWrap .name .myLeft {padding:13px 0 0 46px;}
	.myWrap .name .myLeft strong {font-size:20px;}
	.myWrap .name .myLeft .nim {font-size:18px;}
}



@media all and (max-width:420px) {
	.myWrap .status .tit {font-size:12px; }
	.myWrap .status .num {font-size:18px;}
}

/* mypoint */
.myPoint {width:100%; background:#fff; padding:20px 40px 15px 40px; box-shadow:0px 7px 10px rgb(37 97 174 / 10%); border:1px solid rgba(0,0,0,.1); border-radius:15px; overflow:hidden;}
.myPoint ul {float:left;}
.myPoint .coin {width:100px;}
.myPoint .coin img {width:auto; height:50px;}
.myPoint .balance {width:calc(100% - 100px); padding:3px 0 0 0;}
.myPoint .name {font-size:14px;}
.myPoint .number {font-size:24px; font-weight:600;}
.myPoint .number .pspan {font-size:15px;}

.inviteWrap {width:100%; margin:30px 0 0 0;}
.inviteWrap .tit {padding:0 0 10px 0; font-size:20px; font-weight:700;}
.inviteWrap .click {background:#646a7c; padding:5px 10px; border-radius:50px; color:#fff; font-weight:500; font-size:10px; letter-spacing:0; vertical-align:middle; cursor:pointer; display:inline-block;}
.inviteWrap .click:hover {background:#01c38e;}
.inviteWrap .input {width:100%; height:40px; box-shadow:0 7px 10px rgba(0,0,0,.1); border:1px solid rgba(0,0,0,.1); border-radius:20px; display:flex;}
.inviteWrap .input .left {width:80%;}
.inviteWrap .input input {width:100%; height:40px; background:#fff;  border-radius:20px 0 0 20px; border:0;}
.inviteWrap .input .copy {width:20%; height:40px; background:#646a7c; color:#fff; font-size:12px; line-height:40px; font-weight:600; text-align:center; letter-spacing:0;  border-radius:0 20px 20px 0; display:inline-block; cursor:pointer;}
.inviteWrap .input .copy:hover {background:#01c38e;}


@media all and (max-width:890px) {
	.myPoint {margin:40px 0 30px 0;}
}

@media all and (max-width:480px) {
	.myPoint {padding:20px 30px 15px 30px;}
	.myPoint .name {font-size:13px;}
	.myPoint .number {font-size:22px;}
	.myPoint .number span {font-size:13px;}
}

/* 마이오피스 대소실적 */
.teamWrap {position:relative; width:100%; background:#fff; margin:20px 0 0 0; padding:60px 25px 20px 25px; box-shadow:0px 7px 10px rgb(37 97 174 / 10%); border:1px solid rgba(0,0,0,.1); display:flex; border-radius:15px;}
.teamWrap .team_title {position:absolute; width:100%; top:20px; font-size:20px; font-weight:600; text-decoration:underline;}
.teamWrap .teamLeft{width:100%; border-right:1px solid #f1f1f1; margin-right:25px; padding-right:25px;}
.teamWrap .teamRight{width:100%;}
.teamWrap ul { padding:0 15px; overflow:hidden;}


.teamWrap .th{width:60%;float: left;}
.teamWrap .td{width:40%;float: left; text-align: right;}
.teamWrap .tTit {font-size: 16px; font-weight: 600;}
.teamWrap .mt-26{margin-top: 26px;}
.teamWrap .mName2 {font-size: 22px;font-weight: 600;padding: 0 0 12px 0;margin: 0;}
.teamWrap .tit {font-size: 14px;font-weight: 300;line-height: 1.2;}
.teamWrap .tit2 {font-size: 14px;font-weight: 300;line-height: 1.2;}
.teamWrap .num {font-size: 15px;color: #000;font-weight: 500;text-align: right;}

.teamWrap .teamLeft .cont1{background:rgba(0,0,0,.02); margin-top:0px; padding:10px 0;}
.teamWrap .teamRight .cont1{background:rgba(0,0,0,.02); margin-top:0px; padding:10px 0;}

.teamWrap .tMem1, .teamWrap .tMem2 {height: 20px; background:#01c38e; margin: 0 0 0px 5px; padding: 0 12px 0 12px; color: #fff; font-size: 10px; line-height: 20px;border-radius: 10px;display: inline-block; vertical-align: middle;}


@media all and (max-width:890px) {
	.teamWrap {margin:0;}
}

@media all and (max-width:768px) {
	.teamWrap {padding:55px 15px 25px 15px;}
	.teamWrap .teamLeft {margin-right:15px; padding-right:15px;}
	.teamWrap .tit {font-size:12px;}
	.teamWrap .tit2 {font-size:12px;}
}

@media all and (max-width:640px) {
	.teamWrap {flex-wrap:wrap;}
	.teamWrap .teamLeft {margin-right:0; margin-bottom:18px; padding-right:0; border-right:0;}
	.teamWrap .teamLeft .cont1 {margin-top:0;}
	.teamWrap .teamRight .cont1 {margin-top:0;}
}


/* 마이오피스 메인아이콘 */
.menuWrap {width:100%; margin:30px auto 0; display:flex; flex-wrap:wrap; justify-content:space-between;}
.menuWrap a {width:19%;}
.menuWrap ul { margin:;}
.menuWrap ul.last {margin:;}
.menuWrap .pic {height:100px; border-radius:10px;}
.menuWrap .name {padding:10px 0; text-align:center; font-size:13px; font-weight:500;}
.menuWrap .menu01 {background:url(/image/menu01.png) no-repeat center bottom #87cab6; background-size:;}
.menuWrap .menu02 {background:url(/image/menu02_1.png) no-repeat center; background-size:;}
.menuWrap .menu03 {background:url(/image/menu03.png) no-repeat center right #f7abb6; background-size:;}
.menuWrap .menu04 {background:url(/image/menu04.png) no-repeat center #a8a8fa; background-size:;}
.menuWrap .menu05 {background:url(/image/menu06.jpg) no-repeat center #a8a8fa; background-size:cover;}

@media screen and (max-width: 1200px) {
	.menuWrap {}
}

@media screen and (max-width: 890px) {
	.menuWrap .pic {height:100px; border-radius:10px;}
	
	.menuWrap .menu01 {background:url(/image/menu01.png) no-repeat center bottom #87cab6; background-size:auto 100%;}
	.menuWrap .menu02 {background:url(/image/menu02_1.png) no-repeat center; background-size:auto 100%;}
	.menuWrap .menu03 {background:url(/image/menu03.png) no-repeat center right #f7abb6; background-size:auto 100%;}
	.menuWrap .menu04 {background:url(/image/menu04.png) no-repeat center #a8a8fa; background-size:auto 100%;}
	.menuWrap .menu05 {}
}

@media screen and (max-width: 768px) {
	.menuWrap {}
	.menuWrap ul {margin:10px 1%;}
	.menuWrap ul.last {margin:10px 1%;}
	.menuWrap .pic {height:85px; border-radius:7px;}
}

@media screen and (max-width: 720px) {
	.menuWrap {float:none; width:100%; clear:both;}
	.menuWrap ul {margin:10px 1.5%;}
	.menuWrap ul.last {margin:10px 1.5%;}
	.menuWrap .pic {height:115px;}
}

@media screen and (max-width: 520px) {
	.menuWrap .pic {height:100px;}
}

@media screen and (max-width: 460px) {
	.menuWrap {justify-content:center;}
	.menuWrap .pic {height:85px;}
	.menuWrap a {width:32%; }
}

@media screen and (max-width: 390px) {
	.menuWrap .pic {height:80px;}
}

.taWrap {width:100%; text-align:left; overflow:hidden;}
.taWrap .left {float:left; width:48%; margin:0 4% 0 0;}
.taWrap .right {float:right; width:48%; }
.taWrap .th {padding:35px 0 5px 0; font-size:14px; font-weight:500; text-transform:capitalize;}
.taWrap .td {position:relative; width:100%; height:40px; background:#f5f5f5; padding:0 0 0 10px; line-height:40px; border-radius:5px; border:1px solid rgba(0,0,0,.2); /* z-index:0; */}
.taWrap .dis {background:#d6d6d6;}
.taWrap .td .btnS {position:absolute; right:0; top:0; width:20%; height:100%; background:#505258; font-size:12px; color:#fff; border-radius:0 5px 5px 0; text-align:center; display:inline-block; cursor:pointer;}
.taWrap .td input {width:95%; height:40px; background:transparent; border:0; text-indent:0; padding:0 !important;}
.taWrap .td input.ra {width:auto; height:auto; }
.taWrap .td.trans2 {}
.taWrap .td.trans3 {}
.taWrap .td.white {background:#fff; padding:0;}
.taWrap .btnWrap {padding:30px 0; text-align:center;}
.taWrap .cap {position:absolute; bottom:-18px; left:0; font-size:12px; color:#01c38e; font-weight:400; line-height:1.4;}
.taWrap .space05 {clear:both; margin:5px 0;}
.taWrap .td.input50 {width:48% !important;}
.taWrap select {background:transparent; border:0;}
.taWrap .star {color:#01c38e; font-size:12px;}
.taWrap .sInline {display:inline; }
.taWrap .in8 {width:7.5%; text-align:center; display:inline-block;}
.taWrap .in25 {width:25% !important; height:30px !important; border:1px solid rgba(0,0,0,.1) !important; border-radius:5px; }
.taWrap .in25h {width:25% !important; height:30px !important; border:1px solid rgba(0,0,0,.1) !important; border-radius:5px;}
.taWrap .in40 {width:40% !important; height:30px !important; border:1px solid rgba(0,0,0,.1) !important; border-radius:5px; }
.taWrap .check {float:right; margin:-12px 0 0 0;}

@media all and (max-width:820px) {
	.taWrap .left {width:49%; margin:0 2% 0 0;}
	.taWrap .right {width:49%; }
	.taWrap .in25h {width:20% !important;}
}

@media all and (max-width:640px) {
	.taWrap .left {width:100%;}
	.taWrap .right {width:100%;}
	.taWrap .td.input50 {width:100% !important;}
	.taWrap .sInline {display:block;}
	.taWrap .td.trans2 {height:80px;} 
	.taWrap .td.trans3 {height:120px;} 
	.taWrap .in8 {width:25%;}
	.taWrap .in25 {width:65% !important;}
	.taWrap .in25h {width:27% !important;}
}



.officeTab {height:40px; overflow:hidden; position:relative; margin:10px 0; clear:both;}	
.officeTab ul li {float:left;  height:40px; background:#f8f8f8; text-align:center; font-size:11px; color:#333; line-height:37px; border-top:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:1px solid #111;} 
.officeTab ul li a {display:block;}
.officeTab ul li.on {background:#fff; color:#000; font-weight:bold; border-top:1px solid #111; border-right:1px solid #111; border-bottom:1px solid #fff; border-left:1px solid #111;}
.borL {border-left:1px solid #d0d0d0;}

.officeTab ul li.w02 {width:50%;}
.officeTab ul li.w03 {width:33.3%;}
.officeTab ul li.w04 {width:25%;}
.officeTab ul li.w07 {width:14.28%;}
.officeTab ul li.w09 {width:11.11%;}

@media only screen and (min-width: 768px) {
	.officeTab ul li {font-size:12px;}
}

@media only screen and (min-width: 1200px) {	
	.officeTab {height:50px; width:100%; margin:30px 0;}
	.officeTab ul li { height:49px;  font-size:15px; color:#333; line-height:50px; border-top:1px solid #d0d0d0; border-right:1px solid #d0d0d0; border-bottom:1px solid #111;} 
    .officeTab ul li a {display:block;}
	.officeTab ul li.on {background:#fff; color:#000; font-weight:bold; border-top:1px solid #111; border-right:1px solid #111; border-bottom:1px solid #fff; border-left:1px solid #111;}
	.empty {width:50% !important; height:49px;  background:#fff !important; border-bottom:1px solid #d0d0d0; border-top:0 !important; border-right:0 !important;}
}



/* 마이오피스 검색 */
.sWrap {background:#f8f8f8; margin:0 0 5px 0; padding:17px; border:1px solid #eee; border-radius:5px; overflow:hidden; }
.sWrap .left {float:left; width:60%; height:35px; padding:0; text-align:left;}
.sWrap .left2 {float:left; width:auto; height:35px; padding:0; text-align:left; }
.sWrap .left2:nth-child(3) {margin:0 0 0 10px;}
.sWrap .right {float:right; width:40%; text-align:right; }
.sWrap input.search {width:110px; height:35px; background:#fff; line-height:35px; border-radius:5px !important; text-align:center; font-size:15px; font-weight:500; border:0; vertical-align:top;}
.sWrap .bSearch {width:35px; height:35px; border-radius:50%; background:url(/image/icon_search_w.png) #454545 center center no-repeat; background-size:15px; display:inline-block; cursor:pointer;}
.sWrap form img {vertical-align:top; margin:6px 6px 0 2px;}
.sWrap .total {height:35px; background:#01c38e; padding:0 15px; color:#fff; line-height:35px; font-size:13px; font-weight:600; border-radius:5px; display:inline-block;}

.sWrap .left1 {float:left; width:75%; height:45px; padding:0; text-align:left; }
.sWrap input.search1 {width:80px; height:45px; background:#fff; line-height:45px; padding:0 0 0 15px; border-radius:22.5px 0 0 22.5px; text-align:left; font-size:15px; font-weight:500; border:0; vertical-align:top;}
.sWrap .total1 {height:45px; background:#454545; margin:0 0 0 -3px; padding:0 15px; color:#fff; line-height:45px; font-size:12px; font-weight:400; border-radius:0 22.5px 22.5px 0; vertical-align:top; display:inline-block;}
.sWrap .right1 {float:right; width:25%; text-align:right; }
.sWrap .total2 {height:45px; background:#454545; padding:0 15px; color:#fff; line-height:45px; font-size:12px; font-weight:400; border-radius:22.5px; vertical-align:top; display:inline-block;}
.sWrap .name {height:45px; padding:0 15px 0 0; line-height:45px; vertical-align:top; display:inline-block;}
.sWrap input.width01 {width:30px; background:#fff; border:0;}
.sWrap .inline {display:inline;}
.guide {font-size:13px; color:#01c38e;}


.infoWrap1 {width:100%; background:#eee; border-radius:5px; margin:0 0 10px 0; padding:10px 30px; text-align:left; overflow:hidden;}
.infoWrap1 input.search {width:110px; height:35px; background:#fff; line-height:35px; border-radius:5px !important; text-align:center; font-size:15px; font-weight:500; border:0; vertical-align:top;}
.infoWrap1 .left {float:left; }
.infoWrap1 .right {float:right; }


@media all and (max-width:960px) {
	.sWrap .left {height:35px;}
	.sWrap input.search {width:80px; height:35px; line-height:35px; font-size:12px;}
	.sWrap .bSearch {width:35px; height:35px; background-size:40%;}
	.sWrap form img {margin-top:7px;}
	.sWrap .total {height:35px; padding:0 10px; line-height:35px; font-size:12px;}

	.sWrap .left1 {height:35px;}
	.sWrap input.search1 {width:70px; height:35px; line-height:35px; font-size:12px;}
	.sWrap .total1 {height:35px; padding:0 10px; line-height:35px; font-size:11px;}
	.sWrap .total2 {height:35px; padding:0 10px; line-height:35px; font-size:11px;}
	.sWrap .name {height:35px; padding:0 10px 0 0; line-height:35px;}
	.guide {font-size:11px;}

	.infoWrap1 {}
}

@media all and (max-width:740px) {
	.sWrap .left1 {height:80px;}
	.sWrap .right1 {height:80px; }
	.sWrap .inline {padding:5px 0; display:block;}
}

@media all and (max-width:710px) {
	.sWrap .left2 {float:none; width:100%;}
	.sWrap .left2:nth-child(3) {float:none; width:100%; margin:5px 0 0 0;}
}

@media all and (max-width:640px) {
	.sWrap .left {width:70%;}
	.sWrap .right {width:30%;}

	.sWrap .left1 {width:50%;}
	.sWrap .right1 {width:50%; padding:40px 0 0 0; }
}

@media all and (max-width:560px) {
	.sWrap .left1 {width:55%;}
	.sWrap .right1 {width:45%;}
}

@media all and (max-width:500px) {
	.sWrap .left1 {width:60%;}
	.sWrap .right1 {width:40%;}
	.guide {display:block; margin-top:3px;}
}


@media all and (max-width:460px) {
	.sWrap .left {float:none; width:100%; text-align:inherit;}
	.sWrap .right {float:none; width:100%; margin:15px 0 0 0;}
	.sWrap .total {height:25px; padding:0 15px; line-height:25px; font-size:11px;}

	.sWrap .left1 {width:100%;}
	.sWrap .right1 {width:100%; height:35px; padding:0;}
}

@media all and (max-width:420px) {
	.sWrap {padding:10px;}
	.sWrap .left1 {width:75%;}
}


/* 테이블 */
.nor_list {width:100%; }
.nor_list table {width:100%; font-size:14px; border-top:2px solid #454545; }
.nor_list table th {padding:15px; background:#f4f4f4; border-bottom:1px solid rgba(0,0,0,.1); }
.nor_list table td {padding:15px; background:#fff; border-bottom:1px solid rgba(0,0,0,.1); }

.nor_list1 {width:100%; }
.nor_list1 table {width:100%; font-size:14px; border-top:2px solid #454545; }
.nor_list1 table th {padding:15px; background:#f4f4f4; border-bottom:1px solid rgba(0,0,0,.1); }
.nor_list1 table td {padding:15px; background:#fff; border-bottom:1px solid rgba(0,0,0,.1); }

.oTab {width:100%; margin:0 0 40px 0; overflow:hidden;}
.oTab ul li {float:left; width:33.3%; background:rgba(0,0,0,.02); padding:13px 0; font-size:14px; font-weight:400; border-left:1px solid #ccc; border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #333; border-radius:20px 20px 0 0; display:inline-block;}
.oTab ul li.on {background:#fff; color:#000; font-weight:600; border-left:1px solid #333; border-top:1px solid #333; border-right:1px solid #333; border-bottom:1px solid #fff;}


@media all and (max-width:960px) {
	.nor_list table {font-size:13px;}
	.nor_list table th {padding:13px;}
	.nor_list table td {padding:13px;}

	.nor_list1 table {font-size:13px;}
	.nor_list1 table th {padding:13px;}
	.nor_list1 table td {padding:13px;}
}

@media all and (max-width:768px) {
	.nor_list table {font-size:11px;}
	.nor_list table th {padding:13px;}
	.nor_list table td {padding:13px;}

	.nor_list1 table {font-size:11px;}
	.nor_list1 table th {padding:13px;}
	.nor_list1 table td {padding:13px;}

	.oTab ul li {padding:10px 0; font-size:13px;}
}

@media all and (max-width:640px) {
	.nor_list {}
	.nor_list table {}

	.nor_list1 {overflow-x:scroll;}
	.nor_list1 table {width:640px;}
}

/* 회원검색 */
.smWrap {width:90%; margin:0 auto;}
.smWrap .smTit {background:url(/img/icon_user1.png) no-repeat left center; padding:40px 0 40px 55px; font-size:36px; font-weight:400;}

.transBox {background:#fff; border:3px solid #24221f; color:#333; padding:50px 50px 0 50px;}
.transBox ul {overflow:hidden; border-bottom:1px solid #e2e2e2; }
.transBox ul li {float:left; padding:15px 7%; font-size:15px;}
.transBox ul li.th1 {width:30%; font-weight:400; text-align:left;}
.transBox ul li.td1 {width:70%; text-align:right;}
.transBox ul li.td1 .money {font-weight:bold; color:#000; font-size:23px !important;}
.transBox ul li.td1 .moneyRed {font-weight:bolder; color:#ec1a23; font-size:30px !important;}
.transBox ul.gray {background:#f5f5f5;}
.transBox ul.gray li.th1 {font-weight:600; font-size:18px; padding:15px 7%; text-align:left;}
.transBox ul.gray li.td1 {font-weight:600; font-size:18px; padding:15px 7%; text-align:right;}
.transBox ul.boldBor {border-bottom:3px solid #24221f;}
.borNone {border:none !important;}

@media all and (max-width:460px) {
	.transBox {padding:35px 35px 0 35px;}
	.transBox ul li {padding:12px 5%; font-size:13px;}
	.transBox ul li.th1 {width:40%;}
	.transBox ul li.td1 {width:60%;}
	.transBox ul.gray li.th1 {font-size:15px; padding:12px 5%;}
	.transBox ul.gray li.td1 {font-size:15px; padding:12px 5%;}
}

.btnW {text-align:center;background:#fff;color:#333;font-size:11px;font-weight:normal;padding:1.2% 5%;border-radius:3px;cursor:pointer; border:1px solid #ccc; display:inline-block;} 
.btnWs {text-align:center;background:#fff;color:#333;font-size:11px;font-weight:normal;padding:3px 9px;border-radius:2px;cursor:pointer; border:1px solid #b0b0b0; }
.btnGs {text-align:center;background:#51586a;color:#fff;font-size:11px;font-weight:normal;padding:3px 9px;border-radius:2px;cursor:pointer; }


/* 게시판 */
.searchWrap { margin:25px 0 15px 0; overflow:hidden; height:34px; width:100%; }
.searchWrap > ul {overflow:hidden; float:right;}
.searchWrap > ul > li {float:left;}
input.search {height:34px; background:#ebebeb; border:1px solid #bbb;}
select.search {height:34px; background:#fff; border:1px solid #bbb;}
.btnSearch {width:34px; height:34px; background:url(/image/icon_search_w.png) #454545 center center no-repeat; background-size: 15px; border-radius:3px; display:inline-block; }

.ceWrap {}
.ceWrap table {width:100%; overflow:hidden;/* margin:45px 0; */  border-top:2px solid #222;}
.ceWrap .table2 {width:100%; border-top:2px solid #222;}
.ceWrap table th {padding:20px; font-size:14px; font-weight:500; background:rgba(0,0,0,.007); border-bottom:1px solid #ddd;}
.ceWrap table td {background:#fff; padding:20px; font-size:14px; border-bottom:1px solid #ddd;}
.ceWrap .zoom {width:30px; height:30px; background:url(/img/icon_search_b.png) no-repeat center center; background-size:15px; display:inline-block;}
.ceWrap {position:relative; width:100%; }
.ceWrap .over {position:absolute; top:0; left:0; width:100%; height:100%; background:url(/img/scroll_hand.png) no-repeat center center, rgba(0,0,0,.5); background-size:110px auto;}
.ceMent {display:none; position:fixed; bottom:30px; left:50%; margin-left:-110px; width:220px; text-align:center; background:url(/img/arrow_scroll.png) no-repeat center 10px rgba(4,80,194,.7); color:#fff; background-size:35px auto; border-radius:50px; padding:30px 0 10px 0; font-size:13px;}
.ceMent:hover {opacity:0;}
.qWrap {}
.qImg {cursor:pointer;}

@media all and (max-width:1200px) {
	.ceWrap table th {font-size:13px;}
	.ceWrap table td {font-size:13px;}
}

@media all and (max-width:768px) {
	.ceWrap table th {padding:15px; font-size:12px;}
	.ceWrap table td {padding:15px; font-size:12px;}
}

@media all and (max-width:550px) {
	.qWrap {display:block;}
	.qImg {width:auto; height:20px;}
}

@media all and (max-width:520px) {
	.ceWrap {overflow-x:scroll;} 
	.ceMent {display:block;}
	.ceWrap table {width:620px; }
	.ceWrap .table2 {width:100% !important;}
	.ceWrap table th {}
	.ceWrap table td {padding:15px 0;}
}

.input15 {width:15% !important;}
.input20 {width:20% !important;}
.input23 {width:23% !important;}
.input25 {width:25%;}
.input30 {width:30% !important;}
.input40 {width:40%;}
.input50 {width:50% !important;}
.input60 {width:60%;}
.input70 {width:70%;}
.input97 {width:97%;}

@media all and (max-width:560px) {
	.input15 {width:20% !important;}
	.input20 {width:22%;} 
	.input30 {width:40%;}
	.input60 {width:65%;}
}

.ceTable {padding-bottom:100px;}

.ceTable table {width:100%; overflow:hidden;/* margin:45px 0; */  border-top:2px solid #222;}
.ceTable .table2 {width:100%; border-top:2px solid #222;}
.ceTable table th {padding:20px; font-size:14px; font-weight:500; background:rgba(0,0,0,.007); border-bottom:1px solid #ddd;}
.ceTable table td {padding:20px; font-size:14px; font-weight:400; border-bottom:1px solid #ddd;}
.ceTable .zoom {width:30px; height:30px; background:url(/img/icon_search_b.png) no-repeat center center; background-size:15px; display:inline-block;}
.ceWrap {position:relative; width:100%; }
.ceWrap .over {position:absolute; top:0; left:0; width:100%; height:100%; background:url(/img/scroll_hand.png) no-repeat center center, rgba(0,0,0,.5); background-size:110px auto;}
.ceMent {display:none; position:fixed; bottom:30px; left:50%; margin-left:-110px; width:220px; text-align:center; background:url(/img/arrow_scroll.png) no-repeat center 10px rgba(4,80,194,.7); color:#fff; background-size:35px auto; border-radius:50px; padding:30px 0 10px 0; font-size:13px;}
.ceMent:hover {opacity:0;}
.qWrap {}
.qImg {cursor:pointer;}

@media all and (max-width:1200px) {
	.ceTable table th {font-size:13px;}
	.ceTable table td {font-size:13px;}
}

@media all and (max-width:768px) {
	.ceTable table th {padding:15px; font-size:12px;}
	.ceTable table td {padding:15px; font-size:12px;}
}

@media all and (max-width:550px) {
	.qWrap {display:block;}
	.qImg {width:auto; height:20px;}
}

@media all and (max-width:520px) {
	.ceWrap {overflow-x:scroll;} 
	.ceMent {display:block;}
	.ceTable table {/* width:620px;  */}
	.ceTable .table2 {width:100% !important;}
	.ceTable table th {font-size:;}
	.ceTable table td {padding:15px 0; font-size:;}
}


/* 마이오피스 반응형 */
.boxWrap {margin:40px 0 0 0; text-align:left; overflow:hidden; }
 
.box50 {position:relative; float:left; width:47%; margin:3% 3% 2% 0; padding:28px 3%; border:1px solid #d9d9d9; border-radius:7px; }
.box50:nth-child(2n+2) {margin:3% 0 2% 0;}
.box50 .date {position:absolute; top:-22px; left:0; font-size:15px; font-weight:500;}
.box50 .number {position:absolute; top:-22px; right:0; font-size:13px; font-weight:400;}
.box50 .tag {background:#505258; padding:7px 12px; color:#fff; font-size:12px; border-radius:3px; display:inline-block;}
.box50 ul {float:left; width:50%; line-height:1.4;}
.box50 .name {padding:15px 0 0 0; font-size:17px; font-weight:500;}
.box50 .qua {/* display:inline; */ font-size:13px; }
.box50 strong {color:#01c38e;}
.box50 .price {text-align:right; font-size:20px; font-weight:600; line-height:1.4;}
.box50 .pv {font-size:15px; color:#01c38e; padding:0;}

.box50.sang {padding:0;}
.box50.sang ul {padding:15px;}
.box50 ul.width03 {width:33.33%;}
.box50 ul.width03 li {text-align:center;}
.box50 .numTag {width:25px; height:25px; background:#505258; margin:0 10px 0 0; color:#fff; font-size:14px; font-weight:600; text-align:center; line-height:25px; border-radius:12.5px; display:inline-block;}
.box50 .grade {float:right; background:#01c38e; padding:5px 10px; color:#fff; font-size:13px; border-radius:3px;}
.box50 .member {font-size:16px; font-weight:500;}
.box50 .tit {font-size:13px; text-align:center;}
.box50 .bottom {padding:1px; background:#f5f5f5; font-size:12px; overflow:hidden;}
.box50 .big {font-size:14px; font-weight:500;}

.boxWrap .total {margin:30px 0 0 0; padding:25px 0; text-align:center; font-size:18px; font-weight:500; border-top:1px solid #ccc;}
.boxWrap .total span {color:#01c38e;}
.boxWrap .nothing {text-align:center; padding:35px 0; font-size:18px; font-weight:500;}
.boxWrap .detail {margin:0 0 15px 10px; padding:5px 7px; font-size:11px; border:1px solid #ddd; border-radius:3px; display:inline-block; cursor:pointer;}

@media all and (max-width:1000px) {
	.boxWrap {margin:30px 0 0 0; padding:10px 0 0 0;}
}

@media all and (max-width:768px) {
	.box50 {margin:30px 3% 2% 0; padding:20px 2%; border-radius:5px;}
	.box50:nth-child(2n+2) {margin:30px 0 2% 0;}
	.box50 .date {}
	.box50 .number {}
	.box50 .tag {padding:5px 10px; font-size:11px; border-radius:2px;}
	.box50 .name {font-size:15px;}
	.box50 .qua {font-size:12px;}
	.box50 .price {font-size:17px;}
	.box50 .pv {font-size:14px;}

	.box50 .big {font-size:13px;}
}

@media all and (max-width:520px) {
	.boxWrap {margin:0px 0 0 0;}
	.box50 {float:none; width:100%; margin:50px 0; padding:22px 5% 75px 5%;} 
	.box50:nth-child(2n+2) {margin:50px 0;}

	.boxWrap .total {padding:15px 0; font-size:15px;}
}

@media all and (max-width:460px) {
	.boxWrap {padding:20px 0 0 0;}
}

.suBox {width:100%; border:1px solid #ddd; border-radius:5px; overflow:hidden;}
.sDate {padding:27px 0 0 0; text-align:left; font-size:17px; font-weight:500;}
.sDate .detail {float:right; margin:0 0 5px 0; padding:3px 10px; font-size:11px; border:1px solid #ddd; border-radius:3px; display:inline-block;}
.suBox.total {border:2px solid #01c38e;}
.suBox ul {float:left; width:25%; padding:17px; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.suBox ul.sum {clear:both; float:none; width:100%; background:#f5f5f5; padding:17px; border-bottom:0;}
.suBox ul:nth-child(4n+1) {border-left:0;}
.suBox ul li {text-align:right; }
.suBox .tit {padding:0 0 5px 0; font-size:14px; }
.suBox .num {font-size:18px; font-weight:600;}
.suBox ul.sum .num {font-size:20px; color:#01c38e;}

@media all and (max-width:860px) {
	.sDate {font-size:15px;}
	.suBox .tit {font-size:13px;}
	.suBox .num {font-size:16px;}
	.suBox ul.sum .num {font-size:18px}
}

@media all and (max-width:620px) {
	.suBox ul {width:50%;}
	.suBox ul:nth-child(2n+1) {border-left:0;}
}

.sangBox {width:100%; border:1px solid #ddd; border-radius:5px; overflow:hidden;}
.sangBox ul {float:left; width:33.33%; padding:17px; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.sangBox ul:nth-child(3n+1) {border-left:0;}
.sangBox ul li {text-align:right; }
.sangBox .tit {padding:0 0 5px 0; font-size:14px; }
.sangBox .num {font-size:18px; font-weight:600;}

@media all and (max-width:860px) {
	.sangBox .tit {font-size:13px;}
	.sangBox .num {font-size:16px;}
}

@media all and (max-width:620px) {
	.sangBox ul {width:50%;}
	.suBox ul:nth-child(2n+1) {border-left:0;}
	.sangBox ul:nth-child(3n+1) {border-left:1px solid #ddd;}
}


.toWrap {width:100%; padding:20px 4%; border:1px solid #d9d9d9; border-radius:7px;}

@media all and (max-width:580px) {
	.toWrap {padding:0px 3% 20px 3%;}
}

.line100 {width:100%; margin:5px 0; padding:30px 0; border-bottom:1px dashed #ddd; overflow:hidden;}
.line100.sum {background:rgba(0,0,0,.02); border-bottom:0px solid #333;}
/* .line100:nth-child(even) {background:rgba(0,0,0,.02);} */

.line100:hover {background:rgba(0,0,0,.02); border-bottom:1px solid #ababab;}
.line100 div.sel {float:left; border-left:1px solid #ddd;}
.line100 div:first-child {}
.line100 div.width20 {width:20%; height:78px; border-left:0;}
.line100 div.width201 {width:20%; height:78px; border-left:0;}
.line100 div.width25 {width:25%; height:100%;}
.line100 div.width30 {width:30%; font-size:16px;}
.line100 div.width40 {width:40%; font-size:16px;}
.line100 div.width40 p, .line100 div.width30 p {padding:5px 0;}
.line100 div.width33 {width:33.33%; height:50px; line-height:50px; font-size:15px; border-left:0; border-bottom:1px dashed #ddd;}
.line100 div.width50 {width:50%; }
.line100 .data {font-size:16px; }
.line100 .sum {font-size:17px; font-weight:500;}
.line100 .btnCan {background:#505258; padding:10px 15px; color:#fff; font-size:13px; font-weight:300; border-radius:5px; display:inline-block;}
.midTit {padding:40px 0 7px 0; text-align:left; font-size:20px; font-weight:500;}

.line100 .amount {width:100%; padding:0 17%;}
.line100 .amount ul {overflow:hidden;}
.line100 .amount ul li {float:left; width:50%; padding:5px 0; text-align:left;}
.line100 .amount ul li:nth-child(2n+2) {text-align:right; }

@media all and (max-width:1000px) {
	.line100 .data {font-size:14px; }
}

@media all and (max-width:820px) {
	.line100 {padding:20px 0;}
	.line100 div.sel {font-size:14px !important;}
	.line100 div.width25 {width:50%; padding:3px 0;}

	.line100 div.width33 {font-size:13px;}
	.line100 .btnCan {font-size:11px;}
}



@media all and (max-width:660px) {
	.line100 div.width33 {height:auto; min-height:70px; padding:10px 0; line-height:1.2; }
	.line100 div.width33 strong {display:block;}
	
	.line100 .amount {padding:0 10%;}
	.line100 .btnCan {float:right; padding:10px;}
}

@media all and (max-width:580px) {
	.line100 {position:relative; overflow:visible;}
	.line100 div:first-child {border-left:0;}
	.line100 div.width20 {float:none; width:100% !important; height:auto; padding:0 0 5px 0; text-align:left; font-weight:500;}
	.line100 div.width201 {position:absolute; right:0; top:15px; float:none; width:20%; height:auto; padding:0 0 5px 0; }
	.line100 div.width30 {width:50%; }
	.line100 div.width30 p {padding:3px 0; text-align:left;}
	.line100 div.width40 {width:50% !important;  text-align:left; }
	.line100 div.width40:nth-child(2n+2) {}
	.line100 .wwrap {background:rgba(0,0,0,.02); padding:12px 10px; overflow:hidden;}
	.line100 .amount {padding:0 0 0 5%;}
	.line100 .amount ul li {padding:2px 0;}
	.line100 .btnCan {padding:5px 10px; border-radius:3px;}
}

@media all and (max-width:460px) {
	.line100 div.sel {font-size:12px !important;}
}

.nameWrap {overflow:hidden;}
.nameBox {float:left; width:32%; margin:0.5% 0 0.5% 0.5%; padding:25px; font-size:15px; border:1px solid #d9d9d9; border-radius:7px;}
.nameBox:hover {border:1px solid #01c38e; background:#01c38e; color:#fff;}
.nameBox p {padding:0 0 10px 0;}
.nameBox strong {font-size:18px;}
.nameBox:nth-child(3n+1) {margin:0.5% 0 0.5% 0;}

@media all and (max-width:520px) {
	.nameBox {padding:20px; font-size:13px;}
	.nameBox strong {font-size:15px;}
}

@media all and (max-width:420px) {
	.nameBox {padding:15px;}
	.nameBox strong {font-size:14px;}
}

.payBox {margin:40px 0 0 0; border:1px solid #ddd; border-radius:7px; padding:3% 4%; overflow:hidden;}
.payBox.w50L {float:left; width:49%; margin:40px 0 50px 0;}
.payBox.w50R {float:right; width:49%; margin:40px 0 50px 0; border:3px solid #000;}

.payBox .midTit {padding:10px 0 40px 0; text-align:left; font-size:20px; font-weight:500;}

.payBox .selTit {padding:7px 0; text-align:left; font-size:16px; font-weight:500; border-bottom:1px dashed #e2e2e2;}
.payBox .content {background:rgba(0,0,0,.01); padding:20px; text-align:left;}
.payBox .content .title {font-size:14px; font-weight:500;}
.payBox .content input {width:40%; height:30px;}
.payBox .content select {width:40%; height:30px;}
.payBox .content p {padding:2px 0;}
.payBox .inBox {background:#fff; margin:5px 0 0 0; padding:20px 5%; font-size:13px; color:rgba(0,0,0,.7); border:1px solid #ddd; border-radius:5px;}
.payBox .inBox span {color:#000; font-weight:500;}
.payBox .inBox dl {overflow:hidden;}
.payBox .inBox dl dd {float:left; padding:2px 0;}
.payBox .inBox dl dd:nth-child(2n+1) {width:25%;}

.payBox .cardBox {background:#fff; margin:5px 0 0 0; padding:20px 5%; font-size:13px; color:rgba(0,0,0,.7); border:1px solid #ddd; border-radius:5px;}
.payBox .cardBox > dl {overflow:hidden;}
.payBox .cardBox > dl > dd {float:left; width:70%; height:35px; line-height:35px;}
.payBox .cardBox > dl > dd.line2 {height:65px; line-height:1.2; padding:4px 0 0 0; }
.payBox .cardBox > dl > dd:nth-child(2n+1) {width:28%;}
.btnGG {height:30px; background:#505258; padding:0 15px; line-height:30px; font-size:11px; color:#fff; border-radius:3px; cursor:pointer; display:inline-block;}
.payBox .sel80 {width:80% !important;}

@media all and (max-width:1000px) {
	.payBox {padding:5%;}
	.payBox.w50L {float:none; width:100%; margin:40px 0;}
	.payBox.w50R {float:none; width:100%; margin:0 0 50px 0;}
}


.payBox ul {overflow:hidden; border-bottom:1px dashed #e2e2e2; }
.payBox ul li {float:left; height:50px; font-size:14px; line-height:50px;}
.payBox ul li.th {width:30%; font-weight:500; }
.payBox ul li.td {width:70%; text-align:right;}
.payBox ul li.td .money {font-weight:bold; color:#000; font-size:23px !important;}
.payBox ul li.td .moneyRed {font-weight:bold; color:#01c38e; font-size:30px !important;}
.payBox ul.gray {background:#f5f5f5;}
.payBox ul.gray li.th {font-weight:normal; font-size:13px; text-indent:10px; padding:7px 15px;}
.payBox ul.gray li.td {font-weight:normal; font-size:13px; padding:7px 15px;}
.payBox ul.boldBor {border-bottom:2px solid #24221f;}
.payBox .btnCenter {margin:30px 0 0 0;}
.payBox .cap {margin:15px 0 0 0; color:#01c38e; font-size:14px; font-weight:500; line-height:1.5;}
.borNone {border:none !important;}

@media all and (max-width:600px) {
	.payBox .cap span {display:block;}
}


/* 판매등록 view */
.box40 {width:70%; margin:0 auto; padding:50px 4%; text-align:left; border:1px solid #d9d9d9; border-radius:7px; }
.box40 .name {font-size:16px; font-weight:500;}
.box40 .name strong {color:#01c38e;}
.box40 .amount {padding:15px 0 5px 0; font-size:20px; font-weight:600;}
.box40 .amount span {font-weight:300; font-size:15px;}
.box40 .pv {font-size:18px; color:#01c38e; font-weight:600;}
.box40 .pv span {font-weight:400; font-size:14px;}

.box60 {width:70%; margin:20px auto;padding:28px 3%; text-align:left; border:1px solid #d9d9d9; border-radius:7px; overflow:hidden;}
.box60 ul {border-bottom:1px solid rgba(0,0,0,.04); overflow:hidden;}
.box60 ul li {float:left; width:65%; padding:20px;}
.box60 ul li:nth-child(2n+1) {width:35%; background:rgba(0,0,0,.01);}


@media all and (max-width:860px) {
	.box40 {float:none; width:100%; margin:0 0 20px 0; padding:30px 5%;}
	.box60 {float:none; width:100%;}
}

@media all and (max-width:560px) {
	.box40 .name {font-size:15px;}
	.box40 .amount {font-size:17px;}
	.box40 .amount span {font-size:14px;}
	.box40 .pv {font-size:16px;}
	.box40 .pv span {font-size:13px;}

	.box60 ul li {width:75%; padding:15px; font-size:13px;}
	.box60 ul li:nth-child(2n+1) {width:25%;}
}

@media all and (max-width:460px) {
	.box60 .juso {padding:25px 15px;}
}




/* 블라인드팝업 영역 */
.gray_list tr {
	border-bottom: 1px solid #f5f5f5;
}
.modal-body .gray_list {
    margin-top: 0;
    padding: 0;
    border-radius: unset;
    border: none;
}
.modal-box h3 { font-size: 1.4em; margin:0; }
	
.modal-box .modal_btn {
	font-size: 14px;
	padding: 8px 15px;
	background-color: #333;
	color: #fff;
	text-decoration: none;
	display: inline;
	-webkit-transition: background-color 1s ease;
	-moz-transition: background-color 1s ease;
	transition: background-color 1s ease;
}
.modal_btn.ModalOrgList_choice {
    background-color: #00ec74;
}

.modal-box .bBlack {
	height: auto;
	line-height: 2.4;
}

.modal-box .close {float:right; width:20px; height:20px; background:url(/admin/img/join_x.png) no-repeat center right; background-size:90%; font-size:0; opacity:1;}
	
.modal-box .btn:hover {
  	background-color: #ddd;
  	-webkit-transition: background-color 1s ease;
  	-moz-transition: background-color 1s ease;
  	transition: background-color 1s ease;
}
	
.modal-box .btn-small {
	font-weight: 600;
  	padding: 10px 20px;
  	font-size:13px;
	text-shadow:0 0 3px rgba(0,0,0,.2);
}
	
.modal-box {
  	/* display: none; */
	overflow: auto;
	position: fixed;
	left: 50% !important;
	top: 50% !important;
	transform: translate(-50%, -50%) !important;
	z-index: 1050;
	background: #fff;
	box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
	background-clip: padding-box;
	-webkit-overflow-scrolling: touch;
}

.modal-box .selOK {background:#1f2531; color:#fff; height:30px; line-height:30px; padding:0 10px; font-weight:400; border:0;}
	
.modal-box .modal_header {
  	padding: 20px;
	background-color: #001e57;
	border-bottom: 1px solid #001e57;
	height:60px;
	color:#fff;
	font-weight: 300;
	font-size:20px;

}
	
.modal-box header h3,
.modal-box header h4,
.modal-box .modal-header h3,
.modal-box .modal-header h4 { margin: 0; }
	
.modal-box .modal-body {width:350px; padding: 20px;}
	
.modal-box .modal_footer {
	padding: 1.5em;
	border-top: 1px solid rgba(0,0,0,.2);
	text-align: right;
}
	
.modal-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9991;
	width: 100%;
	height: 300%;
	background: rgba(0,0,0,0.7);	
	opacity: 1;
	filter: alpha(opacity=100) !important;
}
.cursor {cursor:pointer;}
/* 블라인드팝업 영역 */



/* 게시판 */
.ceTable {padding-bottom:100px;}

.ceTable table {width:100%; overflow:hidden;/* margin:45px 0; */  border-top:2px solid #222;}
.ceTable .table2 {width:100%; border-top:2px solid #222;}
.ceTable table th {padding:20px; font-size:15px; font-weight:500; background:rgba(0,0,0,.007); border-bottom:1px solid #ddd;}
.ceTable table td {padding:20px; font-size:15px; font-weight:400; border-bottom:1px solid #ddd;}
.ceTable .zoom {width:30px; height:30px; background:url(/img/icon_search_b.png) no-repeat center center; background-size:15px; display:inline-block;}
.ceWrap {position:relative; width:100%; }
.ceWrap .over {position:absolute; top:0; left:0; width:100%; height:100%; background:url(/img/scroll_hand.png) no-repeat center center, rgba(0,0,0,.5); background-size:110px auto;}
.ceMent {display:none; position:fixed; bottom:30px; left:50%; margin-left:-110px; width:220px; text-align:center; background:url(/img/arrow_scroll.png) no-repeat center 10px rgba(4,80,194,.7); color:#fff; background-size:35px auto; border-radius:50px; padding:30px 0 10px 0; font-size:13px;}
.ceMent:hover {opacity:0;}
.qWrap {}
.qImg {cursor:pointer;}

@media all and (max-width:1200px) {
	.ceTable table th {font-size:13px;}
	.ceTable table td {font-size:13px;}
}

@media all and (max-width:768px) {
	.ceTable table th {padding:15px; font-size:12px;}
	.ceTable table td {padding:15px; font-size:12px;}
}

@media all and (max-width:550px) {
	.qWrap {display:block;}
	.qImg {width:auto; height:20px;}
}

@media all and (max-width:520px) {
	.ceWrap {overflow-x:scroll;} 
	.ceMent {display:block;}
	.ceTable table {/* width:620px;  */}
	.ceTable .table2 {width:100% !important;}
	.ceTable table th {font-size:;}
	.ceTable table td {padding:15px 0; font-size:;}
}


/* 회원등록 동의 */
.aTit {font-size:20px;}
.agreeBox1 {width:100%; height:190px; border:1px solid #e0e0e0; overflow-y:auto; margin:7px 0;}
.agreeBox {width:100%; height:190px; border:1px solid #e0e0e0; background:#fcfcfc; padding:50px; overflow-y:auto; margin:5px 0;}
.agree {font-size:16px; font-weight:500; text-align:right; color:#333; margin-bottom:35px;}
.tAgree {font-size:20px; font-weight:500; text-align:center; border-top:2px solid #545454; padding:8px 0; color:#333;  margin-bottom:45px;}
.tAgree input {width:20px; height:20px;}

/* 개인정보, 약관 */
.cont ul li.orangeTit {color:#51586a; font-weight:bold; font-size:18px; margin:20px 0 5px 0;}
.cont ul li.orangeTit .num {}
.cont ul li.grayBox {width:100%; background:#fbfbfb; padding:5%; font-size:12px; line-height:1.5; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; }
.cont ul li.grayBox img {width:100%; height:100%;}
.cont ul li.grayBox1 {width:100%; background:#fbfbfb; padding:1%; font-size:12px; line-height:1.5; border-top:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2;}
.cont ul li.grayBox1 img {width:100%; height:100%;}
.cont ul li .inBox {background:rgba(255,255,255,.8);  padding:10px 25px; width:100%; margin:5px 0 0 7px; }
.yak {font-size:12px; padding:5%; background:#fcfcfc; border:1px solid #ececec;}

@media only screen and (min-width: 768px) {
	.cont ul li.grayBox {padding:25px 50px; font-size:13px}
	.cont ul li .inBox {background:rgba(255,255,255,.8);  padding:10px 25px; width:90%; margin:5px 0 0 7px;}
	.yak {font-size:13px; padding:40px; background:#fcfcfc; border:1px solid #ececec;}	
}


/* 장바구니 상단 */
#cartTop {width:100%; margin:0 0 50px 0; padding:0; }
.cartTit {width:100%; height:80px; margin:0 auto; background-color:#fff; border:2px solid #24221f;}
.cartTit ul {overflow:hidden; height:100%;}
.cartTit ul li {position:relative; float:left; width:33%; height:100%; color:#999; font-size:23px; padding:0 0 0 30px; line-height:70px; letter-spacing:-1px; border-left:1px solid #bbb;}
.cartTit ul li:first-child {border-left:0;}
.cartTit ul li.on {background-color:#24221f; color:#fff; font-weight:bold;}
.cartTit ul li .arrowW {position:absolute; top:50%; margin-top:-8.5px; left:-1px; width:9px; height:17px; background:url(/image/carrow_w.png);}
.cartTit ul li .arrowB {position:absolute; top:50%; margin-top:-8.5px; left:-1px; width:9px; height:17px; background:url(/image/carrow_b.gif);}
.cart01 {background-image:url(/image/icon_01.png); background-repeat:no-repeat; background-position:300px bottom; background-size:auto;}
.cart02 {background-image:url(/image/icon_02.png); background-repeat:no-repeat; background-position:300px bottom; background-size:auto;}
.cart03 {width:34%; background-image:url(/image/icon_03.png); background-repeat:no-repeat; background-position:300px bottom; background-size:auto;}

.cart011 {background-image:url(/image/icon_01_on.png); background-repeat:no-repeat; background-position:300px bottom; background-size:auto;}
.cart021 {background-image:url(/image/icon_02_on.png); background-repeat:no-repeat; background-position:300px bottom; background-size:auto;}
.cart031 {width:34% !important; background-image:url(/image/icon_03_on.png); background-repeat:no-repeat; background-position:300px bottom; background-size:auto;}


.subCont {width:100%; min-height:600px; margin:0 auto; padding:0 0 100px 0;}
.subCont .midTit1 {font-size:20px; font-weight:600; letter-spacing:-0.7px;}
.subCont .midTit1 .number {color:#01c38e;}


@media only screen and (max-width: 1300px) {
	.cartTit {height:72px;}
	.cartTit ul li {font-size:20px;}
	.cart01 {background-image:url(/image/icon_01.png); background-repeat:no-repeat; background-position:85% bottom; background-size:auto 70%;}
	.cart02 {background-image:url(/image/icon_02.png); background-repeat:no-repeat; background-position:85% bottom; background-size:auto 55%;}
	.cart03 {background-image:url(/image/icon_03.png); background-repeat:no-repeat; background-position:85% bottom; background-size:auto 70%;}

	.cart011 {background-image:url(/image/icon_01_on.png); background-repeat:no-repeat; background-position:85% bottom; background-size:auto 70%;}
	.cart021 {background-image:url(/image/icon_02_on.png); background-repeat:no-repeat; background-position:85% bottom; background-size:auto 55%;}
	.cart031 {background-image:url(/image/icon_03_on.png); background-repeat:no-repeat; background-position:85% bottom; background-size:auto 70%;}


}

@media only screen and (max-width: 800px) {
	.cartTit {height:65px; }
	.cartTit ul li {font-size:16px; padding:0 0 0 20px; line-height:65px;}
}

@media only screen and (max-width: 620px) {
	.cartTit {height:80px;}
	.cartTit ul li {padding:0; font-size:15px; line-height:50px; text-align:center;}
	.cart01 {background-image:url(/image/icon_01.png); background-repeat:no-repeat; background-position:50% bottom; background-size:auto 50%;}
	.cart02 {background-image:url(/image/icon_02.png); background-repeat:no-repeat; background-position:50% bottom; background-size:auto 38%;}
	.cart03 {background-image:url(/image/icon_03.png); background-repeat:no-repeat; background-position:50% bottom; background-size:auto 50%;}

	.cart011 {background-image:url(/image/icon_01_on.png); background-repeat:no-repeat; background-position:50% bottom; background-size:auto 50%;}
	.cart021 {background-image:url(/image/icon_02_on.png); background-repeat:no-repeat; background-position:50% bottom; background-size:auto 38%;}
	.cart031 {background-image:url(/image/icon_03_on.png); background-repeat:no-repeat; background-position:50% bottom; background-size:auto 50%;}
}


/* 장바구니 table */
.cartTable {width:100%; overflow:visible; position:relative;}
.cartTable .table {width:100%; border-top:2px solid #696969;}
.cartTable .table ul { width:100%; position:static;}
.cartTable .table ul li {float:left; }
.cartTable .table ul.thLine {}
.cartTable .table ul.thLine li {background:#fcfcfc; height:40px; border-bottom:1px solid #e0e0e0; line-height:40px; text-align:center;  font-size:14px;}
.cartTable .table ul.thLine li.lineBr {padding-top:3px; font-size:13px; line-height:1.2;}
.cartTable .table ul.tdLine {border-bottom:1px solid #e0e0e0; font-size:14px;}
.cartTable .table ul.tdLine li {height:120px; line-height:120px; border-bottom:1px solid #e0e0e0; text-align:center;}
.cartTable .table ul.tdLine li.proName {padding: 10px 0; text-align:left;}
.cartTable .table ul.tdLine li.proName .pic {float:left; width:22%;}
.cartTable .table ul.tdLine li.proName .pic img { width:100px; height:100px;}
.cartTable .table ul.tdLine li.proName .cartName {float:left; width:78%; padding:6% 30px 0 ;  line-height:1.5; text-align:left; }
.cartTable .table ul.tdLine li.proName .cartName .name {font-size:18px; color:#333; padding:0 0 0 55px;}
.cartTable .table ul.tdLine li.proName .cartName .op {margin-top:5px; padding:4px 6px 6px 6px; background:#fcfcfc; font-size:12px; color:#bb494a;}
.cartTable .table ul.tdLine li.acount {line-height:1.5;  width:10%; }
.cartTable .table ul.tdLine li.pv1 {width:14%; font-size:12px;}
.cartTable .table ul.tdLine li span.cPv {position:absolute; right:26%; top:100px;}
.cartTable .table ul.tdLine li span.ctPv {position:absolute; right:8%; top:101px;} 
.cartTable .table ul.tdLine li.coop {width:40%; padding:25px 0 0 0; }
.cartTable .table ul.tdLine li.Sum {width:21%;}
.cartTable .table ul.tdLine li .input_F {width:100px; margin-left:10px;}


.lineT {display:inline; width:auto; height:auto; margin:0; border-top:0;}
.lineB {display:inline; width:auto; height:auto; background:#fff; position:static;}

.date {position:static; left:0; top:auto;}

.checkM {position:relative; top:0;}
.checkM input[checkbox] {width:50px; height:50px;}
.checkM span {display:none;}

.cartNum1 {width:auto; height:25px !important; line-height:25px; margin:37px auto 5px auto;}
.cartMinus {width:25px; height:25px; margin:0 0 0 0; background:url(/image/icon_minus.png) no-repeat center center #fff; border-top:1px solid #bbb; border-left:1px solid #bbb; border-bottom:1px solid #bbb; display:inline-block;}
.cartPlus {width:25px; height:25px; margin:0 0 0 0; background:url(/image/icon_plus.png) no-repeat center center #fff; border-top:1px solid #bbb; border-right:1px solid #bbb; border-bottom:1px solid #bbb; display:inline-block;}
input.cartnum {width:35px; height:25px; border:1px solid #bbb; text-align:center;}

.cNum {position:relative; color:#333; font-size:15px; right:0; top:0; margin:45px 0 0 0; line-height:1; font-weight:600;}
.ctNum {position:relative; color:#333; font-size:20px; right:0; top:0; font-weight:600;}

.w05 {width:5%}
.w10 {width:10%;}
.w15 {width:15%;}
.w20 {width:20%;}
.w40 {width:40%;}
.w50 {width:50%;}
.pv {line-height:1 !important; padding:4% 0 0 0; }


@media only screen and (max-width: 900px) {
	.cartTable .table ul.thLine li {height:0px; font-size:0; border-bottom:0;}
	.cartTable .table ul.tdLine { font-size:14px; }
	.cartTable .table ul.tdLine li {height:100%; text-align:center; line-height:1.4;}
	.cartTable .table ul.tdLine li.proName {padding: 10px 0; text-align:left; }
	.cartTable .table ul.tdLine li.proName .pic {float:left; width:150px;}
	.cartTable .table ul.tdLine li.proName .pic img { width:100px; height:100px;}
	.cartTable .table ul.tdLine li.proName .cartName {float:left; width:calc(100% - 150px); padding:20px 10px 0 0;  line-height:1.5; text-align:left; }
	.cartTable .table ul.tdLine li.proName .cartName .name {font-size:18px; color:#333; font-weight:600;}
	.cartTable .table ul.tdLine li.proName .cartName .op {margin-top:5px; padding:4px 6px 6px 6px; background:#fcfcfc; font-size:12px; color:#bb494a;}
	.cartTable .table ul.tdLine li.acount {line-height:1.5; width:27%; }
	.cartTable .table ul.tdLine li.pv1 {font-size:12px;}
	.cartTable .table ul.tdLine li span.cPv {position:absolute; right:29%; top:63%;}
	.cartTable .table ul.tdLine li span.ctPv {position:absolute; right:4%; top:60%;} 
	.cartTable .table ul.tdLine li.coop {width:20%; padding:25px 0 0 0; }
	.cartTable .table ul.tdLine li .input_F {width:100px; margin-left:5px;}

	.lineT {display:block; overflow:visible; width:100% !important; height:120px; margin:15px 0 0 0; }
	.lineB {display:block; overflow:hidden; width:100% !important; height:70px;  background:rgba(0,0,0,0.02); border-bottom:1px solid #bbb; position:relative; }

	.checkM {position:absolute; height:30px; right:0px; top:-30px; background:;}

	.checkM input {vertical-align:middle;}
	.checkM span {font-size:12px; margin:0 0 0 5px; vertical-align:middle; display:inline-block;}

	.cartNum1 {width:auto; height:25px;  margin:10px auto 5px auto;}
	.cartMinus {width:25px; height:25px; margin:0 0 0 0; background:url(/image/icon_minus.png) no-repeat center center #fff; border-top:1px solid #bbb; border-left:1px solid #bbb; border-bottom:1px solid #bbb; display:inline-block;}
	.cartPlus {width:25px; height:25px; margin:0 0 0 0; background:url(/image/icon_plus.png) no-repeat center center #fff; border-top:1px solid #bbb; border-right:1px solid #bbb; border-bottom:1px solid #bbb; display:inline-block;}
	input.cartnum {width:35px; height:25px; border:1px solid #bbb; text-align:center; margin:0; top:0; padding:0; vertical-align:top;}

	.cNum {position:absolute; margin:10px 0 0 0; color:#333; line-height:1.1; font-weight:500; font-size:15px; right:28%; top:10px;}
	.ctNum {position:absolute; color:#333; font-weight:700; font-size:18px; right:3%; top:23px;}

	.w05 {width:5%;}
	.w10 {width:45%;}
	.w15 {width:30%;}
	.w20 {width:40%;}
	.w25 {width:25%;}
	.w40 {width:100%;}
	.w45 {width:45%;}
	.w50 {width:95%;}
	.pv {line-height:1 !important; padding:4% 0 0 0; }

}



.cartTotalM {display:none;}

.cartTotal {display:block; clear:both;  margin:20px 0 10px 0; border:2px solid #24221f; overflow:hidden; }
.cartTotal table {width:100%;}
.cartTotal table th {padding:10px 0 10px 20px; color:#000; text-align:left; font-size:13px; font-weight:normal;}
.cartTotal table th.line {width:35px !important; background:url(/image/cart_minus.gif) no-repeat center top;}
.cartTotal table td {padding:0 20px 10px 0; text-align:right}
.cartTotal table td strong { color:#333;  font-size:30px; font-weight:700;}


td.iconMinus1 {width:35px important; height:60px; background:url(/image/cart_minus.gif) no-repeat; background-position:center 65%; display:block;}
td.iconPlus1 {width:35px; height:60px; background:url(/image/cart_plus.gif) no-repeat; background-position:center 65%; display:block;}
td.iconEq1 {width:35px; height:60px; background:url(/image/cart_equal.gif) no-repeat; background-position:center 65%; display:block;}
td.iconCartPlus1 {width:35px; height:60px; background:url(/image/cart_plus.gif) no-repeat; background-position:center bottom; display:block;}

button.btnWhite {text-align:center; background:#fff; padding:5px 10px;  font-size:12px; border:1px solid #d8d8d8; cursor:pointer; border-radius:4px;}
button.btnBuyAll {text-align:center; background:#01c38e; padding:15px 25px; font-size:15px; border:1px solid #01c38e; cursor:pointer; color:#fff; border-radius:4px;}
button.btnLgray {text-align:center; background:#eee; padding:15px 25px; font-size:15px; border:1px solid #bbb; cursor:pointer; color:#333; font-weight:bold; border-radius:4px;}
button.btnBuySel { text-align:center; background:#6f6f6f; padding:15px 25px; font-size:15px; border:1px solid #6f6f6f; cursor:pointer; color:#fff;  border-radius:4px;}
button.btnBuy {text-align:center; background:#6f6f6f; padding:15px 25px; font-size:15px; border:1px solid #6f6f6f; cursor:pointer;color:#fff; font-weight:bold; border-radius:4px;}
button.btnModi {text-align:center; background:#fff; padding:15px 25px; font-size:15px; border:1px solid #d8d8d8;  cursor:pointer; font-weight:bold; border-radius:4px;}
button.btnGray {text-align:center; background:#666; padding:5px 10px; font-size:11px; color:#fff; cursor:pointer; border-radius:4px;}


.btnBuyAll {text-align:center; background:#01c38e; padding:15px 25px; font-size:15px; border:1px solid #01c38e; cursor:pointer; color:#fff; border-radius:4px;}
.btnBuySel { text-align:center; background:#6f6f6f; padding:15px 25px; font-size:15px; border:1px solid #6f6f6f; cursor:pointer; color:#fff;  border-radius:4px;}


.btnLeft {float:left; margin:10px 0 30px 0;}
.btnRight {float:right;}
.btnCenter {margin:20px auto; text-align:center;}

@media only screen and (max-width: 800px) {
	.cartTotal {display:none;}
	.cartTotalM {display:block; margin:20px 0 10px 0;}


}


/* 주문결제 */
.trans_list {width:100%;}
.trans_list table {border-top:2px solid #24221f; width:100%;}
.trans_list table th {width:16.6%; background:url(/image/icon_check.gif) no-repeat 10px center #fcfcfc; border-bottom:1px solid #e0e0e0; border-right:0px dotted #e0e0e0; height:40px; font-size:13px; color:#333; text-align:left; padding-left:25px; font-weight:400;}
.trans_list table td {border-bottom:1px solid #e0e0e0;height:40px; text-align:left; font-size:14px; color:#333; padding:10px 10px 10px 20px;}
.trans_list input[type=radio], .trans_list input[type=checkbox] {height:auto;}
.trans_list select {height:40px; border:1px solid #ececec;}
.trans_list .textFr {float:right; font-size:14px; font-weight:400;}

.trans_list .card {width:auto; height:40px; border-radius:5px; border:1px solid rgba(0,0,0,.1); box-shadow:0 3px 5px rgba(0,0,0,.03);}

.transBox1 {border:3px solid #24221f; color:#333; padding:27px; margin:56px 0 0 0;}
.transBox1 .title {padding:0 0 15px 0; font-size:20px; font-weight:500;}
.transBox1 ul {overflow:hidden; border-bottom:1px solid #e2e2e2; }
.transBox1 ul:last-child {border-bottom:0;}
.transBox1 ul li {float:left; padding:15px 10px; font-size:14px;}
.transBox1 ul li.th {width:20%; font-weight:400; }
.transBox1 ul li.td {width:80%; text-align:right;}
.transBox1 ul li.td .money { font-weight:600; color:#000; font-size:23px !important;}
.transBox1 ul li.td .moneyRed { font-weight:700; color:#dc3843; font-size:30px !important;}
.transBox1 ul.gray {background:#f5f5f5;}
.transBox1 ul.gray li.th {font-weight:normal; font-size:13px; text-indent:10px; padding:7px 15px;}
.transBox1 ul.gray li.td {font-weight:normal; font-size:13px; padding:7px 15px;}
.transBox1 ul.boldBor {border-bottom:3px solid #24221f;}
.borNone {border:none !important;}

.tSub {font-weight:500; font-size:12px; color:#000;}




/* 주문내역 */
.orWrap {margin:10px 0 0 0; padding:60px 45px 45px 45px; background:#fff; border-radius:10px; box-shadow:0 10px 20px rgba(0,0,0,.06); overflow:hidden;}
.orList {position:relative; margin:0 0 60px 0; border-top:1px solid rgba(0,0,0,.3); border-bottom:1px solid rgba(0,0,0,.2);}
.orList .orDate {position:absolute; top:-20px; font-size:16px; font-weight:600;}
.orList .orTop {background:rgba(0,0,0,.01); padding:0 15px; border-bottom:1px dashed rgba(0,0,0,.3);}
.orList .orTop ul {overflow:hidden;}
.orList .orTop ul li {float:left; width:50%; height:50px; line-height:53px; font-size:16px; font-weight:500;}
.orList .orTop ul li:last-child {text-align:right; font-size:13px; font-weight:400;}
.orList .detail {background:#fff; margin:0 0 0 15px; padding:3px 7px; font-size:12px; line-height:1.2; border:1px solid rgba(0,0,0,.3); border-radius:3px; display:inline-block;} 
.orList .orCenter {display:flex; padding:15px; border-bottom:1px dashed rgba(0,0,0,.3);}
.orList .orCenter .oTop {width:60%; display:inherit;}
.orList .orCenter .oBottom {width:40%; display:inherit;}
.orList .orCenter .pic {width:20%; }
.orList .orCenter .pic img {width:100%; height:auto; border-radius:5px;}
.orList .orCenter .name {width:80%; padding:40px 3% 10px 3%; font-size:16px; font-weight:500; }
.orList .orCenter .name .opt {padding:5px 0 0 0; font-size:14px; color:#a5a8b8; font-weight:300;}
.orList .orCenter .price {width:33.3%; padding:40px 3% 0 3%; font-size:17px; font-weight:600; text-align:center; }
.orList .orCenter .price .light {font-size:14px; }
.orList .orCenter .price .won {font-size:13px; }
.orList .orTotal {background:#fdfdfd; padding:20px 5%; text-align:right;}
.orList .orTotal .tit {}
.orList .orTotal .num {font-size:17px; font-weight:600;}
.spaceV25 {clear:both; width:100%; padding:17.5px;}
.spaceV50 {clear:both; width:100%; padding:25px;}


@media screen and (max-width: 1450px) {
	.orWrap {padding:50px 35px 40px 35px;}
}

@media screen and (max-width: 1200px) {
	.orList .orTop ul li {font-size:14px;}
	.orList .orCenter .name {width:; padding:25px 3% 5px 3%; font-size:14px;}
	.orList .orCenter .name .opt {padding:0; font-size:13px;}
	.orList .orCenter .price {width:; padding:25px 0 0 0; font-size:15px;}
	.orList .orCenter .price .light {font-size:13px;}
}

@media screen and (max-width: 840px) {
	.orWrap {padding:50px 25px 40px 25px;}
	.orList .orCenter {padding:10px 0; }
}


@media screen and (max-width: 768px) {
	.orWrap {margin:10px 2.5%;}
	.orList .orCenter {width:100%; padding:10px 0 0 0; display:inline-block;}
	.orList .orCenter .oTop {width:100%; display:flex;}
	.orList .orCenter .oBottom {width:100%; background:rgba(0,0,0,.01); margin:10px 0 0 0; border-top:1px solid rgba(0,0,0,.02); display:flex;}
	.orList .orCenter .pic {width:20%;}
	.orList .orCenter .pic img {width:90%; height:auto;}
	.orList .orCenter .name {width:80%; font-size:16px;}
	.orList .orCenter .price {width:33.3%; padding:15px 0;}
	
	.orList .orTotal {background:#fff; border:3px solid rgba(0,0,0,.05); text-align:center;}
	.orList .orTotal .tit {font-size:12px;}
	.orList .orTotal .num {font-size:15px;}
}

@media screen and (max-width: 620px) {
	.orList .orCenter .pic img {width:100%;}
	.orList .orCenter .name {font-size:15px;}
}

@media screen and (max-width: 560px) {
	.orWrap {margin:10px 0; padding:40px 2.5%; box-shadow:0;}
	.orList .orTop ul li.left {width:30%;}
	.orList .orTop ul li.right {width:70%;}

}

@media screen and (max-width: 460px) {
	.orList .orCenter .name {padding:15px 3% 5px 3%; font-size:14px;}
}



.payBox {margin:40px 0 0 0; border:1px solid #ddd; border-radius:7px; padding:3% 4%; overflow:hidden;}
.payBox.w50L {float:left; width:49%; margin:40px 0 50px 0;}
.payBox.w50R {float:right; width:49%; margin:40px 0 50px 0; border:3px solid #000;}

.payBox .midTit {padding:10px 0 40px 0; text-align:left; font-size:20px; font-weight:500;}

.orBox .selTit {padding:7px 0; text-align:left; font-size:16px; font-weight:500; border-bottom:1px dashed #e2e2e2;}
.orBox .selTit input {width:auto; height:35px; margin-right:5px; vertical-align:middle;}
.orBox .content {background:rgba(0,0,0,.01); padding:20px; text-align:left;}
.orBox .content .title {font-size:14px; font-weight:500;}
.orBox .content input {width:40%; height:30px;}
.orBox .content select {width:40%; height:30px;}
.orBox .content p {padding:2px 0;}
.orBox .inBox {background:#fff; margin:5px 0 0 0; padding:20px 5%; font-size:13px; color:#000; border:1px solid #ddd; border-radius:5px;}
.orBox .inBox span {color:#000; font-weight:500;}
.orBox .inBox dl {overflow:hidden;}
.orBox .inBox dl dd {float:left; padding:2px 0;}
.orBox .inBox dl dd:nth-child(2n+1) {width:25%;}

.orBox .cardBox {background:#fff; margin:5px 0 0 0; padding:20px 5%; font-size:13px; color:#000; border:1px solid #ddd; border-radius:5px;}
.orBox .cardBox > dl {overflow:hidden;}
.orBox .cardBox > dl > dd {float:left; width:70%; height:35px; line-height:35px;}
.orBox .cardBox > dl > dd.line2 {height:65px; line-height:1.2; padding:4px 0 0 0; }
.orBox .cardBox > dl > dd:nth-child(2n+1) {width:28%;}
.btnGG {height:30px; background:#505258; padding:0 15px; line-height:30px; font-size:11px; color:#fff; border-radius:3px; cursor:pointer; display:inline-block;}
.orBox .sel80 {width:80% !important;}

@media all and (max-width:1000px) {
	.payBox {padding:5%;}
	.payBox.w50L {float:none; width:100%; margin:40px 0;}
	.payBox.w50R {float:none; width:100%; margin:0 0 50px 0;}
}


.payBox ul {overflow:hidden; border-bottom:1px dashed #e2e2e2; }
.payBox ul li {float:left; height:50px; font-size:14px; line-height:50px;}
.payBox ul li.th {width:30%; font-weight:500; }
.payBox ul li.td {width:70%; text-align:right;}
.payBox ul li.td .money {font-weight:bold; color:#000; font-size:23px !important;}
.payBox ul li.td .moneyRed {font-weight:bold; color:#01c38e; font-size:30px !important;}
.payBox ul.gray {background:#f5f5f5;}
.payBox ul.gray li.th {font-weight:normal; font-size:13px; text-indent:10px; padding:7px 15px;}
.payBox ul.gray li.td {font-weight:normal; font-size:13px; padding:7px 15px;}
.payBox ul.boldBor {border-bottom:2px solid #24221f;}
.payBox .btnCenter {margin:30px 0 0 0;}
.payBox .cap {margin:15px 0 0 0; color:#01c38e; font-size:14px; font-weight:500; line-height:1.5;}
.borNone {border:none !important;}

@media all and (max-width:600px) {
	.payBox .cap span {display:block;}
}


.subName {position:relative; padding:0 0 70px 0; text-align:center; font-size:40px; font-weight:600; margin-block-start:0; margin-block-end:0;}
.subName strong {font-size:55px; }
.subName .small {font-size:16px; letter-spacing:5px;}
.subName .downBtn {position:absolute; right:8%; top:15%; padding:10px 20px; font-size:20px; font-weight:600; border:1px solid rgba(0,0,0,.2); border-radius:50px; display:inline-block;}
.subName .downBtn:hover {background:#ff96af; border:1px solid #ff96af;}
.subName .downBtn img {margin:4px 7px 0 0;}

@media all and (max-width:1100px) {
	.subName strong {font-size:45px;}
	.subName .small {font-size:14px;}
}

@media all and (max-width:1000px) {
	.subName .downBtn {right:50%; top:100px; transform:translateX(50%); font-size:16px;}
}

@media all and (max-width:768px) {
	.subName {padding:0 0 50px 0; font-size:35px;}
	.subName strong {font-size:35px;}
	.subName .small {font-size:10px;}
	.subName .downBtn {top:90px;}
}

@media all and (max-width:460px) {
	.subName {font-size:30px;}
	.subName .downBtn {top:80px; padding:8px 15px; font-size:13px;}
	.subName .downBtn img {margin:2px 5px 0 0;}
}



/* 회사소개 */
.comWrap {width:100%; text-align:center;}
.comWrap .comTit {padding:0 0 40px 0; font-size:40px; font-weight:200; line-height:1.2; letter-spacing:-1.3px;color:#000;}
.comWrap .comTit strong {font-weight:600;}
.comWrap .comMid {height:50px; background:url(/image/tit_left.png) no-repeat left top, url(/image/tit_right.png) no-repeat right top; background-size:auto 100%; padding:7px 35px; text-align:center; font-size:24px; font-weight:300; line-height:1.3; display:inline-block;}
.comWrap .comImg01 {width:100%; height:395px; background:url(/image/com01.jpg) no-repeat center top; background-size:cover; margin:60px auto;}
.comWrap .comImg02 {width:100%; height:395px; background:url(/image/com03.jpg) no-repeat center top; background-size:cover; margin:60px auto;}

.comWrap .charg {}

.comWrap .comSec {overflow:hidden;}
.comWrap .comSec ul {overflow:hidden; padding:60px 0; border-bottom:1px solid #d0d0d0;}
.comWrap .comSec ul:last-child {border-bottom:0;}
.comWrap .comSec ul li {float:left; text-align:left;}
.comWrap .comSec .left {width:35%; padding:0 0 0 7%; font-size:27px; font-weight:600; }
.comWrap .comSec .left strong {color:#01c38e; display:block;}
.comWrap .comSec .right {width:65%; padding:0 15% 0 0; font-size:20px; line-height:1.5; font-weight:300;}

.comWrap .comSec .sec03 {float:left; width:30%; margin:0 5% 0 0; font-size:17px; text-align:left;}
.comWrap .comSec .sec03:last-child {margin:0;}

.comWrap .comDoc {width:100%; margin:40px 0 100px 0; background:url(/image/com02.jpg) no-repeat top center; background-size:100% auto; padding:350px 0 0 0; overflow:hidden;}
.comWrap .comDoc .docWrap {float:right; width:75%; text-align:left;}
.comWrap .comDoc .docWrap .tit {padding:0 0 10px 0; font-size:27px; font-weight:600; color:#fff;}
.comWrap .comDoc .docWrap .doc {background:#fff; padding:50px 0 0 50px; font-size:20px; font-weight:300; line-height:1.5;}
.comWrap .comDoc .docWrap .strong {position:relative; margin:30px 0 0 0; font-size:22px; font-weight:400; display:inline-block;}
.comWrap .comDoc .docWrap .strong::before {content:''; position:absolute; width:100%; height:20px; bottom:-6px; background:rgba(0,0,0,.03); }


@media all and (max-width:1500px) {
	.comWrap {width:100%;}
	.comWrap .comTit {font-size:40px;}
	.comWrap .comMid {}

	.comWrap .comSec {padding:0 0 70px 0;}
	.comWrap .comSec .left {font-size:25px;}
	.comWrap .comSec .right { font-size:17px;}
	
	.comWrap .comDoc {width:100%; margin:0 auto; padding:25% 0 0 0;}
	.comWrap .comDoc .docWrap {width:73%;}
	.comWrap .comDoc .docWrap .doc {padding:50px; font-size:18px;}
	.comWrap .comDoc .docWrap .strong {font-size:17px;}
}

@media all and (max-width:1300px) {
}

@media all and (max-width:1100px) {
	.comWrap .comTit {font-size:33px;}
	.comWrap .comImg01 {height:350px; margin:45px auto 30px;}

	.comWrap .comSec ul {padding:40px 0;}
	.comWrap .comSec .left {padding:0 0 0 7%; font-size:23px;}
	.comWrap .comSec .right {padding:0 10% 0 0; font-size:16px;}
	
	.comWrap .comSec .sec03 {float:none; width:100%; margin:0;  font-size:16px;}
	
	.comWrap .comDoc .docWrap {width:83%;} 
	.comWrap .comDoc .docWrap .doc {font-size:16px;}
	.comWrap .comDoc .docWrap .strong {font-size:16px;}
	.table_area{overflow-x:scroll;}
	
	.comWrap .charg {width:100%;}
}



@media all and (max-width:920px) {
	.comWrap .comSec .left {padding:0 0 0 2%; font-size:22px;}
	.comWrap .comSec .right {padding:0 2% 0 0; font-size:15px;}
	
	.comWrap .comDoc .docWrap {float:none; width:90%; margin:0 auto;} 
}

@media all and (max-width:860px) {
	.comWrap .comTit {padding:0 0 30px 0; font-size:30px;}
	.comWrap .comImg01 {height:350px; margin:40px auto;}
	.comWrap .comDoc .docWrap .strong {padding:0 20px; text-align:center;}
	.comWrap .comDoc .docWrap .strong::before {bottom:-9px; left:0; height:68px;}
	.comWrap .comSec .sec03 {font-size:14px;}
}

@media all and (max-width:768px) {
	.comWrap .comTit {font-size:27px;}
	.comWrap .comMid {height:33px; padding:5px 20px; font-size:15px;}

	.comWrap .comSec .left {padding:0; font-size:20px;}
	.comWrap .comSec .right {padding:0; font-size:14px;}

	.comWrap .comDoc .docWrap .tit {font-size:24px; padding:0 0 5px 0;}
	.comWrap .comDoc .docWrap .doc {padding:30px; font-size:14px;}
	.comWrap .comDoc .docWrap .strong {font-size:15px;}
}

@media all and (max-width:680px) {
	.comWrap .comTit {padding:0 5% 30px 5%; font-size:24px;}
	.comWrap .comImg01 {height:300px;}
}

@media all and (max-width:580px) {
	.comWrap .comTit { padding:0 10% 30px 10%;}
	.comWrap .comImg01 {margin:40px auto 10px;}
	.comWrap .comSec .left {float:none; width:100%; font-size:24px;}
	.comWrap .comSec .right {float:none; width:100%; padding:20px 0 0 0; font-size:14px;}
}

@media all and (max-width:510px) {
	.comWrap .comMid {}
	.comWrap .comImg01 {height:200px;}

	.comWrap .comDoc .docWrap .strong {font-size:14px;}
}

@media all and (max-width:460px) {
	.comWrap .comTit {font-size:25px; padding:0 10% 30px 10%;}
	.comWrap .comMid {height:28px; font-size:13px;}
	.comWrap .comSec .left {font-size:22px;}
	.comWrap .comDoc {background-size:130% auto; padding:33% 0 0 0;}
	.comWrap .comDoc .docWrap .strong::before {bottom:-12px; left:0; height:90px;}
}

.phWrap {width:1500px; margin:0 auto;}
.phWrap .img {width:100%; height:465px; background:url(/image/com03.jpg) no-repeat center top; background-size:cover;}
.phWrap .phMid {overflow:hidden; text-align:left;}
.phWrap .phMid ul {overflow:hidden;}
.phWrap .phMid ul li {float:left; font-size:27px; font-weight:600;}
.phWrap .phMid ul .left {width:30%; padding:129px 0 129px 10%; }
.phWrap .phMid ul .right {width:70%; padding:120px 0 129px 8%; }
.phWrap .phMid ul li strong {color:#01c38e;}
.phWrap .icon {float:left; width:250px; padding:145px 5px 0 5px; font-size:16px; font-weight:400; text-align:center;}

.p01 {background:url(/image/icon_c01.png) no-repeat center top;}
.p02 {background:url(/image/icon_c02.png) no-repeat center top;}
.p03 {background:url(/image/icon_c03.png) no-repeat center top;}


@media all and (max-width:1500px) {
	.phWrap {width:100%;}
	.phWrap .phMid ul li {font-size:25px;}
}

@media all and (max-width:1250px) {	
	.phWrap .img {height:295px;}
	.phWrap .phMid ul .left {width:30%; padding:129px 0 129px 10%;}
	.phWrap .phMid ul .right {padding:120px 0 129px 3%;}
	.phWrap .icon {width:230px; font-size:16px; }
}

@media all and (max-width:1100px) {	
	.phWrap .phMid ul li {font-size:23px;}
	.phWrap .phMid ul .right {padding:120px 0 129px 6%;}
	.phWrap .icon {width:200px; font-size:15px;}
}

@media all and (max-width:1000px) {	
	.phWrap .phMid {width:90%; margin:0 auto;}
	.phWrap .phMid ul .left {width:25%; padding:120px 0 120px 5%; }
	.phWrap .phMid ul .right {width:75%; padding:110px 0 110px 10%;}
	.phWrap .icon {width:170px; background-size:90px; padding:105px 0 0 0; }
}

@media all and (max-width:920px) {	
	.phWrap .phMid ul li {font-size:22px;}
	.phWrap .phMid ul .right {padding:110px 0 110px 15%;}
	.phWrap .icon {width:150px; background-size:80px; padding:95px 8px 0 8px; font-size:14px;}
}

@media all and (max-width:860px) {	
	.phWrap .phMid ul .right {padding:110px 0 110px 8%;}	
}

@media all and (max-width:768px) {	
	.phWrap .img {height:260px;}
	.phWrap .phMid ul li {font-size:20px;}
	.phWrap .phMid ul .right {padding:90px 0 90px 8%;}
	.phWrap .icon {width:140px; font-size:13px;}
}

@media all and (max-width:700px) {
	.phWrap .phMid ul .left {width:auto; padding:120px 0 120px 0;}
	.phWrap .phMid ul .right {width:auto;}
}

@media all and (max-width:650px) {
	.phWrap .img {height:200px;}
	.phWrap .icon {width:125px; background-size:70px; padding:85px 10px 0 10px; font-size:13px;}
}

@media all and (max-width:590px) {
	.phWrap .icon {width:120px; background-size:60px; padding:75px 10px 0 10px; font-size:12px;}
}

@media all and (max-width:580px) {	
	.phWrap .phMid {width:85%;}
	.phWrap .phMid ul li {font-size:24px;}
	.phWrap .phMid ul .left {width:100%; padding:70px 0 20px 5%;}
	.phWrap .phMid ul .right {width:100%; padding:20px 0 70px 0;}
	.phWrap .icon {width:33.3%; background-size:70px; padding:85px 8px 0 8px; font-size:14px; /* border:1px solid red; */}
}

@media all and (max-width:460px) {
	.phWrap .img {height:170px;}	
	.phWrap .phMid {width:90%;}
	.phWrap .phMid ul li {font-size:22px;}
	.phWrap .phMid ul .left {padding:60px 0 10px 5%;}
}



.phBottom {position:relative; width:100%; padding:0 0 250px 0;}
.phBottom .phGray {position:absolute; bottom:0; width:100%; height:420px; background:#f2f5fb; z-index:-1;}
.phBottom .iconWrap {width:1300px; height:; margin:30px auto 100px; /* overflow:hidden; */ display:flex; flex-wrap:wrap; }
.phBottom .iconWrap .cir:before {content:''; position:absolute; bottom:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); }
.phBottom .iconWrap .cir {position:relative; width:400px; height:400px; margin:auto; border-radius:20px; font-size:24px; color:#fff; text-align:center; overflow:hidden;}
.phBottom .iconWrap .cir .txt {position:absolute; top:50%; transform:translateY(-50%); width:100%; padding:0 15px; line-height:1.4;}
.phBottom .iconWrap .cir strong {font-size:34px; display:block; letter-spacing:0;}

.phBottom .iconWrap .cir:hover:before {width:100%; height:0; transition: 0.5s ease; -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease;  -o-transition: 0.5s ease;}
.phBottom .iconWrap .cir:hover {background-size:115%; }
.phBottom .iconWrap .cir:hover .txt {text-shadow:0 10px 15px rgba(0,0,0,.5);}
.phBottom .iconWrap .cir:hover strong {}
.phBottom .iconWrap .cir:hover {}

.phBottom .iconWrap.bott {width:870px; margin:100px auto 10px;}

.cir01 {background:url(/image/com000.jpg) no-repeat center center; background-size:cover;}
.cir02 {background:url(/image/com001.jpg) no-repeat center center; background-size:cover;}
.cir03 {background:url(/image/com002.jpg) no-repeat center center; background-size:cover;}
.cir04 {background:url(/image/com003.jpg) no-repeat center center; background-size:cover;}
.cir05 {background:url(/image/com004.jpg) no-repeat center center; background-size:cover;}

.contentWrap {width:1150px; height:150px; margin:0 auto; display:flex; }
.contentWrap .conBox {width:300px; min-height:160px; background:#fff; margin:auto; padding:30px 25px; font-size:15px; border-radius:10px; box-shadow:0 10px 10px rgba(0,0,0,.1);}
.contentWrap .conBox strong {padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed rgba(0,0,0,.1); font-size:22px; display:block;}

.contentWrap.bott {width:800px;}

@media all and (max-width:1500px) {
	.contentWrap {width:100%; }
	.phBottom .iconWrap {width:100%;}
	.phBottom .iconWrap.bott {width:100%; margin:100px auto 10px;}
}

@media all and (max-width:1300px) {
	.phBottom .phGray {height:400px;}
	.phBottom .iconWrap {}
	.phBottom .iconWrap .cir {width:31%; height:350px; }
	.phBottom .iconWrap .cir strong {font-size:28px;}
}


@media all and (max-width:1050px) {
	.phBottom {padding:0 0 200px 0;}
	.phBottom .phGray {height:320px;}
	.phBottom .iconWrap {height:230px;}
	.phBottom .iconWrap .cir {height:300px; font-size:20px;}
	.phBottom .iconWrap .cir strong {font-size:25px;}

}

@media all and (max-width:860px) {
	.phBottom {padding:0 0 160px 0;}
	.phBottom .phGray {height:260px;}
	.phBottom .iconWrap {height:170px;}
	.phBottom .iconWrap .cir {height:250px; font-size:15px;}
	.phBottom .iconWrap .cir strong {font-size:20px;}
	.contentWrap .conBox {font-size:13px;}
	.contentWrap .conBox strong {font-size:18px;}
}



@media all and (max-width:740px) {
	.phBottom {padding:0 0 120px 0;}
	.phBottom .phGray {height:190px;}
	.phBottom .iconWrap {height:130px;}
	.phBottom .iconWrap .cir {width:48%; height:200px;  border-radius:10px;}
	.phBottom .iconWrap .cir strong {font-size:17px;}
	.phBottom .iconWrap .cir:nth-child(3) {margin-top:15px;}
	
	.phBottom .iconWrap.bott {margin:300px auto 10px;}
}



@media all and (max-width:560px) {
	.phBottom .iconWrap {}
	.contentWrap {margin-bottom:100px; flex-wrap:wrap; justify-contents:between-around;}
	.contentWrap .conBox {width:48%; margin-bottom:10px; border:1px solid rgba(0,0,0,.1);}
} 

/* CI/BI */
.ciWrap {width:100%; margin:0 auto; overflow:hidden; text-align:left; letter-spacing:-0.6px; line-height:1.5;}
.ciWrap ul {float:left; margin:0 0 70px 0;}
.ciWrap .left {width:25%; font-size:26px; font-weight:600; line-height:1.2; letter-spacing:0; }
.ciWrap .right {width:75%; font-size:17px;}
.ciWrap .right p {margin:25px 0 0 0;}
.ciWrap strong {padding:0 0 15px 0; color:#01c38e; font-size:20px; font-weight:600; display:block;}
.ciWrap .ci100 {width:100%; margin:0 0 70px 0; padding:55px 130px; border:10px solid #f4f4f4; overflow:hidden;}
.ciWrap .ci100 .ciLeft {float:left; width:50%;}
.ciWrap .ci100 .ciLeft img {width:auto !important; }
.ciWrap .ci100 .ciRight {float:right; width:50%; padding:30px 0 0 0;}
.ciWrap .ci100 ul {margin:0 !important;}
.ciWrap .ci100 ul li {padding:20px 15px; border-bottom:1px solid #ededed; overflow:hidden;}
.ciWrap .ci100 ul li:last-child {border-bottom:0;}
.ciWrap .ci100 .tit {float:left; width:30%; font-size:30px; font-weight:600;}
.ciWrap .ci100 .cont {float:left; width:70%; font-size:15px;}
.ciWrap .ci100 .cont strong {padding:0 0 15px 0; font-size:20px; font-weight:500; display:block;}
.ciWrap .colorWrap ul {margin:0 25px 0 0 !important;}
.ciWrap .colorWrap ul:last-child {margin:0;}
.ciWrap .colorWrap .cir {width:118px; height:118px; border-radius:50%; display:inline-block;}
.ciWrap .colorWrap .cont {margin:0 0 0 0; padding:0 0 0 5px; line-height:1.3; font-size:14px;}
.cir011 {background:#ad549c;}
.cir021 {background:#991570;}
.cir031 {background:#e95376;}
.cir041 {background:#f39800;}
.cir051 {background:#898989;}

.ciWrap .biBox {padding:35px 15%; overflow:hidden; border:10px solid #f4f4f4;}
.ciWrap .biBox .bLeft {float:left; width:28%;}
.ciWrap .biBox .bLeft img {width:auto !important;}
.ciWrap .biBox .bRight {float:left; width:72%; padding:20px 0 0 0;}


@media all and (max-width:1100px) {
	.ciWrap {width:90%;}
	.ciWrap .left {font-size:23px;}
	.ciWrap .right {font-size:15px;}
	.ciWrap .right p {margin:15px 0 0 0;}
	.ciWrap strong {font-size:17px;}
	.ciWrap .ci100 {padding:45px 100px;}
	.ciWrap .ci100 ul li {padding:15px 10px;}
	.ciWrap .ci100 .cLeft img {width:80% !important; height:auto; transform:translateY(10%);}
	.ciWrap .ci100 .tit {font-size:21px;}
	.ciWrap .ci100 .cont {font-size:14px;}
	.ciWrap .ci100 .cont strong {font-size:17px;}
	.ciWrap .colorWrap .cir {width:100px; height:100px;}
	.ciWrap .colorWrap .cont {font-size:12px;}

	.ciWrap .biBox .bLeft img {width:60% !important;}
}


@media all and (max-width:920px) {
	.ciWrap {width:90%;}
	.ciWrap .left {font-size:20px;}
	.ciWrap .right {font-size:13px;}
	.ciWrap strong {padding:0 0 10px 0;  font-size:17px;}
	.ciWrap .ci100 {padding:35px 70px;}
	.ciWrap .ci100 .tit {font-size:20px;}
	.ciWrap .ci100 .cont {font-size:13px;}
	.ciWrap .ci100 .cont strong {padding:0 0 10px 0; font-size:17px;}
	.ciWrap .colorWrap .cir {width:118px; height:118px;}

	.ciWrap .biBox .bLeft img {width:50% !important;}
	.ciWrap .biBox .bRight {padding:7px 0 0 0;}
}

@media all and (max-width:768px) {
	.ciWrap ul {margin:0 0 50px 0;}
	.ciWrap .ci100 {margin:0 0 50px 0; padding:35px;}
	.ciWrap .ci100 ul li {padding:15px 5px;}
	.ciWrap .ci100 .cLeft img {width:70% !important; height:auto; transform:translateY(10%);}

	.ciWrap .biBox {padding:30px 8%;}
	.ciWrap .biBox .bRight {padding:0;}
}

@media all and (max-width:640px) {
	.ciWrap .ci100 {padding:35px 50px;}
	.ciWrap .ci100 .ciLeft {float:none; width:100%; text-align:center;}
	.ciWrap .ci100 .ciRight {float:none; width:100%;}
	.ciWrap .ci100 .cLeft img {width:30% !important; height:auto; transform:translateY(0); margin:0 auto 15px;}
	.ciWrap .colorWrap .cir {width:100px; height:100px;}
}

@media all and (max-width:560px) {
	.ciWrap ul {float:none; margin:0 0 40px 0;}
	.ciWrap .left {width:100%; font-size:23px; margin:0 0 10px 0; }
	.ciWrap .right {width:100%;}
	.ciWrap strong {padding:0 0 5px 0;}
	.ciWrap .ci100 {margin:0 0 40px 0; padding:35px;}
	.ciWrap .colorWrap ul {float:left !important; margin:0 15px 0 0 !important;}
}

@media all and (max-width:460px) {
	.ciWrap .colorWrap .cir {width:90px; height:90px;}
	.ciWrap .colorWrap .cont {font-size:11px; padding:0;}
	.ciWrap .ci100 {padding:35px 20px 10px 20px;}
	.ciWrap .ci100 .tit {font-size:17px;}
	.ciWrap .ci100 .cont {font-size:12px;}
	.ciWrap .ci100 .cont strong {font-size:14px; padding:0 0 5px 0;}

	.ciWrap .biBox {padding:30px 4%;}
	.ciWrap .biBox .bLeft {text-align:center;}
}

@media all and (max-width:380px) {
	.ciWrap .colorWrap ul {margin:0 10px 0 0 !important;}
	.ciWrap .biBox {word-break:break-all;}
}

/* faq */
.faq {width:100%; height:50px; margin:0 auto; }
.faq ul {overflow:hidden; }
.faq ul li {float:left;}
.faq .fcont {width:530px; padding:142px 0 0 316px;}
.faq .fcont input.fsearch {width:366px; height:36px; border:1px solid #afafaf; vertical-align:bottom;}
.faq .fcont .btn_fsearch {width:100px; height:38px; text-align:center; color:#fff; line-height:38px; font-size:15px; background:#727272; border-radius:3px; display:inline-block;}

.faq_list {width:100%; border-top:2px solid #000; margin:50px auto 0 auto; }
.faq_list ul.que li.textQ {font-size:20px; font-weight:bold; color:#000; font-family:malgun gothic; display:inline-block; line-height:55px; padding-left:10px;}
.faq_list .textA {font-size:20px; font-weight:bold; color:#ec6373; font-family:malgun gothic; display:inline; float:left; width:5%;}
.faq_list ul {overflow:hidden; border-bottom:1px solid #c9c9c9;}
.faq_list ul li {float:left; }
.faq_list ul.que {height:45px; position:relative; font-size:12px;}
.faq_list ul.que li { line-height:45px;  /* padding-left:20px; */}
.faq_list ul.que li dd {float:left; margin-top:22px;}
.faq_list ul.que li .btnSet { position:absolute; right:15px;}
.faq_list ul.ans {background:yellow;}
.faq_list ul.ans .fview {line-height:1.5; padding:10px 20px 20px 20px; width:100%; background:#fcfcfc; border-bottom:1px solid #c9c9c9; overflow:hidden; }
.faq_list ul.ans .fview .txt {font-size:12px; margin:0 0 0 35px; float:right; text-align:left; width:90%;}


@media only screen and (min-width: 640px) {	
	.faq_list ul.que li.textQ {font-size:30px; font-weight:bold; color:#000; font-family:malgun gothic; display:inline-block; line-height:60px; padding-left:35px;}
	.faq_list .textA {font-size:30px; font-weight:bold; color:#ec6373; font-family:malgun gothic; display:inline; float:left; width:5%;}
    .faq_list ul.que {height:60px; position:relative; font-size:16px;}
	.faq_list ul.que li { line-height:60px; padding-left:20px;}
	.faq_list ul.ans .fview {line-height:1.5; padding:20px 35px 20px 35px; background:#fcfcfc; border-bottom:1px solid #c9c9c9; overflow:hidden;}
	.faq_list ul.ans .fview .txt {font-size:14px; margin:0 0 0 0; float:right; text-align:left; width:95%;}
}



/* faq 탭메뉴 */
.faqTab {width:100%; margin:20px 0 0 0;}
.faqTab ul li {float:left; width:20%; height:30px; font-size:12px; background:#fdfdfd; line-height:30px; border-top:1px solid #e3e3e3; border-right:1px solid #e3e3e3;  border-bottom:1px solid #333;}
.faqTab ul li:first-child {border-left:1px solid #e3e3e3;}
.faqTab ul li.active {background:#fff; border-top:1px solid #333; border-left:1px solid #333; border-right:1px solid #333; border-bottom:1px solid #fff; font-size:13px; color:#000; font-weight:bold;}

@media only screen and (min-width: 640px) {
	.faqTab ul li {height:40px; line-height:40px; font-size:13px;}
	.faqTab ul li.active {font-size:15px;}
}


/* tabMenu */
.tabMenu {width:100%; margin:0 0 40px 0; }
.tabMenu > ul {display:flex; justify-content:space-between; align-content:space-between; text-align:center;}
.tabMenu > ul > li {padding:15px 0; color:#9c9c9c; font-weight:400; border:1px solid #ddd; border-radius:5px; box-shadow:0 5px 5px rgba(0,0,0,.02); cursor:pointer;}
.tabMenu > ul a {margin:0 5px 0 0;}
.tabMenu > ul a:last-child {margin:0;}
.tabMenu > ul li.on {background:#01c38e; font-size:15px; font-weight:600; color:#fff; border:1px solid #01c38e; text-shadow:0 0 3px rgba(0,0,0,.4); box-shadow:0 10px 10px rgba(0,0,0,.05);}
.tabMenu a {display:block; width:100%; height:100%;}
.tabMenu .w02 {width:calc(50% - 5px);}
.tabMenu .w03 {width:calc(33.3% - 5px);}
.tabMenu .w04 {width:calc(25% - 5px);}


@media screen and (max-width: 1200px) {
	.tabMenu > ul > li {padding:12px 0; font-size:13px;}
	.tabMenu > ul > li.on {font-size:13px;}
}

@media screen and (max-width: 768px) {
	.tabMenu > ul > li {padding:12px 0; font-size:12px;}
	.tabMenu > ul > li.on {font-size:12px;}
	.tabMenu ul a {margin:0 2px 0 0;}
	.w02 {width:calc(50% - 2px);}
	.w03 {width:calc(33.3% - 2px);}
}

@media screen and (max-width: 560px) {
	.tabMenu > ul > li {padding:10px 0; font-size:11px;}
	.tabMenu > ul > li.on {font-size:11px;}
}


/* LISTBOX */
	.listBox:first-child {
		margin: 30px 0 15px 0;
	}
	.listBox {
		position: relative;
		width: 100%;
		border: 1px solid rgba(0,0,0,.1);
		border-radius:5px;
		margin: 0 0 20px 0;
		padding: 20px;
	}
	.listBox:hover {
		border-bottom: 2px solid #0d439d;
		box-shadow: 0 11px 18px rgba(0, 0, 0, 0.03);
	}
	.listBox ul {
		float: left;
	}
	.listBox ul.right {
		float: right;
		text-align: right;
	}
	.listBox ul li.date {
		float: left;
		padding: 17px 20px 0 0;
		font-size: 15px;
		letter-spacing:0;
	}
	.listBox ul li.name {
		float: left;
		padding: 11px 0 0 0;
		font-size: 20px;
		font-weight: 500;
	}
	.listBox ul li .tit {
		font-size: 15px;
		padding: 0;
	}
	.listBox ul li .number {
		font-size: 22px;
		font-weight: 600;
	}

	.listBox ul li .small {font-size:15px;}

	.listBox > .bottom {
		margin: 15px 0 0 0;
		background: rgba(0, 0, 0, 0.05);
		font-size: 13px;
		padding: 8px 30px;
		letter-spacing:0;
	}

@media all and (max-width: 560px){
	.listBox {padding:15px 10px;}
	.listBox ul li.date {float:none; padding:0; font-size:12px;}
	.listBox ul li.name {float:none; padding:8px 0 0 0; font-size:18px;}
	.listBox ul li .number {font-size:20px;}
	.listBox .bottom {padding:8px; font-size:12px;}
}

@media all and (max-width: 460px){
	.listBox ul li.date {font-size:13px;}
	.listBox ul li.name {font-size:16px;}
	.listBox ul li .number {font-size:17px;}
}

.nTotal {margin:0 0 15px 0; border:1px solid rgba(0,0,0,.1); padding:15px 20px; text-align: right; border-radius:5px; letter-spacing:0;}
.nTotal .strong {font-weight:600; letter-spacing:0;}


.popBack {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:100; display:none;}
.popList {position:absolute; top:50%; left:50%; width:350px; background:#fff; transform:translate(-50%, -50%); /* padding:35px; */ border-radius:10px; overflow:hidden; box-shadow:0 10px 10px rgba(0,0,0,.5);}
.popList .close {position:absolute; top:15px; right:15px; width:20px; height:20px; background:url(/image/icon_x.png) no-repeat center; border-radius:50%; display:inline-block; cursor:pointer;}
.popList .title {background:#41518f; padding:15px; color:#fff; font-size:17px; font-weight:600;}
.popList .pList {background:#fff; height:330px; padding:25px; font-size:13px; }
.popList .pList .search {height:30px; background:rgba(0, 0, 0, 0.02); border:1px solid rgba(0, 0, 0, 0.2);}
.popList .pList .selOK {height:30px; padding:0 15px; background:#41518f; color:#fff; border:0;}
.popList .pList .tableList {height:180px; margin-top:15px; overflow-y:auto; }
.popList .pList ul {width:100%; display:flex; justify-content:space-around;}
.popList .pList ul li {padding:8px; text-align:center; }
.popList .pList ul li:nth-child(1) {width:10%;}
.popList .pList ul li:nth-child(2) {width:30%;}
.popList .pList ul li:nth-child(3) {width:25%;}
.popList .pList ul li:nth-child(4) {width:35%;}
.popList .pList .th {background:rgba(0,0,0,.02);  border-top:1px solid #41518f; border-bottom:1px solid rgba(0,0,0,.1);}
.popList .pList .td {border-bottom:1px dashed rgba(0,0,0,.1); }
.popList .pList input {height:auto;}
.popList .btnWrap {clear:both; width:100%; margin-top:25px; text-align:center; }
.popList .btnWrap .bOk {background:#41518f; padding:7px 35px; color:#fff; border-radius:3px; display:inline-block;}
.popList .btnWrap .bCa {background:#eee; padding:7px 35px; border-radius:3px; display:inline-block;}

@media all and (max-width: 360px) {
	.popList {width:95%;}
}

/* hsckdu가 추가함 */

.tleft {text-align:left !important;} .tcenter {text-align:center !important;} .tright {text-align:right !important;}

.input90 {width:90%;}
.input80 {width:80%;}
.input50 {width:50%;}
.input30 {width:30%;}
.input20 {width:20%;}
.input25 {width:25%;}
.input10 {width:10%;}
.sel90 {width:90%;}


/* left_office.asp */
.subLeft {float:left; width:180px;}
.subRight {float:right; width:calc(100% - 240px);}
.subRight .title {margin:0 0 15px 0; padding:0 0 15px 0; font-size:22px; font-weight:500; border-bottom:1px solid rgba(0,0,0,.6);}
.subRight .title.none {padding:0; border-bottom:0;}

@media screen and (max-width: 1200px) {
	.subRight {float:right; width:calc(100% - 210px);}
}

@media screen and (max-width: 840px) {
	.subLeft {float:none; width:100%; padding:0 0 30px 0; overflow:hidden; }
	.subRight {float:none; width:100%;}
	.clearLine {clear:both;}
}


.subCate {width:100%;}
.subCate .cateTit {/*background:url(/image/bg_select_arrow.png) no-repeat 99% 11px; */margin:0 0 15px 0; padding:0 0 15px 0; font-size:22px; font-weight:500; border-bottom:1px solid rgba(0,0,0,.6);}
.subCate ul li {padding:12px 0; font-size:15px; font-weight:300; border-bottom:1px solid #eee;}
.subCate ul li .on {font-weight:600;}
.subCate .subsub {background:#fcfcfc; padding:15px 20px; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; display:none;}
.subCate .subsub a {padding:5px 0; font-size:13px; display:block;}

.subCate li.btn {position:relative; display:block; cursor:pointer; overflow:hidden;  }
.subCate .active {font-weight:500; cursor:pointer; /* border-bottom:1px solid #000; */ display:block; overflow:hidden;}
.subCate li.btn.on::after {
	content: '';
    position: absolute;
    right: 5px;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border: 0 solid #000;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.subCate li.ly {overflow:hidden; width:100%; padding:15px 10px; border-bottom:1px solid #eee; background:#fcfcfc; font-size:14px;} 
.subCate li.ly,
.subCate dt {display:none;}
.subCate dl {padding:10px 0; margin:0; }
.subCate dl a {padding:3px 20px 1px 20px; display:block;}
.subCate dl a:hover	{background:#eee; color:#000;}
.subCate dd {padding:2px 0 0 6%; line-height:23px;}
.subCate dd:hover {color:#000;}

.subCate li.ly.active {display:block;}

.subCate li.btn a {position:relative; width:100%; display:block;}
.subCate li.btn::after {
	content: '';
    position: absolute;
    right: 5px;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border: 0 solid #000;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
} 

.subCateM {display:none;}


@media screen and (max-width: 840px) {
	.subCate {display:none;}
	.subCateM {display:block; position:absolute; top:130px; width:95%; height:50px; border:1px solid rgba(0,0,0,.1); box-shadow:0 5px 5px rgba(0,0,0,.02);}
	.subCateM .subMtit {padding:0 2.5%; line-height:48px; }
	.subCateM .subMtit::after {
		content: '';
		position: absolute;
		right: 15px;
		top: 50%;
		width: 6px;
		height: 6px;
		margin-top: -3px;
		border: 0 solid #000;
		border-width: 0 1px 1px 0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all 0.3s ease;
		transition: all 0.3s ease;
	} 
	.subCateM .mSubmenu {position:absolute; top:50px; left:0; width:100%; background:#fff; padding:12px 3%; box-shadow:0 0 20px rgba(0,0,0,.1); display:none; z-index:99;}
	.subCateM .mSubmenu a {padding:8px 2%; border-bottom:1px dashed rgba(0,0,0,.1); font-size:14px; display:block;}
	.subCateM .mSubmenu a:last-child {border-bottom:0;}
}

@media screen and (max-width: 768px) {
	.subCateM {top:120px;}
}

@media screen and (max-width: 560px) {
	.subCateM {top:100px;}
}



/* 마이오피스 메인 */
.officeWrap {width:100%; padding:10px 0 0 0; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:space-between;}
.officeWrap ul {}
.officeWrap ul li {line-height:1.2;}
.officeWrap ul.w50 {float:left; width:50%; }
.officeWrap ul.w33 {float:left; width:33.3%; }
.officeWrap ul.w25 {float:left; width:25%; }
.ofName {font-size:13px;}
.ofNum {padding-bottom:17px; font-size:20px; font-weight:700;}


.ofBox01 {width:calc(100% - 40% - 180px); height:210px; background:url(/image/off01.jpg) no-repeat right bottom #31937f; background-size:auto 60%; padding:30px 4%; color:#fff; border-radius:7px;} 
.ofBox02 {width:calc(100% - 46% - 180px); height:210px; background:url(/image/off02.jpg) no-repeat; background-size:cover; padding:30px 2% 0 4%; color:#fff; border-radius:7px;}
.ofBox03 {width:180px; height:210px; border-radius:7px; overflow:hidden;}

@media screen and (max-width: 1200px) {
 	.ofBox01 {width:51%;}
	.ofBox02 {width:47%;}
	.ofBox03 {display:none;}
}

@media screen and (max-width: 980px) {
 	.ofBox01 {background-size:auto 80%;}
 	.ofName {font-size:12px;}
	.ofNum {font-size:17px;}
}

@media screen and (max-width: 840px) {
	.officeWrap {margin:0; padding:0;}
}

@media screen and (max-width: 720px) {
	.ofBox01 {width:100%; height:auto; background-size:auto 100%;}
	.ofBox02 {width:69%; height:160px; margin:20px 0 0 0; padding:37px 2% 0 4%;}
	.ofBox03 {width:28.5%; height:160px; margin:20px 0 0 0; display:block;}
}

@media screen and (max-width: 460px) {
	.ofBox02 {width:100%; height:auto; padding:35px 2% 15px 4%;}
	.ofBox03 {width:100%;}
}

/* 바로가기링크 */
.linkWrap {width:100%; height:210px; overflow:hidden; }
.linkWrap .link {float:left; width:205px; height:210px; margin:0; padding:35px 30px; border:0px solid #dedede; background-size:cover; box-shadow:0 10px 15px rgba(0,0,0,.02); overflow:hidden; cursor:pointer; outline:0;}
.linkWrap .name {color:#000; font-size:17px; font-weight:500; font-family:'gilroybold', 'Noto Sans KR'; letter-spacing:; line-height:1;}
.linkWrap .txt {color:#000; font-size:12px; font-weight:300; padding:0 0 10px 2px; letter-spacing:0.5px;}
.linkWrap .go {width:28px; height:28px; background:#000; margin:0 0 0 3px; color:#fff; font-size:10px; font-weight:600; text-align:center; line-height:28px; border-radius:50%; display:inline-block;}
.linkWrap .slick-prev, .linkWrap .slick-next {display:none !important;}

.linkWrap .autoplay {width:100%;}

.link01 {background:url(/image/icon001.jpg) no-repeat center;}
.link02 {background:url(/image/icon002.jpg) no-repeat center;}
.link03 {background:url(/image/icon003.jpg) no-repeat center;}
.link04 {background:url(/image/icon004.jpg) no-repeat center;}
.link05 {background:url(/image/icon005.jpg) no-repeat center;}
.link06 {background:url(/image/icon006.jpg) no-repeat center;}


@media screen and (max-width: 920px) {
 	.linkWrap {}
	.linkWrap .link { padding:30px 20px;} 
}

@media screen and (max-width: 720px) {
	.linkWrap {float:none; width:100%; height:160px; }
	.linkWrap .link {height:160px; }
	.linkWrap .autoplay {width:100%;}
}




@media screen and (max-width: 590px) {
	.linkWrap { }
	.linkWrap .name {font-size:14px; }
}


@media screen and (max-width: 460px) {
	.linkWrap {}
	.linkWrap .link {margin:0 5px; border-radius:5px;}
}

.ofBox04 {width:75%; height:210px; background:url(/image/off03.jpg) no-repeat right; background-size:cover; margin:35px 0 0 0; padding:40px 4%; border-radius:7px;}
.ofBox05 {width:23%; height:210px; background:url(/image/off04.jpg) no-repeat right; background-size:cover; margin:35px 0 0 0; padding:40px 3%; border-radius:7px;}
.ofBox06 {width:50%; margin:45px 0 0 0;}
.ofBox07 {width:45%; margin:45px 0 0 0;}

@media screen and (max-width: 960px) {
	.ofBox05 {text-align:right;}
}


@media screen and (max-width: 720px) {
	.ofBox04 {margin:20px 0 0 0;}
	.ofBox05 {margin:20px 0 0 0;}
}

@media all and (max-width:640px) {	
	.ofBox05 {width:100%; height:auto; background:url(/image/off04.jpg) no-repeat right #fafafa; background-size:auto 270%; margin:0; padding:25px 5% 10px 5%;}
	.ofBox05 ul {float:left; width:50%; text-align:left;}
}

@media screen and (max-width: 460px) {
	.ofBox04 {width:100%; height:auto; padding:25px 3% !important;}
	.ofBox06 {width:100%;}
	.ofBox07 {width:100%;}
}



.newsWrap {width:100%; }
.newsWrap .name {padding:0 0 10px 0; font-size:20px; font-weight:700; border-bottom:1px solid rgba(0,0,0,.1);}
.newsWrap ul li {float:left; padding:5px 0;}
.newsWrap .cont {margin:15px 0 0 0; overflow:hidden;}
.newsWrap .tit {width:74%; color:rgba(0,0,0,.9);}
.newsWrap .date {width:24%; color:rgba(0,0,0,.4); text-align:right;}

.inviteWrap {width:100%; height:140px; }
.inviteWrap .tit {padding:0 0 10px 0; font-size:20px; font-weight:700;}
.inviteWrap .click {background:#646a7c; padding:5px 10px; border-radius:50px; color:#fff; font-weight:500; font-size:10px; letter-spacing:0; display:inline-block;}
.inviteWrap .input {width:100%; height:40px; box-shadow:0 7px 10px rgba(0,0,0,.1); border-radius:20px; display:flex;}
.inviteWrap .input .left {width:80%;}
.inviteWrap .input input {width:100%; height:40px; background:#fff;  border-radius:20px 0 0 20px; border:0;}
.inviteWrap .input .copy {width:20%; height:40px; background:#646a7c; color:#fff; font-size:12px; line-height:40px; font-weight:600; text-align:center; letter-spacing:0;  border-radius:0 20px 20px 0; display:inline-block; cursor:pointer;}
.inviteWrap .input .copy:hover {background:#dc3843;}


.ceWrap {position:relative; width:100%; min-height:500px;}

@media all and (max-width:520px) {
	.ceWrap {overflow-x:scroll;} 
	.ceWrap table .table1 {width:620px;}
}

.paging span {margin:0 5px;}



.teamArea {padding:40px 2.5%;}
.teamArea .section {float:left; width:50%; padding:0 2%;}
.teamArea .detail {position:absolute; top:35px; right:28px; padding:3px 12px; font-size:10px; font-weight:600; border:1px solid #ccc; border-radius:50px; display:inline-block;}
.teamArea .tit {font-size:18px; font-weight:600;}
.teamArea .cir {height:20px; background:#646464; margin:-5px 0 0 5px; padding:0 8px; color:#fff; font-size:10px; line-height:20px; border-radius:10px; display:inline-block;}
.teamArea .cont {background:rgba(0,0,0,.05); padding:15px; font-size:13px; overflow:hidden;}
.teamArea .cont .th {float:left; width:60%; padding:3px 0; line-height:1.1;}
.teamArea .cont .td {float:right; width:40%; padding:3px 0; text-align:right; font-weight:600; color:#000; line-height:1.1;}
.vSpace20 {clear:both; padding:10px; display:none;}

/* @media all and (max-width:1300px) {
	.teamArea {padding:40px 28px;}
	.teamArea .detail {top:30px;}
	.teamArea .tit {font-size:17px;}
	.teamArea .cont {padding:15px 22px; font-size:13px;}
} */

/* @media all and (max-width:1150px) {
	.teamArea {padding:30px 22px;}
	.teamArea .detail {right:22px;}
	.teamArea .cont {padding:15px;}
} */


/* @media all and (max-width:768px) {
	.teamArea {width:100%; margin:20px 0 50px 0;}
} */

@media all and (max-width:640px) {
	.teamArea {width:100%; margin:20px 0;}
}

@media all and (max-width:410px) {
	.teamArea .section {float:none; width:100%;}
	.teamArea .section:last-child {margin:15px 0 0 0;}
}

/* nSEARCH */
	.nSearch {
		background: #f8f8f8;
		border-radius:5px;
		border: 1px solid rgba(0,0,0,.1); 
		margin: 15px 0 10px 0;
		padding: 20px;
		font-size: 14px;
		overflow: hidden;
		display: flex;
		align-items: center;
	}
	.nSearch .intxt01 {height:28px; border:1px solid rgba(0,0,0,.1);}
	.nSearchFlex {
		justify-content: space-between;
	}
	.nSearch label {
		margin-right: 5px;
	}
	.nSearch label span {
		vertical-align: inherit;
	}
	.nSearch input {
		width: 100px;
		height: 33px;
		font-size: 12px;
	}
	.nSearch .input_date {
		margin-left: 10px;
	}
	.nSearch .nRight > li {
		/* margin-top: 10px; */
	}
	.nSearch .bBlack {
		height: 33px;
		background: #333;
		padding: 0 10px;
		color: #fff;
		font-size: 11px;
		font-weight: 500;
		line-height: 33px;
		display: inline-block;
		text-transform: uppercase;
	}
	.nSearch .bBlackOk {
		border: 0;
		background: #0d439d;
	}
	.nSearch .strong {
		font-size: 17px;
		font-weight: 500;
	}

@media all and (max-width: 560px){
	.nSearch {padding:10px;}
}

@media all and (max-width: 400px){
	.nSearch .nRight > li {margin:0;}
	.nSearch .bBlack {padding:0 5px; font-size:9px;}
}

/* nSEARCH end */


/* LISTBOX */
	.listBox:first-child {
		margin: 30px 0 15px 0;
	}
	.listBox {
		position: relative;
		width: 100%;
		border-bottom: 2px solid rgba(0,0,0,.1);
		
		margin: 0 0 20px 0;
		padding: 20px 0 0 0;
	}
	.listBox:hover {
		border-bottom: 2px solid #0d439d;
		box-shadow: 0 11px 18px rgba(0, 0, 0, 0.03);
	}
	.listBox ul {
		float: left;
	}
	.listBox ul.right {
		float: right;
		text-align: right;
	}
	.listBox ul li.date1 {
		float: left;
		padding: 17px 20px 0 0;
		font-size: 15px;
		letter-spacing:0;
	}
	.listBox ul li.name {
		float: left;
		padding: 11px 0 0 0;
		font-size: 22px;
		font-weight: 500;
	}
	.listBox ul li .tit {
		font-size: 15px;
		padding: 0;
	}
	.listBox ul li .number {
		font-size: 25px;
		font-weight: 600;
	}

	.listBox ul li .small {font-size:15px;}

	.listBox .bottom {
		margin: 15px 0 0 0;
		background: rgba(0, 0, 0, 0.05);
		font-size: 13px;
		padding: 8px 30px;
		letter-spacing:0;
	}

@media all and (max-width: 560px){
	.listBox {padding:0;}
	.listBox ul li.date1 {float:none; padding:0; font-size:13px;}
	.listBox ul li.name {float:none; padding:0; font-size:17px;}
	.listBox ul li .number {font-size:20px;}
	.listBox .bottom {padding:8px; font-size:12px;}
}

@media all and (max-width: 460px){
	.listBox ul li.date1 {font-size:13px;}
	.listBox ul li.name {font-size:15px;}
	.listBox ul li .number {font-size:17px;}
}

/* LISTBOX end */


/* bLIST */
	.bDate {
		margin-top:20px; font-weight:600; font-size:15px;
	}
	.bList2Top {
		border: 3px solid #262c3f;
	}
	.bList2 {
		position: relative;
		background: #fff;
		padding: 0 0 0 0;
		text-align: right;
		overflow: hidden;
		border: 2px solid #262c3f;
	}
	.bList2 ul:first-child {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		border-top: 1px solid rgba(0, 0, 0, 0.2);
		border-left: 1px solid rgba(0, 0, 0, 0.2);
	}
	.bList2 ul li {
		/* float:left; */
		width: 16%;
		/* height: 100%; */
		padding: 15px 20px 15px 0;
		border-right: 1px solid rgba(0, 0, 0, 0.2);
		border-bottom:1px solid rgba(0,0,0,.2);
		line-height: 1.1;
	}
	.bList2 ul li:last-child {
		/* width:66.6%; */
	}
	.bList2 ul li.w02 {
		padding: 15px 30px 15px 0;
		
	}
	.bList2 ul li.w01 {
		padding: 15px 30px;
	}
	.bList2 ul li.total {
		background: rgba(96, 68, 215, 0.5);

	}
	.bList2sec3 ul li {
		width: 33.3%;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	}
	.bList2sec4 ul li {
		width: 33.3%;
	}
	.bList2sec5 ul li {
		width: 20%;
	}
	.bList2sec6 ul li {
		width: 16.6%;
	}
	.bList2sec8 ul li {
		width: 25%;
		border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	}
	.bList2 .w300 {width:75%; border-bottom:1px solid rgba(0, 0, 0, 0.2) !important; border-right:1px solid rgba(0, 0, 0, 0.2) !important;}

	.bList2 .small {
		font-size: 13px;
		font-weight:500;
	}
	.bList2 .mid {
		font-size: 14px;
		padding: 5px 0 0 0;
	}
	.bList2 .big {
		font-size: 20px;
		font-weight: 600;
		
	}
	.bList2 .big1 {
		font-size: 20px;
	}
	.bList2 .bottom {
		/* width:66.66%; */
		margin: 0;
		bottom: 0;
		left: 0;
		font-size: 15px;
		padding: 14px 20px;
		text-align: right;
		border-right:1px solid rgba(0,0,0,.2);
		/* border: none; */
	}
	.bList2 .bottom .big {
		font-size: 22px;
		color: #262c3f;
	}

	@media all and (max-width: 470px) {
		.bList2sec4 ul li {width:50%;}
		.bList2sec4 ul li:last-child {width:50%;}
	}
/* bList end */

/* PRODLIST */
	#prodList {
		width:100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	.gBoxN {
		width: 29%;
		height: auto;
		background: #fff;
		margin: 0 5% 5% 0;
		padding: 4% 4% 2%;
		text-align: center;
		border: 1px solid #ccc;
		border-radius:5px;
	}
	.gBoxN:nth-child(3n) {margin-right: 0;}
	.gBoxN:hover {
		box-shadow: 10px 20px 20px rgba(0, 0, 0, 0.16);
	}
	.gBoxN .arabic {
		margin: 0;
		padding: 10px;
		color: #262c3f;
	}
	.gBoxN .dol {
		font-size: 25px;
		font-weight: 500;
		margin: 0 5px 0 0;
	}
	.gBoxN .bigNum {
		font-size: 30px;
		font-weight: 600;
	}
	.gBoxN .tTitle {
		font-size: 17px;
		font-weight: 400;
		margin: 0;
		letter-spacing: 0.1px;
	}
	.gBoxN .btnBuy {
		width: 100%;
		background: #262c3f;
		padding: 15px 0;
		color: #fff;
		font-weight: 500;
		cursor: pointer;
		border-radius: 30px;
		text-align: center;
	}
/* PRODLIST end */
.purWrap {width:100%; margin:0 auto; padding:0 0 0 0; display:flex; }
.purBox {width:30%; margin:3% 1.66%; background:; padding:12px; text-align:center; border:1px solid rgba(0,0,0,.1); border-radius:7px;}
.purBox .pTop {width:100%; border-radius:5px;}
.purBox .pTop img {width:100%; height:auto; border-radius:5px;}
.purBox .name {padding:10px 5px; font-size:17px; font-weight:500;}
.purBox .small {margin-left:5px; font-size:14px; font-weight:500; vertical-align:middle;}
.purBox .price {padding:5px 0 3px 0; font-size:20px; font-weight:600; display:block;}
.purBox .pv {font-size:16px; font-weight:600; }
.purBox .pdt5 {margin:7px 0 0 0; padding:7px 0;border-top:1px dashed rgba(0,0,0,.1);}
.purBox .pdt4 {padding:4px 0;}
.purBox .sur {font-size:13px;}
.purBox .sur input {width:60px; height:25px; padding-left:5px; border:1px solid rgba(0,0,0,.07);}
.purBox .pMid {padding:10px 0; text-align:center; font-size:17px; font-weight:600; color:#d7a350; letter-spacing:0; line-height:1.3;}
.purBox .pMid input {width:60%; height:38px; background:rgba(255,255,255,.15); margin:7px 0 0 0; border-radius:5px; border:1px solid rgba(255,255,255,.2); font-size:14px; text-align:center; color:#edb152; letter-spacing:0;}
.purBox .pBtn {width:100%; height:45px; background:rgba(0,0,0,.05); background-size:100%; margin-top:10px; text-align:center; font-size:15px; font-weight:600; line-height:50px; overflow:hidden; border-radius:5px; cursor:pointer;}
.purBox .pBtn:hover {background:url(/image/pur03.png) no-repeat center top; background-size:115%;}
.purBox:hover {box-shadow:0 15px 20px rgba(0,0,0,.2);}

.purBoxRe {width:40%; margin:3% auto; padding:12px; text-align:center; border:1px solid rgba(0,0,0,.1); border-radius:7px;}
.purBoxRe .pTop {width:100%; border-radius:5px;}
.purBoxRe .pTop img {width:100%; height:auto; border-radius:5px;}
.purBoxRe .name {padding:10px 5px; font-size:20px; }
.purBoxRe .small {margin-left:5px; font-size:15px; vertical-align:middle;}
.purBoxRe .price {padding:5px 0 3px 0; font-size:22px;  display:block;}
.purBoxRe .pv {font-size:17px; font-family:"Metropolis-regular";}
.purBoxRe .pdt5 {margin:7px 0 0 0; padding:7px 0;border-top:1px dashed rgba(0,0,0,.1);}
.purBoxRe .pdt4 {padding:4px 0;}
.purBoxRe .sur {font-size:13px;}
.purBoxRe .sur input {width:60px; height:25px; padding-left:5px; border:1px solid rgba(0,0,0,.07);}
.purBoxRe .pBtn {width:100%; height:45px; background:rgba(0,0,0,.05); background-size:100%; margin-top:10px; text-align:center; font-size:15px; font-weight:600; line-height:50px; overflow:hidden; border-radius:5px; cursor:pointer;}
.purBoxRe .pBtn:hover {background:url(/image/pur03.png) no-repeat center top; background-size:115%;}
.purBoxRe:hover {box-shadow:0 15px 20px rgba(0,0,0,.2);}

.purBoxH {width:364px; height:322px; background:url(/image/pur_bg.png) no-repeat center top; background-size:100%; text-align:center; padding:50px 0; color:#f4a028;}
.purBoxH .name {padding:8px 0 20px 0; font-size:16px; }
.purBoxH .price {font-size:34px; }
.purBoxH .hu {padding:13px 0 5px 0; font-size:15px;}
.purBoxH .hu strong {font-size:20px;}
.purBoxH .eth {font-size:13px;}
.purBoxH .eth strong {font-size:15px;}
.purBoxH .pBtn {width:40%; background:#f4a028; margin:20px auto 0; padding:11px 0; color:#00203f; font-weight:500; border-radius:50px; display:inline-block;}


@media all and (max-width: 1200px) {
	.purWrap {width:100%;}
	.purBox {width:45%; margin:3% 2.5%;}
} 

@media all and (max-width: 1000px) {
	.purBox {width:30%; margin:3% 1.66%;}
	.purBox .name {font-size:15px;}
	.purBox .price {font-size:18px;}
	.purBox .pv {font-size:14px;}
	.purBox .pBtn {height:40px; font-weight:500; font-size:13px; line-height:40px;}
}



@media all and (max-width: 740px) {
	.purBox {width:48%; margin:3% 1%;}
	.purBoxRe {width:60%;}
}


@media all and (max-width: 460px) {
	.purBox {padding:0; border-radius:5px; overflow:hidden;}
	.purBox .pTop img {border-radius:0;}
	.purBox .name {font-size:14px;}
	.purBox .price {font-size:16px;}
	.purBox .pv {font-size:12px;}
	.purBox .pBtn {border-radius:0;}

	.purBoxRe {width:80%;}
} 


/* 서브페이지 설명 */
.titBox {width:100%; padding:10px 2% 20px 2%; line-height:1.4; border-bottom:1px dashed rgba(0,0,0,.1); overflow:hidden;}
.titBox .pic {float:left; width:65px; padding:0 20px 0 0;}
.titBox .pic img {}
.titBox .cont {float:left; width:calc(100% - 65px); word-break:break-all;}
.titBox .fontY {color:#0ea272; font-weight:500;}

@media all and (max-width: 740px) {
	.titBox .pic {display:none;}
	.titBox .cont {float:none; width:100%;}
}

/* ORDER */
	.orderWrap {
		overflow: hidden;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.orderBox {
		position: relative;
		width: 49.5%;
		margin: 1% 0 0 0;
		padding: 40px 30px 30px;
		font-weight: 400;
		border: 1px solid #ccc;
		display: flex;
		border-radius:5px;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.orderBox .oLeft {width: 57%;}
	.orderBox .oRight {width: 43%; text-align: right;}
	.orderBox .oBtnL {
		float: right;
		margin: 18px 0 0 0;
	}
	.orderBox .oBtnWrap {
		position: absolute;
		top: 0;
		right: 0;
		width: 65px;
	}
	.orderBox .o100 {
		position: relative;
		clear: both;
		float: none;
		width: 100%;
		height: 27px;
		line-height: 27px;
		margin: 20px 0 0 0;
		background: rgba(0, 0, 0, 0.06);
		padding: 0 0 0 12px;
		font-size: 12px;
		font-weight: 400;
		color: #000;
		letter-spacing: 0;
		overflow: hidden;
	}

	.orderBox .o100.hash {margin:10px 0 0 0;}

	.orderBox .o100 input {
		width: calc(100% - 70px);
		height: 27px;
		line-height: 27px;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-wrap: normal;
		overflow: hidden;
		background: none;
		padding: 0;
		border: 0;
		outline: 0;
	}
	.orderBox .o100 .o100Btn {
		position: absolute;
		bottom: 0;
		right: 0;
		float: right;
		height: 27px;
		line-height: 27px;
		background: #242848;
		color: #fff;
		padding: 0 8px;
		font-size: 10px;
	}
	.orderBox .date {
		font-size: 13px;
		color: rgba(0, 0, 0, 0.7);
		letter-spacing: 0;
		padding: 0 0 5px 0;
	}
	.orderBox .name {
		font-size: 20px;
		color: #000;
		font-weight: 500;
	}
	.orderBox .nameS {
		font-size: 14px;
		color: rgba(0,0,0,.7);
		letter-spacing:0;
	}
	.orderBox .name em {
		font-size: 17px;
	}
	.orderBox .small {
		font-size: 60%;
	}
	.orderBox .nameR {
		font-size: 14px;
		color: #000;
	}
	.orderBox .numR {
		font-size: 22px;
		color: #262c3f;
		font-weight: 600;
	}
	.orderBox .oBtn {
		width: 100%;
		height: auto;
		background: transparent; /*  margin:2px 0; */
		text-align: center;
		font-size: 10px;
		padding: 3px 7px;
		color: #000;
		font-weight: 400;
		border: 1px solid rgba(0, 0, 0, 0.4);
	}
	.orderBox .oBtn:hover {
		background: #262c3f;
		border: 1px solid #262c3f;
		color: #fff;
	}
	.orderBox .status {
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.6);
		padding: 3px 8px;
		color: #fff;
		font-size: 11px;
		font-weight: 400;
		display: inline-block;
	}
	.orderBox .status strong {
		color: #22d4de;
		font-weight: 500;
	}
	.orderBox .oRed {
		color: #cc3a3a;
		border: 1px solid #cc3a3a;
	}
	.orderBox .rBtn {
		position: absolute;
		top: 0;
		right: 0;
		height: auto;
		background: rgba(0, 0, 0, 0.03);
		padding: 3px 10px;
		color: #000;
		font-size: 10px;
		font-weight: 500;
		display: inline-block;
	}
	.orderBox .oRed:hover {
		background: #cc3a3a;
		border: 1px solid #cc3a3a;
	}

@media all and (max-width: 700px) {
	.orderBox {width:100%;}
}

/* ORDER end*/


/* 모바일 */
.moTop {position:fixed; top:0; width:100%; height:60px; /* background:#fff; */ padding:0 3%; }
.moTop .logo img {height:40px; margin:10px 0 0 0;}
.moTop .nav {float:right; width:40px; height:60px; background:url(/image/nav.png) no-repeat center right; background-size:auto 17px;}
.moTop .mUser {float:right; height:60px; font-size:12px; line-height:60px;}
.moTop .mUser img {margin:22px 0 0 0;}

.moTop.fixed {background:#fff; box-shadow:0 10px 15px rgba(0,0,0,.02); z-index:5;}

.left_mobile {position:fixed; right:-320px; top:0; width:320px; height:100%; background:#fff;}
.left_mobile .close {position:absolute; top:20px; right:20px; width:30px; height:30px; background:url(/image/icon_x.png) no-repeat center;}
.left_mobile .lLogo {position:absolute; top:20px; left:20px;}
.left_mobile .lLogo img {height:35px;}
.left_mobile .lTop {width:100%; background:rgba(0,0,0,.03); margin:80px auto 0; padding:20px 7.5%; overflow:hidden;}
.left_mobile .lTop ul {float:left; width:calc(100% - 70px); }
.left_mobile .lTop .info {padding:5px 0 0 0; line-height:1.2;}
.left_mobile .lTop .out {float:right; width:70px; text-align:center; font-size:12px;}
.left_mobile .lTop .out img {width:100%;}
.left_mobile .lTop .name {padding-bottom:5px; font-size:22px; font-weight:500;}
.left_mobile .lTop .name span {font-size:17px; font-weight:400;}
.left_mobile .lTop .btns {background:#fff; padding:3px 10px; font-size:12px; border:1px solid rgba(0,0,0,.2); border-radius:5px; display:inline-block; }

.left_mobile .lMenu {width:85%; margin:30px auto;}
.left_mobile .lMenu a {position:relative; padding:10px 0; font-weight:400; border-bottom:1px solid rgba(0,0,0,.08); display:block;}
.left_mobile .lMenu a:after {content:'>'; position:absolute; right:2%;}
.left_mobile .lMenu a:last-child {border-bottom:0;}

.left_mobile .lBottom {position:absolute; bottom:0; width:100%; height:40px; border-top:1px solid rgba(0,0,0,.08);}
.left_mobile .lBottom a {float:left; width:50%; height:40px; font-size:12px; line-height:40px; text-align:center;}
.left_mobile .lBottom a:first-child {border-right:1px solid rgba(0,0,0,.08);}




.fixNav {position:fixed; bottom:0; left:0; width:100%; height:57px; background:#fff; box-shadow:0 -10px 15px rgba(0,0,0,.07); display:flex;}
.fixNav a {width:20%;}
.fixNav ul { height:57px;}
.fixNav ul li {text-align:center;}
.fixNav .icon {padding:11px 0 3px 0;}
.fixNav .icon img {width:20px;}
.fixNav .name {font-size:12px; font-weight:500;}


.boxPoint {position:relative; width:95%; background:#fff; margin:70px auto 15px; padding:25px; border-radius:10px;}
.boxPoint .coin {position:absolute; right:0; bottom:-15px; width:119px; height:135px; background:url(/image/coin.png) no-repeat; background-size:100%;}
.boxPoint .small {font-size:13px;}
.boxPoint .big {font-size:25px; font-weight:600;}

.boxBonus {width:95%; height:220px; background:#ffc41a; margin:0 auto 15px; padding:30px; border-radius:10px; overflow:hidden;}
.boxBonus .small {font-size:13px;}
.boxBonus .big {font-size:22px; font-weight:600;}
.boxBonus ul {float:left; width:50%; margin-bottom:20px;}
.boxBonus ul li {line-height:1.1;}

.boxWrap1 {width:95%; margin:0 auto 15px; display:flex; justify-content:space-between;}
.boxRank {width:48%; background:#fff; padding:10px; border-radius:10px; }
.boxRank ul li {float:left; padding:10px;}
.boxRank img {width:37px;}
.boxRank .small {font-size:13px;}
.boxRank .big {font-size:18px; font-weight:600;}

.invite {width:95%; background:#fff; margin:0 auto 15px; padding:20px; border-radius:10px;}
.invite .tit {font-size:20px; font-weight:600;}
.invite .btnClick {background:#444; margin:-5px 0 0 8px; padding:3px 10px; color:#fff; font-size:12px; font-weight:600; letter-spacing:0.1px; border-radius:50px;}
.invite .inputWrap {margin:5px 0 0 0; display:flex;}
.invite .input {width:82%;}
.invite input {width:100%; height:40px; background:#eee; border-radius:5px 0 0 5px;}
.invite .btnCopy {width:18%; height:40px; background:#ffc41a; font-size:12px; font-weight:600; text-align:center; line-height:40px; letter-spacing:0.1px; border-radius:0 5px 5px 0; display:inline-block;}

.slideWrap {width:95%; margin:0 auto 50px; overflow-x:auto;}
.slideWrap .menuArea {width:145%; padding:5px 0 20px 0; display:flex; justify-content:space-between; gap:10px;}
.slideWrap .menuArea .link {width:33%; font-size:14px; font-weight:500; text-align:center;}
.slideWrap .menuArea img {width:100%; border-radius:10px;}