/* 상단영역 */
.blackBg{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); z-index:4; display:none;}
.blackBg.on{z-index:10;}


#header {display:inline-block; color: #fff; vertical-align:middle; position:fixed; left:0; top:0; z-index:10; width:100%; height:150px; padding:20px 0; transition:0.3s; -webkit-transition:0.3s; /* background:linear-gradient(to bottom, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 100%); */}
#header .h_line {display: none;
	position:absolute; top:100px; left:.0; width:100%; border-bottom:1px solid rgba(255,255,255,.2); transition:0.3s; -webkit-transition:0.3s;
}
/* #header div {display:inline-block; vertical-align:middle; width:100%;} */
#header .h_logo {
	position:absolute; left:5%; top:35px; z-index:999;/*  width:180px; height:39px; */ transition:0.3s; -webkit-transition:0.3s;
	width: 260px; height: 78px;
}
	
	
	
	
/* header 웹 */
#headerW {position:absolute; top:0; left:0; width:100%; text-align:center; height:112px; /* border-bottom:1px solid rgba(255,255,255,0.2); */ z-index:1000; }
#headerW h1 {position:absolute; top:45px; left:5%; z-index:2;}
#headerW h1 a {display:block; width:200px; height:43px; background:url(/image/logo_w.png) no-repeat 0 0; background-size:100%;}

@media all and (max-width:1200px) {
	#headerW h1 a {width:186px; height:40px;}
}

@media all and (max-width:960px) {
	#headerW {height:90px; /* border-bottom:1px solid rgba(255,255,255,0.2); */}
	#headerW h1 {top:30px;}
	#headerW h1 a {width:162px; height:35px;}
}

@media all and (max-width:500px) {
	#headerW h1 a {width:150px; height:32px;}
}


#headerW .utilDiv {position:absolute; top:0; right:5%; padding-top:55px;}
#headerW .utilDiv:after {display:block; content:""; clear:both;}
#headerW .utilDiv .customerBt {color:#fff; display:inline-block; float:left; position:relative; font-size:10px; letter-spacing:0.7px; }
.btnLine {padding:5px 7px 3px 7px; font-size:10px; border-radius:5px; border:1px solid rgba(255,255,255,.3); letter-spacing:-1px; display:inline-block;}

#headerW .utilDiv .lang {background:transparent; color:#fff; font-size:11px; padding:5px 16px 3px 16px; border-radius:5px; border:1px solid rgba(255,255,255,.3); z-index:10; }
#headerW .utilDiv .lang .choice {position:relative; display:block; padding-right:16px; line-height:20px; }
#headerW .utilDiv .lang .choice::after { content:''; position:absolute; right:0; top:4px; width:6px; height:6px; margin:0; border:0 solid #fff; border-width:0 2px 2px 0; -webkit-transform:rotate(45deg); transform:rotate(45deg); -webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
#headerW .utilDiv .lang .choice.active::after { margin-top:5px; -webkit-transform:rotate(225deg); transform:rotate(225deg); }
#headerW .utilDiv .lang dd { position:absolute;  right:0; top:100%; width:68px; display:none; padding:9px 0 10px; margin-top:10px; border-radius:10px; border:1px solid #111; background:#fff; color:#888; }
#headerW .utilDiv .lang a { display:block; padding:3px 0; line-height:1; text-align:center; }
#headerW .utilDiv .lang a:hover { color:#000; }
#headerW .utilDiv .lang option {color:#000;}


#headerW .utilDiv .langDiv {position:relative; float:right; padding:0 0 0 10px; }
#headerW .utilDiv .langDiv > a{display:block; width:23px; height:15px; background:url("/common/images/btn/eng_btn.png") no-repeat left center;}
#headerW .utilDiv .langDiv > div{display: none; position:absolute; top:15px; left:0; width:98px; padding:15px 0; background:#fff;}
#headerW .utilDiv .langDiv > div > a{display:block; font-size:15px; color:#555; line-height:24px; text-align:center;}


#headerW .fmSitBt{display:none; position:absolute; top:0; right:0; width:70px; height:70px; background:url("/image/bt.png") no-repeat 50% 50%;}
#headerW.subHeader .fmSitBt:before{display:block; content:''; position:absolute; top:0; right:70px; width:1px; height:70px; background:rgba(255,255,255,0.2);}
#headerW.type2{border-bottom:1px solid rgba(000,000,000,0.1);}
#headerW.type2 h1 a{display:block; width:200px; height:43px; background:url(/image/logo.png) no-repeat 0 bottom;}
/* #headerW.type2 .utilDiv .langDiv > a{color:#555; background:url("/common/images/btn/eng_btn_on.png") no-repeat left center;} */
#headerW.type2 .fmSitBt{position:absolute; top:0; right:0; display:block; width:70px; height:70px; background:url("/image/bt.png") no-repeat 50% 50%;}
#headerW.type2 .gnbDiv li .oneD{color:#000;}
#headerW.type2 .utilDiv .customerBt{color:#555;}
#headerW.type3{background:rgba(255,255,255,0.9);}.on

#headerW .gnbDiv {position:absolute; width:100%; margin:0 auto; text-align:center; }
#headerW .gnbDiv .inner {width:auto; margin:0 auto; height:112px; overflow:hidden; text-align:center;}
#headerW .gnbDiv ul{ margin:0 auto; overflow:hidden; text-align:center;}
#headerW .gnbDiv li{display:inline-block; margin:0; vertical-align:top; }
#headerW .gnbDiv li a {display:block; padding:0 20px; margin:0;}
#headerW .gnbDiv li .oneD{position:relative; display:block; padding:60px 30px 35px 30px; font-size:15px; color:#fff; font-family:'GmarketSansBold'; text-align:center; letter-spacing:0.5px !important; }
/* #headerW .gnbDiv li a:before {content:''; position:absolute; bottom:-1px; width:0; left:0; right:100%; height:5px; background:transparent; z-index:10; transition:0.3s; -webkit-transition:0.3s;} */

#headerW .gnbDiv .topSlideContainer {position: relative; overflow: hidden;}
#headerW .gnbDiv .topSlideWrapper {position: relative; display: flex; overflow: unset;}
#headerW .gnbDiv .topSlideImg {position: relative;}


#headerW .gnbDiv li .twoD{padding:36px 0 40px 0; }
/* #headerW .gnbDiv li:nth-child(2) .twoD{padding:36px 25px 40px 20px}
#headerW .gnbDiv li:nth-child(3) .twoD{padding:36px 0 40px 19px;}
#headerW .gnbDiv li:nth-child(4) .twoD{text-align:center;}
#headerW .gnbDiv li:nth-child(5) .twoD{padding:36px 13px 40px;} */
#headerW .gnbDiv li .twoD > a {display:block; width:100%; font-size:15px; color:#555; line-height:25px; }
#headerW .gnbDiv li .twoD > a.link{padding-right:22px; background:url('/common/images/icon/twoD_link.gif') no-repeat left 70px top 5px}
#headerW .gnbDiv li .twoD > a:first-child {margin-top:0;}
#headerW .gnbDiv li .twoD .thrD{padding-top:25px; position:relative; overflow:hidden; display:none}
#headerW .gnbDiv li .twoD .thrD:before{content:''; display:block; position:absolute; top:25px; left:0; width:2px; height:100%; background:#ddd}
#headerW .gnbDiv li .twoD .thrD > a{display:block; font-size:15px; margin-top:16px; padding-left:23px}
#headerW .gnbDiv li .twoD .thrD > a:first-child{margin-top:0}
#headerW.on .gnbDiv li .twoD .thrD > a:hover, #headerW .gnbDiv li .twoD .thrD > a:focus{color:#ec403c;}
#headerW.on h1 a {display:block; width:200px; height:43px; background:url(/image/logo1.png) no-repeat; background-size:100%;}
/* #headerW.on .utilDiv .langDiv > a{background:url("/common/images/btn/eng_btn_on.png") no-repeat left center;} */
#headerW.on .fmSitBt{position:absolute; top:0; right:0; /* display:block; */ width:70px; height:70px; background:url("/image/bt_on.png") no-repeat 50% 50%;}
#headerW.on .gnbDiv{background:#fff;}
#headerW.on .gnbDiv:after{content:''; position:absolute; top:112px; left:0; width:100%; height:1px; background:#ddd;}
#headerW.on .gnbDiv li .oneD{color:#000;}
#headerW.on .gnbDiv li:hover .oneD, #header.on .gnbDiv li:focus .oneD {color:#ec403c;}
#headerW.on .gnbDiv li:hover .oneD:before, #header.on .gnbDiv li:hover .oneD:before {content:''; position:absolute; bottom:-1px; width:100%; left:0; right:100%; height:5px; background:#ec403c; z-index:10; transition:0.3s; -webkit-transition:0.3s;} 
#headerW.on .gnbDiv li .oneD:before, #header.on .gnbDiv li .oneD:before {left:0; right:0; width:0; transition:0.3s; -webkit-transition:0.3s;}
#headerW.on .banner1 {position:absolute; top:140px; right:50%; margin-right:-710px; width:318px; height:168px;  opacity:1; /* fadeUp 200ms both; animation:fadeUp 200ms both; */}
#headerW .banner1 {opacity:0; }

/* #headerW.on .gnbDiv li:hover > .twoD {-webkit-animation:fadeUp 200ms both; animation:fadeUp 200ms both;} */


#headerW.on .gnbDiv li .twoD a:hover, #header.on .gnbDiv li .twoD a:focus{color:#ec403c}
#headerW.on .gnbDiv li .twoD a.on{ color:#ec403c}
#headerW.on .utilDiv .customerBt{color:#555;}
#headerW.on .utilDiv .customerBt:after{opacity:1;}
#headerW.on .fmSitBt:before{/* display:block; */ content:''; position:absolute; top:0; right:70px; width:1px; height:70px; background:#ddd;}
#headerW.on .utilDiv .lang {color:#555; border:1px solid rgba(0,0,0,.3);}
#headerW.on .utilDiv .lang .choice::after {border:0 solid rgba(0,0,0,.4); border-width:0 2px 2px 0;}



@media all and (max-width:1450px) {
	#headerW .gnbDiv {display:none;}
	/* #headerW .utilDiv .customerBt {display:none;}*/
	#headerW .utilDiv .langDiv {margin-right:50px;} 
}

@media all and (max-width:960px) {
	#headerW .utilDiv {padding-top:33px;}
	#headerW .utilDiv .langDiv {padding-left:5px; margin-right:40px;}
	#headerW .utilDiv .lang {padding:5px 10px 3px 10px;}
}


#headerW.fixed {position:fixed;}
#headerW.fixed h1 {top:45px;}
#headerW.fixed h1 a {display:block; width:200px; height:43px; background:url(/image/logo1.png) no-repeat 0 bottom; background-size:100%;} 
#headerW.fixed .fmSitBt{position:absolute; top:0; right:0; /* display:block; */ width:70px; height:70px; background:url("/image/bt_on.png") no-repeat 50% 50%;}
#headerW.fixed .gnbDiv{background:#fff;}
#headerW.fixed .gnbDiv:after{content:''; position:absolute; top:112px; left:0; width:100%; height:1px; background:#ddd;}
#headerW.fixed .gnbDiv li .oneD{color:#000;}
#headerW.fixed .gnbDiv li:hover .oneD, #header.on .gnbDiv li:focus .oneD {color:#ec403c;}
#headerW.fixed .gnbDiv li:hover .oneD:before, #header.on .gnbDiv li:hover .oneD:before {content:''; position:absolute; bottom:-1px; width:100%; left:0; right:100%; height:5px; background:#ec403c; z-index:10; transition:0.3s; -webkit-transition:0.3s;} 
#headerW.fixed .gnbDiv li .oneD:before, #header.on .gnbDiv li .oneD:before {left:0; right:0; width:0; transition:0.3s; -webkit-transition:0.3s;}

#headerW.fixed .utilDiv .customerBt{color:#555;}
#headerW.fixed .utilDiv .customerBt:after{opacity:1;}
#headerW.fixed .fmSitBt:before{/* display:block; */ content:''; position:absolute; top:0; right:70px; width:1px; height:70px; background:#ddd;}
#headerW.fixed .utilDiv .lang {color:#555; border:1px solid rgba(0,0,0,.3);}
#headerW.fixed .utilDiv .lang .choice::after {border:0 solid rgba(0,0,0,.4); border-width:0 2px 2px 0;}

#headerW.fixednone {opacity:0;}
#mask {position:fixed; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); display:none;}
#mask1 {position:fixed; width:100%; height:100%; background:rgba(0,0,0,.7); display:none;}
#headerW .btn-all, #headerW .all-inner {display:none;}

#headerW .btn-all .bar, #headerW .btn-all .bar::before, #headerW .btn-all .bar::after { -webkit-transition:background 0.3s linear 300ms; transition:background 0.3s linear 300ms; }
#headerW.fixed .btn-all .bar, #headerW.fixed .btn-all .bar::before, #headerW.fixed .btn-all .bar::after,
#headerW.opend-all .btn-all .bar, .#headerW.opend-all .btn-all .bar::before, #headerW.opend-all .btn-all .bar::after { -webkit-transition-delay:0ms; transition-delay:0ms; }


@media all and (max-width:1450px) {
	#headerW.fixed {height:90px; background:#fff;}
	#headerW.fixed h1 {}
	#headerW.fixed h1 a {width:162px; height:35px;}
	#headerW.fixed .btn-all {top:38px}
	#headerW.fixed .btn-all .bar {background:#000;}
	#headerW.fixed .btn-all .bar::before,
	#headerW.fixed .btn-all .bar::after {background:#000;}

	#headerW .btn-all {display:block; position:absolute; top:55px;  right:5%; width:29px; height:22px; z-index:3;}
	#headerW .btn-all .bar {position:absolute; left:0; top:50%; width:100%; height:2px; background:#fff; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
	#headerW .btn-all .bar::before,
	#headerW .btn-all .bar::after { content:''; position:absolute; left:0; top:50%; width:100%; height:2px; background:#fff; }
	#headerW .btn-all .bar::before { -webkit-transform:translateY(-11px); transform:translateY(-11px); }
	#headerW .btn-all .bar::after { -webkit-transform:translateY(9px); transform:translateY(9px); }


	#headerW .all-inner {display:block; position:fixed; right:-320px; top:0; width:320px; height:100%; min-height:100%; z-index:5; overflow-y:auto; background:#fff; color:#222; text-align:left; padding:0 0 100px 0;}
	#headerW .all-inner .close1 {position:absolute; right:7%; top:25px; width:29px; height:22px; }
	#headerW .all-inner .close1 .bar {position:absolute; left:0; top:50%; width:100%; height:2px; background:transparent; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
	#headerW .all-inner .close1 .bar::before,
	#headerW .all-inner .close1 .bar::after { content:''; position:absolute; left:0; top:50%; width:100%; height:2px; background:#000; }
	#headerW .all-inner .close1 .bar::before { transform:rotate(-45deg); -ms-transform:rotate(-45deg);}
	#headerW .all-inner .close1 .bar::after { transform:rotate(45deg); -ms-transform:rotate(45deg); }
}

@media all and (max-width:960px) {
	#headerW.fixed {height:70px;}
	#headerW.fixed h1 {top:20px;}
	#headerW.fixed h1 a {width:139px; height:30px; }
	#headerW.fixed .btn-all {top:28px}
	#headerW.fixed .utilDiv {padding-top:25px;}
	#headerW.fixed .btnLine {border:1px solid rgba(0,0,0,.3);}

	#headerW .btn-all {top:38px;}
	#headerW .btn-all .bar::before { -webkit-transform:translateY(-9px); transform:translateY(-9px); }
	#headerW .btn-all .bar::after { -webkit-transform:translateY(7px); transform:translateY(7px); }
}
@media all and (max-width:500px) {
	#headerW .btn-all {top:35px;}
}
@media all and (max-width:420px) {
	#dispD_name {display:none;}
}


.all-inner .lang {position:absolute; top:30px; left:8%; font-size:10px; font-family:"GmarketSansMedium"; letter-spacing:0.2px;}
.all-inner .lang span {padding:0 10px; border-left:1px solid rgba(0,0,0,.2);}
.all-inner .lang span:first-child {border-left:0; padding:0 10px 0 0;}

.all-inner .in {margin:130px 0 0 0;}
.all-inner { clear:both; overflow:hidden;}
.all-inner li.btn {position:relative; display:block; cursor:pointer; overflow:hidden; padding:10px 8%; font-size:18px; font-family:'Metropolis-Bold'; font-weight:600; letter-spacing:0.2px;}
.all-inner .on {font-weight:bold; cursor:pointer; display:block; overflow:hidden;}
.all-inner li.btn.on::after {
	content: '';
    position: absolute;
    right: 35px;
    top: 50%;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    border: 0 solid #000;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.all-inner li.ly {overflow:hidden; width:100%; padding:20px 10px; border-bottom:1px solid #eee; background:#f2f2f2; font-size:15px; font-family:"GmarketSansMedium";} 
.all-inner li.ly,
.all-inner dt {display:none;}
.all-inner dl {padding:10px 0; margin:0; }
.all-inner dl a {padding:3px 20px 1px 20px; display:block;}
.all-inner dl a:hover	{background:#eee;}
.all-inner dd {padding:5px 0 0 6%; line-height:17px;}

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

.all-inner .util {margin:40px 0 0 8%; font-size:14px; font-family:'Metropolis-Bold'; font-weight:400;}
.all-inner .util li {padding:0 0 3px 30px;}
.all-inner .util .icon01 {background:url(/image/m01.png) no-repeat left center;}
.all-inner .util .icon02 {background:url(/image/m02.png) no-repeat left center;}
.all-inner .util .icon03 {background:url(/image/m03.png) no-repeat left center;}
.all-inner .deco-set {position:absolute; left:8%; bottom:20px; color:rgba(0,0,0,.2); font-family:'Metropolis-Bold'; font-weight:600; line-height:1.3;}


/* 메인VOD */
.mainWrap {position:relative; width:100%; height:100vh; background:linear-gradient(to bottom, rgba(0, 0, 0, .6) 0%, rgba(0, 0, 0, 0) 30%);}
.mainWrap .mainText {position:absolute; top:50%; left:10%; transform:translateY(-25%); color:#fff; font-size:18px;}
.mainWrap .mainText strong {font-size:70px; font-family:"GmarketSansBold";}
.mainVod {position:absolute; width:100%; height:100%;}
.mainVod {position:absolute; top:0; right:0; width:100%; height:100%; }
.mainVod .vod {width:100%; height:100% !important; }
.mainVod .vod div {width:100%; height:100% !important; }
.mainVod .vod div video {width:100%; height:100%; }

@media all and (max-width:1600px) {
	.mainVod .vod div video {width:auto; height:calc(100% + 10%) !important;}
}

@media all and (max-width:1200px) {
	.mainWrap .mainText {font-size:16px;}
	.mainWrap .mainText strong {font-size:50px;}
}

@media all and (max-width:960px) {
	.mainWrap .mainText {transform:translateY(-35%); font-size:14px;}
	.mainWrap .mainText strong {font-size:40px;}
}

@media all and (max-width:580px) {
	.mainWrap .mainText {transform:translateY(-55%);}
	.mainWrap .mainText strong {font-size:35px;}
}


.secTitle {font-size:59px; font-family:"GmarketSansBold";}
.secMtit {font-size:20px;}

@media all and (max-width:1300px) {
	.secTitle {font-size:50px;}
	.secMtit {font-size:17px;}
}

@media all and (max-width:768px) {
	.secTitle {font-size:40px;}
	.secMtit {font-size:15px;}
}

@media all and (max-width:560px) {
	.secTitle {font-size:35px;}
	.secMtit {font-size:14px;}
}

@media all and (max-width:420px) {
	.secTitle {font-size:30px;}
}


/* 미션 */
.mainSec01 {width:100%; padding:180px 0; text-align:center;}
.mainSec01 .secMtit {width:510px; margin:30px auto;}
.mainSec01 .picWrap {width:1280px; margin:0 auto;}
.mainSec01 .picWrap ul {overflow:hidden;}
.mainSec01 .picWrap ul li {float:left; height:454px; border-radius:30px;}
.mainSec01 .picWrap ul li:last-child {float:right;}
.mainSec01 .picWrap .img01 {width:70%; background:url(/image/sec01_1.jpg) no-repeat center; background-size:cover;}
.mainSec01 .picWrap .img02 {width:28%; background:url(/image/sec01_2.jpg) no-repeat center top; background-size:cover;}
.mainSec01 .picWrap video {width:100%;}

@media all and (max-width:1300px) {
	.mainSec01 {padding:150px 0;}
	.mainSec01 .picWrap {width:95%;}
}

@media all and (max-width:960px) {
	.mainSec01 .picWrap ul li {height:350px;}
}

@media all and (max-width:768px) {
	.mainSec01 {padding:100px 0;}
	.mainSec01 .picWrap ul li {height:300px; border-radius:15px;}
}

@media all and (max-width:680px) {
	.mainSec01 .picWrap ul li {height:250px;}
}

@media all and (max-width:560px) {
	.mainSec01 .secMtit {width:90%; margin:20px auto;}
	.mainSec01 .picWrap ul li {height:200px;}
}

@media all and (max-width:460px) {
	.mainSec01 .picWrap .img01 {width:60%;}
	.mainSec01 .picWrap .img02 {width:38%;}
}



/* mallWrap */
.mallWrap {position:relative; width:100%; height:auto; max-height:1600px;/*  min-height:100vh; */ background:#f6f6f6; overflow:hidden; z-index:1;}
.mallWrap *,.mallWrap *:before, .mallWrap *:after {box-sizing:border-box;}
.mallWrap > * {z-index:1;}
.mallWrap .secMtit {width:400px; margin:30px 0 0 0;}
.mallWrap .point {position:absolute;}
.mallWrap .point_fixed_start_before {top:-30vh;}
.mallWrap .point_fixed_start {top:0;}
.mallWrap .point_fixed_end {bottom:100vh;}
.mallWrap .section_content {position:relative; width:1292px; margin:0 auto;}
.mallWrap .title_area {position:absolute; top:32.5vh; left:0; right:0; width:1292px; height:67.5vh; margin:0 auto; padding:0 10px; line-height:1.3; transition: all 0.3s ease-in-out;}
.mallWrap.landing .title_area {position:fixed;}
.mallWrap.landing_end .title_area {position:absolute; top:auto; bottom:0;}
.mallWrap .btnMall {background:#444; margin-top:15px; padding:8px 20px 5px 20px; color:#fff; font-weight:500; border-radius:50px; display:inline-block;}
.mallWrap .title_area .btn_more {margin-top:40px;}
.mallWrap .list_box {width:1272px; margin:0 auto; padding-left:526px; padding-top:calc(32.5vh + 450px);}
.mallWrap .list_box_wrap {display:flex; flex-wrap:wrap; flex-direction:row; gap:24px; padding-bottom:20vh;}
.mallWrap .list_box .link {position:relative; display:block; width:354px; height:430px;}
.mallWrap .list_box .link:nth-of-type(2n-1) {margin-top:-250px;}
.mallWrap .list_box .link * {display:block;}
.mallWrap .list_box .box {position: relative; border-radius:24px; overflow:hidden; transition:all 0.3s ease-in-out;}
.mallWrap .list_box .box:hover {box-shadow:0 25px 20px -20px rgba(0, 0, 0, 0.1);}
.mallWrap .list_box .box .img {position:relative; width:353px; height:435px; border-radius:24px; overflow:hidden;}
.mallWrap .list_box .box .img img {position:absolute; height:100%; top:50%; left:50%; transform:translate(-50%, -50%); transition:all 0.3s ease-in-out;}
.mallWrap .list_box .box:hover .img img {opacity:0;}
/* .mallWrap .list_box .box .img:after {content:''; position:absolute;	left:0; right:0; top:66%; bottom:0; opacity:0.4; background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0), #000);} */
.mallWrap .list_box .box .title {position:absolute;	left:30px; right:30px; bottom:30px; color:#fff; font-size:20px;	line-height:30px; letter-spacing:-1px; overflow: hidden;}
.mallWrap .list_box .box .con {position:absolute; top:0; left:0; right:0; bottom:0; background:#fff; opacity:0; transition:all 0.3s ease-in-out; z-index:1;}
.mallWrap .list_box .box:hover .con {opacity:1;}
.mallWrap .list_box .box .con_box {position:absolute; top:0; left:0; right:0; bottom:0;	display:table; height:100%;	background:rgba(0, 0, 0, 0.75); border-radius:24px; padding:0 50px; text-align: center;}
.mallWrap .list_box .box .con_box_cell {display:table-cell; vertical-align:middle;}
.mallWrap .list_box .box .con_box_cell .tit {display:block;	color:#fff; font-size:28px; line-height:38px; letter-spacing:-1.4px;}
.mallWrap .list_box .box .con_box_cell .txt {display:block; margin-top:12px; color:#fff; font-size:16px; line-height:24px; font-weight:500; opacity:0.85;}
.mallWrap .list_box .box .con_box_cell:after {content:''; display:block; width:44px; height:44px; margin:40px auto 0; box-sizing:border-box; border-radius:100%; border:#fff 1px solid;	background:url(../images/main/icon_magazine_more.png) no-repeat center;}

/* @media all and (max-width:1540px) {
	.mallWrap .title_area {position:absolute; top:90px; left:0; right:0; width:95%; height:67.5vh; margin:0 auto; padding:0 10px; transition: all 0.3s ease-in-out;}
	.mallWrap .list_box {width:60%; padding-left:0; padding-top:calc(32.5vh + 350px); border:1px solid red;}
	.mallWrap .list_box .link {}
} */



/* -------- 메인 컨텐츠 :: 컨텐츠3(Client) -------- */
#mainContent3 { position: relative; }
.main-client-con {display: flex;}
.main-client-con .left {width:45%; padding-right: 9.5rem; }
/* .main-client-con .left .main-tit-box {text-align: left; padding-top: 10rem;}
.main-client-con .left .main-tit-box .main-txt {padding-top: 0;}
.main-client-con .left .main-tit-box .cm-btn-style01 {margin-top: 5rem;}
.main-client-con .left-client-list {position: relative; margin-top: 5.5rem;}
.main-client-con .left-client-list li {opacity: 0; position: absolute; top: 0; left: 0; padding: 5rem; width: 100%; max-width: 60.4rem; background: #061424; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.3s;}
.main-client-con .left-client-list li.on {opacity: 1;}
.main-client-con .left-client-list li .list-top {display: flex; align-items: center; justify-content: space-between; margin-bottom: 8rem;}
.main-client-con .left-client-list li .list-top .client-logo {width: 16.5rem; }
.main-client-con .left-client-list li .list-top .client-logo img {max-width: 100%;}
.main-client-con .left-client-list li .list-top .client-type {}
.main-client-con .left-client-list li .list-top .client-type span {display: inline-block; min-width: 8.4rem; height: 3.2rem; line-height: 3.2rem; text-align: center; padding: 0 1rem; border-radius: 0.6rem; background: #012060; font-size: 1.4rem; font-weight: 400; letter-spacing: -0.02em; color: #fff; margin-left: 0.5rem;}
.main-client-con .left-client-list li .list-bottom dl {padding-top: 3rem;}
.main-client-con .left-client-list li .list-bottom dl:first-child {padding-top: 0;}
.main-client-con .left-client-list li .list-bottom dl dt {font-size: 2rem; font-weight: 700; letter-spacing: -0.055em; color: #ffffff; line-height: 1.2;}
.main-client-con .left-client-list li .list-bottom dl dd {font-size: 1.6rem; font-weight: 400; letter-spacing: -0.055em; color: rgba(255,255,255,0.8); line-height: 1.625; padding-top: 1rem;}
.main-client-con .left-client-list li .list-bottom dl dd .txt {position: relative; padding-left: 1.2rem;}
.main-client-con .left-client-list li .list-bottom dl dd .txt:before {position: absolute; top: 0; left: 0; content: '-'; font-size: 1.6rem; font-weight: 400; letter-spacing: -0.055em; color: rgba(255,255,255,0.4);}
 */
.main-client-con .right {position: relative;  width:55%; z-index: 11; padding-top: 25rem;}
.main-client-container.swiper-container{overflow: visible;}
.main-client-list {margin:0; display: flex; flex-wrap:wrap; }
.main-client-item {position:relative !important; background:#3e3e3e; margin:1.5rem; border-radius:24px; overflow:hidden; transition:all 0.3s ease-in-out;}

@media all and ( min-width: 801px ){
	.main-client-item {width:353px !important; height:;}
	.swiper-container-vertical > .swiper-wrapper.main-client-list {width: auto; flex-direction: row; transform: none !important;}
}

.main-client-item:nth-child(even){top: 17rem;}
.main-client-item .inner {/* position: relative; */ width:100%; height:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.4s;}
.main-client-item .inner img {width:100%; }
/* .main-client-item:hover img {opacity:0; transition:all 0.3s ease-in-out;} */
.main-client-item:hover .con {opacity:0;}
.main-client-item .con {position:absolute; top:0; left:0; right:0; bottom:0; width:100% !important; height:100%; background:; opacity:0; transition:all 0.3s ease-in-out; z-index:1; }
.main-client-item .con_box {position:absolute; top:0; left:0; right:0; bottom:0; display:table; height:100%; background::#3e3e3e; border-radius:24px; padding:0 50px; text-align: center;}
.main-client-item .con_box_cell {display:table-cell; vertical-align:middle;}
.main-client-item .con_box_cell .tit {display:block;	color:#fff; font-size:28px; line-height:38px; letter-spacing:-1.4px;}
.main-client-item .con_box_cell .txt {display:block; margin-top:12px; color:#fff; font-size:16px; line-height:24px; font-weight:500; opacity:0.85;}
.main-client-item .con_box_cell:after {content:''; display:block; width:44px; height:44px; margin:40px auto 0; box-sizing:border-box; border-radius:100%; border:#fff 1px solid; background:url(/image/icon_more.png) no-repeat center;}




/* -------- 메인 컨텐츠 :: 컨텐츠3(Client) -------- */
@media all and ( max-width: 1490px ){
	.main-client-item {width:calc(50% - 4rem) !important;}
}

@media all and ( max-width: 1280px ){
	.mallWrap {max-height:1500px;}
	.main-client-con .left .main-tit-box {padding-top: 8rem;}
	.main-client-con .left {width: 40%; padding-right: 3rem;}
	.main-client-con .left-client-list li {padding: 4rem;}
	.main-client-con .left-client-list li .list-top {margin-bottom: 6rem;}
	.main-client-con .left-client-list li .list-top .client-type span {min-width: 6.5rem;}
	.main-client-con .right {width: 60%;}
}



@media all and ( max-width: 1100px ){
	.mallWrap .title_area {position:relative; top:0; width:100%; height:auto; padding:0 5%;}
	.mallWrap .secMtit {margin:15px 0 0 0;}
	.mallWrap .btnMall {margin-top:10px; }
	
	#mainContent3 {padding: 10rem 0 10rem;}
	.main-client-con {flex-wrap: wrap;}
	.main-client-con .left {width: 100%; margin:0 0 1.2rem; padding-right: 0;  clear:both;}
	.main-client-con .left .main-tit-box {padding-top: 0; text-align: center;}
	.main-client-con .left .main-tit-box .cm-btn-style01 {margin: 3.5rem auto 0;}
	/* .main-client-con .left-client-list {min-height: 45rem;}
	.main-client-con .left-client-list li .list-top {flex-wrap: wrap;}
	.main-client-con .left-client-list li .list-top .client-logo {width: 100%; margin-bottom: 2rem;}
	.main-client-con .left-client-list li .list-top .client-type {width: 100%;}
	.main-client-con .left-client-list li .list-top .client-type span {margin-left: 0; margin-right: 2rem; min-width: 8.4rem;} */

	.main-client-con .right {width:100%; padding-top: 0; }
	.main-client-list {flex-wrap: nowrap; margin: 0 ; padding:0 2.2rem;} 
	.main-client-item:nth-child(even){top: 0;}
	.main-client-item {width:27% !important; height:auto !important; margin:0 1.2rem; margin-bottom: 0; }

	.main-client-item .inner { padding: 0; align-items: center; justify-content: center;}
	.main-client-item .inner .main-client-logo {text-align: center;}
	.main-client-item .inner .main-client-txt {display: none;}
}

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

@media all and ( max-width: 480px ){
	.main-client-con .left-client-list {min-height: 55rem;}
}




.insideWrap {position:relative; width:100%; padding:0; overflow:hidden; margin:200px 0;}
.mAbout {float:right; width:90%;}
.mAbout .title {font-size:27px; padding:10px 60px 0 0; letter-spacing:-1px; }
.mAbout .title strong {font-size:50px; font-weight:600; color:#000; line-height:1.2;}
.mAbout .title .mid {padding:20px 0 0 0; line-height:1.4; letter-spacing:-0.2px;}
.mAbout .title .br {display:block;}
.mAbout .aWrap {width:110%; margin:40px 0 0 0; }

.gallSec {position:relative; width:95%; margin:0; }
.gallSec .pic {width:100%; height:auto; text-align:center; overflow:hidden; }
.gallSec .pic img {width:100%;	height:auto; margin: 0 auto; border-radius:30px;}
.gallSec .name {position:absolute; bottom:0; width:100%; padding:50px; font-size:20px;	color:#fff;	line-height:1.3; text-shadow:0 0 3px rgba(0,0,0,.3); z-index:6;}
.gallSec .name strong {font-size:30px; font-family:"GmarketSansBold";}

.gallBtn {position:absolute; left:0; top:349px;}
.btnL {width:40px; height:40px;	background:url(/image/btnL.png) no-repeat center center #fff;	background-size: 10px auto;	border: 1px solid #ebebeb;	display: inline-block;	cursor: pointer;}
.btnR {width:40px; height:40px; margin: 0 0 0 -5px; background:url(/image/btnR.png) no-repeat center center #fff;	background-size: 10px auto;	border: 1px solid #ebebeb; display: inline-block; cursor: pointer;}


@media only screen and (max-width: 1500px) {
	.insideWrap {margin:120px 0;}
	.mAbout .left1 {font-size:16px;}
	.mAbout .left1 .small {font-size:16px;}
	.mAbout .left1 strong {font-size:55px;}
	.gallSec .pic img {border-radius:15px;}
	.gallSec .name {font-size:14px;}
}

@media only screen and (max-width: 1300px) {
	.mAboutWrap {margin:120px auto;}
	.mAbout .title {font-size:22px;}
	.mAbout .title strong {font-size:40px;}
}

@media only screen and (max-width: 1100px) {
	.mAboutWrap {margin:100px auto;}
	.mAbout {float:none; width:90%; margin:0 auto;}
	.mAbout .left1 {float:none; width:100%; padding:0; font-size:14px; letter-spacing:-0.8px; }
	.mAbout .left1 .br {margin:0 15px 0 0; display:inline-block;}
	.mAbout .left1 .small {padding:0 0 0px 0;}
	.mAbout .left1 strong {font-size:40px;}
	.mAbout .left1 .mid {padding:7px 0 15px 0;}
	.mAbout .right1 {float:none; width:100%;}
	.gallSec .iconArrow img {width:30px; height:auto;}
	
	.mAbout .aWrap {margin:20px 0 0 0; }
	.mAbout .title {font-size:20px;}
	.mAbout .title strong {font-size:35px;}
	
	.gallSec .name {padding:30px; font-size:14px;}
	.gallSec .name strong {font-size:25px;}
}

/* @media only screen and (max-width: 620px) {
	.mAbout .right1 .rightSec {width:100%;}
	
} */

@media only screen and (max-width: 860px) {
	.insideWrap {margin:70px 0;}
	.mAbout .left1 strong {font-size:38px;}
	.mAbout .left1 .br {margin:0 10px 0 0px; }
	.mAbout .title {font-size:16px;}
	.mAbout .title strong {font-size:30px;}
	.gallSec .name {padding:15px;}
}

@media only screen and (max-width: 620px) {
	.mAboutWrap {margin:90px auto;}
	.mAbout .left1 strong {font-size:33px;}
	.mAbout .left1 .br {margin:0 10px 0 0px; }
}

@media only screen and (max-width: 460px) {
	.mAboutWrap {margin:90px auto;}
	.mAbout .left1 {font-size:13px; color:rgba(0,0,0,.7);}
	.mAbout .left1 strong {font-size:30px;}
	
	.mAbout .title {font-size:15px;}
	.mAbout .title strong {font-size:22px;}
	
	.gallSec .name {padding:12px; font-size:12px;}
	.gallSec .name strong {font-size:22px;}
}


/* 하단영역 */
.footWrap {width:100%; background:#333; padding:70px 0;}
.footWrap .footer {width:1500px; margin:0 auto; color:rgba(255,255,255,.8); font-size:15px; overflow:hidden;}
.footWrap .footer ul {float:right; width:65%;}
.footWrap .footer ul:first-child {width:35%;}
.footWrap .footer ul li {line-height:1.5;}
.footWrap .footer .title {padding-bottom:25px; font-size:30px; font-family:"GmarketSansBold"; color:#fff; letter-spacing:0.5px;}
.footWrap .footer .space {margin:0 10px;}
.footWrap .footer .copy {padding-top:30px; font-size:7px; font-weight:300; letter-spacing:0.6px;}
.footWrap .footer strong {color:#fff;}
.footWrap .footer dl {float:left; width:48%;}
.footWrap .footer dl:nth-child(2) {float:right;}
.footWrap .footer dd {background:url(/image/foot_arrow.png) no-repeat right center; padding:15px 0; border-bottom:1px solid rgba(255,255,255,.2);}

@media only screen and (max-width: 1500px) {
	.footWrap .footer {width:95%;}
}

@media only screen and (max-width: 1100px) {
	.footWrap {padding:50px 0;}
	.footWrap .footer {font-size:13px;}
	.footWrap .footer .title {font-size:22px;}
	.footWrap .footer dd {padding:10px 0;}
}

@media only screen and (max-width: 980px) {
	.footWrap .footer ul {float:none; width:100%; clear:both;}
	.footWrap .footer .title {padding-bottom:10px;}
	.footWrap .number02 {margin-top:35px;}
	.footWrap .footer dd {background-size:20px auto;}
}

@media only screen and (max-width: 400px) {
	.footWrap .footer {font-size:11px;}
}


/* 로그인 */
.loginWrap {width:450px; margin:70px auto;  text-align:center;} 
.loginWrap .tit {padding:10px 0; font-size:20px; font-weight:600;  letter-spacing:1px;}
.loginWrap .loginLang {width:100%; height:50px; border-top:0; border-right:0; border-left:0; border-radius:0px; }
.loginWrap p {margin:7px 0;}
.loginWrap select {width:100%; height:50px; background:rgba(0,0,0,.03); text-indent:7px;}
.loginWrap select option {color:#000;}
.loginWrap input {width:100%; height:50px; background:rgba(0,0,0,.03);  border:0; border-radius:0px; text-indent:7px;}
.loginWrap input:hover {border-bottom:2px solid #262c3f;}
.loginWrap input::placeholder {color:rgba(0,0,0,.8);}
.loginWrap a.btnLogin {width:100%; height:55px; background:#262c3f; margin:25px 0 0 0; line-height:55px; color:#fff; font-size:14px; font-weight:600; letter-spacing:0.5px; border-radius:5px; display:block; }
.loginWrap .signLink {padding:15px 0 0 0; }
.loginWrap .signLink p {cursor:pointer; }
.loginWrap img {width:300px; height:auto; margin:0 0 30px 0;}
.loginWrap .chkIcon {width:20px; height:20px;}
.loginWrap .checkbox {width:auto; height:auto;}
.loginWrap .loginInfo {}

.loginInfo {font-size:14px; letter-spacing:-0.5px;}
.cirAlert {float:left; width:20px; height:20px; border-radius:10px; background:#dc3843; color:#fff; font-weight:bold; font-family:"GmarketSansBold"; font-size:12px; text-align:center; line-height:20px; display:inline-block;}
.loginInfo p.txt {float:left; margin:0 0 0 7px; line-height:20px;}


/* 서브페이지 */
.sub-visual {position: relative; width:100%; height:600px; background-color: #333; background-repeat: no-repeat; background-position: center center; background-size: cover; display: flex; align-items: center; text-align: left; color: #fff; padding-top: 20px;}
.max-inner {width:1570px; margin:0 auto;}
.sub-visual.bg01 {background-image: url(/image/subtop_com2.jpg);}
.sub-visual.bg02 {background-image: url(/image/subtop_busi.jpg);}
.sub-visual.bg03 {background-image: url(/image/subtop_str.jpg);}
.sub-visual.bg04 {height:450px;background-image: url(/image/subtop_com3.jpg);}
.sub-visual.bg05 {height:450px;background-image: url(/image/subtop_office.jpg);}
.sub-visual.bg06 {height:450px;background-image: url(/image/subtop_mem.jpg);}
.sub-visual.bg07 {background-image: url(/image/subtop_pro.jpg);}

.sub-visual .visual-tit h1 {font-size: 65px; color: #fff; margin-bottom: 10px; font-family:"GmarketSansBold";}
.sub-visual .visual-tit2 h1 {font-size: 40px; color: #fff; margin-bottom: 10px; font-family:"GmarketSansBold";}
.sub-visual .visual-tit p {font-size: 16px; color: rgb(255, 255, 255, 0.7);}

.sub_head {width: 100%; position: absolute; bottom: 20px; left: 0; z-index:1;}
.sub_head ul.sub_position {display: flex; flex-wrap: wrap;}
.sub_head ul.sub_position > li {display: flex; position: relative; align-items: center; padding: 0 30px; padding-bottom: 10px; cursor: pointer; width: calc(50% - 25px); max-width: 240px;}
.sub_head ul.sub_position > li.home {padding-left: 0; width: 50px;}
.sub_head ul.sub_position > li.home a {display: flex;}
.sub_head ul.sub_position > li.home::after,
.sub_head ul.sub_position li.home::before {display: none;}
.sub_head ul.sub_position > li::after {content: ""; width: 13px; height: 8px; background: url(/image/arrow_down.png) no-repeat; display: block; position: absolute; right: 20px;}
.sub_head ul.sub_position > li::before {content: ""; width: 1px; height: 15px; background-color: rgb(255, 255, 255, 0.3); position: absolute; left: 0;}
.sub_head ul.sub_position li ul.sub_drop {position: absolute; top: 100%; left: 0; padding: 20px 30px; width: 100%; z-index: 2; background-color: #444; display: none;}
.sub_head ul.sub_position li ul.sub_drop li {padding: 5px 0;}
.sub_head ul.sub_position li ul.sub_drop li a {color: #fff; font-size: 13px; display: block;}
.sub_tit {padding: 150px 0 100px; text-align: center;}
.sub_tit h2 {font-size: 54px; font-weight: 700; color: #222; line-height: 1.3;}
.sub_tit.left {text-align: left;}
.sub_tit.left b {color: #0460d9;}
.sub_tit.left h2 {margin: 20px 0 40px; font-weight: 600;}
.sub_cont_tit {padding: 100px 0 50px;}
.sub_cont_tit h3 {font-size: 38px; color: #222; font-weight: 700;}
.sub_cont_tit h3::after {content: ""; width: 7px; height: 7px; background: #0460d9; border-radius: 50%; display: inline-block; margin-left: 10px;}

@media only screen and (max-width: 1580px) {
	.max-inner {width:90%;}
}

@media only screen and (max-width: 1200px) {
	.sub-visual {height:450px;}
	.sub-visual .visual-tit h1 {margin-bottom:5px; font-size:50px;}
	.sub-visual .visual-tit2 h1 {margin-bottom:5px; font-size:35px;}
	.sub-visual .visual-tit p {font-size:14px; letter-spacing:0;}
}

@media only screen and (max-width: 768px) {
	.sub-visual {height:350px;}
	.sub-visual.bg04 {height:350px;}
	.sub-visual.bg05 {height:350px;}
	.sub-visual.bg06 {height:350px;}
	.sub-visual .visual-tit h1 {font-size:40px;}
}

@media only screen and (max-width: 560px) {
	.sub-visual {height:300px;}
	.sub-visual.bg04 {height:300px;}
	.sub-visual.bg05 {height:300px;}
	.sub-visual.bg06 {height:300px;}
	.sub-visual .visual-tit h1 {font-size:30px;}
	.sub-visual .visual-tit2 h1 {font-size:25px;}
	.sub-visual::after {content:""; position:absolute; bottom:0; width:100%; height:20%; background:linear-gradient(to top, rgba(14, 14, 14, .3) 0%, rgba(14, 14, 14, 0) 100%); z-index:0;}
	.sub_head {bottom:5px;}
	.sub_head ul.sub_position > li {max-width:200px; }
}



/* 서브페이지 */
.subCenter {width:1570px; margin:0 auto; overflow:hidden;}
.subTitle {text-align:center; font-size:50px;}
.subTitle {text-align:center; font-size:50px;}
.mgt250 {margin:250px auto 150px !important;}
.mgt100 {margin:100px auto 100px !important;}
.mgt50 {margin:50px auto !important;}
.spaceV100 {padding-top:100px;}
.proImg {padding-top:30px; text-align:center;}
.proImg img {}

@media only screen and (max-width: 1580px) {
	.subCenter {width:95%;}
}

@media only screen and (max-width: 1300px) {
	.subCenter .subTitle {font-size:40px;}
	.comWrap .subTitle {font-size:40px;}
}

@media only screen and (max-width: 800px) {
	.proImg img {width:100%;}
}

@media only screen and (max-width: 720px) {
	.subCenter .subTitle {font-size:35px;}
	.comWrap .subTitle {font-size:35px;}
}

@media only screen and (max-width: 460px) {
	.subCenter .subTitle {font-size:30px;}
	.comWrap .subTitle {font-size:30px;}
}




/* 회사소개 */
.comWrap {width:100%; padding:150px 0;}
.comWrap .inner {width:1570px; margin:0 auto;}
.comWrap .inner1 {width:1300px; margin:0 auto;}
.smTit {font-size:16px; font-family:"GmarketSansBold"; color:#0086e5;}
.comWrap .midTit {padding:0 0 30px 0; font-size:30px; font-family:"GmarketSansBold";}
.comWrap .bigTit {padding:35px 0; font-size:50px; font-family:500; line-height:1.2;}
.smallTxt {width:70%; font-size:18px; /* font-family:"GmarketSansLight"; */ font-weight:300;}
.comWrap .cImg {width:100%; margin:100px 0 150px 0;}
.comWrap .cImg img {width:100%;}
.comWrap .inBox {width:100%; display:flex; justify-content:space-around; flex-wrap:wrap; gap:10px;}
.comWrap .inBox ul {width:31%;}
.comWrap .inBox .img img {width:100%; border-radius:20px;}
.comWrap .inBox li { text-align:center;  font-weight:500;}
.comWrap .inBox .name {padding:20px 0 2px 0; font-size:20px; font-family:"GmarketSansBold";}
.comWrap .inBox .cont {padding:0 0 40px 0; font-size:15px; font-weight:300;}
.comWrap .inBox video {width:100%;}

@media only screen and (max-width: 1580px) {
	.comWrap .inner {width:95%;}
	
	.comWrap .inBox {gap:auto;}
	.comWrap .inBox ul {width:31%;}
}


@media only screen and (max-width: 1300px) {
	.comWrap {padding:80px 0;}
	.comWrap .inner1 {width:95%;}
	.comWrap .bigTit {padding:35px 0; font-size:40px;}
	.comWrap .midTit {padding:0 0 10px 0; font-size:27px;}
	.comWrap .smallTxt {font-size:16px;}
	.comWrap .cImg {margin:70px 0;}
}

@media only screen and (max-width: 890px) {
	.smTit {font-size:15px;}
	.comWrap .bigTit {font-size:35px;}
	.comWrap .midTit {padding:0; font-size:25px;}
	.comWrap .smallTxt {width:100%; font-size:15px;}
	.comWrap .cImg {margin:50px 0;}
	.comWrap .inBox .name {font-size:18px;}
	.comWrap .inBox .img img {border-radius:20px;}
	.comWrap .inBox li {font-size:16px; /* font-weight:600; */}
}

@media only screen and (max-width: 640px) {
	.comWrap .midTit {font-size:22px;}
	.comWrap .inBox .img img {border-radius:10px;}
	.comWrap .inBox ul {width:47%;}
	.comWrap .inBox li {font-size:14px;}
}

@media only screen and (max-width: 520px) {
	.smTit {font-size:14px;}
	.comWrap {padding:60px 0;}
	.comWrap .bigTit {padding:25px 0; font-size:30px;}
	.comWrap .smallTxt {font-size:15px;}
	.comWrap .cImg {margin:20px 0 50px 0;}
	.comWrap .inBox .name {font-size:16px;}
}

.hisWrap {overflow:hidden;}
.hisWrap .year {float:left; padding-right:40px; font-size:33px; font-weight:600; font-family:"GmarketSansBold"; color:#0086e5;}
.hisWrap .cont {float:left; font-size:19px; line-height:1.5;}


/* 인사말 */
.comWrap .comTit {padding:40px 0 20px 0; font-size:30px; font-weight:200; line-height:1.2; letter-spacing:-1.3px;color:#000;}
.comWrap .comTit {text-align:center;}
.comWrap .comTit strong {font-weight:600;}
.comWrap .comMid {height:50px; background:url(/image/lines_left.png) no-repeat left top, url(/image/lines_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/com00.jpg) no-repeat center top; background-size:cover; margin:60px auto;}
.comImg02 {width:100%; height:395px; background:url(/image/str01.jpg) no-repeat center top; background-size:cover; margin:60px auto;}
.comImg03 {width:100%; height:395px; background:url(/image/str02.jpg) no-repeat center top; background-size:cover; margin:60px auto;}
.comImg04 {width:100%; height:395px; background:url(/image/str03.jpg) no-repeat center top; background-size:cover; margin:60px auto;}

.comWrap .charg {}

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

.comSec .sec03 {float:left; width:30%; margin:0 5% 0 0; font-size:17px; text-align:left;}
.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 {}

	.comSec {padding:0 0 70px 0;}
	.comSec .left {font-size:25px;}
	.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;}

	.comSec ul {padding:40px 0;}
	.comSec .left {padding:0 0 0 7%; font-size:23px;}
	.comSec .right {padding:0 10% 0 0; font-size:16px;}
	
	.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) {
	.comSec .left {padding:0 0 0 2%; font-size:22px;}
	.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;}
	.comSec .sec03 {font-size:14px;}
	
	.comImg02 {height:300px; margin:40px auto;}
	.comImg03 {height:300px; margin:40px auto;}
	.comImg04 {height:300px; margin:40px auto;}

}

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

	.comSec .left {padding:0; font-size:20px;}
	.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;}
	.comImg02 {height:200px; margin:30px auto;}
	.comImg03 {height:200px; margin:30px auto;}
	.comImg04 {height:200px; margin:30px auto;}
}

@media all and (max-width:580px) {
	.comWrap .comTit { padding:0 10% 30px 10%;}
	.comWrap .comImg01 {margin:40px auto 10px;}
	.comSec .left {float:none; width:100%; font-size:24px;}
	.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;}
	.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;}
}



/* 미션비젼 */
.miWrap {width:1260px; margin:50px auto;}
.miWrap .mBox {float:left; }
.miWrap .mBox .pic img {width:100%;}
.miWrap .mBox ul {}
.miWrap .mBox ul li {overflow:hidden;}
.miWrap .mBox .content {padding:30px;}
.miWrap .mBox .name {/* width:85px; */ font-weight:600; font-size:24px;}
.miWrap .mBox .name_s {font-weight:600; font-size:18px; color:#0086e5;}
.miWrap .mBox .cont {/* width:calc(100% - 85px); */ font-size:18px; line-height:1.3;}
.miWrap .mBox .name1 {font-weight:600; font-size:30px;}
.miWrap .mBox .cont1 { font-size:18px; line-height:1.3;}
/* .miWrap .mBox dd {float:left; } */

.miWrap .m01 {width:557px; margin:40px 0 0 0;}
.miWrap .m02 {float:right; width:557px; margin:90px 0 0 0;}
.miWrap .m03 {width:100%; margin:40px 0 0 0;}
.miWrap .m04 {width:557px; margin:40px 0 0 0;}
.miWrap .m05 {float:right; width:557px; margin:90px 0 0 0;}

.miWrap .vWrap {margin:20px 0 0 0; overflow:hidden;}
.miWrap .vBox {float:left; width:31%; height:450px; margin:0 0 3.5% 3.5%; padding:25px 50px; text-align:center; border:5px solid #f2f2f2; border-radius:15px;}
.miWrap .vBox:nth-child(3n+1) {margin:0 0 3.5% 0;}
.miWrap .vBox .img { height:auto; margin:0 auto;}
.miWrap .vBox .img img {width:80%;}
.miWrap .vBox .big {padding:15px 0 7px 0; font-size:28px; font-family:"GmarketSansBold"; font-weight:600;}
.miWrap .vBox .small {font-size:17px;}

@media only screen and (max-width: 1300px) {
	.miWrap {width:95%;}
	
	.miWrap .m01 {width:48%;}
	.miWrap .m02 {width:48%;}
	.miWrap .m04 {width:48%;}
	.miWrap .m05 {width:48%;}
	.miWrap .vBox {height:400px;}
	.miWrap .vBox .img {}
	.miWrap .vBox .big { font-size:25px; }
	.miWrap .vBox .small {font-size:15px;}
}

@media only screen and (max-width: 1000px) {
	.miWrap .mBox .name {font-size:20px;}
	.miWrap .mBox .cont {/* width:calc(100% - 85px); */ font-size:16px; line-height:1.3; word-break:break-all;}
	.miWrap .mBox .name1 {/* width:130px; */ font-size:20px;}
	.miWrap .mBox .cont1 {/* width:calc(100% - 130px); */ font-size:16px; line-height:1.3; word-break:break-all;}
	
	.miWrap .vBox {height:320px; padding:25px;}
	.miWrap .vBox .big { font-size:22px;}
	.miWrap .vBox .img img {width:80%;}
	
}

@media only screen and (max-width: 768px) {
	.miWrap .vBox {width:48%; height:380px; margin:0 0 3.5% 4%;}
	.miWrap .vBox:nth-child(3n+1) {margin:0 0 3.5% 0; }
	.miWrap .vBox:nth-child(2n+1) {float:left; margin:0 0 3.5% 0; }
	.miWrap .vBox:nth-child(2n+2) {float:right; }
}

@media only screen and (max-width: 690px) {
	.miWrap .mBox dd {float:none; width:100%;}
	.miWrap .mBox .cont {width:100%; font-size:14px;}
	.miWrap .mBox .cont1 {width:100%; font-size:14px;}
}

@media only screen and (max-width: 590px) {
	.miWrap .vBox {width:100%; height:auto;}
	.miWrap .vBox .img img {width:50%;}
}

@media only screen and (max-width: 520px) {
	.miWrap .mBox {float:none; width:100%;}
	.miWrap .mBox .content {padding:20px 10px;}
}

@media only screen and (max-width: 480px) {
	
	.miWrap .vBox .big { font-size:18px;}
	.miWrap .vBox .small {font-size:13px;}
}

@media only screen and (max-width: 380px) {
}


.ciWrap {width:1100px; margin:50px auto;}
.ciWrap .ciBox {width:100%; padding:100px; font-size:17px; border:10px solid #ececec; overflow:hidden;}
.ciWrap .ciBox .fontLogo {float:left; width:55%; padding:50px 0 0 0;}
.ciWrap .ciBox .fontCon {float:left; width:45%;}
.ciWrap .ciBox .big {font-size:32px; font-family:"GmarketSansBold";}
.ciWrap .ciBox .mid {font-size:22px; font-weight:600;}
.ciWrap .ciBox .small {padding:15px 0 0 0;}

.ciType {width:100%; margin:100px auto; display:flex; justify-content:space-between; overflow:hidden;}
.ciType ul {float:left; width:34%;}
.ciType ul:first-child {width:28%;}
.ciType img {width:100%;}
.ciType .name {font-size:26px; font-family:"GmarketSansBold";}
.ciType .coment {padding:15px; text-align:center; font-size:16px; font-family:"GmarketSansBold"; }

@media only screen and (max-width: 1100px) {
	.ciWrap {width:95%;}
	.ciWrap .ciBox {padding:80px;}
	.ciWrap .ciBox .fontLogo img {width:300px;}
}

@media only screen and (max-width: 820px) {
	.ciWrap .ciBox .fontLogo {float:none; width:100%; padding:0 0 50px 0; text-align:center;}
	.ciWrap .ciBox .fontCon {float:none; width:100%; text-align:center;}
	.ciWrap .ciBox .fontLogo img {width:270px;}
}

@media only screen and (max-width: 640px) {
	.ciWrap .ciBox {font-size:15px;}
	.ciWrap .ciBox .fontLogo img {width:200px;}
	.ciWrap .ciBox .big {font-size:27px;}
	.ciWrap .ciBox .mid {font-size:18px;}
	.ciType {flex-wrap:wrap;}
	.ciType ul {float:none; width:49%;}
	.ciType ul:first-child {width:100%;}
	.ciType .name {font-size:20px;}
}

@media only screen and (max-width: 520px) {
	.ciWrap .ciBox {padding:50px 30px;}
	.ciWrap .ciBox .big {font-size:25px;}
	.ciWrap .ciBox .mid {font-size:16px;}
}



/* 생활구독 */
.guWrap {width:1570px; margin:80px auto; overflow:hidden;}
.guWrap .gTop {position:relative; width:100%; }
.guWrap .gTop .bgBage {position:absolute; bottom:0; width:100%; height:93%; background:#dac7b9; z-index:-1; }
.guWrap .gTop ul {overflow:hidden;}
.guWrap .gTop ul li {float:left;}
.guWrap .gTop .gDog {width:800px; height:548px; background:url(/image/gu01.png) no-repeat center right; background-size:auto 100%;}
.guWrap .gTop .title {margin-left:-80px; padding:140px 0 0 0; font-size:84px; color:#fff; font-family:"GmarketSansBold"; line-height:1.1; letter-spacing:-0.8px;}
.guWrap .gTop .img {width:391px; padding-bottom:15px;}
.guWrap .gTop .img img {width:100%;}


@media only screen and (max-width: 1580px) {
	.guWrap {width:100%;}
}

@media only screen and (max-width: 1500px) {
	.guWrap .gTop .gDog {width:50%; height:423px;}
	.guWrap .gTop .img {width:250px;}
	.guWrap .gTop .title {margin-left:-60px; padding:120px 0 0 0; font-size:65px;}
}

@media only screen and (max-width: 1200px) {
	.guWrap .gTop .gDog {width:50%; height:350px;}
	.guWrap .gTop .img {width:220px;}
	.guWrap .gTop .title {margin-left:-50px; padding:90px 0 0 0; font-size:55px;}
}	
	

@media only screen and (max-width: 950px) {
	.guWrap .gTop .gDog {width:50%; height:300px;}
	.guWrap .gTop .img {width:190px; padding-bottom:10px;}
	.guWrap .gTop .title {margin-left:-50px; padding:70px 0 0 0; font-size:45px;}
} 

@media only screen and (max-width: 768px) {
	.guWrap .gTop .gDog {width:55%; height:300px;}
	.guWrap .gTop .img {width:170px;}
	.guWrap .gTop .title {margin-left:-70px; padding:70px 0 0 0; font-size:40px;}
} 

@media only screen and (max-width: 640px) {
	.guWrap .gTop .gDog {height:250px;}
	.guWrap .gTop .img {width:150px;}
	.guWrap .gTop .title {margin-left:-60px; padding:60px 0 0 0; font-size:33px;}
} 

@media only screen and (max-width: 560px) {
	.guWrap .gTop .gDog {height:220px;}
	.guWrap .gTop .img {width:130px; padding-bottom:5px;}
	.guWrap .gTop .title {margin-left:-50px; padding:60px 0 0 0; font-size:29px;}
} 

@media only screen and (max-width: 460px) {
	.guWrap .gTop ul li {float:none; width:100%;}
	.guWrap .gTop .gDog {width:100%; height:300px; background:url(/image/gu01.png) no-repeat center; background-size:350px auto;}	
	.guWrap .gTop .img {width:170px; margin:0 auto; text-align:center; }
	.guWrap .gTop .title {width:100%; margin-left:0; padding:0px 0 15px 0; text-align:center; font-size:35px;}
} 

.gCard {width:1150px; background:#fff; margin:100px auto 0; border-radius:30px; border:1px solid #ddd; overflow:visible;}
.gCard .gUp {position:relative; background:#4957ad; padding:20px; text-align:center; color:#fff; font-size:40px; font-family:"GmarketSansMedium"; border-radius:30px 30px 0 0;}
.gCard .gUp .best {position:absolute; top:-13px; left:60px; width:152px; height:81px; background:url(/image/gu03.png) no-repeat; background-size:cover; font-size:27px; color:#fff;}
.gCard .gUp .small {font-size:30px; font-family:"GmarketSansMedium";}
.gCard .gUp strong {font-family:"GmarketSansBold";}
.gCard .gBottom {background:#fff; height:255px; border-radius:0 0 30px 30px; border:1px solid #ggg;}
.gCard .gBottom ul {float:left; }
.gCard .gBottom ul:nth-child(2) {position:relative; width:calc(100% - 428px); padding:60px 0 0 50px;}
.gCard .gBottom .goods {width:428px; height:256px; background:url(/image/gu02.png) no-repeat bottom right; background-size:369px auto;}
.gCard .gBottom .sobi {font-size:25px; color:#7e7e7e; text-decoration:line-through; font-weight:600;} 
.gCard .gBottom .sobi > strong {font-size:30px;}
.gCard .gBottom .price {font-size:30px; font-weight:600;}
.gCard .gBottom .price > strong {font-size:50px; font-family:"GmarketSansBold";}
.gCard .gBottom .ment {font-size:25px; font-weight:600;}
.gCard .gBottom .sale {position:absolute; width:128px; height:105px; top:60px; right:50px; background:url(/image/arrow_back.png) no-repeat; background-size:cover; padding:15px 0 0 0; text-align:center; font-weight:600; line-height:1; color:#fff; font-size:22px;}
.gCard .gBottom .sale > strong {font-size:35px; font-family:"GmarketSansBold";}


@media only screen and (max-width: 1200px) {
	.gCard {width:100%;}
	.gCard .gUp .best {top:-11px; left:40px; width:130px; height:69px;}
	.gCard .gBottom {height:220px;}
	.gCard .gBottom ul:nth-child(2) {position:relative; width:calc(100% - 330px); padding:50px 0 0 50px;}
	.gCard .gBottom .goods {width:330px; height:220px; background-size:300px auto;}
	.gCard .gBottom .sale {right:3%;}
	.gCard .gBottom .sobi {font-size:20px;}
	.gCard .gBottom .sobi > strong {font-size:25px;}
	.gCard .gBottom .price {font-size:25px;}
	.gCard .gBottom .price > strong {font-size:40px;}
	.gCard .gBottom .ment {font-size:23px;}
}

@media only screen and (max-width: 1000px) {
	.gCard .gUp {font-size:30px;}
	.gCard .gUp .small {font-size:22px;}
	.gCard .gBottom {height:200px;}
	.gCard .gBottom ul:nth-child(2) {position:relative; width:calc(100% - 330px); padding:50px 0 0 50px;}
	.gCard .gBottom .goods {width:300px; height:200px;  background-size:90% auto;}
	.gCard .gBottom .sale {right:3%;}
	.gCard .gBottom .sobi {font-size:20px;}
	.gCard .gBottom .sobi > strong {font-size:23px;}
	.gCard .gBottom .price {font-size:22px;}
	.gCard .gBottom .price > strong {font-size:35px;}
	.gCard .gBottom .sale {width:110px; height:90px; top:5px; right:0px; background:url(/image/arrow_back.png) no-repeat; background-size:cover; padding:15px 0 0 0; font-size:17px;}
	.gCard .gBottom .sale > strong {font-size:30px; font-family:"GmarketSansBold";}
}

@media only screen and (max-width: 920px) {
	.gCard {border-radius:10px;}
	.gCard .gUp {border-radius:10px 10px 0 0;}
	.gCard .gUp .best {top:-9px; left:20px; width:120px; height:64px;}
	.gCard .gUp {font-size:25px;}
	.gCard .gUp .small {font-size:19px;}
	.gCard .gBottom {height:150px;}
	.gCard .gBottom ul:nth-child(2) {position:relative; width:calc(100% - 230px); padding:40px 0 0 50px;}
	.gCard .gBottom .goods {width:200px; height:150px;  background-size:90% auto;}
	.gCard .gBottom .sobi {font-size:15px;}
	.gCard .gBottom .sobi > strong {font-size:20px;}
	.gCard .gBottom .price {font-size:19px;}
	.gCard .gBottom .price > strong {font-size:30px;}
	.gCard .gBottom .ment {font-size:16px;}
	
}

@media only screen and (max-width: 780px) {
	.gCard .gUp .best {top:-7px; left:20px; width:100px; height:53px;}
	.gCard .gUp {font-size:22px;}
	.gCard .gUp .small {font-size:17px;}
	.gCard .gUp img {width:30px;}
	.gCard .gBottom .ment {font-size:18px;}
}


@media only screen and (max-width: 680px) {
	.gCard {margin:70px auto 0;}	
	.gCard .gUp .best {width:80px; height:43px;}
	.gCard .gUp {font-size:17px;}
	.gCard .gUp .small {font-size:15px;}
	.gCard .gUp img {width:20px;}
	
	.gCard .gBottom ul:nth-child(2) {width:calc(100% - 200px); padding:40px 0 0 30px;}
	.gCard .gBottom .goods {width:170px; height:150px;}
	
	.gCard .gBottom .ment {font-size:16px;}
	.gCard .gBottom .sobi {font-size:14px;}
	.gCard .gBottom .sobi > strong {font-size:18px;}
	.gCard .gBottom .price {font-size:17px;}
	.gCard .gBottom .price > strong {font-size:25px;}
	
	.gCard .gBottom .sale {width:80px; height:65px;  padding:12px 0 0 0; font-size:13px;}
	.gCard .gBottom .sale > strong {font-size:22px; }
}

@media only screen and (max-width: 560px) {
	.gCard .gBottom {height:130px;}
	.gCard .gBottom ul:nth-child(2) {width:calc(100% - 150px); }
	.gCard .gBottom .goods {width:150px; height:130px;}
}

@media only screen and (max-width: 500px) {
	.gCard .gUp {padding:15px 0 15px 8%;}
	.gCard .gBottom {height:auto;}
	.gCard .gBottom ul {float:none; width:100%; padding:0 0 0 7%; text-align:center;}
	.gCard .gBottom ul:nth-child(2) {width:100%; padding:20px 7%;}
	.gCard .gBottom .goods {width:200px;}
	.gCard .gBottom .sale {top:-90px; right:50%; margin-right:-40%; width:90px; height:74px;}
}

@media only screen and (max-width: 460px) {
	.gCard .gUp {padding:15px 0 15px 18%;}
	.gCard .gUp .best {top:-6px; left:10px; width:70px; height:38px;}
}



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

.gray_list table {width:100%; overflow:hidden;/* margin:45px 0; */  border-top:2px solid #222;}
.ceTable .table2 {width:100%; border-top:2px solid #222;}
.gray_list table th {padding:20px; font-size:15px; font-weight:500; background:rgba(0,0,0,.007); border-bottom:1px solid #ddd;}
.gray_list 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) {
	.gray_list table th {font-size:13px;}
	.gray_list table td {font-size:13px;}
}

@media all and (max-width:768px) {
	.gray_list table th {padding:15px; font-size:12px;}
	.gray_list 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;}
	.gray_list table {/* width:620px;  */}
	.gray_list .table2 {width:100% !important;}
	.gray_list table th {font-size:;}
	.gray_list table td {padding:15px 0; font-size:;}
}

.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; }


.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:#0b87e1; color:#fff; font-weight:600; border:1px solid #0b87e1; 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:#0b87e1;}
.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:#0b87e1;}


@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:#0b87e1; 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-top:35px; overflow:hidden;}
.menuWrap ul {float:left; width:18%; margin:0 2.5% 0 0;}
.menuWrap ul.last {margin:0;}
.menuWrap .pic {height:130px; border-radius:10px;}
.menuWrap .name {padding:10px 0; text-align:center; color:#000; font-size:14px; font-weight:500;}


.menuWrap .menu01 {background:url(/image/new01.jpg) no-repeat center top; background-size:cover;}
.menuWrap .menu02 {background:url(/image/new02.jpg) no-repeat center ; background-size:cover;}
.menuWrap .menu03 {background:url(/image/new03.jpg) no-repeat center top; background-size:cover;}
.menuWrap .menu04 {background:url(/image/new04.jpg) no-repeat center; background-size:cover;}
.menuWrap .menu05 {background:url(/image/new05.jpg) no-repeat center bottom; background-size:cover;}


@media screen and (max-width: 680px) {
	.menuWrap .pic {height:85px;}
	.menuWrap .name {font-size:13px;}
}

@media screen and (max-width: 480px) {
	.menuWrap ul {width:19%; margin:0 1.25% 0 0;}
	.menuWrap .pic {height:60px; border-radius:5px;}
}


.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:700px; transform:translate(-50%, -50%); 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_w.png) no-repeat center; border-radius:50%; display:inline-block; cursor:pointer;}
.popList .title {background:#1c2028; padding:15px; color:#fff; font-size:17px; font-weight:600;}
.popList .pList {background:#fff; height:550px; 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:#1c2028; color:#fff; border:0;}
.popList .pList .tableList {height:420px; 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 #1c2028; 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:15px; padding:0; text-align:center; }
.popList .btnWrap .bOk {background:#1c2028; padding:7px 35px; color:#fff; line-height:1; border-radius:3px; display:inline-block;}
.popList .btnWrap .bCa {background:#eee; padding:7px 35px; line-height:1; border-radius:3px; display:inline-block;}

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

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

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

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

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