@import url(common.css);
@import url(lotteworld_style2.css);
@import url(lotteworld_style3.css);
@import url(lotteworld_style4.css);

/* 피시메인 */
.mainPopBan{position:relative; width:100%; height:150px;}
.mainPopBan .swiper-slide{width:100%; height:150px;}
.mainPopBan .swiper-slide p{opacity:0}
.mainPopBan .xbt{position:absolute; width:1170px; bottom:56px; left:0; right:0; margin:auto; z-index:10}
.mainPopBan .check{position:absolute; top:0; right:30px;}
.mainPopBan .check input[type="checkbox"]{display:inline-block; width:18px; height:18px; vertical-align:middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:0; border:0; margin:0; margin-right:5px; padding:0; cursor:pointer; background:url("/common/images/icon/nottoday_check.png") no-repeat 0 0;}
.mainPopBan .check input[type="checkbox"]:checked{background:url("/common/images/icon/nottoday_check_on.png") no-repeat 0 0;}
.mainPopBan .check label{font-size:16px; color:#fff; vertical-align:middle}
.mainPopBan .xbt a{position:absolute; top:20px; right:0}
.mainPopBan .swiper-button-next, .mainPopBan .swiper-container-rtl .swiper-button-prev{width:24px; height:44px; background:url("/common/images/btn/mainpopban_right.png") no-repeat 0 0;}
.mainPopBan .swiper-button-prev, .mainPopBan .swiper-container-rtl .swiper-button-next{width:24px; height:44px; background:url("/common/images/btn/mainpopban_left.png") no-repeat 0 0;}

.mainCon {padding:120px 0;}
.mainTit {position:relative; top:150px; opacity:0; font-size:40px; color:#000; text-align:center; line-height:1.3}
.mainTit span {font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;}
.mainTxt {position:relative; top:150px; opacity:0; font-size:18px; color:#555; text-align:center; margin-top:30px;}
.mainMoreBt {display:block; padding-right:30px; height:20px; font-size:15px; color:#555; line-height:18px; background:url("/common/images/icon/main_more_icon.png") no-repeat right 0 top 50%}

.mainVisArea {position:relative; width:100%; height:auto; overflow:hidden;}
.mainVisArea .swiper-wrapper .swiper-slide {display:block; position:relative; width:100%; height:100%;}
.mainVisArea .swiper-wrapper .swiper-slide .pc {display:block; width:100%;}
.mainVisArea .swiper-wrapper .swiper-slide .mobile {display:none; width:100%;}
.mainVisArea .swiper-wrapper .swiper-slide .txtBox {position:absolute; top:180px; left:50%; box-shadow:5px 5px 50px 0 rgba(0,0,0,0.2); -ms-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0); opacity:0;}
.mainVisArea .swiper-wrapper .swiper-slide video{height:100%}
.mainVisArea .swiper-button-prev {left:40px; width:70px; height:70px; background:url("/common/images/btn/imgRoll_prev.png") no-repeat 50% 50%;}
.mainVisArea .swiper-button-prev:hover {background:url("/common/images/btn/imgRoll_prev_on.png") no-repeat 50% 50%;}
.mainVisArea .swiper-button-next {right:40px; width:70px; height:70px; background:url("/common/images/btn/imgRoll_next.png") no-repeat 50% 50%;}
.mainVisArea .swiper-button-next:hover {background:url("/common/images/btn/imgRoll_next_on.png") no-repeat 50% 50%;}
.mainVisArea .swiper-pagination {display:inline-block; padding:15px 65px 15px 31px;  width:auto; height:11px; left:50%; bottom:50px; background:rgba(0,0,0,0.5); overflow:hidden; border-radius:20.5px; -ms-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0);}
.mainVisArea .swiper-pagination .swiper-pagination-bullet {vertical-align:top; width:11px; height:11px; margin:0 0 0 10px; background:url("/common/images/btn/imgRoll_indi.png") no-repeat 50% 50%;}
.mainVisArea .swiper-pagination .swiper-pagination-bullet:first-child {margin:0;}
.mainVisArea .swiper-pagination .swiper-pagination-bullet-active {background:url("/common/images/btn/imgRoll_indi_on.png") no-repeat 50% 50%;}
.mainVisArea .swiper-pagination .playBtn {display:block; width:41px; height:41px; position:absolute; top:0; right:0; background:rgba(0,0,0,0.2) url("/common/images/btn/play_bt.png") no-repeat 50% 50%; border-radius:20.5px;}
.mainVisArea .swiper-pagination .playBtn.on {background:rgba(0,0,0,0.2) url("/common/images/btn/play_bt_on.png") no-repeat 50% 50%;}

.mainTodayArea {position:relative; top:150px; opacity:0; width:1170px; max-width:1170px; margin:0 auto; padding:30px 0; border-bottom:1px solid #e1e1e1; overflow:hidden; text-align:center;}
.mainTodayArea .tit {display:inline-block; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:20px; color:#000; padding-left:50px; position:relative;}
.mainTodayArea .tit:before{content:''; display:block; width:31px; height:31px; background:url("/common/images/icon/mainTodayArea_tit_icon.png") no-repeat center center; position:absolute; top:50%; left:0; transform:translate(0,-50%);}
.mainTodayArea .txt {display:inline-block; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:20px; color:#000; margin-left:30px;}
.mainTodayArea .txt span {font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:16px; color:#777;}

.mainCon1 {position:relative; width:1170px; margin:0 auto;}
.mainCon1 .boxArea {position:relative; top:150px; opacity:0; display:table; table-layout:fixed; border-collapse:collapse; vertical-align:middle; width:100%; margin-top:60px;}
.mainCon1 .boxArea .box-tr {display:table-row}
.mainCon1 .boxArea .box-tr .box-td {display:table-cell; vertical-align:middle; box-sizing:border-box; border:1px solid #dedede;}
.mainCon1 .boxArea .box-tr .box-td a {display:block; position:relative; padding:30px 30px 40px 30px;}
.mainCon1 .boxArea .box-tr .box-td .img {display:block; text-align:center; max-width:231px; height:190px; max-height:190px; overflow:hidden;}
.mainCon1 .boxArea .box-tr .box-td .img img {max-width:100%;}
.mainCon1 .boxArea .box-tr .box-td .price {display:block; font-size:18px; color:#550adf; margin-top:30px;}
.mainCon1 .boxArea .box-tr .box-td .tit {display:block; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:22px; color:#000; line-height:1; height:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:20px;}
.mainCon1 .boxArea .box-tr .box-td a:before {content:''; position:absolute; top:-1px; left:-1px; width:calc(100% + 2px); height:calc(100% + 2px); box-sizing:border-box; border:2px solid rgba(0,0,0,0); -moz-transition:.3s ease; -webkit-transition:.3s ease; -ms-transition:.3s ease; -o-transition:.3s ease; transition:.3s ease; z-index:5;}
.mainCon1 .boxArea .box-tr .box-td a:hover:before, .mainCon1 .boxArea .box-tr .box-td a:focus:before {content:''; box-shadow:20px 20px 40px 0 rgba(0,0,0,0.2); border:2px solid #550bdf;}
.mainCon1 .boxArea .box-tr .box-td a:hover .tit, .mainCon1 .boxArea .box-tr .box-td a:focus .tit {color:#550bdf}

.mainCon1 .mBoxArea{position:relative; top:150px; opacity:0; display:none; margin-top:20px; padding-bottom:50px}
.mainCon1 .mBoxArea .box-tr {width:100%; overflow:hidden; border-top:1px solid #dedede; border-left:1px solid #dedede; box-sizing:border-box}
.mainCon1 .mBoxArea .box-tr .box-td {width:calc(50% - 0.1px);; float:left; box-sizing:border-box; border-bottom:1px solid #dedede; border-right:1px solid #dedede;}
/*.mainCon1 .mBoxArea .box-tr .box-td:last-child {width:calc(50% - 1px);}*/
.mainCon1 .mBoxArea .box-tr .box-td a {display:block; width:100%; box-sizing:border-box; position:relative; padding:30px 30px 40px 30px;}
.mainCon1 .mBoxArea .box-tr .box-td .img {display:block; text-align:center; max-width:100%; height:auto; max-height:auto; overflow:hidden;}
.mainCon1 .mBoxArea .box-tr .box-td .img img {max-width:100%;}
.mainCon1 .mBoxArea .box-tr .box-td .price {display:block; font-size:18px; color:#550adf; margin-top:30px;}
.mainCon1 .mBoxArea .box-tr .box-td .tit {display:block; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:22px; color:#000; line-height:1; height:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:20px;}
.mainCon1 .mBoxArea .box-tr .box-td a:before {content:''; position:absolute; top:-1px; left:-1px; width:calc(100% + 2px); height:calc(100% + 2px); box-sizing:border-box; border:2px solid rgba(0,0,0,0); -moz-transition:.3s ease; -webkit-transition:.3s ease; -ms-transition:.3s ease; -o-transition:.3s ease; transition:.3s ease; z-index:5;}
.mainCon1 .mBoxArea .box-tr .box-td a:hover:before, .mainCon1 .boxArea .box-tr .box-td a:focus:before {content:''; box-shadow:20px 20px 40px 0 rgba(0,0,0,0.2); border:2px solid #550bdf;}
.mainCon1 .mBoxArea .box-tr .box-td a:hover .tit, .mainCon1 .boxArea .box-tr .box-td a:focus .tit {color:#550bdf}
.mainCon1 .mBoxArea .swiper-pagination-bullet{width:10px; height:10px; border:2px solid #aaa; box-sizing:border-box; background:#fff}
.mainCon1 .mBoxArea .swiper-pagination-bullet-active{width:10px; height:10px; border:2px solid #000; box-sizing:border-box; background:#000}

.mainCon1 .btnArea {position:relative; top:150px; opacity:0;}
.mainCon1 .btnArea .purpleBtn {padding:0 50px;}

.mainCon2 {background:url("/common/images/icon/mainCon2_bg_20220103.jpg") no-repeat 50% 50%; background-size:cover;}
.mainCon2 .mainTit, .mainCon2 .mainTxt {color:#fff;}
.mainCon2 .rollArea {position:relative; top:150px; opacity:0; padding:0 22px; margin-top:120px;}
.mainCon2 .mainCon2Roll {width:100%; overflow:visible;}
.mainCon2 .mainCon2Roll .swiper-wrapper {height:350px;}
.mainCon2 .mainCon2Roll .swiper-slide {width:276px; height:350px;}
.mainCon2 .mainCon2Roll .swiper-slide > a {display:block; position:relative; width:100%; height:100%; -moz-transition:.3s ease; -webkit-transition:.3s ease; -ms-transition:.3s ease; -o-transition:.3s ease; transition:.3s ease;}
.mainCon2 .mainCon2Roll .swiper-slide > a:hover, .mainCon2 .mainCon2Roll .swiper-slide > a:focus {box-shadow:20px 20px 50px 0 rgba(0,0,0,0.2);}
.mainCon2 .mainCon2Roll .swiper-slide > a:hover .tit {font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;}
.mainCon2 .mainCon2Roll .swiper-slide > a:after {
	content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%;
	background: rgb(0, 0, 0, 0.5); /* Old browsers */
	background: -ms-linear-gradient(-180deg right,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* ie */
	background: -o-linear-gradient(-180deg,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* opera */
	background: -moz-linear-gradient(-180deg,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-180deg,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(-180deg,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.mainCon2 .mainCon2Roll .swiper-slide > a .img {display:block; width:100%; height:100%; overflow:hidden;}
.mainCon2 .mainCon2Roll .swiper-slide > a .img img {width:100%;}
.mainCon2 .mainCon2Roll .swiper-slide > a .tit {position:absolute; z-index:1; bottom:30px; left:30px; display:block; max-width:calc(100% - 60px); font-size:20px; color:#fff; line-height:28px;}
.mainCon2 .mainCon2Roll .swiper-slide > .openArea {display:none; position:absolute; top:50%; left:50%; width:100%; height:100%; padding:60px 40px 30px 40px; box-shadow:20px 20px 50px 0 rgba(0,0,0,0.3); box-sizing:border-box; -ms-transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); background:rgba(0,0,0,0.8);}
.mainCon2 .mainCon2Roll .swiper-slide > .openArea .tit {font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:20px; color:#fff;}
.mainCon2 .mainCon2Roll .swiper-slide > .openArea .txt {font-size:16px; color:#fff; line-height:24px; overflow:hidden; text-overflow:ellipsis; white-space:normal; height:72px; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; margin-top:15px}
.mainCon2 .mainCon2Roll .swiper-slide > .openArea .time {width:254px; margin-top:25px;}
.mainCon2 .mainCon2Roll .swiper-slide > .openArea .time p {display:inline-block; padding:0 11px; border:1px solid #fff; height:32px; line-height:30px; font-size:18px; color:#fff; margin-right:10px; margin-bottom:10px; border-radius:17px;}
.mainCon2 .mainCon2Roll .swiper-slide > .openArea .link {position:absolute; bottom:30px; left:40px; padding-top:30px; width:calc(100% - 80px); border-top:1px solid rgba(255,255,255,0.4);}
.mainCon2 .mainCon2Roll .swiper-slide > .openArea .link a {display:block; font-size:18px; color:#fff; background:url("/common/images/icon/mainCon2_link_icon.png") no-repeat right 0 top 50%;}
.mainCon2 .mainCon2Roll .swiper-slide > .openArea .closeBt {display:block; position:absolute; top:30px; right:30px; width:20px; height:20px; background:url("/common/images/btn/mainCon2_close_btn.png") no-repeat 50% 50%;}
.mainCon2 .mainCon2Roll .swiper-scrollbar {position:relative; bottom:0; left:50%; margin-left:-75px; width:150px; height:26px; background:none; margin-top:120px;}
.mainCon2 .mainCon2Roll .swiper-scrollbar:before {content:''; position:absolute; top:50%; left:0; margin-top:-2px; width:100%; height:4px; background:#fff; border-radius:2px;}
.mainCon2 .mainCon2Roll .swiper-scrollbar .swiper-scrollbar-drag {
	position:relative; height:26px; border-radius:13px;
	background: rgb(111, 35, 249); /* Old browsers */
	background: -ms-linear-gradient(to bottom right,  rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* ie */
	background: -o-linear-gradient(to bottom right,  rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* opera */
	background: -moz-linear-gradient(to bottom right,  rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to bottom right,  rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom right,  rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.mainCon2 .mainCon2Roll .swiper-scrollbar .swiper-scrollbar-drag:before {content:''; position:absolute; top:50%; left:10px; margin-top:-3px; width:3px; height:6px; background:url("/common/images/icon/mainCon2_scroll_bg1.png") no-repeat 50% 50%;}
.mainCon2 .mainCon2Roll .swiper-scrollbar .swiper-scrollbar-drag:after {content:''; position:absolute; top:50%; right:10px; margin-top:-3px; width:3px; height:6px; background:url("/common/images/icon/mainCon2_scroll_bg2.png") no-repeat 50% 50%;}
.mainCon2 .btnArea {position:relative; top:150px; opacity:0;}
.mainCon2 .btnArea .whiteBtn {padding:0 49px;}
.mainCon2 .btnArea .bWhiteBtn {padding:0 39px; margin-left:19px;}

.mainCon3 {background:url("/common/images/icon/mainCon3_bg.jpg") no-repeat 50% 50%; background-size:cover;}
.mainCon3 .inner {max-width:1170px; margin:0 auto;}
.mainCon3 .mainCon3Tab {position:relative; top:150px; opacity:0; text-align:center; margin-top:40px;}
.mainCon3 .mainCon3Tab > div {position:relative; vertical-align:top;}
.mainCon3 .mainCon3Tab > div ul {display:inline-block; position:relative; margin:0 auto; white-space:nowrap;}
.mainCon3 .mainCon3Tab > div ul li {display:inline-block; vertical-align:top; padding:0 7.5px;}
.mainCon3 .mainCon3Tab > div ul li:first-child {padding-left:0;}
.mainCon3 .mainCon3Tab > div ul li:last-child {padding-right:0;}
.mainCon3 .mainCon3Tab > div a {display:inline-block; padding:0 20px; height:44px; line-height:42px; border:1px solid #c4c4c4; font-size:16px; color:#555; border-radius:23px;}
.mainCon3 .mainCon3Tab > div a.on {padding:0 19px; height:42px; line-height:42px; border:2px solid #550adf; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#550adf;}
.mainCon3 .mainCon3List {position:relative; top:150px; opacity:0; margin-top:60px;}
.mainCon3 .mainCon3List:after {content:''; display:block; clear:both;}
.mainCon3 .mainCon3List li {float:left; width:276px; margin-right:22px;}
.mainCon3 .mainCon3List li.long {width:574px;} 
.mainCon3 .mainCon3List li.mc3List4, .mainCon3 .mainCon3List li.mc3List5, .mainCon3 .mainCon3List li.mc3List6 {margin-top:22px;}
.mainCon3 .mainCon3List li.mc3List3, .mainCon3 .mainCon3List li.mc3List6 {margin-right:0;}
.mainCon3 .mainCon3List li a {display:block; -moz-transition:.3s ease; -webkit-transition:.3s ease; -ms-transition:.3s ease; -o-transition:.3s ease; transition:.3s ease;}
.mainCon3 .mainCon3List li a span {display:block;}
.mainCon3 .mainCon3List li a .img {position:relative; width:100%; max-height:246px; overflow:hidden;}
.mainCon3 .mainCon3List li a .img .label {position:absolute; top:20px; left:20px; padding:0 10px; height:36px; line-height:34px; font-size:15px; color:#fff; text-align:center; background:rgba(0,0,0,0.5); border-radius:2px;}
.mainCon3 .mainCon3List li a .txtArea {position:relative; padding:25px 30px; background:#fff;}
.mainCon3 .mainCon3List li a .txtArea .tit {font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:22px; color:#000;}
.mainCon3 .mainCon3List li a .txtArea .txt {font-size:16px; color:#555; margin-top:15px;}
.mainCon3 .mainCon3List li a .txtArea .tag {position:absolute; top:-23px; right:20px; min-width:46px; padding-top:56px; font-size:16px; color:#550adf; text-align:center; background:url("/common/images/icon/mainCon3_tag_icon.png") no-repeat 50% 0;}
.mainCon3 .btnArea .purpleBtn {padding:0 43px;}
.mainCon3 .btnArea .bPurpleBtn {padding:0 43px;}
.mainCon3 .mainCon3List li a:hover, .mainCon3 .mainCon3List li a:focus {box-shadow:20px 25px 40px 0 rgba(0,0,0,0.2);}
.mainCon3 .mainCon3List li a:hover .txtArea, .mainCon3 .mainCon3List li a:focus .txtArea {
	background: rgb(111, 35, 249); /* Old browsers */
	background: -ms-linear-gradient(to bottom right,  rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* ie */
	background: -o-linear-gradient(to bottom right,  rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* opera */
	background: -moz-linear-gradient(to bottom right,  rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to bottom right,  rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom right,  rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.mainCon3 .mainCon3List li a:hover .txtArea .tit, .mainCon3 .mainCon3List li a:focus .txtArea .tit {color:#fff;}
.mainCon3 .mainCon3List li a:hover .txtArea .txt, .mainCon3 .mainCon3List li a:focus .txtArea .txt {color:#fff;}
.mainCon3 .mainCon3List li a:hover .txtArea .tag, .mainCon3 .mainCon3List li a:focus .txtArea .tag {color:#fff;}


.mainCon4 {position:relative; width:1170px; margin:0 auto;}
.mainCon4 .mainNews {position:relative; top:150px; opacity:0; padding-top:50px; border-top:1px solid #d9d9d9; margin-top:60px;}
.mainCon4 .mainNews .mainCon4Tit {font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:22px; color:#000;}
.mainCon4 .mainNews .top {position:relative;}
.mainCon4 .mainNews .top ul {margin-top:40px;}
.mainCon4 .mainNews .top ul:after {content:''; display:block; clear:both;}
.mainCon4 .mainNews .top ul li {float:left; margin-left:22px;}
.mainCon4 .mainNews .top ul li:first-child {margin-left:0;}
.mainCon4 .mainNews .top ul li a {display:block;}
.mainCon4 .mainNews .top ul li a span {display:block; -moz-transition:.3s ease; -webkit-transition:.3s ease; -ms-transition:.3s ease; -o-transition:.3s ease; transition:.3s ease;}
.mainCon4 .mainNews .top ul li a span.tit {font-size:20px; color:#000; margin-top:30px;}
.mainCon4 .mainNews .top ul li a:hover span.img, .mainCon4 .mainNews .top ul li a:focus span.img {box-shadow:20px 20px 40px 0 rgba(0,0,0,0.2);}
.mainCon4 .mainNews .top ul li a:hover span.tit, .mainCon4 .mainNews .top ul li a:focus span.tit {font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:20px; color:#550adf;}
.mainCon4 .mainNews .top .mainMoreBt {position:absolute; top:2px; right:0;}
.mainCon4 .mainNews .bottom {position:relative; top:150px; opacity:0; overflow:hidden; margin-top:50px;}
.mainCon4 .mainNews .bottom .newsDiv {float:left; position:relative; padding:40px; width:492px; height:174px; border:1px solid #d9d9d9;}
.mainCon4 .mainNews .bottom .newsDiv ul {margin-top:15px;}
.mainCon4 .mainNews .bottom .newsDiv ul li a {display:block; overflow:hidden;}
.mainCon4 .mainNews .bottom .newsDiv ul li a .tit {float:left; width:320px; font-size:18px; color:#000; line-height:36px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.mainCon4 .mainNews .bottom .newsDiv ul li a:hover .tit, .mainCon4 .mainNews .bottom .newsDiv ul li a:focus .tit {text-decoration:underline;}
.mainCon4 .mainNews .bottom .newsDiv ul li a .date {float:right; font-size:16px; color:#555; line-height:36px;}
.mainCon4 .mainNews .bottom .newsDiv .mainMoreBt {position:absolute; top:40px; right:40px;}
.mainCon4 .mainNews .bottom .rollDiv {float:left; position:relative; width:574px; background:#000; overflow:hidden; margin-left:22px;}
.mainCon4 .mainNews .bottom .rollDiv .swiper-wrapper .swiper-slide {position:relative; width:100%; height:100%;}
.mainCon4 .mainNews .bottom .rollDiv .swiper-wrapper .swiper-slide img{width:100%;}
.mainCon4 .mainNews .bottom .rollDiv .swiper-wrapper .swiper-slide img.pc {display:block;}
.mainCon4 .mainNews .bottom .rollDiv .swiper-wrapper .swiper-slide img.mobile {display:none;}
.mainCon4 .mainNews .bottom .rollDiv .swiper-button-prev {left:20px; width:46px; height:46px; background:url("/common/images/btn/mainCon4_roll_prev.png") no-repeat 50% 50%;}
.mainCon4 .mainNews .bottom .rollDiv .swiper-button-next {right:20px; width:46px; height:46px; background:url("/common/images/btn/mainCon4_roll_next.png") no-repeat 50% 50%;}
.mainCon4 .mainNews .bottom .rollDiv .swiper-pagination {display:inline-block; width:auto; height:11px; left:50%; bottom:30px; -ms-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0);}
.mainCon4 .mainNews .bottom .rollDiv .swiper-pagination .swiper-pagination-bullet {vertical-align:top; width:11px; height:11px; margin:0 0 0 10px; background:url("/common/images/btn/mainCon4_roll_indi.png") no-repeat 50% 50%;}
.mainCon4 .mainNews .bottom .rollDiv .swiper-pagination .swiper-pagination-bullet:first-child {margin:0;}
.mainCon4 .mainNews .bottom .rollDiv .swiper-pagination .swiper-pagination-bullet-active {background:url("/common/images/btn/mainCon4_roll_indi_on.png") no-repeat 50% 50%;}


/* 모바일메인 */


/* 사업소개 */
.introArea {margin-top:80px;}
.introArea .introTxt1 {font-family:'NotoSans-Thin', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:24px; color:#000; text-align:center;}
.introArea .introTxt1 strong {font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; }
.introArea .introTxt2 {font-size:16px; color:#555; text-align:center; margin-top:25px;}
.introArea .introTop {height:640px; background:url("/common/images/icon/introTop_bg2.jpg") no-repeat 50% 50%; background-size:cover; margin-top:70px;}
.introArea .introTop .introTopTit {font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:28px; color:#fff; text-align:center;}
.introArea .introTop .introTopCon {position:relative; width:1170px; margin:50px auto 0;}
.introArea .introTop .introTopCon:after {content:''; display:block; clear:both;}
.introArea .introTop .introTopCon > div {float:left; position:relative; padding:60px 0 35px; width:390px; text-align:center;}
/*.introArea .introTop .introTopCon > div.topCon1:before {content:''; position:absolute; top:50%; right:0; margin-top:-100px; width:1px; height:200px; background:rgba(255,255,255,0.3);}
.introArea .introTop .introTopCon > div.topCon3:before {content:''; position:absolute; top:50%; left:0; margin-top:-100px; width:1px; height:200px; background:rgba(255,255,255,0.3);}*/
.introArea .introTop .introTopCon > div .txt1 {font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:20px; color:#fff;}
.introArea .introTop .introTopCon > div .txt2 {font-family:'NotoSans-Black', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:56px; color:#fff; margin-top:30px;}
.introArea .introTop .introTopCon > div .txt2 span {font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:20px;}
.introArea .introTop .introTopCon > div .txt3 {font-size:18px; color:rgba(255,255,255,0.7); margin-top:15px;}
.introArea .introTop .introTopCon > div .img {margin-top:60px;}
.introArea .introTop .introTopCon > div .hoverArea {display:none; position:absolute; top:0; left:0; box-sizing:border-box; padding:50px 70px 50px 40px; width:100%; height:100%; font-size:18px; color:#fff; line-height:28px; text-align:left; word-break:keep-all; background:url("/common/images/icon/introTop_hover_bg.png") no-repeat 0 0; background-size:cover;}
.introArea .introTop .introTopCon > div:hover:before {display:none;}
.introArea .introTop .introTopCon > div:hover .txt1, .introArea .introTop .introTopCon > div:hover .txt2 ,.introArea .introTop .introTopCon > div:hover .txt3 {color:rgba(255,255,255,0)}
.introArea .introCon {position:relative; width:1170px; margin:100px auto 0;}
.introArea .introCon > .tit {position:relative; top:150px; opacity:0; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:28px; color:#000; text-align:center;}
.introArea .introCon > div {position:relative; top:150px; opacity:0; padding-top:90px; margin-top:75px;}
.introArea .introCon > div:after {content:''; display:block; clear:both;}
.introArea .introCon > div.intro1 {margin-top:40px;}
.introArea .introCon > div .img {position:absolute; top:0; left:0;}
.introArea .introCon > div .img .mobile{display:none;}
.introArea .introCon > div .txtArea {float:right; position:relative; width:374px; height:245px; padding:60px; background:#fff; box-shadow:5px 5px 68px 0 rgba(0,0,0,0.1); z-index:5;}
.introArea .introCon > div:nth-of-type(odd) .img{left:auto; right:0;}
.introArea .introCon > div:nth-of-type(odd) .txtArea {float:left;}
.introArea .introCon > div .txtArea .tit {position:relative; font-family:'NotoSans-Black', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:30px; color:#000;}
.introArea .introCon > div .txtArea .tit:before {content:''; position:absolute; top:50%; left:-60px; width:50px; height:3px; background:#000; margin-top:-1.5px;}
.introArea .introCon > div .txtArea .txt {font-size:16px; line-height:25px; color:#555; margin-top:28px;}
.introArea .introCon > div .txtArea .btn {margin-top:30px;}
.introArea .introCon > div .txtArea .btn a {display:inline-block; padding:0 20px; height:32px; line-height:30px; border:2px solid #6217ec; font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:15px; color:#550adf; border-radius:18px;}
.introArea .introCon > div .txtArea .btn a:hover, .introArea .introCon > div .txtArea .btn a:focus {
	padding:0 22px; height:36px; line-height:34px; border:0; color:#fff; 
	background: rgb(111, 35, 249); /* Old browsers */
	background: -ms-linear-gradient(to bottom right,  rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* ie */
	background: -o-linear-gradient(to bottom right,  rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* opera */
	background: -moz-linear-gradient(to bottom right,  rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to bottom right,  rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom right,  rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

/* csv */
.csrArea {margin-top:84px;}
.csrArea .tabArea{margin-top:60px;}
.csrArea .csrVis {position:relative; width:100%; height:420px; padding-top:160px; text-align:center; background:url("/common/images/icon/csrVis_bg.jpg") no-repeat 50% 50%; background-size:cover;}
.csrArea .csrVis .tit {padding-top:90px; font-family:'NotoSans-Black', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:50px; color:#fff; background:url("/common/images/icon/csrVis_icon.png") no-repeat 50% 0;}
.csrArea .csrVis .txt {font-size:18px; color:#fff; line-height:28px; margin-top:30px}

.csrArea .csrCon{}
.csrArea .csrCon.lotteCsv{padding-top:100px; text-align:center; background:url(/common/images/icon/csv_tab1_bg.png) top center no-repeat;}
.csrArea .csrCon .csrTit {width:1170px; margin:23px auto 0; padding-top:65px; font-family:'NotoSans-Black', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:24px; color:#000; text-align:center; background:url(/common/images/icon/csvTitle_icon.png) top center no-repeat;}
.csrArea .csrCon .csrTit:first-child {margin-top:0; padding-top:0; background:none;}
.csrArea .csrCon .csrVision {display:inline-block; box-sizing:border-box; height:170px; padding:12px 73px 47px; margin-top:26px; border:1px solid #d9d9d9; border-radius:85px; background:#fff;}

.csrArea .csrCon .csrTxt {font-size:20px; color:#555; margin-top:20px;}
.csrArea .csrCon .csrMission {
	display:inline-block; height:174px; box-sizing:border-box; padding:57px 110px 0 110px; margin:28px auto 0; font-size:20px; color:#fff; line-height:30px; border-radius:87px;
	background: rgb(107,127,236); /* Old browsers */
	background: -ms-linear-gradient(to bottom right,  rgba(107,127,236,1) 0%, rgba(101,123,240,1) 100%); /* ie */
	background: -o-linear-gradient(to bottom right,  rgba(107,127,236,1) 0%, rgba(101,123,240,1) 100%); /* opera */
	background: -moz-linear-gradient(to bottom right,  rgba(107,127,236,1) 0%, rgba(101,123,240,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to bottom right,  rgba(107,127,236,1) 0%, rgba(101,123,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom right,  rgba(107,127,236,1) 0%, rgba(101,123,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.csrArea .csrCon .csrList {width:1170px; margin:30px auto 0;}
.csrArea .csrCon .csrList:after {content:''; display:block; clear:both;}
.csrArea .csrCon .csrList li {position:relative; display:inline-block; padding-bottom:75px; margin-left:96px;}
.csrArea .csrCon .csrList li:first-child {margin-left:0; position:relative; top:-80px;}
.csrArea .csrCon .csrList li:last-child {position:relative; top:-80px;}
.csrArea .csrCon .csrList li .icon {box-shadow:10px 10px 45px 0 rgba(47,73,238,0.1); border-radius:80px;}
.csrArea .csrCon .csrList li .txt {position:absolute; bottom:0; left:50%; width:190px; font-size:18px; color:#555; line-height:26px; -ms-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0);}

.csrArea .csrCon .csrBtn{text-align:center;}
.csrArea .csrCon .csrBtn a{font-size:18px; color:#000; display:inline-block;margin:0 15px;}
.csrArea .csrCon .csrBtn a.on{color:#550adf;  font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;}
.csrArea .csrCon .csrBtn a.on:after{content:""; display:block; width:100%; height:4px; background:#550adf; margin-top:5px;}
.csrArea .csrCon .csrAct {margin-top:50px;}
.csrArea .csrCon .csrAct .grayBox {position:relative; top:0; opacity:1; padding:80px 0 125px; background:#e8f2f9;}
.csrArea .csrCon .csrAct .grayBox:first-child {margin-top:0;}
.csrArea .csrCon .csrAct .grayBox .actTit {position:relative; top:0; opacity:1; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:24px; color:#550adf; text-align:center;}
.csrArea .csrCon .csrAct .grayBox .actTxt {position:relative; top:0; opacity:1; font-size:16px; color:#555; text-align:center; margin-top:20px;}
.csrArea .csrCon .csrAct .grayBox .actTxt br{display:none;}
.csrArea .csrCon .csrAct .actCon {width:1170px; margin:-64px auto 0;}
.csrArea .csrCon .csrAct .actCon:after {content:''; display:block; clear:both;}
.csrArea .csrCon .csrAct .actCon > div {position:relative; top:0; opacity:1; height:420px;}
.csrArea .csrCon .csrAct .actCon > div:after {content:''; display:block; clear:both;}
.csrArea .csrCon .csrAct .actCon > div .imgRollArea2 {float:left; width:560px;}
.csrArea .csrCon .csrAct .actCon > div .img.pl {padding-left:110px;}
.csrArea .csrCon .csrAct .actCon > div .img.pr {padding-right:110px;}
.csrArea .csrCon .csrAct .actCon > div .txtArea {float:left; height:100%;}
.csrArea .csrCon .csrAct .actCon > div .txtArea .table {display:table; table-layout:fixed; height:100%; vertical-align:middle;}
.csrArea .csrCon .csrAct .actCon > div .txtArea .table .table-cell {display:table-cell; width:100%; height:100%; vertical-align:middle;}
.csrArea .csrCon .csrAct .actCon > div.right .imgRollArea2 {float:right; text-align:right;}
.csrArea .csrCon .csrAct .actCon > div.right .txtArea {float:right; text-align:right;}
.csrArea .csrCon .csrAct .actCon > div .txtArea .tit {position:relative; padding:0 0 0 62px; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:30px; color:#000;}
/*.csrArea .csrCon .csrAct .actCon > div .txtArea .tit:before {content:''; position:absolute; top:50%; left:0; margin-top:-1.5px; width:50px; height:3px; background:#000;}*/
.csrArea .csrCon .csrAct .actCon > div .txtArea .txt {padding:0 0 0 62px; font-size:16px; color:#555; line-height:26px; margin-top:20px;}

.csrArea .csrCon .csrAct .actCon > div.right .txtArea .tit {padding:0 62px 0 0; text-align:right;}
/*.csrArea .csrCon .csrAct .actCon > div.right .txtArea .tit:before {left:auto; right:0;}*/
.csrArea .csrCon .csrAct .actCon > div.right .txtArea .txt {padding:0 62px 0 0; text-align:right;}

.csrArea .csrCon .csrAct .actCon > div.type2 {float:left; display:block; margin-top:140px; margin-left:50px;width:560px; height:auto;}
.csrArea .csrCon .csrAct .actCon > div.type2:nth-of-type(odd){margin-left:0;margin-top:0; }
.csrArea .csrCon .csrAct .actCon > div.type2 .imgRollArea2 {float:none;}
.csrArea .csrCon .csrAct .actCon > div.type2 .txtArea {float:none;}
.csrArea .csrCon .csrAct .actCon > div.type2 .txtArea .tit {padding:38px 0 0 0;}
/*.csrArea .csrCon .csrAct .actCon > div.type2 .txtArea .tit:before {content:''; position:absolute; top:0; left:0; width:3px; height:50px; background:#000;}*/
.csrArea .csrCon .csrAct .actCon > div.type2 .txtArea .txt {padding:0;}

.csrArea .csrCon .csrAct .actCon > div.type3 {display:block; top:0; position:relative; opacity:1; height:auto;}
.csrArea .csrCon .csrAct .actCon > div.type3 .img {position:relative; top:0; opacity:1; float:left; display:block; font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:22px; color:#000; margin-top:60px; margin-right:22px;}
.csrArea .csrCon .csrAct .actCon > div.type3 .img p:first-child {padding-bottom:30px;}
.csrArea .csrCon .csrAct .actCon > div.type3 .img.img1, .csrArea .csrCon .csrAct .actCon > div.type3 .img.img2 {margin-top:0;}
.csrArea .csrCon .csrAct .actCon > div.type3 .img.img2, .csrArea .csrCon .csrAct .actCon > div.type3 .img.img5, .csrArea .csrCon .csrAct .actCon > div.type3 .img.img7 {margin-right:0;}
.csrArea .csrCon .csrAct .actCon > div.type3 .img .pc{display:block;}
.csrArea .csrCon .csrAct .actCon > div.type3 .img .mobile{display:none;}

.imgRollArea2 {width:100%; text-align:center;}
.imgRollArea2 .swiper-wrapper .swiper-slide img {width:100%; max-width:100%}
.imgRollArea2 .swiper-wrapper .swiper-slide .bgCon{width:100%; box-sizing:border-box; background:rgba(0,0,0,0.5); padding:25px 30px; text-align:left; position:absolute; bottom:0; left:0;}
.imgRollArea2 .swiper-wrapper .swiper-slide .bgCon .tit{font-size:20px; color:#fff;}
.imgRollArea2 .swiper-wrapper .swiper-slide .bgCon .date{font-size:16px; color:rgba(255,255,255,0.5); margin-top:15px;}
.imgRollArea2 .swiper-button-prev {left:30px; width:46px; height:46px; background:url("/common/images/btn/imgRoll_prev.png") no-repeat 50% 50%; background-size:100%;}
.imgRollArea2 .swiper-button-next {right:30px; width:46px; height:46px; background:url("/common/images/btn/imgRoll_next.png") no-repeat 50% 50%; background-size:100%;}
.imgRollArea2 .swiper-pagination {display:inline-block; padding:15px 64px 15px 31px;  width:auto; height:11px; left:50%; bottom:50px; background:rgba(0,0,0,0.5); overflow:hidden; border-radius:20.5px; -ms-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0);}
.imgRollArea2 .swiper-pagination .swiper-pagination-bullet {vertical-align:top; width:11px; height:11px; margin:0 0 0 10px; background:url("/common/images/btn/imgRoll_indi.png") no-repeat 50% 50%;}
.imgRollArea2 .swiper-pagination .swiper-pagination-bullet:first-child {margin:0;}
.imgRollArea2 .swiper-pagination .swiper-pagination-bullet-active {background:url("/common/images/btn/imgRoll_indi_on.png") no-repeat 50% 50%;}
.imgRollArea2 .swiper-pagination .playBtn {display:block; width:41px; height:41px; position:absolute; top:0; right:0; background:url("/common/images/btn/play_bt.png") no-repeat 50% 50%;}
.imgRollArea2 .swiper-pagination .playBtn.on {background:url("/common/images/btn/play_bt_on.png") no-repeat 50% 50%;}

/* 미디어쿼리 시작 */
@media all and (max-width:1200px) {
	.mainPopBan{height:100px;}
	.mainPopBan .swiper-slide{height:100px;}
	.mainPopBan .xbt{width:950px; bottom:56px;}

	.mainTodayArea {width:950px; max-width:950px;}
	.mainTodayArea .tit {font-size:16px;}
	.mainTodayArea .tit:before{width:25px; height:25px; background-size:25px;}
	.mainTodayArea .txt {font-size:16px; margin-left:15px;}
	.mainTodayArea .txt span {font-size:15px;}


	.mainCon1 {width:950px;}
	.mainCon1 .boxArea .box-tr .box-td a {padding:20px 20px 30px 20px;}
	.mainCon1 .boxArea .box-tr .box-td .price {font-size:16px; margin-top:10px;}
	.mainCon1 .boxArea .box-tr .box-td .tit {font-size:20px; margin-top:15px;}

	.mainCon3 .inner {max-width:950px;}
	.mainCon3 .mainCon3List li {width:49%; margin-right:2%;}
	.mainCon3 .mainCon3List li.long{width:100%;}
	.mainCon3 .mainCon3List li.mc3List2 {margin-right:2%; margin-top:22px;}
	.mainCon3 .mainCon3List li.mc3List3 {margin-right:0; margin-top:22px}
	.mainCon3 .mainCon3List li.mc3List4 {margin-right:2%; margin-top:22px}
	.mainCon3 .mainCon3List li.mc3List5	{margin-right:0;}
	.mainCon3 .mainCon3List li.mc3List6 {margin-top:22px;}
	.mainCon3 .mainCon3List li a .img img{width:100%}

	.mainCon4 {width:950px;}
	.mainCon4 .mainNews .top ul li {width:223px; margin-left:19px;}
	.mainCon4 .mainNews .top ul li img {width:223px;}
	.mainCon4 .mainNews .top ul li a span.tit {font-size:18px; margin-top:25px;}
	.mainCon4 .mainNews .top ul li a:hover span.tit, .mainCon4 .mainNews .top ul li a:focus span.tit {font-size:18px;}
	.mainCon4 .mainNews .bottom {margin-top:50px;}
	.mainCon4 .mainNews .bottom .newsDiv {padding:28px 20px; width:422px; height:148px;}
	.mainCon4 .mainNews .bottom .newsDiv ul {margin-top:15px;}
	.mainCon4 .mainNews .bottom .newsDiv ul li a .tit {font-size:16px; line-height:30px;}
	.mainCon4 .mainNews .bottom .newsDiv ul li a .date {font-size:15px; line-height:30px;}
	.mainCon4 .mainNews .bottom .newsDiv .mainMoreBt {position:absolute; top:30px; right:20px;}
	.mainCon4 .mainNews .bottom .rollDiv {width:464px;}

	/* 사업소개 */
	.introArea .introCon {width:950px; margin:100px auto 0;}
	.introArea .introCon > div .img {position:absolute; top:0; left:0; width:90%}
	.introArea .introCon > div .img img{width:100%;}
	.introArea .introCon > div .txtArea {width:350px; height:200px; padding:45px 40px;}
	.introArea .introCon > div .txtArea .tit:before {width:30px; left:-40px;}

	/*csv*/
	.csrArea .tabArea .tabBtn, .csrArea .csrCon .csrAct .actCon{width:950px;}
	.csrArea .csrCon .csrTit, .csrArea .csrCon .csrList{width:100%;}
	.csrArea .csrCon .csrAct .actCon > div .imgRollArea2{width:48%; margin-right:2%;}
	.csrArea .csrCon .csrAct .actCon > div .txtArea{width:48%; margin-left:2%;}
	.csrArea .csrCon .csrAct .actCon > div.right .imgRollArea2{margin-right:0; margin-left:2%;}
	.csrArea .csrCon .csrAct .actCon > div.right .txtArea{margin-left:0; margin-right:2%;}
	.csrArea .csrCon .csrAct .actCon > div .txtArea .table{width:100%;}
	.csrArea .csrCon .csrAct .actCon > div .txtArea .tit, .csrArea .csrCon .csrAct .actCon > div .txtArea .txt{padding-left:0;}
	.csrArea .csrCon .csrAct .actCon > div.right .txtArea .tit, .csrArea .csrCon .csrAct .actCon > div.right .txtArea .txt{padding-right:0;}
	.csrArea .csrCon .csrAct .actCon > div.type2{width:48%; margin-left:2%; margin-top:100px;}
	.csrArea .csrCon .csrAct .actCon > div.type2 .imgRollArea2, .csrArea .csrCon .csrAct .actCon > div.type2 .txtArea{width:100%;}	
	.csrArea .csrCon .csrAct .actCon > div.type3 .img{margin-right:2%;}
	.csrArea .csrCon .csrAct .actCon > div.type3 .img img {width:100%;}
	.csrArea .csrCon .csrAct .actCon > div.type3 .img.img1, .csrArea .csrCon .csrAct .actCon > div.type3 .img.img7{width:66%;}
	.csrArea .csrCon .csrAct .actCon > div.type3 .img.img2,.csrArea .csrCon .csrAct .actCon > div.type3 .img.img3,.csrArea .csrCon .csrAct .actCon > div.type3 .img.img4,.csrArea .csrCon .csrAct .actCon > div.type3 .img.img5,.csrArea .csrCon .csrAct .actCon > div.type3 .img.img6{width:32%;}

}

@media all and (max-width:1000px) {
	/*
	.mainPopBan{height:570px;}
	.mainPopBan .swiper-slide{height:570px;}
	.mainPopBan .xbt{width:94%; bottom:56px;}
	*/
	.mainPopBan .xbt{width:94%;}

	.mainCon {padding:80px 0;}
	.mainTit {font-size:30px; width:100%; line-height:35px; top:0; opacity:1}
	.mainTxt {top:0; opacity:1}
	.mainMoreBt {display:block; padding-right:30px; height:20px; font-size:15px; color:#555; line-height:18px; background:url("/common/images/icon/main_more_icon.png") no-repeat right 0 top 50%}

	/*.mainVisArea {height:500px;}*/
	.mainVisArea .swiper-wrapper .swiper-slide {display:block; position:relative; width:100%; height:100%;}
	.mainVisArea .swiper-wrapper .swiper-slide .pc {display:none;}
	.mainVisArea .swiper-wrapper .swiper-slide .mobile {display:block; }
	.mainVisArea .swiper-wrapper .swiper-slide .txtBox {position:absolute; top:180px; left:50%; box-shadow:5px 5px 50px 0 rgba(0,0,0,0.2); -ms-transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); transform:translate(-50%, 0); opacity:0;}
	.mainVisArea .swiper-button-prev {left:3%; width:35px; height:35px; background:url("/common/images/btn/imgRoll_prev.png") no-repeat 50% 50%; background-size:35px;}
	.mainVisArea .swiper-button-prev:hover {background:url("/common/images/btn/imgRoll_prev_on.png") no-repeat 50% 50%; background-size:35px;}
	.mainVisArea .swiper-button-next {right:3%; width:35px; height:35px; background:url("/common/images/btn/imgRoll_next.png") no-repeat 50% 50%; background-size:35px;}
	.mainVisArea .swiper-button-next:hover {background:url("/common/images/btn/imgRoll_next_on.png") no-repeat 50% 50%; background-size:35px;}
	.mainVisArea .swiper-pagination {display:flex; bottom:20px; padding:10px 20px;}
	.mainVisArea .swiper-pagination .swiper-pagination-bullet {width:8px; height:8px; margin:2px 0 0 10px; background:url("/common/images/btn/imgRoll_indi.png") no-repeat 50% 50%; background-size:8px}
	.mainVisArea .swiper-pagination .swiper-pagination-bullet:first-child {margin:2px 0 0 0;}
	.mainVisArea .swiper-pagination .swiper-pagination-bullet-active {margin:2px 0 0 10px; background:url("/common/images/btn/imgRoll_indi_on.png") no-repeat 50% 50%; background-size:8px}
	.mainVisArea .swiper-pagination .playBtn {display:none;}
	
	.mainTodayArea{top:0; opacity:1; border-bottom:1px solid #e1e1e1; width:94%;}
	.mainTodayArea .time {padding:0}
	.mainTodayArea .tit {font-size:16px;}
	.mainTodayArea .txt {font-size:16px; margin-left:20px;}
	.mainTodayArea .txt span {font-size:14px;}

	.mainCon1 {width:94%;}
	.mainCon1 .boxArea {top:0; opacity:1;}
	.mainCon1 .boxArea .box-tr .box-td a {padding:15px 15px 20px 15px;}
	.mainCon1 .boxArea .box-tr .box-td .price {font-size:13px; margin-top:10px;}
	.mainCon1 .boxArea .box-tr .box-td .tit {font-size:15px; margin-top:15px;}
	.mainCon1 .boxArea .box-tr .box-td .img{height:140px; max-height:140px;}

	.mainCon1 .btnArea {top:0; opacity:1; margin-top:40px;}
	.mainCon1 .btnArea .purpleBtn {padding:0 50px;}

	.mainCon2 {background:url("/common/images/icon/mainCon2_bg_20211129.jpg") no-repeat 50% 50%; background-size:cover;}
	.mainCon2 .rollArea {top:0; opacity:1; padding:0 22px; margin-top:65px;}
	.mainCon2 .mainCon2Roll .swiper-slide > a .tit {bottom:30px; left:30px; max-width:calc(100% - 60px); font-size:15px; line-height:22px;}
	.mainCon2 .mainCon2Roll .swiper-slide > .openArea {padding:40px 10% 5px;}
	.mainCon2 .mainCon2Roll .swiper-slide > .openArea .tit {font-size:20px;}
	.mainCon2 .mainCon2Roll .swiper-slide > .openArea .txt {font-size:14px; line-height:20px; height:60px;}
	.mainCon2 .mainCon2Roll .swiper-slide > .openArea .time {width:100%; margin-top:15px;}
	.mainCon2 .mainCon2Roll .swiper-slide > .openArea .time p {padding:0 6px; height:20px; line-height:18px; font-size:16px; border-radius:11px;}
	.mainCon2 .mainCon2Roll .swiper-slide > .openArea .link {bottom:20px; left:10%; padding-top:20px; width:80%;}
	.mainCon2 .mainCon2Roll .swiper-slide > .openArea .link a {font-size:15px; background:url("/common/images/icon/mainCon2_link_icon.png") no-repeat right 0 top 50%; background-size:20px}
	.mainCon2 .mainCon2Roll .swiper-slide > .openArea .closeBt {top:15px; right:5%; width:15px; height:15px; background:url("/common/images/btn/mainCon2_close_btn.png") no-repeat 50% 50%; background-size:15px}
	.mainCon2 .mainCon2Roll .swiper-scrollbar{margin-left:-125px; width:250px; margin-top:55px}	
	.mainCon2 .btnArea{top:0; opacity:1; margin-top:40px;}
	.mainCon2 .btnArea .whiteBtn {padding:0 30px;}
	.mainCon2 .btnArea .bWhiteBtn {padding:0 30px; margin-left:8px;}
	

	.mainCon3 .inner {max-width:94%;}
	.mainCon3 .mainCon3Tab {top:0; opacity:1;}
	.mainCon3 .mainCon3Tab > div a {padding:0 13px; height:34px; line-height:32px; font-size:15px; border-radius:18px;}
	.mainCon3 .mainCon3Tab > div a.on {padding:0 12px; height:30px; line-height:30px;}
	.mainCon3 .mainCon3List {top:0; opacity:1;}
	.mainCon3 .mainCon3List li {width:49%; margin-right:2%;}
	.mainCon3 .mainCon3List li.mc3List2 {margin-top:15px}
	.mainCon3 .mainCon3List li.mc3List3 {margin-top:15px}
	.mainCon3 .mainCon3List li.mc3List4 {margin-top:15px}
	.mainCon3 .mainCon3List li.mc3List5 {margin-top:15px}
	.mainCon3 .mainCon3List li.mc3List6 {margin-top:15px;}
	.mainCon3 .mainCon3List li a .img img{width:100%;}
	.mainCon3 .mainCon3List li a .txtArea {padding:15px 20px;}
	.mainCon3 .mainCon3List li a .txtArea .tit {font-size:18px;}
	.mainCon3 .mainCon3List li a .txtArea .txt {font-size:14px; margin-top:10px;}
	.mainCon3 .mainCon3List li a .txtArea .tag {top:-15px; right:20px; min-width:30px; padding-top:35px; font-size:14px; background:url("/common/images/icon/mainCon3_tag_icon.png") no-repeat 50% 0; background-size:30px;}
	.mainCon3 .btnArea {margin-top:40px;}
	.mainCon3 .btnArea .purpleBtn {padding:0 30px;}
	.mainCon3 .btnArea .bPurpleBtn {padding:0 30px; margin-left:8px;}


	.mainCon4 {width:94%;}
	.mainCon4 .mainNews {top:0; opacity:1; padding-top:30px; margin-top:40px;}
	.mainCon4 .mainNews .mainCon4Tit{font-size:18px}
	.mainCon4 .mainNews .top ul li {float:left; width:49%; margin-left:2%; margin-bottom:20px}
	.mainCon4 .mainNews .top ul li:nth-child(2n-1) {margin-left:0%;}
	.mainCon4 .mainNews .top ul li a span.img {width:100%}
	.mainCon4 .mainNews .top ul li a span.img img {width:100%}
	.mainCon4 .mainNews .top ul li a span.tit {font-size:17px; margin-top:15px;}
	.mainCon4 .mainNews .top ul li a:hover span.tit, .mainCon4 .mainNews .top ul li a:focus span.tit {font-size:17px;}
	.mainCon4 .mainNews .bottom {top:0; opacity:1; margin-top:35px;}
	.mainCon4 .mainNews .bottom .newsDiv {float:none; padding:20px 6%; width:100%; height:auto; box-sizing:border-box}
	.mainCon4 .mainNews .bottom .newsDiv ul {margin-top:15px;}
	.mainCon4 .mainNews .bottom .newsDiv ul li a .tit {width:80%; font-size:16px; line-height:32px;}
	.mainCon4 .mainNews .bottom .newsDiv ul li a .date {font-size:15px; line-height:32px;}
	.mainCon4 .mainNews .bottom .newsDiv .mainMoreBt {top:20px; right:6%;}
	.mainCon4 .mainNews .bottom .rollDiv {float:none; width:100%; background:#000; overflow:hidden; margin-left:0; margin-top:20px}
	.mainCon4 .mainNews .bottom .rollDiv .swiper-wrapper .swiper-slide {background-size:cover;}
	.mainCon4 .mainNews .bottom .rollDiv .swiper-wrapper .swiper-slide img.pc {display:none;}
	.mainCon4 .mainNews .bottom .rollDiv .swiper-wrapper .swiper-slide img.mobile {display:block;}
	
	/* 사업소개 */
	.introArea .introTop {height:580px;}
	.introArea .introCon {width:auto; padding:0 5%; margin:65px auto 0;}
	.introArea .introCon > .tit {font-size:20px;}
	.introArea .introCon > div {padding-top:220px; margin-top:30px;}
	.introArea .introCon > div.intro0 {margin-top:25px;}
	.introArea .introCon > div .img {right:0; width:100%;}
	.introArea .introCon > div .img .pc{display:block;}
	.introArea .introCon > div .img .mobile{display:none;}
	.introArea .introCon > div .txtArea {float:none; width:94%; box-sizing:border-box; margin:0 auto; padding:30px;}
	.introArea .introCon > div:nth-of-type(odd) .img{left:0; right:0;}
	.introArea .introCon > div:nth-of-type(odd) .txtArea {float:none;}
	.introArea .introCon > div .txtArea .tit {font-size:20px;}
	.introArea .introCon > div .txtArea .tit:before {top:50%; left:-30px; width:25px; height:2px; margin-top:-1.5px;}
	.introArea .introCon > div .txtArea .txt {font-size:13px; line-height:19px; margin-top:20px;}
	.introArea .introCon > div .txtArea .txt br {display:none;}
	.introArea .introCon > div .txtArea .btn {margin-top:20px;}
	.introArea .introCon > div .txtArea .btn a {
		padding:0 13px; height:26px; line-height:26px; font-size:13px; color:#fff; border-radius:15px;
		background: rgb(111, 35, 249); /* Old browsers */
		background: -ms-linear-gradient(to bottom right,  rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* ie */
		background: -o-linear-gradient(to bottom right,  rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* opera */
		background: -moz-linear-gradient(to bottom right,  rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(to bottom right,  rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom right,  rgba(111,35,249,1) 0%, rgba(85,10,223,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

	/*csv*/
	.csrArea .tabArea .tabBtn, .csrArea .csrCon .csrAct .actCon{width:90%;}
	.csrArea .csrCon.lotteCsv{background:url("/common/images/icon/csv_tab1_bg_m.png") no-repeat center 50px; background-size:100% auto; }
	.csrArea .csrCon .csrAct .actCon > div.type3 .img.img1,.csrArea .csrCon .csrAct .actCon > div.type3 .img.img2, .csrArea .csrCon .csrAct .actCon > div.type3 .img.img3, .csrArea .csrCon .csrAct .actCon > div.type3 .img.img4,.csrArea .csrCon .csrAct .actCon > div.type3 .img.img5,.csrArea .csrCon .csrAct .actCon > div.type3 .img.img6, .csrArea .csrCon .csrAct .actCon > div.type3 .img.img7{width:100%;}
	.csrArea .csrCon .csrAct .actCon > div.type3 .img .pc{display:none;}
	.csrArea .csrCon .csrAct .actCon > div.type3 .img .mobile{display:block;}
	.csrArea .csrCon .csrAct .actCon > div.type2{width:100%; margin-left:0}
	.csrArea .csrCon .csrAct .actCon > div{margin:70px 0 0 0; height:auto;}
	.csrArea .csrCon .csrAct .actCon > div.type2, .csrArea .csrCon .csrAct .actCon > div.type2:nth-of-type(odd){width:100%; margin:70px 0 0 0 }
	.csrArea .csrCon .csrAct .actCon > div:first-child, .csrArea .csrCon .csrAct .actCon > div.type2:first-child{margin-top:0;}
	.csrArea .csrCon .csrAct .actCon > div .txtArea{margin-left:0}
	.csrArea .csrCon .csrAct .actCon > div .txtArea .tit{padding:50px 0 0 0}
	.csrArea .csrCon .csrAct .actCon > div .imgRollArea2, .csrArea .csrCon .csrAct .actCon > div.right .txtArea{width:100%; margin-right:0;}
	.csrArea .csrCon .csrAct .actCon > div .txtArea, .csrArea .csrCon .csrAct .actCon > div.right .imgRollArea2{width:100%; margin-left:0;}
	.csrArea .csrCon .csrAct .actCon > div.right .txtArea .tit, .csrArea .csrCon .csrAct .actCon > div.right .txtArea .txt{text-align:left;}
	.csrArea .csrCon .csrAct .actCon > div.right .txtArea .tit{padding:50px 0 0 0}
	.csrArea .csrCon .csrAct .actCon > div .txtArea .table{display:block;}
	.csrArea .csrCon .csrAct .actCon > div .txtArea .table .table-cell{display:block;}
	.csrArea .csrCon .csrAct .actCon > div.type3 .img, .csrArea .csrCon .csrAct .actCon > div.type3 .img.img2{margin-top:60px}
	.csrArea .csrCon .csrAct .actCon > div.type3 .img p:first-child{padding-bottom:30px;}

	.imgRollArea2 .swiper-button-prev{left:5%;}
	.imgRollArea2 .swiper-button-next{right:5%;}

}

@media all and (max-width:758px){
	.mainPopBan{height:111px;}
	.mainPopBan .swiper-slide{height:111px;}
	.mainPopBan .xbt{width:94%; bottom:46px;}
	.mainPopBan .check{position:absolute; top:0; right:30px; width:115px}
	.mainPopBan .check input[type="checkbox"]{width:15px; height:15px; background:url("/common/images/icon/nottoday_check.png") no-repeat 0 0; background-size:15px}
	.mainPopBan .check input[type="checkbox"]:checked{width:15px; height:15px; background:url("/common/images/icon/nottoday_check_on.png") no-repeat 0 0; background-size:15px}
	.mainPopBan .check label{font-size:14px;}
	.mainPopBan .xbt a{position:absolute; top:20px; right:0}
	.mainPopBan .xbt a img{width:18px;}
	.mainPopBan .swiper-button-next, .mainPopBan .swiper-container-rtl .swiper-button-prev{width:16px; height:30px; background:url("/common/images/btn/mainpopban_right.png") no-repeat 0 0; background-size:16px 30px}
	.mainPopBan .swiper-button-prev, .mainPopBan .swiper-container-rtl .swiper-button-next{width:16px; height:30px; background:url("/common/images/btn/mainpopban_left.png") no-repeat 0 0; background-size:16px 30px}

	.mainCon {padding:50px 0;}
	.mainTit {font-size:20px; width:94%; margin:auto; line-height:25px}
	.mainTit span {font-family:'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif; display:block}
	.mainTxt {margin-top:15px; font-size:12px;}
	.mainMoreBt {display:block; height:20px; width:0; padding-right:20px; background: url('/common/images/icon/m_main_more_icon.png') no-repeat right 0 top 50%; background-size:20px; text-indent:-9999px}

	/*.mainVisArea {height:330px;}*/

	.mainTodayArea {width:94%; max-width:100%; padding:15px 0; margin:auto; border-bottom:1px solid #dedede;}
	.mainTodayArea .time {padding:5px 0}
	.mainTodayArea .tit {font-size:14px; padding-left:30px;}
	.mainTodayArea .tit:before{background-size:20px 20px;}
	.mainTodayArea .txt {font-size:14px; margin-left:20px;}
	.mainTodayArea .txt span {font-size:12px;}

	.mainCon1 {width:94%;}
	.mainCon1 .mBoxArea{display:block; top:0; opacity:1; width:100%}
	.mainCon1 .mBoxArea .swiper-wrapper .swiper-slide {width:100% !important;} 
	.mainCon1 .boxArea{display:none}
	.mainCon1 .mBoxArea .box-tr .box-td a {padding:15px 5% 20px;}
	.mainCon1 .mBoxArea .box-tr .box-td .price {font-size:13px; margin-top:10px;}
	.mainCon1 .mBoxArea .box-tr .box-td .tit {font-size:15px; margin-top:15px;}
	.mainCon1 .mBoxArea .box-tr .box-td .img{height:auto; max-height:auto;}

	.mainCon1 .btnArea {margin-top:14px;}
	.mainCon1 .btnArea .purpleBtn {padding:0 30px; margin:0;}

	.mainCon2 .rollArea {padding:0 22px; margin-top:65px;}
	.mainCon2 .mainCon2Roll .swiper-slide > .openArea .closeBt {top:15px; right:5%; width:15px; height:15px; background:url("/common/images/btn/mainCon2_close_btn.png") no-repeat 50% 50%; background-size:15px}
	.mainCon2 .mainCon2Roll .swiper-scrollbar {margin-top:70px;}
	.mainCon2 .btnArea .whiteBtn {padding:0 17px; height:36px; font-size:14px; line-height:34px; border-radius:17px;}
	.mainCon2 .btnArea .bWhiteBtn {padding:0 17px; height:32px; font-size:14px; line-height:30px; border-radius:17px;}

	.mainCon3 .inner {max-width:94%;}
	.mainCon3 .mainCon3Tab {margin-top:20px;}
	.mainCon3 .mainCon3Tab > div ul li {padding:0 3px;}
	.mainCon3 .mainCon3Tab > div a {padding:0 13px; height:30px; line-height:29px; font-size:14px; border-radius:15px;}
	.mainCon3 .mainCon3Tab > div a.on {padding:0 12px; height:28px; line-height:29px;}
	.mainCon3 .mainCon3List {margin-top:20px;}
	.mainCon3 .mainCon3List li.mc3List2 {margin-right:2%; margin-top:20px}
	.mainCon3 .mainCon3List li.mc3List3 {margin-right:0; margin-top:20px}
	.mainCon3 .mainCon3List li.mc3List4 {margin-right:2%; margin-top:20px}
	.mainCon3 .mainCon3List li.mc3List5	{margin-right:0; margin-top:20px;}
	.mainCon3 .mainCon3List li.mc3List6 {margin-top:20px;}
	.mainCon3 .mainCon3List li a .txtArea {padding:10px 7%;}
	.mainCon3 .mainCon3List li a .txtArea .tit {font-size:14px; line-height:18px; width:100%; word-break:keep-all;}
	.mainCon3 .mainCon3List li a .txtArea .txt {font-size:10px; margin-top:10px;}
	.mainCon3 .mainCon3List li a .txtArea .tag{right:3%; padding-top:33px; font-size:12px}
	.mainCon3 .mainCon3List li a .img .label {top:10px; left:3%}
	.mainCon3 .btnArea {margin-top:25px;}
	.mainCon3 .btnArea .purpleBtn {padding:0 17px; height:36px; font-size:14px; line-height:34px; border-radius:17px;}
	.mainCon3 .btnArea .bPurpleBtn {padding:0 17px; height:32px; font-size:14px; line-height:30px; border-radius:17px;}

	.mainCon4 {width:94%;}
	.mainCon4 .mainNews {padding-top:25px; margin-top:25px;}
	.mainCon4 .mainNews .mainCon4Tit {font-size:16px;}
	.mainCon4 .mainNews .top ul {margin-top:19px; display: flex; flex-wrap: wrap;}
	.mainCon4 .mainNews .top ul li a span.tit {font-size:17px; margin-top:15px;}
	.mainCon4 .mainNews .top ul li a:hover span.img, .mainCon4 .mainNews .top ul li a:focus span.img {box-shadow:10px 10px 20px 0 rgba(0,0,0,0.2);}
	.mainCon4 .mainNews .top ul li a:hover span.tit, .mainCon4 .mainNews .top ul li a:focus span.tit {font-size:17px; color:#550adf;}
	.mainCon4 .mainNews .top .mainMoreBt {position:absolute; right:0;}
	.mainCon4 .mainNews .bottom {margin-top:30px;}
	.mainCon4 .mainNews .bottom .newsDiv{padding:20px 6% 10px;}
	.mainCon4 .mainNews .bottom .newsDiv ul li a .tit {width:65%; font-size:14px; line-height:28px;}
	.mainCon4 .mainNews .bottom .newsDiv ul li a .date {font-size:13px; line-height:27px; width:34%; text-align:right; padding-right:1%;}
	.mainCon4 .mainNews .bottom .mainMoreBt {position:absolute; right:0;}

	/* 사업소개 */
	.introArea {margin-top:50px;}
	.introArea .introTxt1 {font-size:17px;}
	.introArea .introTxt2 {font-size:13px; line-height:18px; margin-top:15px;}
	.introArea .introTop {height:280px; background-image:url("/common/images/icon/introTop_bg2_m.jpg"); margin-top:30px;}
	.introArea .introCon {padding:0 3%; margin:40px auto 0;}
	.introArea .introCon > div .img .mobile{display:block; width:100%;}
	.introArea .introCon > div .img .pc{display:none;}

	/* CSR */
	.csrArea {margin-top:50px;}
	.csrArea .csrVis {box-sizing:border-box; height:368px; padding-top:65px; background:url("/common/images/icon/csrVis_bg_m.jpg") no-repeat center center; background-size:cover;}
	.csrArea .csrVis .tit {padding-top:50px; font-size:30px; line-height:37px; background-size:32px auto;}
	.csrArea .csrVis .txt {font-size:14px; line-height:20px; margin-top:15px; padding:0 15%;}
	.csrArea .csrVis .txt br{display:none;}
	.csrArea .tabArea{margin-top:30px;}
	.csrArea .tabArea .tabBtn {width:94%;}
	.csrArea .csrCon.lotteCsv{padding-top:10px;}
	.csrArea .csrCon .csrTit{font-size:18px; font-family:'NotoSans-Black', '맑은 고딕', 'Malgun Gothic', sans-serif; background-size:6px auto; padding-top:55px;}
	.csrArea .csrCon .csrVision{margin-top:15px; padding:6px 20px 24px; width: calc(88% - 40px); height:90px; border-radius:45px;}
	.csrArea .csrCon .csrVision .imgTxt img{width:130px;}
	.csrArea .csrCon .csrTxt{font-size:12px; margin-top:10px;}
	.csrArea .csrCon .csrMission{width:94%; height:98px; padding:20px 45px; font-size:13px; line-height:19px; word-break:keep-all;}
	.csrArea .csrCon .csrMission br{display:none;}
	.csrArea .csrCon .csrList{margin-top:15px;}
	.csrArea .csrCon .csrList li{display:block; padding-bottom:50px; margin-left:0; margin-top:25px;}
	.csrArea .csrCon .csrList li:first-child{margin-top:0}
	.csrArea .csrCon .csrList li:first-child,.csrArea .csrCon .csrList li:last-child{top:0;}
	.csrArea .csrCon .csrList li .icon{width:110px; margin:0 auto;}
	.csrArea .csrCon .csrList li .icon img{width:100%;}
	.csrArea .csrCon .csrList li .txt{font-size:14px; line-height:19px;}

	.csrArea .csrCon .csrBtn a{font-size:14px; margin:0 10px;}
	.csrArea .csrCon .csrBtn a.on:after{height:3px; margin-top:3px}
	.csrArea .csrCon .csrAct{margin-top:40px;}
	.csrArea .csrCon .csrAct .grayBox{padding:40px 0 70px; margin-top:40px}
	.csrArea .csrCon .csrAct .grayBox .actTit{font-size:17px;}
	.csrArea .csrCon .csrAct .grayBox .actTxt{font-size:13px; line-height:19px;}
	.csrArea .csrCon .csrAct .grayBox .actTxt br{display:block;}
	.csrArea .csrCon .csrAct .actCon > div.type2, .csrArea .csrCon .csrAct .actCon > div.type2:nth-of-type(odd){width:100%; margin:35px 0 0 0 }
	.csrArea .csrCon .csrAct .actCon > div.type2:first-child{margin-top:20px;}
	.csrArea .csrCon .csrAct .actCon > div .txtArea{margin-left:0}
	.csrArea .csrCon .csrAct .actCon > div .txtArea .tit{font-size:20px; font-family:'NotoSans-Black', '맑은 고딕', 'Malgun Gothic', sans-serif; padding:25px 0 0 0}
	.csrArea .csrCon .csrAct .actCon > div .txtArea .txt{font-size:13px; line-height:19px;}
	.csrArea .csrCon .csrAct .actCon > div .imgRollArea2, .csrArea .csrCon .csrAct .actCon > div.right .txtArea{width:100%; margin-right:0;}
	.csrArea .csrCon .csrAct .actCon > div .txtArea, .csrArea .csrCon .csrAct .actCon > div.right .imgRollArea2{width:100%; margin-left:0;}
	.csrArea .csrCon .csrAct .actCon > div.right .txtArea .tit, .csrArea .csrCon .csrAct .actCon > div.right .txtArea .txt{text-align:left;}
	.csrArea .csrCon .csrAct .actCon > div.right .txtArea .tit{padding:25px 0 0 0}
	.csrArea .csrCon .csrAct .actCon > div{margin:35px 0 0 0}
	.csrArea .csrCon .csrAct .actCon > div:first-child{margin-top:20px;}
	.csrArea .csrCon .csrAct .actCon > div .txtArea .table{display:block;}
	.csrArea .csrCon .csrAct .actCon > div .txtArea .table .table-cell{display:block;}
	.csrArea .csrCon .csrAct .actCon > div.type3 .img, .csrArea .csrCon .csrAct .actCon > div.type3 .img.img2{font-size:16px; margin-top:30px}
	.csrArea .csrCon .csrAct .actCon > div.type3 .img p:first-child{padding-bottom:15px;}

	.imgRollArea2 .swiper-wrapper .swiper-slide .bgCon{padding:15px 3%;}
	.imgRollArea2 .swiper-wrapper .swiper-slide .bgCon .tit{font-size:15px;}
	.imgRollArea2 .swiper-wrapper .swiper-slide .bgCon .date{font-size:12px; margin-top:5px;}
	.imgRollArea2 .swiper-button-prev{width:30px; height:30px; left:3%;}
	.imgRollArea2 .swiper-button-next{width:30px; height:30px; right:3%;}
	.imgRollArea2 .swiper-pagination {padding:5px 31px 5px 15px; bottom:27px; border-radius:11px;}
	.imgRollArea2 .swiper-pagination .swiper-pagination-bullet {vertical-align:top; width:11px; height:11px; margin:0 0 0 10px; background-size:8px 8px;}
	.imgRollArea2 .swiper-pagination .swiper-pagination-bullet-active {background-size:8px 8px;}
	.imgRollArea2 .swiper-pagination .playBtn {width:21px; height:21px; background-size:21px 21px;}
	.imgRollArea2 .swiper-pagination .playBtn.on{background-size:21px 21px;}
	
}


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

/* 기업체 페이지 추가 20210201 */
.clfix:after,.clfix:before{display:table;line-height:0;content:""}
.clfix:after{clear:both}
.companyEventWrap{margin-bottom:80px;border:1px solid #e1e1e1;}
.companyEventWrap .ticketImg{padding-top:37px;}
.companyEventWrap .ticketImg ul{padding:0 8.11%;}
.companyEventWrap .ticketImg ul li{float: left;width:calc(100% / 3);text-align:center;}
.companyEventWrap .ticketImg ul li p{padding-bottom:74px;font-size:22px;line-height:32px;text-align:center;color:#000;}

.companyEventWrap .ticketTxt{padding:50px;background:#f8f8f8;border-top:1px solid #e1e1e1;}
.companyEventWrap .ticketTxt dl + dl{margin-top:47px;}
.companyEventWrap .ticketTxt dl dt{padding-left:10px;position:relative;margin-bottom:30px;font-size:20px;font-family:"NotoSans-Bold";font-weight:bold;color:#000;}
.companyEventWrap .ticketTxt dl dt .red{color:#e10000;}
.companyEventWrap .ticketTxt dl dt::after{position:absolute;left:0;top:50%;margin-top:-2px;content:'';display:block;width:4px;height:4px;border-radius:50%;background:#000;}
.companyEventWrap .ticketTxt dl dd{position:relative;margin-left:10px;padding-left:10px;font-size:16px;line-height:18px;color:#555;}
.companyEventWrap .ticketTxt dl dd.noBl{padding-left:0;margin-left:0;}
.companyEventWrap .ticketTxt dl dd.noBl::after{display:none;}
.companyEventWrap .ticketTxt dl dd::after{position:absolute;left:0;top:50%;margin-top:-2px;content:'';display:block;width:4px;height:4px;border-radius:50%;background:#b2b2b2;}
.companyEventWrap .ticketTxt dl dd + dd{margin-top:18px;}
.companyEventWrap .ticketTxt dl dd span{display:inline-block; padding-right:50px;position:relative;}
.companyEventWrap .ticketTxt dl dd span:last-child{padding-right:0;}
.companyEventWrap .ticketTxt dl dd span::after{position:absolute;right:10px;top:50%;margin-top:-2px;content:'';display:inline-block;width:32px;height:8px;background:url('/common/images/icon/company/img_company_arrow.png');}
.companyEventWrap .ticketTxt dl dd span:last-child::after{display:none;}
.companyEventWrap img{max-width:100%;}
.companyEventWrap .lendList ul{margin-top:50px;}
.companyEventWrap .lendList ul li{padding:0 0 80px 0;text-align:center;}
.companyEventWrap .lendList ul li span{display:block;width:20%;margin:40px auto 0;padding:0 38px;font-family:"NotoSans-Medium";line-height:42px;font-size:20px;color:#fff;background:#a5aec2;border-radius:30px;}

.inquiryWrap{margin-top:40px;padding:42px 50px;border:1px solid #e1e1e1;font-size:0;}
.inquiryWrap .inquiryBox{display:inline-block;width:50%;box-sizing:border-box;}
.inquiryWrap .inquiryBox:last-child{padding-left:50px;position:relative;}
.inquiryWrap .inquiryBox:last-child::after{position:absolute;left:0;top:0;display:block;content:'';width:1px;height:90px;background:#e1e1e1;}
.inquiryWrap .inquiryBox .inquiryList .inquiryTit{position:relative;padding-left:10px;margin-bottom:14px;font-size:20px;line-height:35px;font-family:"NotoSans-Bold";font-weight:bold;color:#000;}
.inquiryWrap .inquiryBox .inquiryList .inquiryTit::after{position:absolute;left:0;top:50%;margin-top:-2px;content:'';display:inline-block;width:4px;height:4px;background:#000;border-radius:50%;}
.inquiryWrap .inquiryBox .inquiryList dd{position:relative;padding-left:10px;display:inline-block;font-size:16px;line-height:35px;color:#555;}
.inquiryWrap .inquiryBox .inquiryList dd::after{position:absolute;left:0;top:50%;margin-top:-2px;content:'';display:inline-block;width:4px;height:4px;background:#b2b2b2;border-radius:50%;}
.inquiryWrap .inquiryBox .inquiryList .inquiryTit + dd{margin-left:10px;}
.inquiryWrap .inquiryBox .inquiryList dd:last-child{margin-left:35px;}

@media all and (max-width:1200px) {
	.inquiryWrap{padding:25px 30px;}
	.inquiryWrap .inquiryBox:last-child{padding-left:25px;}
	.companyEventWrap .ticketImg ul{padding:0 3%;}
}
@media (max-width: 1000px) {
	.companyEventWrap{margin-bottom:40px;}
	.companyEventWrap .ticketImg{padding-top:30px;}
	.companyEventWrap .ticketImg ul li p{padding-bottom:30px;line-height:24px;}
	.inquiryWrap{padding:50px;}
	.inquiryWrap .inquiryBox{width:100%;padding-bottom:30px;}
	.inquiryWrap .inquiryBox .inquiryList .inquiryTit{margin-bottom:0;padding-left:0;}
	.inquiryWrap .inquiryBox .inquiryList .inquiryTit::after{display:none;}
	.inquiryWrap .inquiryBox .inquiryList dd{display:block;}
	.inquiryWrap .inquiryBox .inquiryList .inquiryTit + dd{margin-left:0;}
	.inquiryWrap .inquiryBox .inquiryList dd:last-child{margin-left:0;}
	.inquiryWrap .inquiryBox:last-child{padding:30px 0 0 0;}
	.inquiryWrap .inquiryBox:last-child::after{width:100%;height:1px;}
	.companyEventWrap .lendList ul li span{width:30%;font-size:18px;}
}
@media all and (max-width:758px){
	.inquiryWrap{margin-top:25px;padding:25px;}
	.inquiryWrap .inquiryBox{padding-bottom:20px;}
	.inquiryWrap .inquiryBox:last-child{padding:20px 0 0 0;}
	.inquiryWrap .inquiryBox .inquiryList .inquiryTit{font-size:18px;}
	.inquiryWrap .inquiryBox .inquiryList dd{font-size:14px;line-height:25px;}
	.companyEventWrap .ticketImg ul{padding:0 20px;}
	.companyEventWrap .ticketImg ul li{float:inherit;margin:0 auto;width:85%;}
	.companyEventWrap .ticketImg ul li p{padding-bottom:25px;font-size:18px;line-height:24px;}
	.companyEventWrap .ticketImg ul li img{max-width:80%;}
	.companyEventWrap .ticketTxt{padding:25px 20px;}
	.companyEventWrap .ticketTxt dl dt{margin-bottom:15px;padding-left:0;font-size:18px;line-height:23px;word-break:keep-all;}
	.companyEventWrap .ticketTxt dl dt::after{display:none;;}
	.companyEventWrap .ticketTxt dl dd{margin-left:0;font-size:14px;line-height:25px;}
	.companyEventWrap .ticketTxt dl dd + dd{margin-top:10px;}
	.companyEventWrap .ticketTxt dl dd::after{margin-top:0;top:11.5px;}
	.companyEventWrap .ticketTxt dl + dl{margin-top:20px;}
	.companyEventWrap .lendList ul{margin-top:0;}
	.companyEventWrap .lendList ul li{padding-bottom:20px;}
	.companyEventWrap .lendList ul li span{width:45%; margin-top:8px;font-size:14px;line-height:32px;}							
}

/* s : 20220307 메인 유튜브 영역 추가 */
.mainConYoutube{margin:0 auto;padding:120px 0 125px 0;width:1170px ;border-bottom:1px solid #e1e1e1;}
.mainConYoutube.disno{display:none;}
.mainConYoutube .mainTxt{margin-top:20px;}
.mainYoutubeWrap{margin-top:60px;top:150px;}
.mainYoutubeWrap .youtubeBox{position: relative; padding-bottom: 56.25%;height: 0;overflow: hidden;}
.mainYoutubeWrap .youtubeBox iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
@media (max-width: 1200px) {
	.mainConYoutube{width: 950px;}
}
@media (max-width: 1000px){
	.mainConYoutube{width:94%;}
	.mainYoutubeWrap{margin-top:30px;top:0;opacity:1;}
}
@media (max-width: 758px){
	.mainConYoutube{width:100%;padding:50px 0;}
}
/* e : 20220307 메인 유튜브 영역 추가 */

/* s: 20221109 캐릭터제휴안내 페이지 css 입니다 */
.character_wrap {
	padding-top: 80px;
}

.character_wrap>.mTit {
	font-size: 28px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
	text-align: center;
	margin-bottom: 10px;
}
.character_wrap .character_box{
	margin-top: 40px;
	display: flex;
	border: 1px solid #e1e1e1;

}
.character_wrap .character_box li{
	width: 25%;
	height: 410px;
	border-left: 1px solid #e1e1e1;
}
.character_wrap .character_box li:first-child{
	border-left: 0;
}
.character_wrap .character_box li .img_wrap{
	margin-top: 40px;
}
.character_wrap .character_box li .img_wrap img{
	width: 100%;
}

.character_wrap .character_box li .info_wrap{
	padding: 60px 32px;
	line-height: 1.2;
	word-wrap: break-word;
	word-break: keep-all;
}
.character_wrap .character_box li .info_wrap .tit{
	font-size: 22px;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
}
.character_wrap .character_box li .info_wrap .tip{
	font-size: 16px;
	color: #580de2;
	margin-top: 6px;
}
.character_wrap .character_box li .info_wrap .txt{
	font-size: 18px;
	margin-top: 8px;
	color: #000;
}
.character_wrap .character_box li .youtubeBtn{
	margin-top: 10px;
	display: inline-block;
	padding: 0 20px;
	height: 40px;
	border: 1px solid #580de2;
	color: #580de2;
	font-size: 16px;
	line-height: 40px;
	border-radius: 20px;
}
@media all and (max-width:1200px) {
	.character_wrap .character_box li{
		height: 340px;
	}

	.character_wrap .character_box li .info_wrap{
		padding: 30px 15px;
	}
	.character_wrap .character_box li .info_wrap .tit{
		font-size: 18px;
	}
	.character_wrap .character_box li .info_wrap .tip{
		font-size: 13px;
	}
	.character_wrap .character_box li .info_wrap .txt{
		font-size: 15px;
	}
	.character_wrap .character_box li .youtubeBtn{
		padding: 0 7px;
		height: 28px;
		font-size: 12px;
		line-height: 28px;
		border-radius: 20px;
		letter-spacing: -0.04rem;
	}
}
@media all and (max-width:758px) {
	.character_wrap{
		padding-top: 40px;
	}
	.character_wrap>.mTit {
		font-size: 20px;
	}
	.character_wrap .character_box{
		margin-top: 25px;
		border: 0;
		border-left: 1px solid #e1e1e1;
		border-bottom: 1px solid #e1e1e1;
		font-size: 0;
		justify-content: space-between;
		flex-wrap: wrap; 
	}
	.character_wrap .character_box li{
		width: calc((100% - 3px)/2);
		display: inline-block;
		height: 232px;
		max-height: 232px;
		border: 0;
		border-right: 1px solid #e1e1e1;
		border-top: 1px solid #e1e1e1;
	}
	.character_wrap .character_box li .img_wrap{
		max-width: 145px;
		margin: 24px auto 0 auto;
	}
	.character_wrap .character_box li:nth-child(3) .img_wrap,
	.character_wrap .character_box li:nth-child(4) .img_wrap{
		margin: 10px auto 0 auto;

	}

	.character_wrap .character_box li .img_wrap img{
		width: 100%;
	}
   
	.character_wrap .character_box li .info_wrap{
		padding: 22px 15px;
	}
	.character_wrap .character_box li .info_wrap .tit{
		font-size: 14px;
	}
	.character_wrap .character_box li .info_wrap .tip{
		font-size: 12px;
	}
	.character_wrap .character_box li .info_wrap .txt{
		font-size: 13px;
		line-height: 1.4;
	}
	.character_wrap .character_box li .youtubeBtn{
		padding: 0 7px;
		height: 24px;
		font-size: 10px;
		line-height: 24px;
		border-radius: 20px;
	}
}

/* e: 20221109 캐릭터제휴안내 페이지 css 입니다 */
/* .mainCon1 .reviwCont {margin-top:120px;padding-top:115px;border-top:1px solid #e1e1e1;}
.mainCon1 .reviwCont .btnArea{padding-top:10px;}
@media all and (max-width:758px) {
	.mainCon1 .reviwCont{margin-top:25px;padding-top:25px;}
	.mainCon1 .reviwCont .mainTxt{margin-bottom:12px;}
	.mainCon1 .reviwCont .btnArea{margin-top:10px;padding-top:0;}
} */
.mainCon1 .reviwCont {margin-bottom:120px;padding-bottom:115px;border-bottom:1px solid #e1e1e1;}
.mainCon1 .reviwCont .btnArea{padding-top:10px;}
@media all and (max-width:758px) {
	.mainCon1 .reviwCont{margin-bottom:25px;padding-bottom:25px;}
	.mainCon1 .reviwCont .mainTxt{margin-bottom:12px;}
	.mainCon1 .reviwCont .btnArea{margin-top:10px;padding-top:0;}
}




/* s : 20230816 기업체 css  */
/* 기업체 행사 티켓 */
.companyEventWrap .ticketImg.new {
	padding-top: 140px;
}

.companyEventWrap .ticketImg.new ul {
	padding: 0 37px;
}

.companyEventWrap .ticketImg.new ul li {
	width: calc((100% -100px) / 3);
}

.companyEventWrap .ticketImg.new ul li p {
	padding-top: 70px;
	padding-bottom: 88px;
	font-size: 22px;
	line-height: 1.2;
}

.inquiryWrap.type02 {
	padding: 35px 0;
	display: flex;
	justify-content: space-between;
}

.inquiryWrap.type02 .inquiryBox {
	position: relative;
	width: calc(100% / 3);
	padding-left: 52px;
	min-height: 154px;
}

.inquiryWrap.type02 .inquiryBox::before {
	content: "";
	width: 1px;
	height: 100%;
	background-color: #f1f1f1;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}

.inquiryWrap.type02 .inquiryBox:after {
	display: none;
}

.inquiryWrap.type02 .inquiryBox:nth-child(1)::before {
	display: none;
}

.inquiryWrap.type02 .inquiryBox .inquiryList dd {
	display: block;
	margin-left: 10px;
	line-height: 24px;
}

.inquiryWrap.type02 .inquiryBox .inquiryList dd.type02 {
	color: #555555;
	font-weight: bold;
	padding-left: 0;
	margin-bottom: 3px;
}

.inquiryWrap.type02 .inquiryBox .inquiryList dd.type02:after {
	display: none;
}

.inquiryWrap.type02 .inquiryBox .inquiryList .bPurpleBtn .ico-down {
	display: inline-block;
	margin-left: 20px;
	transform: translateY(17px);
}

@media (max-width: 1200px) {
	.companyEventWrap .ticketImg.new ul {
		display: flex;
		justify-content: space-between;
	}

	.companyEventWrap .ticketImg.new ul li {
		width: calc((100% - 60px) / 3) !important;
		float: none;
	}

	.companyEventWrap .ticketImg.new ul li p {
		font-size: 18px;
	}

	.inquiryWrap.type02 .inquiryList .bPurpleBtn {
		font-size: 14px;
		padding: 0 34px;
		height: 42px;
		line-height: 40px;
	}

	.inquiryWrap.type02 .inquiryBox .inquiryList .bPurpleBtn .ico-down {
		transform: translateY(12px);
	}
}

@media (max-width: 1000px) {
	.companyEventWrap .ticketImg.new {
		padding-top: 45px;
	}

	.companyEventWrap .ticketImg.new ul {
		flex-direction: column;
		padding: 0 37px;
	}

	.companyEventWrap .ticketImg.new ul li {
		width: 100% !important;
		margin-bottom: 16px;
	}

	.companyEventWrap .ticketImg.new ul li img {
		max-width: 100%;
	}

	.companyEventWrap .ticketImg.new ul li:last-child {
		margin-bottom: 0;
	}

	.companyEventWrap .ticketImg.new ul li p {
		padding: 28px 0 38px 0;
		font-size: 15px;
	}

	.companyEventWrap .ticketTxt.new dl+dl {
		margin-top: 30px;
	}

	.companyEventWrap .ticketTxt dl dt {
		padding-left: 10px;
	}

	.companyEventWrap .ticketTxt dl dt::after {
		display: block;
	}

	.inquiryWrap.type02 {
		flex-direction: column;
	}

	.inquiryWrap.type02 {
		padding: 25px 0;
	}

	.inquiryWrap.type02 .inquiryBox {
		width: 100%;
		padding: 20px 25px 25px 25px;
		min-height: auto;
	}

	.inquiryWrap.type02 .inquiryBox:first-child {
		padding-top: 0;
	}

	.inquiryWrap.type02 .inquiryBox:last-child {
		padding-bottom: 0;
	}

	.inquiryWrap.type02 .inquiryBox::before {
		content: "";
		width: calc(100% - 50px);
		height: 1px;
		background-color: #f1f1f1;
		display: block;
		position: absolute;
		left: 25px;
		top: 0;
	}

	.inquiryWrap.type02 .inquiryBox .inquiryList .inquiryTit::after {
		display: block;
	}

	.inquiryWrap.type02 .inquiryBox .inquiryList .inquiryTit {
		padding-left: 8px;
		margin-bottom: 20px;
	}

	.inquiryWrap.type02 .inquiryList .bPurpleBtn {
		padding: 0 20px;
		height: 31px;
		font-size: 14px;
		line-height: 31px;
		border-radius: 17px;
	}

	.inquiryWrap.type02 .inquiryBox .inquiryList .bPurpleBtn .ico-down {
		width: 12px;
		margin-left: 14px;
		transform: translateY(8px);
	}

	.inquiryWrap.type02 .inquiryBox .inquiryList .bPurpleBtn .ico-down img {
		width: 100%;
	}
}
/* 기업체 원티켓 */
.companyOneticketWrap {
	word-wrap: break-word;
	word-break: keep-all;
}

.companyOneticketWrap .mo-only {
	display: none;
}

.companyOneticketWrap .programArea2 {
	margin-top: 80px;
}

.companyOneticketWrap .programArea2>div {
	margin-top: 60px;
	border: 1px solid #e1e1e1;
}

.companyOneticketWrap .mTit {
	font-size: 23px;
	text-align: center;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	color: #000;
}

.companyOneticketWrap .desc {
	text-align: center;
	font-size: 18px;
	color: #000;
	margin-top: 12px;
}

.companyOneticketWrap .ticketMapWrap {
	margin-top: 55px;
	display: flex;
	justify-content: space-between;
}

.companyOneticketWrap .ticketMapWrap .map-img {
	width: 770px;
}

.companyOneticketWrap .ticketMapWrap .map-img img {
	width: 100%;
}

.companyOneticketWrap .ticketMapWrap .map-info {
	width: calc(100% - 810px);
}

.companyOneticketWrap .ticketMapWrap .map-info .map-list {
	border-top: 3px solid #000;
}

.companyOneticketWrap .ticketMapWrap .map-info .map-list .tit {
	line-height: 108px;
	font-size: 28px;
	color: #000;
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
}

.companyOneticketWrap .ticketMapWrap .map-info .map-list:last-child .info {
	padding-bottom: 0;
}

.companyOneticketWrap .ticketMapWrap .map-info .map-list .info {
	border-top: 1px dotted #ececec;
	padding: 28px 0 38px 0;
}

.companyOneticketWrap .ticketMapWrap .map-info .map-list .info dt {
	font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	font-size: 16px;
	color: #555555;
	padding-left: 17px;
	position: relative;
	line-height: 21px;
}

.companyOneticketWrap .ticketMapWrap .map-info .map-list .info dt::before {
	content: "";
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #b2b2b2;
	position: absolute;
	left: 0;
	top: 8px;
}

.companyOneticketWrap .ticketMapWrap .map-info .map-list .info dd {
	font-size: 16px;
	line-height: 22px;
	margin-top: 11px;
	padding-left: 10px;
}

.companyOneticketWrap .changeTicketWrap {
	padding: 65px 66px;
}

.companyOneticketWrap .changeTicketWrap .chageTicket {
	display: flex;
	justify-content: space-between;
	align-items: end;
}

.companyOneticketWrap .changeTicketWrap .chageTicket li {
	text-align: center;
}

.companyOneticketWrap .changeTicketWrap .chageTicket li:nth-child(1) {
	width: 460px;
}

.companyOneticketWrap .changeTicketWrap .chageTicket li .tit {
	margin-top: 42px;
	display: inline-block;
	font-size: 20px;
	color: #fff;
	height: 44px;
	line-height: 44px;
	width: 220px;
	text-align: center;
	border-radius: 23px;
	background-color: #a5aec2;
}

.companyOneticketWrap .processListWrap {
	padding: 60px 48px;
}

.companyOneticketWrap .processListWrap .processList {
	display: flex;
	justify-content: space-between;
}

.companyOneticketWrap .processListWrap .processList li {
	text-align: center;
	padding: 0 50px;
	position: relative;
}

.companyOneticketWrap .processListWrap .processList li:last-child:after {
	display: none;
}

.companyOneticketWrap .processListWrap .processList li::after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	position: absolute;
	right: -5px;
	top: 23px;
	background: url(/common/images/icon/company/progress_icon.png) no-repeat center;
	background-size: contain;
}

.companyOneticketWrap .processListWrap .processList li .num {
	width: 36px;
	height: 36px;
	display: inline-block;
	text-align: center;
	line-height: 36px;
	border-radius: 50%;
	background-color: #5b10e5;
	color: #fff;
	font-size: 16px;
}

.companyOneticketWrap .processListWrap .processList li .tit {
	margin-top: 12px;
	font-size: 16px;
}

.companyOneticketWrap .usageListWrap {
	padding: 37px 0;
}

.companyOneticketWrap .usageListWrap .usageList {
	display: flex;
	justify-content: center;
}

.companyOneticketWrap .usageListWrap .usageList li {
	width: 200px;
	padding: 0 40px;
	text-align: center;
}

.companyOneticketWrap .usageListWrap .usageList li .tit {
	margin-top: 20px;
	font-size: 16px;
}

.inquiryWrap .inquiryBox:nth-child(1):after {
	display: none;
}

@media (max-width: 1200px) {
	.companyOneticketWrap .mTit {
		font-size: 20px;
	}

	.companyOneticketWrap .programArea2>div {
		margin-top: 40px;
	}

	.companyOneticketWrap .ticketMapWrap .map-img {
		width: 600px;
	}

	.companyOneticketWrap .ticketMapWrap .map-info {
		width: calc(100% - 640px);
	}

	.companyOneticketWrap .ticketMapWrap .map-info .map-list .tit {
		line-height: 70px;
		font-size: 22px;
	}

	.companyOneticketWrap .ticketMapWrap .map-info .map-list .info {
		padding: 14px 0 20px 0;
	}

	.companyOneticketWrap .changeTicketWrap .chageTicket li:nth-child(1) {
		width: 30%;
	}

	.companyOneticketWrap .changeTicketWrap .chageTicket li:nth-child(2) {
		width: 60%;
	}

	.companyOneticketWrap .changeTicketWrap .chageTicket .iconImg {
		width: 100%;
	}

	.companyOneticketWrap .changeTicketWrap .chageTicket .iconImg img {
		width: 100%;
	}

	.companyOneticketWrap .processListWrap .processList li {
		padding: 0 30px;
	}
}

@media (max-width: 1000px) {
	.companyOneticketWrap .programArea2 {
		margin-top: 35px;
	}

	.companyOneticketWrap .programArea2>div {
		margin-top: 24px;
	}

	.companyOneticketWrap .pc-only {
		display: none;
	}

	.companyOneticketWrap .mo-only {
		display: block;
	}

	.companyOneticketWrap .mTit {
		font-size: 20px;
		line-height: 25px;
		padding: 0 10%;
	}

	.companyOneticketWrap .desc {
		font-size: 11px;
		line-height: 16px;
		margin-top: 9px;
	}

	.companyOneticketWrap .ticketMapWrap {
		margin-top: 30px;
		flex-direction: column;
	}

	.companyOneticketWrap .ticketMapWrap .map-img {
		width: 100%;
	}

	.companyOneticketWrap .ticketMapWrap .map-info {
		width: 100%;
		margin-top: 15px;
	}

	.companyOneticketWrap .ticketMapWrap .map-info .map-list {
		border-top: 2px solid #000;
	}

	.companyOneticketWrap .ticketMapWrap .map-info .map-list .info {
		padding: 18px 0 30px 0;
	}

	.companyOneticketWrap .ticketMapWrap .map-info .map-list:last-child .info {
		padding-bottom: 30px;
	}

	.companyOneticketWrap .ticketMapWrap .map-info .map-list .info:last-child {
		border-bottom: 1px solid #ececec;
	}

	.companyOneticketWrap .ticketMapWrap .map-info .map-list .tit {
		text-align: center;
	}

	.companyOneticketWrap .ticketMapWrap .map-info .map-list .info dt {
		font-size: 13px;
		padding-left: 12px;
		line-height: 18px;
	}

	.companyOneticketWrap .ticketMapWrap .map-info .map-list .info dt::before {
		width: 3px;
		height: 3px;
		left: 3px;
	}

	.companyOneticketWrap .ticketMapWrap .map-info .map-list .info dd {
		font-size: 13px;
		line-height: 20px;
		margin-top: 11px;
		padding-left: 12px;
	}

	.companyOneticketWrap .changeTicketWrap {
		padding: 40px 0;
	}

	.companyOneticketWrap .changeTicketWrap .chageTicket {
		flex-direction: column;
		text-align: center;
		align-items: center;
	}

	.companyOneticketWrap .changeTicketWrap .chageTicket li:nth-child(1) {
		width: 174px;
		margin-bottom: 58px;
	}

	.companyOneticketWrap .changeTicketWrap .chageTicket li:nth-child(2) {
		width: 238px;
	}

	.companyOneticketWrap .changeTicketWrap .chageTicket li .tit {
		width: 148px;
		font-size: 12px;
		margin-top: 20px;
		height: 27px;
		line-height: 27px;
	}

	.companyOneticketWrap .processListWrap {
		padding: 17px 0;
	}

	.companyOneticketWrap .processListWrap .processList {
		flex-direction: column;
	}

	.companyOneticketWrap .processListWrap .processList li {
		padding: 22px 0;
	}

	.companyOneticketWrap .processListWrap .processList li::after {
		width: 9px;
		height: 17px;
		transform: translateX(4px) rotate(90deg);
		right: 50%;
		bottom: -8px;
		top: auto;
	}

	.companyOneticketWrap .processListWrap .processList li .num {
		width: 23px;
		height: 23px;
		font-size: 12px;
		line-height: 23px;
	}

	.companyOneticketWrap .processListWrap .processList li .tit {
		display: inline-block;
		margin: 0 0 0 8px;
		line-height: 23px;
		font-size: 13px;
	}

	.companyOneticketWrap .usageListWrap {
		padding: 40px 30px;
	}

	.companyOneticketWrap .usageListWrap .usageList {
		justify-content: center;
		flex-wrap: wrap;
	}

	.companyOneticketWrap .usageListWrap .usageList li {
		width: 98px;
		padding: 0 4%;
	}

	.companyOneticketWrap .usageListWrap .usageList li:nth-child(1),
	.companyOneticketWrap .usageListWrap .usageList li:nth-child(2) {
		margin-bottom: 23px;
	}

	.companyOneticketWrap .usageListWrap .usageList li .list-img {
		width: 100%;
	}

	.companyOneticketWrap .usageListWrap .usageList li .list-img img {
		width: 100%;
	}

	.companyOneticketWrap .usageListWrap .usageList li .tit {
		margin-top: 12px;
		font-size: 13px;

	}
}
@media (max-width: 758px) {
	.companyOneticketWrap .usageListWrap .usageList {
		justify-content: space-between;
	}

	.companyOneticketWrap .usageListWrap .usageList li {
		width: calc((100% - 35px) / 2);
		padding: 0;
	}

}
/* 대관 광고 스폰서 */
@media (min-width: 1000px) {
	.viewType3.type02 {
		padding: 0;
		border: 0;
		align-items: flex-start;
		margin: 80px 0;
	}

	.viewType3.type02 .infoTxtArea.type2>.tit {
		padding: 0;
		border-top: 2px solid #000;
		height: 80px;
		line-height: 80px;
		font-size: 28px;
	}

	.viewType3.type02 .infoTxtArea.type2 .infoDl {
		font-size: 16px;
		line-height: 28px;
	}

	.viewType3.type02 .infoTxtArea {
		min-height: auto;
	}
}

@media (max-width: 1000px) {
	.viewType3.type02 .imgRollArea {
		width: 100%;
		height: auto;
	}

	.viewType3.type02 .infoTxtArea.type2 {
		margin-top: 30px;
		margin-bottom: 36px;
	}

	.viewType3.type02 .infoTxtArea.type2>.tit {
		margin: 0;
		padding: 0;
		height: 60px;
		line-height: 60px;
		font-size: 20px;
	}

	.viewType3.type02 .infoTxtArea.type2 .infoDl {
		font-size: 13px;
		line-height: 25px;
	}

	.companyEventWrap img {
		margin-bottom: 1px;
	}
}
/* e : 20230816 기업체 css  */





/* 202408 스폰서 배너 관련 스타일 추가 */
.mainCon1 .reviwCont {
    margin-bottom: 0;
    border-bottom: none;
}
.bannerSwiper {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}
.mainCon .bannerSwiper {
    margin-bottom: 115px;
}
.bannerSwiper .swiper-slide img {
    max-width: 100%;
}
.bannerSwiper.pageTop {
    margin: 40px auto;
    width: 1170px;
}
.bannerSwiper .swiper-slide .mo {
    display: none;
}
.bannerSwiper .swiperUtil {
    position: absolute;
    right: 30px;
    bottom: 20px;
    width: 95px;
    height: 30px;
    background: rgba(0, 0, 0, 0.35);
    border-radius: 15px;
    z-index: 10;
}
.bannerSwiper .swiperUtil.disno {display:none;}
.bannerSwiper .swiperUtil .swiper-pagination {
    bottom: inherit;
    top: 50%;
    margin-top: -7.5px;
    font-size: 15px;
    color: rgba(255, 255, 255, 0.62);
}
.bannerSwiper .swiperUtil .swiper-button-next,
.bannerSwiper .swiperUtil .swiper-button-prev {
    margin-top: -10.5px;
    padding: 5px;
    width: 6px;
    height: 11px;
}
.bannerSwiper .swiperUtil .swiper-button-next {
    right: 9px;
    background: url("/common/images/icon/ico_banner_swiper_right.png") no-repeat center center;
}
.bannerSwiper .swiperUtil .swiper-button-prev {
    left: 9px;
    background: url("/common/images/icon/ico_banner_swiper_left.png") no-repeat center center;
}
.cardDiv01 + .bannerSwiper {
    margin-top: 100px;
}
.cardDiv01.noCard + .bannerSwiper {
    margin-top: 115px;
    margin-bottom: 15px;
}
.benefitList {
    position: relative;
    margin: 50px -1px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    overflow: hidden;
    border-top: none;
    border-left: none;
}
.benefitList .prd {
    flex: 0 0 25%;
    box-sizing: border-box;
}
.benefitList .prd.banner {
    flex: 0 0 100%;
}
.benefitList .prd > a {
    height: 350px;
    float: none;
}
.benefitList .banner {
    max-width: 1169px;
    position: relative;
    margin: 50px 0;
    height: auto;
    border-left: none;
    border-right: none;
}
.benefitList .banner .swiper-slide {
    padding: 0;
    height: auto;
    float: none;
    border: none;
    width: 100vw;
}
.benefitList .banner .swiper-slide::before {
    display: none;
}
.benefitList .prd:nth-child(-n+4) a,
.benefitList .prd:nth-child(n+10):nth-child(-n+13) a {
    border-top: 1px solid #e1e1e1;
}
.benefitList .prd:nth-child(1) a,
.benefitList .prd:nth-child(5) a,
.benefitList .prd:nth-child(4n + 10) a {
    border-left: 1px solid #e1e1e1;
}

/* 배너가 없는 경우 */
.benefitList:not(:has(.banner)) .prd:nth-child(4n + 10) a{border-left:none}
.benefitList:not(:has(.banner)) .prd:nth-child(n+10):nth-child(-n+13) a{border-top:none;}
.benefitList:not(:has(.banner)) .prd:nth-child(4n+1) a{border-left:1px solid #e1e1e1;}

@media (max-width: 1200px) {
    .bannerSwiper.pageTop {
        margin: 40px auto 0;
        width: 950px;
    }
    
    .benefitList .prd > a {
        width: auto;
        height: 385px;
    }
    
    .benefitList a:nth-child(-n+4) {
        border-top: none;
    }
    
    .benefitList .banner {
        max-width: 100%;
    }
}

@media (max-width: 1000px) {
    .mainCon .bannerSwiper {
        margin: 33px 0 58px;
    }

    .bannerSwiper.pageTop {
        margin: 10px auto 0;
        width: calc(100% - 10%);
    }

    .bannerSwiper .swiper-slide .pc {
        display: none;
    }

    .bannerSwiper .swiper-slide .mo {
        display: block;
        margin: 0 auto;
    }

    .bannerSwiper .swiperUtil {
        right: 12px;
        bottom: 12px;
        width: 49px;
        height: 22px;
    }

    .bannerSwiper .swiperUtil .swiper-pagination {
        margin-top: -6px;
        font-size: 12px;
    }

    .bannerSwiper .swiperUtil .swiper-button-next,
    .bannerSwiper .swiperUtil .swiper-button-prev {
        display: none;
    }

    .benefitList .prd {
        flex: 0 0 50%;
        height: auto;
    }

    .benefitList .banner {
        max-width: 100%;
        margin: 50px 0;
        flex: 0 0 100%;
        height: auto;
    }

    .benefitList .prd > a {
        height: 370px;
    }

    .benefitList .prd:nth-child(-n+4) a,
    .benefitList .prd:nth-child(n+10):nth-child(-n+13) a {
        border-top: none;
    }

    .benefitList .prd:nth-child(1) a,
    .benefitList .prd:nth-child(5) a,
    .benefitList .prd:nth-child(4n + 10) a {
        border-left: none;
    }

    .benefitList .prd:nth-child(-n+2) a,
    .benefitList .prd:nth-child(10) a,
    .benefitList .prd:nth-child(11) a {
        border-top: 1px solid #e1e1e1 !important;
    }

    .benefitList .prd:nth-child(-n+7):nth-child(odd) a,
    .benefitList .prd:nth-child(n+10):nth-child(even) a {
        border-left: 1px solid #e1e1e1;
    }

    .benefitList .bannerSwiper .swiperUtil {
        right: 0;
        bottom: 0;
        border-radius: 0;
    }

	/* 배너가 없는 경우 */

	.benefitList:not(:has(.banner)) .prd:nth-child(-n+7):nth-child(odd) a,
    .benefitList:not(:has(.banner)) .prd:nth-child(n+10):nth-child(even) a {
        border-left: none
    }

	.benefitList:not(:has(.banner)) .prd:nth-child(odd) a{border-left:1px solid #e1e1e1!important;}
	.benefitList:not(:has(.banner)) .prd:nth-child(10) a,
    .benefitList:not(:has(.banner)) .prd:nth-child(11) a {
        border-top: none !important;
    }

	


}

@media (max-width: 758px) {
    .bannerSwiper.pageTop {
        margin: 0 auto 50px;
        width: calc(100% - 6%);
    }

    .benefitList .prd > a {
        height: 240px;
    }

    .cardDiv01 + .bannerSwiper {
        margin-top: 15px;
    }

    .cardDiv01.noCard + .bannerSwiper {
        margin-top: 75px;
    }
}




/* // 202408 스폰서 배너 관련 스타일 추가 */

/* s : 20241022 월드 mbti 추천코스 */

	/* 결과 페이지 */
	.subVisArea.type9 {
		height: 275px;
		background: url('/common/images/icon/worldMbti/worldMbti_bg.jpg') no-repeat 50% 0;
	}

	.subVisArea.type9 h2.cWhite {
		padding-top: 10px;
	}

	.subVisArea.type9 + .container {
		width: 100%;
		margin-bottom: -130px;
	}

	@media (max-width: 1000px) {
		.subVisArea.type9 + .container {
			padding: 0;
		}
	}

	.worldMbti {
		max-width: 1920px;
		margin: 0 auto;
	}

	.worldMbti .Cont1 .top {
		display: flex;
		padding-top: 3.75rem;
		gap: 3.3125rem;
	}

	.worldMbti .Cont1 .top .left_character, .worldMbti .Cont1 .top .right_character {
		position: relative;
		width: 30%;
	}

	.worldMbti .Cont1 .result_character {
		width: 40%;
	}

	.worldMbti .Cont1 .result_character .character_info {
		/* display: flex;
		gap: 0.9375rem;
		justify-content: space-between;
		align-items: center;
		border: 1px solid #dcdcdc;
		border-radius: 1.875rem;
		padding: 1.5625rem 3.125rem 1.5625rem 3.75rem; */
		overflow: hidden;
		display: flex;
		justify-content: center;
		text-align: center;
	}

	.worldMbti .Cont1 .result_character .character_info .img_area img {
		width: 14.875rem;
		height: 14.875rem;
	}

	.worldMbti .Cont1 .result_character .Cname {
		font-size: 2.25rem;
		color: #333;
		text-align: center;
		padding-top: 0.75rem;
		padding-bottom: 3.4375rem;
		letter-spacing: -0.067vw;
	}

	.worldMbti .Cont1 .result_character .Cname.mo-only {
		display: none;
	}

	.worldMbti .Cont1 .result_character .Cinfo {
		font-size: 2rem;
		color: #621ae6;
		text-align: center;
		padding-top: 4.0625rem;
		line-height: 1.3;
	}

	.worldMbti .Cont1 .result_character .Cinfo2 {
		padding-top: 0;
	}

	.worldMbti .Cont1 .result_character .Ctxt {
		font-size: 1.125rem;
		color: #555555;
		text-align: center;
		padding-top: 1.875rem;
		line-height: 1.5;
		white-space: pre-wrap;
	}

	.worldMbti .Cont1 .uiBadgeEnter {
		position: absolute;
	}

	.worldMbti .Cont1 .left_character.pc, .worldMbti .Cont1 .right_character.pc {
		display: block;
	}

	.worldMbti .Cont1 .left_character.mo, .worldMbti .Cont1 .right_character.mo {
		display: none;
	}

	.worldMbti .Cont1 .left_character .uiBadgeEnter:nth-child(1) {
		top: 35%;
		left: 18%;
	}

	.worldMbti .Cont1 .left_character .uiBadgeEnter:nth-child(2) {
		top: 14%;
		left: 53%;
	}

	.worldMbti .Cont1 .left_character .uiBadgeEnter:nth-child(3) {
		top: 48%;
		left: 80%;
	}

	.worldMbti .Cont1 .left_character .uiBadgeEnter:nth-child(4) {
		top: 18%;
		left: 112%;
	}

	.worldMbti .Cont1 .right_character .uiBadgeEnter:nth-child(1) {
		top: 41%;
		left: -34.5%;
	}

	.worldMbti .Cont1 .right_character .uiBadgeEnter:nth-child(2) {
		top: 13%;
		left: -4%;
	}

	.worldMbti .Cont1 .right_character .uiBadgeEnter:nth-child(3) {
		top: 35%;
		left: 35%;
	}

	.worldMbti .Cont1 .right_character .uiBadgeEnter:nth-child(4) {
		top: 12%;
		left: 72%;
	}

	.worldMbti .Cont1 .uiBadgeEnter {
		animation-name: bounceForward;
		animation-timing-function: ease-in-out;
		animation-fill-mode: forwards;
		animation-duration: 7s;
		animation-iteration-count: infinite;
	}

	.worldMbti .Cont1 .uiBadgeEnter:nth-child(1) {
		animation-delay: .3s;
		animation-duration: 6s;
	}

	.worldMbti .Cont1 .uiBadgeEnter:nth-child(2) {
		animation-name: bounceReverse;
		animation-delay: .1s;
		animation-duration: 6s;
	}
	
	.worldMbti .Cont1 .uiBadgeEnter:nth-child(3) {
		animation-name: bounceReverse;
		animation-delay: .2s;
		animation-duration: 6s;
	}

	.worldMbti .Cont1 .uiBadgeEnter:nth-child(4) {
		/* animation-name: bounceReverse; */
		animation-delay: .3s;
		animation-duration: 6s;
	}

	.worldMbti .Cont1 .right_character .uiBadgeEnter:nth-child(1) {
		animation-name: bounceReverse;
	}


	@keyframes bounceForward {

		0%,
		100% {
			transform: translateY(0);
		}

		50% {
			transform: translateY(0.781vw);
		}
	}

	@keyframes bounceReverse {

		0%,
		100% {
			transform: translateY(0);
		}

		50% {
			transform: translateY(-0.781vw);
		}
	}

	.worldMbti .Cont1 .bottom {
		margin-top: 8.125rem;
		/* background-size: contain; */
		display: flex;
		flex-direction: column;
		align-items: center;
		/* padding: 0px 6.771vw 0px; */
		position: relative;
		min-height: 57.5rem;
	}

	.worldMbti .Cont1 .bottom .hide-txt {
		/* font-size: 0;
		text-indent: -9999px;
		background: url('/common/images/icon/worldMbti/course_tit.png') no-repeat 0 0;
		background-size: contain;
		width: 17.875rem;
		height: 2.5rem; */
		font-size: 2.25rem;
		color: #333;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
		letter-spacing: -0.067vw;
	}

	.worldMbti .Cont1 .bottom .swiperWrap {
		text-align: center;
		overflow: hidden;
		position: relative;
	}

	.worldMbti .Cont1 .bottom .swiperWrap img {
		/* width: 100%; */
		object-fit: cover;
	}

	.worldMbti .Cont1 .bottom .swiperWrap .swiperBg img {
		object-fit: cover;
		/* width: 17.813vw; */
	}

	.worldMbti .Cont1 .bottom .swiperWrap .swiperBg .pc-only {
		display: block;
	}

	.worldMbti .Cont1 .bottom .swiperWrap .swiperBg .mo-only {
		display: none;
	}

	.worldMbti .Cont1 .bottom .swiperWrap .pc-only {
		display: block;
	}

	.worldMbti .Cont1 .bottom .swiperWrap .mo-only {
		display: none;
	}

	.worldMbti .Cont1 .bottom .swiperBox {
		position: absolute;
		top: 45%;
		left: 50%;
		width: calc(1840px - 104px);
		display: flex;
		align-items: center;
		transform: translate(-50%, -50%);
	}

	.worldMbti .Cont1 .bottom .swiperBox .swiperBg {
		position: relative;
	}

	.worldMbti .Cont1 .bottom .swiper-container.middle {
		position: absolute;
		top: 0;
	}

	.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide .slideWrap {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 2rem;
	}

	.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide a {
		text-align: center;
	}

	.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide p.category {
		font-size: 1rem;
		/* font-size: 0.833vw; */
		color: #333333;
		text-align: center;
		padding: 1.25rem 1.5625rem .625rem;
		/* padding: 1.042vw 1.302vw 0.521vw; */
		word-break: break-all;
	}

	.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide h2.tit {
		font-size: 1.375rem;
		/* font-size: 1.146vw; */
		color: #333333;
		min-height: 5rem;
		/* min-height: 4.167vw; */
		max-height: 5rem;
		/* max-height: 4.167vw; */
		overflow: hidden;
		padding: 0 1.5625rem .625rem ;
		/* padding: 0 1.302vw 0.521vw; */
		line-height: 1.2;
		word-break: break-all;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide .imgBox {
		width: 17.1875rem;
		/* width: 14.323vw; */
		/* min-width: 14.323vw; */
		max-width: 275px;
		/* max-width: 14.323vw; */
		height: 15.3125rem;
		/* height: 12.76vw; */
		/* min-height: 12.76vw; */
		max-height: 245px;
		/* max-height: 12.76vw; */
		margin: 0 auto;
		overflow: hidden;
		border-radius: 1.25rem;
		/* border-radius: 1.042vw; */
	}

	.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide .imgBox img {
		object-fit: cover;
		width: 100%;
		height: 100%;
		object-position: top;
	}

	.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide .labelWrap {
		/* padding: 1.823vw 1.302vw 0.521vw 2.188vw; */
		padding: 2.1875rem 1.5625rem .625rem 2.625rem;
		min-height: 3.75rem;
		/* min-height: 3.125vw; */
	}

	.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide .labelWrap p.label {
		font-size: 1rem;
		/* font-size: 0.833vw; */
		color: #555555;
		position: relative;
		padding-left: 2rem;
		/* padding-left: 1.667vw; */
		text-align: left;
		line-height: 1.3;
		/* overflow: hidden; */
		max-height: 1.9375rem;
		/* max-height: 1.604vw; */
	}

	.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide .labelWrap p.label::before {
		position: absolute;
		width: 1.25rem;
		/* width: 1.042vw; */
		height: 1.25rem;
		/* height: 1.042vw; */
		left: 0;
		top: 1px;
		content: '';
		background: url("/common/images/icon/worldMbti/label_ico.png") no-repeat center top;
		background-size: contain;
	}

	.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide .labelWrap p.label.location::before {
		width: 1.125rem;
		height: 1.5rem;
		background: url("/common/images/icon/worldMbti/label_location_ico.png") no-repeat center top;
		background-size: cover;
		top: 0;
	}

	.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide .labelWrap p.label.time::before {
		width: .9375rem;
		height: 1.5rem;
		background: url("/common/images/icon/worldMbti/label_time_ico.png") no-repeat center top;
		background-size: cover;
		top: -1px;
		left: 1px;
	}

	.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide .labelWrap p.label.open::before {
		width: 1.1875rem;
		height: 1.1875rem;
		background: url("/common/images/icon/worldMbti/label_open_ico.png") no-repeat center top;
		background-size: cover;
		top: 2px;
	}

	.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide .labelWrap p.label.tall::before {
		width: 1.0625rem;
		height: 1.5rem;
		background: url("/common/images/icon/worldMbti/label_tall_ico.png") no-repeat center top;
		background-size: cover;
		top: -2px;
	}

	.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide .labelWrap p.label:first-child {
		margin-bottom: .9375rem;
		/* margin-bottom: 0.781vw; */
	}

	.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide .tagWrap {
		display: flex;
		padding: 0 1.5625rem 0 2.0625rem;
		gap: .625rem;
		min-height: 1.5625rem;
	}

	.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide .tagWrap p.tag {
		font-size: 1rem;
		/* font-size: 0.833vw; */
		color: #555555;
		background: #ebebeb;
		padding: .4375rem .9375rem .5625rem;
		/* padding: 0.365vw 0.781vw 0.469vw; */
		border-radius: 1rem;
		/* border-radius: 0.833vw; */
	}

	.worldMbti .Cont1 .swiper-button-next {
		background: url("/common/images/icon/worldMbti/result_swiper_right.png") no-repeat center center;
		background-size: contain;
		width: 2.8125rem;
		/* width: 2.344vw; */
		height: 2.8125rem;
		/* height: 2.344vw; */
		right: 39.9%;
		transform: translateX(50%);
	}

	.worldMbti .Cont1 .swiper-button-prev {
		background: url("/common/images/icon/worldMbti/result_swiper_left.png") no-repeat center center;
		background-size: contain;
		width: 2.8125rem;
		/* width: 2.344vw; */
		height: 2.8125rem;
		/* height: 2.344vw; */
		left: 39.3%;
		transform: translateX(-50%);
	}

	.worldMbti .Cont1 .swiper-container.middle {
		flex-shrink: 0;
		width: 23.375rem;
		/* width: 17.813vw; */
		height: 43.75rem;
		/* height: 36.458vw; */
		/* padding: 0 1.6875rem; */
		box-sizing: content-box;
	}

	.worldMbti .Cont1 .swiper-container.middle .swiper-wrapper {
		height: 100%;
	}

	.worldMbti .Cont1 .swiper-container.middle .swiper-slide .category,
	.worldMbti .Cont1 .swiper-container.middle .swiper-slide .tit,
	.worldMbti .Cont1 .swiper-container.middle .swiper-slide .labelWrap,
	.worldMbti .Cont1 .swiper-container.middle .swiper-slide .tagWrap,
	.worldMbti .Cont1 .swiper-container.middle .swiper-slide .timeInfo {
		opacity: 0;
	}

	.worldMbti .Cont1 .swiper-container.middle .swiper-slide.swiper-slide-active .category,
	.worldMbti .Cont1 .swiper-container.middle .swiper-slide.swiper-slide-active .tit,
	.worldMbti .Cont1 .swiper-container.middle .swiper-slide.swiper-slide-active .labelWrap,
	.worldMbti .Cont1 .swiper-container.middle .swiper-slide.swiper-slide-active .tagWrap,
	.worldMbti .Cont1 .swiper-container.middle .swiper-slide.swiper-slide-active .timeInfo {
		opacity: 1;
		transition: opacity 1.5s;
		transition-delay: 0.5s;
	}

	.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide.swiper-slide-active a {
		width: 100%;
	}

	.worldMbti .Cont1 .swiper-container.left {
		width: calc(100% - 514px / 2);
		margin-right: auto;
		margin-left: 0;
		/* padding-top: 4.375rem; */
		padding-top: 2.1rem;
	}

	.worldMbti .Cont1 .swiper-container.right {
		width: calc(100% - 514px / 2);
		margin-left: auto;
		margin-right: 0;
		/* padding-top: 4.375rem; */
		padding-top: 2.1rem;
	}

	.worldMbti .Cont1 .swiper-container.right .swiper-slide,
	.worldMbti .Cont1 .swiper-container.left .swiper-slide {
		position: relative;
	}

	.worldMbti .Cont1 .swiper-container.right .swiper-slide .dimd,
	.worldMbti .Cont1 .swiper-container.left .swiper-slide .dimd {
		width: 17.1875rem;
		max-width: 275px;
		height: 15.3125rem;
		max-height: 245px;
		background: hsla(0, 0%, 0%, 0.64);
		position: absolute;
		z-index: 1;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		border-radius: 1.25rem;
	}

	.worldMbti .Cont1 .swiper-container.right .swiper-slide .dimd .time,
	.worldMbti .Cont1 .swiper-container.left .swiper-slide .dimd .time {
		position: relative;
		width: 100%;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: .3125rem;
	}

	.worldMbti .Cont1 .swiper-container.right .swiper-slide .dimd .time span,
	.worldMbti .Cont1 .swiper-container.left .swiper-slide .dimd .time span {
		width: 1.5rem;
		height: 3rem;
		display: inline-block;
	}

	.worldMbti .Cont1 .swiper-container.middle .swiper-slide .timeInfo {
		/* position: absolute; */
		width: 12.8125rem;
		/* width: 10.677vw; */
		height: 3.875rem;
		/* height: 3.229vw; */
		z-index: 2;
		background-size: cover;
		/* top: -6.25rem;
		left: 50%;
		transform: translateX(-50%); */
		opacity: 0;
	}

	.worldMbti .Cont1 .swiper-container.middle .swiper-slide .timeInfo .time {
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.26vw;
		padding-left: 1.563vw;
	}

	.worldMbti .Cont1 .swiper-container.middle .swiper-slide .timeInfo .time span {
		width: 1.0625rem;
		/* width: 0.885vw; */
		height: 2.375rem;
		/* height: 1.979vw; */
		display: inline-block;
	}

	.worldMbti .Cont1 .swiper-container.right .swiper-slide .dimd .time .timeBar,
	.worldMbti .Cont1 .swiper-container.left .swiper-slide .dimd .time .timeBar,
	.worldMbti .Cont1 .swiper-container.middle .swiper-slide .timeInfo .time .timeBar {
		width: 0.313vw;
		height: 1.146vw;
		background: url("/common/images/icon/worldMbti/timeBar.png") no-repeat center center;
		background-size: cover;
	}

	.worldMbti .Cont1 .swiper-container.right .swiper-slide .dimd .time .time0,
	.worldMbti .Cont1 .swiper-container.left .swiper-slide .dimd .time .time0,
	.worldMbti .Cont1 .swiper-container.middle .swiper-slide .timeInfo .time .time0 {
		background: url("/common/images/icon/worldMbti/time0.png") no-repeat center center;
		background-size: cover;
	}

	.worldMbti .Cont1 .swiper-container.right .swiper-slide .dimd .time .time1,
	.worldMbti .Cont1 .swiper-container.left .swiper-slide .dimd .time .time1,
	.worldMbti .Cont1 .swiper-container.middle .swiper-slide .timeInfo .time .time1 {
		background: url("/common/images/icon/worldMbti/time1.png") no-repeat center center;
		background-size: cover;
	}

	.worldMbti .Cont1 .swiper-container.right .swiper-slide .dimd .time .time2,
	.worldMbti .Cont1 .swiper-container.left .swiper-slide .dimd .time .time2,
	.worldMbti .Cont1 .swiper-container.middle .swiper-slide .timeInfo .time .time2 {
		background: url("/common/images/icon/worldMbti/time2.png") no-repeat center center;
		background-size: cover;
	}

	.worldMbti .Cont1 .swiper-container.right .swiper-slide .dimd .time .time3,
	.worldMbti .Cont1 .swiper-container.left .swiper-slide .dimd .time .time3,
	.worldMbti .Cont1 .swiper-container.middle .swiper-slide .timeInfo .time .time3 {
		background: url("/common/images/icon/worldMbti/time3.png") no-repeat center center;
		background-size: cover;
	}

	.worldMbti .Cont1 .swiper-container.right .swiper-slide .dimd .time .time4,
	.worldMbti .Cont1 .swiper-container.left .swiper-slide .dimd .time .time4,
	.worldMbti .Cont1 .swiper-container.middle .swiper-slide .timeInfo .time .time4 {
		background: url("/common/images/icon/worldMbti/time4.png") no-repeat center center;
		background-size: cover;
	}

	.worldMbti .Cont1 .swiper-container.right .swiper-slide .dimd .time .time5,
	.worldMbti .Cont1 .swiper-container.left .swiper-slide .dimd .time .time5,
	.worldMbti .Cont1 .swiper-container.middle .swiper-slide .timeInfo .time .time5 {
		background: url("/common/images/icon/worldMbti/time5.png") no-repeat center center;
		background-size: cover;
	}

	.worldMbti .Cont1 .swiper-container.right .swiper-slide .dimd .time .time6,
	.worldMbti .Cont1 .swiper-container.left .swiper-slide .dimd .time .time6,
	.worldMbti .Cont1 .swiper-container.middle .swiper-slide .timeInfo .time .time6 {
		background: url("/common/images/icon/worldMbti/time6.png") no-repeat center center;
		background-size: cover;
	}

	.worldMbti .Cont1 .swiper-container.right .swiper-slide .dimd .time .time7,
	.worldMbti .Cont1 .swiper-container.left .swiper-slide .dimd .time .time7,
	.worldMbti .Cont1 .swiper-container.middle .swiper-slide .timeInfo .time .time7 {
		background: url("/common/images/icon/worldMbti/time7.png") no-repeat center center;
		background-size: cover;
	}

	.worldMbti .Cont1 .swiper-container.right .swiper-slide .dimd .time .time8,
	.worldMbti .Cont1 .swiper-container.left .swiper-slide .dimd .time .time8,
	.worldMbti .Cont1 .swiper-container.middle .swiper-slide .timeInfo .time .time8 {
		background: url("/common/images/icon/worldMbti/time8.png") no-repeat center center;
		background-size: cover;
	}

	.worldMbti .Cont1 .swiper-container.right .swiper-slide .dimd .time .time9,
	.worldMbti .Cont1 .swiper-container.left .swiper-slide .dimd .time .time9,
	.worldMbti .Cont1 .swiper-container.middle .swiper-slide .timeInfo .time .time9 {
		background: url("/common/images/icon/worldMbti/time9.png") no-repeat center center;
		background-size: cover;
	}

	.worldMbti .Cont1 .swiper-container .swiper-slide {
		/* padding:0 27px; */
		box-sizing: border-box;
	}

	.worldMbti .Cont1 .swiper-container .swiper-slide > a {
		position: relative;
		width: 100%;
		height: 100%;
		padding: 0 1.5625rem;
		box-sizing: border-box;
	}

	.worldMbti .Cont1 .swiper-container .swiper-slide .img {
		overflow: hidden;
		position: relative;
		width: 100%;
		width: 17.1875rem;
		/* min-width: 14.323vw; */
		max-width: 275px;
		height: 15.3125rem;
		/* min-height: 12.76vw; */
		max-height: 245px;
		margin:0 auto;
		border-radius: 1.25rem;
	}

	.worldMbti .Cont1 .swiper-container .swiper-slide .img:after {
		display: block;
		padding-top: 100%;
		content: "";
	}

	.worldMbti .Cont1 .swiper-container .swiper-slide .img img {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: top;
		transform: translate(-50%, -50%);
		transition: all 0.4s;
	}

	.worldMbti .Cont1 .swiper-container.middle .swiper-slide .img {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 100%;
		transform: translate(-50%, -50%);
	}

	.worldMbti .Cont1 .bottom .swiperWrap .btmWrap {
		position: absolute;
		bottom: 4.6875rem;
		left: 50%;
		transform: translateX(-50%);
		display: flex;
		gap: 1.125rem;
	}

	.worldMbti .Cont1 .bottom .swiperWrap .btmWrap a {
		display: flex;
		align-items: center;
		gap: .625rem;
		background: #fff;
	}

	@media (max-width: 1600px) {
		.worldMbti .Cont1 .top .left_character, .worldMbti .Cont1 .top .right_character {
			width: 25%;
		}

		.worldMbti .Cont1 .result_character {
			width: 50%;
		}   
	}

	@media (max-width: 1400px) {
		.worldMbti .Cont1 .top .left_character, .worldMbti .Cont1 .top .right_character {
			width: 20%;
		}

		.worldMbti .Cont1 .result_character {
			width: 60%;
		}
		
		.worldMbti .Cont1 .left_character .uiBadgeEnter:nth-child(1) {
			top: 27%;
			left: 30%;
		}

		.worldMbti .Cont1 .left_character .uiBadgeEnter:nth-child(3) {
			top: 44%;
			left: 156%;
		}

		.worldMbti .Cont1 .left_character .uiBadgeEnter:nth-child(4) {
			top: 5%;
			left: 110%;
		}

		.worldMbti .Cont1 .left_character .uiBadgeEnter:nth-child(2) {
			display: none;
		}

		.worldMbti .Cont1 .right_character .uiBadgeEnter:nth-child(1) {
			top: 19%;
			left: -104.5%;
		}

		.worldMbti .Cont1 .right_character .uiBadgeEnter:nth-child(3) {
			top: 41%;
			left: -32%;
		}

		.worldMbti .Cont1 .right_character .uiBadgeEnter:nth-child(4) {
			top: 12%;
			left: 32%;
		}

		.worldMbti .Cont1 .right_character .uiBadgeEnter:nth-child(2) {
			display: none;
		}

	}

	@media (max-width: 1024px) {
		.worldMbti .Cont1 .result_character .character_info {
			border: 0;
			flex-direction: column-reverse;
		}

		.worldMbti .Cont1 .result_character .character_info .img_area {
			position: relative;
		}

		.worldMbti .Cont1 .result_character .character_info .img_area img {
			width: 19.625rem;
			height: 19.625rem;
			object-fit: contain;
		}

		.worldMbti .Cont1 .result_character .character_info .img_area .uiBadgeEnter {
			width: 6.6875rem;
			height: 6.6875rem;
		}

		.worldMbti .Cont1 .result_character {
			width: 100%;
		}

		.worldMbti .Cont1 .top .left_character, .worldMbti .Cont1 .top .right_character {
			/* width: 0; */
		}

		.worldMbti .Cont1 .result_character .character_info .txt_area {
			/* border: 1px solid #dcdcdc; */
			border-radius: 1.875rem;
			padding: 3.5rem 2.375rem;
		}

		.worldMbti .Cont1 .result_character .Cname {
			font-size: 2.5rem;
			text-align: center;
			padding-top: 6.875rem;
			padding-bottom: 2.1875rem;
		}

		.worldMbti .Cont1 .result_character .Cname.pc-only {
			display: none;
		}

		.worldMbti .Cont1 .result_character .Cname.mo-only {
			display: block;
		}

		.worldMbti .Cont1 .result_character .Cinfo {
			font-size: 2.75rem;
			text-align: center;
			padding-top: 0;
		}

		.worldMbti .Cont1 .result_character .Cinfo2 {
			padding-top: 0;
		}

		.worldMbti .Cont1 .result_character .Ctxt {
			font-size: 2rem;
			text-align: center;
			padding-top: 2.5rem;
		}

		.worldMbti .Cont1 .left_character.pc, .worldMbti .Cont1 .right_character.pc {
			display: none;
		}

		.worldMbti .Cont1 .left_character.mo, .worldMbti .Cont1 .right_character.mo {
			display: block;
			position: relative;
		}

		.worldMbti .Cont1 .left_character .uiBadgeEnter:nth-child(1) {
			display: block;
			left: 65%;
			top: 11.875rem;
		}

		.worldMbti .Cont1 .left_character .uiBadgeEnter:nth-child(2) {
			display: block;
			left: 0%;
			top: 2.875rem;
		}

		.worldMbti .Cont1 .right_character .uiBadgeEnter:nth-child(1) {
			display: block;
			left: 350%;
			top: -20.3125rem;
		}

		.worldMbti .Cont1 .right_character .uiBadgeEnter:nth-child(2) {
			display: block;
			left: 440%;
			top: -8.125rem;
		}
	}

	@media (max-width: 758px) {
		.subVisArea.type9 {
			background: url('/common/images/icon/worldMbti/worldMbti_bg_m2.jpg') no-repeat 50% 50%;
			height: 300px;
			background-size: cover;
		} 

		.subVisArea.type9 .h2Txt {
			position: relative;
		}

		.subVisArea.type9 .h2Txt::before {
			position: absolute;
			display: block;
			content: '';
			width: 22.933vw;
			height: 16.133vw;
			background: url('/common/images/icon/worldMbti/worldMbti_bg_m_character1.png') no-repeat;
			background-size: cover;
			left: 10.667vw;
			top: 150%;
		}

		.subVisArea.type9 .h2Txt::after {
			position: absolute;
			display: block;
			content: '';
			width: 24.533vw;
			height: 19.067vw;
			background: url('/common/images/icon/worldMbti/worldMbti_bg_m_character2.png') no-repeat;
			background-size: cover;
			right: 10.667vw;
			top: 120%;
		}
		
		.subVisArea.type9 + .container {
			padding: 0;
			margin-bottom: -100px;
		}

		.worldMbti .Cont1 .top {
			padding-top: 0;
		}

		.worldMbti .Cont1 .bottom .swiperBox {
			width: 100%;
			justify-content: center;
			top: 64vw;
		}

		.worldMbti .Cont1 .bottom {
			margin-top: 14vw;
			min-height: auto;
		}

		.worldMbti .Cont1 .bottom .swiperWrap {
			margin-top: 10vw;
			padding-top: 40vw;
		}

		.worldMbti .Cont1 .bottom .swiperWrap .pc-only {
			display: none;
		}

		.worldMbti .Cont1 .bottom .swiperWrap .mo-only {
			display: block;
		}

		.worldMbti .Cont1 .bottom .swiperWrap > .mo-only {
			height: 135.667vw;
		}

		.worldMbti .Cont1 .result_character .character_info {
			padding: 4vw 4.667vw 0;
			gap: 8.4vw;
		}

		.worldMbti .Cont1 .bottom .hide-txt {
			/* background: url('/common/images/icon/worldMbti/course_tit_m.png') no-repeat 0 0;
			width: 61.333vw;
			height: 9.333vw;
			background-size: contain; */
			font-size: 5.333vw;
		}

		.worldMbti .Cont1 .result_character .character_info .img_area img {
			/* width: 9.8125rem;
			height: 9.8125rem; */
			width: 41.867vw;
			height: 41.867vw;
			object-fit: contain;
		}

		.worldMbti .Cont1 .result_character .character_info .img_area .uiBadgeEnter {
			/* width: 3.34375rem;
			height: 3.34375rem; */
			width: 10.6vw;
			height: 10.6vw;
		}

		.worldMbti .Cont1 .result_character .character_info .txt_area {
			/* border-radius: 1.875rem;
			padding: 1.75rem 1.1875rem; */
			border-radius: 4vw;
			padding: 3.467vw 7.067vw;
		}

		.worldMbti .Cont1 .result_character .Cname {
			/* font-size: 1.375rem; */
			font-size: 5.333vw;
			padding-top: 10vw;
			padding-bottom: 0;
		}

		.worldMbti .Cont1 .result_character .Cinfo {
			/* font-size: 1.1875rem;
			padding-top: 1.34375rem; */
			font-size: 5.867vw;
			padding-top: 6vw;
		}

		.worldMbti .Cont1 .result_character .Cinfo2 {
			padding-top: 0;
		}

		.worldMbti .Cont1 .result_character .Ctxt {
			/* font-size: 1rem;
			padding-top: 1.40625rem; */
			font-size: 4.267vw;
			padding-top: 5.333vw;
		}

		.worldMbti .Cont1 .left_character .uiBadgeEnter:nth-child(1) {
			/* left: -6.3125rem;
			top: -1.125rem; */
			left: -6.5vw;
			top: -1.4vw;
		}

		.worldMbti .Cont1 .left_character .uiBadgeEnter:nth-child(2) {
			/* left: -4.75rem;
			top: 5.875rem; */
			left: 4.5vw;
			top: 24.4vw;
		}

		.worldMbti .Cont1 .right_character .uiBadgeEnter:nth-child(1) {
			/* left: 10.6875rem;
			top: -11.3125rem; */
			left: 58.5vw;
			top: -39.5vw;
		}

		.worldMbti .Cont1 .right_character .uiBadgeEnter:nth-child(2) {
			/* left: 12.125rem;
			top: -3.125rem; */
			left: 71vw;
			top: -13vw;
		}

		.worldMbti .Cont1 .bottom .swiperWrap .swiperBg img {
			/* width: 52.667vw; */
			width: 61.333vw;
		}

		.worldMbti .Cont1 .bottom .swiperWrap .swiperBg .pc-only {
			display: none;
		}

		.worldMbti .Cont1 .bottom .swiperWrap .swiperBg .mo-only {
			display: block;
		}

		.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide .slideWrap {
			gap: 4.667vw;
		}


		.worldMbti .Cont1 .swiper-container.left {
			padding-top: 4.375rem;
		}

		.worldMbti .Cont1 .swiper-container.right {
			padding-top: 4.375rem;
		}

		.worldMbti .Cont1 .swiper-container.middle {
			/* width: 52.667vw; */
			width: 61.333vw;
			height: 125.333vw;
		}

		.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide .imgBox {
			width: 53.2vw;
			max-width: none;
			height: 47.333vw;   
			max-height: none;
			border-radius: 4vw;
		}

		.worldMbti .Cont1 .swiper-container.middle .swiper-slide .timeInfo {
			width: 35.333vw;
			height: 10.4vw;
		}

		.worldMbti .Cont1 .swiper-container.middle .swiper-slide .timeInfo .time {
			padding-left: 4.563vw;
		}

		.worldMbti .Cont1 .swiper-container.middle .swiper-slide .timeInfo .time span {
			width: 2.8vw;
			height: 6.133vw;
		}

		.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide p.category {
			font-size: 3.467vw;
			padding: 6.667vw 2.667vw 2vw;
		}

		.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide h2.tit {
			font-size: 4vw;
			min-height: 13.333vw;
			max-height: 13.333vw;
			padding: 0 2.667vw 3.333vw;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
		}

		.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide .labelWrap {
			padding: 4vw 4vw 4vw 5vw;
			min-height: 11vw;
		}

		.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide .labelWrap p.label:first-child {
			margin-bottom: 4vw;
		}

		.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide .labelWrap p.label {
			font-size: 3.467vw;
			padding-left: 4vw;
			max-height: 8.7vw;
			overflow: hidden;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}

		.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide .labelWrap p.label::before {
			width: 2.667vw;
			height: 2.667vw;
			top: 4px;
		}

		.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide .labelWrap p.label.location::before {
			width: 2.667vw;
			height: 3.333vw;
			background-size: contain;
			top: 1px;
		}

		.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide .labelWrap p.label.time::before {
			width: 3vw;
			height: 4vw;
			background-size: contain;
			top: 0px;
			left: -1px;
		}

		.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide .labelWrap p.label.open::before {
			width: 3.2vw;
			height: 3.2vw;
			background-size: contain;
		}

		.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide .labelWrap p.label.tall::before {
			width: 2.533vw;
			height: 3.6vw;
			background-size: contain;
			top: 2px;
		}

		.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide .tagWrap {
			padding: 0vw 4vw 0vw 7vw;
		}

		.worldMbti .Cont1 .bottom .swiper-container.middle .swiper-slide .tagWrap p.tag {
			font-size: 3.467vw;
			padding: 1.333vw;
			white-space: nowrap;
			border-radius: 2.667vw;
		}

		.worldMbti .Cont1 .swiper-container.left {
			/* width: 20%;
			margin-right: 4vw; */
			display: none;
		}

		.worldMbti .Cont1 .swiper-container.right {
			/* width: 20%;
			margin-left: 4vw; */
			display: none;
		}

		.worldMbti .Cont1 .swiper-container.middle .swiper-slide .timeInfo .time {
			padding-left: 5.563vw;
			gap: 1vw;
		}

		.worldMbti .Cont1 .swiper-container.middle .swiper-slide .timeInfo .time .timeBar {
			height: 3.146vw;
			width: 0.6vw;
		}

		.worldMbti .Cont1 .swiper-button-next {
			/* display: none; */
			right: 15%;
		}

		.worldMbti .Cont1 .swiper-button-prev {
			/* display: none; */
			left: 15%;
		}

		.worldMbti .Cont1 .swiper-container.left .swiper-wrapper {
			border-radius: 4vw;
			/* overflow: hidden; */
		}

		.worldMbti .Cont1 .swiper-container.right .swiper-slide .dimd, 
		.worldMbti .Cont1 .swiper-container.left .swiper-slide .dimd {
			top: 0;
			left: 0;
			transform: translate(0);
			border-radius: 4vw;
			width: 53.2vw;
			height: 47.333vw;
		}

		.worldMbti .Cont1 .swiper-container .swiper-slide .img {
			width: 53.2vw;
			height: 47.333vw;
			border-radius: 4vw;
		}
		
		.worldMbti .Cont1 .bottom .swiperWrap .btmWrap {
			flex-direction: column;
			bottom: 8vw;
			gap: 4.667vw;
		}

		.worldMbti .Cont1 .bottom .swiperWrap .btmWrap a {
			font-size: 3.733vw;
			width: 61.333vw;
			justify-content: center;
			padding: 2vw 0;
			border-radius: 10vw;
			height: 1.563vw;
			line-height: 1;
		}

		.worldMbti .Cont1 .bottom .swiperWrap .btmWrap a img {
			width: 2.4vw;
			height: 2.667vw;
		}
	}

	@media (max-width: 500px) {
		.worldMbti .Cont1 .swiper-container.left .swiper-wrapper {
			justify-content: flex-end;
		}

		.worldMbti .Cont1 .bottom .swiperBox {
			top: 72vw;
		}

		.worldMbti .Cont1 .bottom .swiperWrap {
			margin-top: 0;
		}
	}

	@media (max-width: 425px) {
		.subVisArea.type9 .h2Txt::before {
			width: 34.933vw;
			height: 24.133vw;
			top: 150%;
		}

		.subVisArea.type9 .h2Txt::after {
			width: 34.933vw;
			height: 26.133vw;
			top: 138%;
		}
	}
	/* //결과 페이지 */

	/* 테스트 페이지 */
	.worldMbti2 {
		background-color: #F1F3FA;
		height: 50vw;
		position: relative;
	}
	
	.worldMbti .Cont_test {
		position: relative;
		height: 100%;
		width: 100%;
	}
	
	.worldMbti .Cont_test .start-slide {
		width: 40.99vw;
		height: 26.344vw;
		background: #fff;
		position: absolute;
		z-index: 2;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		border-radius: 1.042vw;
		padding: 3.542vw 2.604vw;
		/* display: none; */
	}
	
	.worldMbti .Cont_test .start-slide .txt {
		font-size: 1.25vw;
		line-height: 1.5;
		color: #333;
	}
	
	.worldMbti .Cont_test .mo-only {
		display: none;
	}
	
	.worldMbti .Cont_test .pc-only {
		display: inline;
	}
	
	.policyPopUp .mo-only {
		display: none;
	}
	
	.worldMbti .Cont_test .start-slide .tit {
		font-size: 1.667vw;
		line-height: 1.3;
		color: #333;
		padding-top: 0;
	}
	
	.worldMbti .Cont_test .swiper {
		width: 100%;
		/* height: 100%; */
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		opacity: 0;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff;
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: 35.99vw;
		max-width: 35.99vw;
		height: 26.344vw;
		max-height: 26.344vw;
		border-radius: 1.042vw;
		position: relative;
		padding: 3.542vw 2.604vw;
		margin-right: 15vw;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .question {
		font-size: 1.458vw;
		line-height: 1.5;
		padding-top: 0;
		padding-bottom: 1.979vw;
		visibility: hidden;
		opacity: 0;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide.swiper-slide-active .question {
		visibility: visible;
		opacity: 1;
		transition: all 1s ease-in-out;
		transition-delay: 0.5s;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .answerWrap {
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-areas: "content1 content2"
		"content3 content4"
		"content content";
		margin: 0 auto;
		gap: 0.521vw;
		/* max-width: 35.781vw; */
		visibility: hidden;
		opacity: 0;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide.swiper-slide-active .answerWrap {
		visibility: visible;
		opacity: 1;
		transition: all 1s ease-in-out;
		transition-delay: 0.5s;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide.swiper-slide-active .answerWrap2 {
		display: flex;
		margin: 0;
		gap: 10px;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .answer input {
		display: none;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .answer label {
		font-size: 0.938vw;
		line-height: 1.5;
		color: #858585;
		border: 1px solid #B9B9B9;
		border-radius: 0.521vw;
		/* min-width: 10.521vw; */
		padding: 0.833vw 4.688vw;
		display: block;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .answerWrap .answer3 label {
		padding: 0.833vw 2.688vw;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .answer input[type="text"], 
	.worldMbti .Cont_test .swiper .swiper-slide .answer input[type="tel"] {
		font-size: 0.938vw;
		line-height: 1.5;
		color: #acacac;
		border: 1px solid #B9B9B9;
		border-radius: 0.521vw;
		padding: 0.833vw;
		/* min-width: 17.604vw;
		max-width: 17.604vw; */
		max-width: 85%;
		display: inline-block;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .answer input[type="tel"] {
		display: block;
		max-width: 85%;
		width: 100%;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .answer input[type="text"]:focus, 
	.worldMbti .Cont_test .swiper .swiper-slide .answer input[type="tel"]:focus {
		border-color: #550AE0;
		outline: 1px solid #550AE0;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .answer input[type="text"]::placeholder, 
	.worldMbti .Cont_test .swiper .swiper-slide .answer input[type="tel"]::placeholder {
		color: #acacac;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .answer:nth-child(1) {
		grid-area: content1;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .answer:nth-child(2) {
		grid-area: content2;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .answer:nth-child(3) {
		grid-area: content3;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .answer:nth-child(4) {
		grid-area: content4;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .answer.last {
		grid-area: content;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .answerWrap2 .answer {
		width: 50%;
	} 
	
	.worldMbti .Cont_test .swiper .swiper-slide .answer input:checked + label,
	.worldMbti .Cont_test .swiper .swiper-slide .answer input:focus + label,
	.worldMbti .Cont_test .swiper .swiper-slide .answer input + label:hover,
	.worldMbti .Cont_test .swiper .swiper-slide .answer input + label.hover-effect {
		border-color: #550AE0;
		background: #550AE0;
		color: #fff;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .policyWrap {
		display: flex;
		flex-direction: column;
		gap: 0.625vw;
		padding: 2.188vw 0.781vw 1.177vw 0.521vw;
		visibility: hidden;
		opacity: 0;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide.swiper-slide-active .policyWrap {
		visibility: visible;
		opacity: 1;
		transition: all 1s ease-in-out;
		transition-delay: 0.5s;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .policy {
		text-align: left;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .policy:first-child {
		padding-bottom: 0.833vw;
		border-bottom: 1px solid #eaeaea;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .policy a {
		float: right;
		font-size: 0.833vw;
		line-height: 1.5;
		color: #333;
		text-decoration: underline;
		cursor: pointer;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .policy label {
		color: #333;
		font-size: 0.938vw;
		line-height: 1.5;
		margin-left: 0.521vw;
		float: left;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .policy label p {
		display: inline-block;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .policy input[type="checkbox"] {
		float: left;
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		border: 0;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .policy input[type="checkbox"] {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0, 0, 0, 0);
		border: 0;
	}
	.worldMbti .Cont_test .swiper .swiper-slide .policy input[type="checkbox"] + label {
		display: inline-block;
		position: relative;
		padding-left: 1.875vw;
		cursor: pointer;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .policy input[type="checkbox"] + label:before {
		content: "";
		position: absolute;
		left: 0;
		top: 0.104vw;
		width: 1.354vw;
		height: 1.354vw;
		text-align: center;
		border: 1px solid #c8c8c8;  
		box-sizing: border-box;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .policy input[type="checkbox"]:checked + label:before {
		background: #550AE0;
		border-color: #550AE0;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .policy input[type="checkbox"]:checked + label:after {
		/* content:'✔'; */
		content: '';
		/* color: #fff; */
		position: absolute;
		/* top: 21%;
		left: 0.677vw;
		width: 0.5vw;
		height: 0.7vw; */
		width: 0.938vw;
		height: 0.677vw;
		background: url(/common/images/icon/worldMbti/check_white.png) no-repeat;
		display: flex;
		top: 26%;
		left: 2%;
		background-size: cover;
		/* justify-content: center;
		align-items: center; */
		/* background-position: center center;
		border: 2px solid #fff;
		border-top: 0;
		border-right: 0;
		transform: rotate(29deg) scale(-1, 1);
		transform-origin: 25% 25%; */
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .submitWrap {
		visibility: hidden;
		opacity: 0;
		padding-top: 1vw;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide.swiper-slide-active .submitWrap {
		visibility: visible;
		opacity: 1;
		transition: all 1s ease-in-out;
		transition-delay: 0.5s;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .submitWrap button {
		background: #550AE0;
		color: #fff;
		font-size: 0.938vw;
		line-height: 1.5;
		border-radius: 0.521vw;
		padding: 0.833vw 4.375vw;
	}
	
	.worldMbti .Cont_test .swiper .swiper-slide .submitWrap button:disabled {
		background: #DAD8D8;
	}
	
	.worldMbti .Cont_test .bPurpleBtn.startBtn {
		position: relative;
		background: #550AE0;
		font-size: 1.042vw;
		line-height: 67px;
		height: 67px;
		color: #fff;
		font-weight: 700;
		border-radius: 10px;
		padding: 0 118px;
		margin-top: 5.052vw;
	}
	
	.worldMbti .Cont_test .bPurpleBtn.startBtn::before {
		content: "";
		display: inline-block;
		width: 109px;
		height: 76px;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		top: -69px;
		background-image: url(/common/images/icon/worldMbti/test_start_button.png);
		background-repeat: no-repeat;
		background-size: contain;
	}
	
	.worldMbti .Cont_test .swiper-slide .progressWrap {
		position: absolute;
		top: 3.542vw;
		width: calc(100% - 5.208vw);
		visibility: hidden;
		opacity: 0;
	}
	
	.worldMbti .Cont_test .swiper-slide.swiper-slide-active .progressWrap {
		visibility: visible;
		opacity: 1;
		transition: all 1s ease-in-out;
		transition-delay: 0.5s;
	}
	
	.worldMbti .Cont_test .progressWrap .swiper-pagination {
		width: 100%;
		height: 0.313vw;
		border-radius: 10px;
		background: #eaeaea;
		display: flex;
	}
	
	.worldMbti .Cont_test .swiper-pagination .swiper-pagination-progressbar-fill {
		width: 100%;
		height: 100%;
		display: inline-block;
		/* position: absolute;
		z-index: 2; */
		top: 0;
		left: 0;
		background: transparent;
		border-radius: 10px;
	}
	
	.worldMbti .Cont_test .swiper-pagination .swiper-pagination-progressbar-fill.active {
		background: #550AE0;
	}
	
	.worldMbti .Cont_test .swiper-slide:first-child .swiper-pagination .swiper-pagination-progressbar-fill.active {
		border-radius: 10px !important;
	}
	
	.worldMbti .Cont_test .swiper-button-prev {
		background: url('/common/images/icon/worldMbti/prev-button.png') no-repeat 50% 50%;
		width: 3.438vw;
		height: 3.438vw;
		background-size: cover;
		left: 0%;
		transform: translateX(-50%);
		visibility: hidden;
		opacity: 0;
	}
	
	.worldMbti .Cont_test .swiper-slide-active .swiper-button-prev {
		visibility: visible;
		opacity: 1;
		transition: all 1s ease-in-out;
		transition-delay: 0.5s;
	}
	
	.popUpDimd {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 99;
		width: 100vw;
		height: 100vh;
		background: #00000048;
		display: none;
	}
	
	.policyPopUp {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 9;
		background: #F1F3FA;
		padding: 1.563vw;
		border-radius: 0.521vw;
		width: 27.917vw;
		max-width: 27.917vw;
		height: 36.979vw;
		max-height: 36.979vw;
		box-sizing: border-box;
		overflow: hidden;
	}
	
	.policyPopUp .closeBtn {
		font-size: 0;
		text-indent: -9999px;
		position: absolute;
		right: 1.563vw;
		top: 1.563vw;
		width: 1.25vw;
		height: 1.25vw;
		background: url(/common/images/icon/worldMbti/closeBtn.png);
		background-size: cover;
	
	}
	
	.policyPopUp h2.tit {
		font-size: 1.354vw;
		line-height: 1.5;
		color: #333;
		text-align: left;
		padding: 0 1.333vw 1.563vw 0;
	}
	
	.policyPopUp .inner {
		background: #fff;
		border-radius: 0.521vw;
		padding: 1.667vw;
		font-size: 0.833vw;
		overflow-y: scroll;
		height: 89%;
		width: 100%;
		box-sizing: border-box;
	}
	
	.policyPopUp .inner p {
		font-size: 0.833vw;
		line-height: 1.5;
		color: #333;
	}
	
	.policyPopUp .inner p.plDot {
		padding-left: 0.625vw;
	}
	
	.policyPopUp .inner p.pl {
		padding-left: 0.833vw;
	}
	
	.policyPopUp .inner p.pl2 {
		padding-left: 1.667vw;
	}
	
	.policyPopUp .inner p.tit {
		font-size: 0.938vw;
		font-family: 'NotoSans-Bold', '맑은 고딕', 'Malgun Gothic', sans-serif;
	}
	
	@media (max-width: 1200px) {
		.worldMbti .Cont_test .start-slide {
			width: 54.99vw;
			max-width: 54.99vw;
			height: 40.344vw;
			max-height: 40.344vw;
		}
	
		.worldMbti .Cont_test .start-slide .txt {
			font-size: 2vw;
		}
	
		.worldMbti .Cont_test .start-slide .tit {
			font-size: 2.667vw;
		}
	
		.worldMbti .Cont_test .bPurpleBtn.startBtn {
			margin-top: 9.052vw;
            font-size: 2.042vw;
		}
	
		.worldMbti .Cont_test .swiper .swiper-slide {
			width: 54.99vw;
			max-width: 54.99vw;
			height: 36.344vw;
			max-height: 36.344vw;
		}
	
		.worldMbti .Cont_test .swiper .swiper-slide .question {
			font-size: 2.333vw;
		}
	
		.worldMbti .Cont_test .swiper .swiper-slide .answer label {
			font-size: 1.5vw;
		}
	
		.worldMbti .Cont_test .swiper .swiper-slide .policy label {
			font-size: 1.5vw;
		}
	
		.worldMbti .Cont_test .swiper .swiper-slide .policy a {
			font-size: 1.333vw;
		}
	
		.worldMbti .Cont_test .swiper .swiper-slide .submitWrap button {
			font-size: 1.5vw;
		}

		.worldMbti .Cont_test .swiper .swiper-slide .policy input[type="checkbox"] + label:before {
			width: 1.5vw;
			height: 1.5vw;
			top: 0.3vw;
		}

		.worldMbti .Cont_test .swiper .swiper-slide .policy:not(:first-child) input[type="checkbox"]:checked + label:after {
			left: 1.5%;
		}
	}
	
	@media (max-width: 758px) {
		
		.worldMbti2 {
			height: fit-content;
			padding-top: 30px;
			padding-bottom: 100px;
		}
	
		.worldMbti .Cont_test .swiper .swiper-slide {
			width: calc(100% - 37vw);
			max-width: calc(100% - 37vw);
			/* height: fit-content;
			max-height: fit-content; */
			height: 133.067vw;
			min-height: 133.067vw;
			justify-content: flex-start;
			display: none;
			margin: 0 auto;
			padding: 10.667vw;
			transform: translateX(0) !important;
		}
	
		.worldMbti .Cont_test .swiper .swiper-slide.swiper-slide-active {
			display: flex;
		}
	
		.worldMbti .Cont_test .swiper .swiper-slide .question {
			font-size: 5.067vw;
			/* padding-top: 10.667vw;
			padding-bottom: 8vw; */
			padding: 6vw 0;
			min-height: 22.8vw;
			display: flex;
			align-items: center;
			justify-content: center;
		}
	
		.worldMbti .Cont_test .swiper .swiper-slide .answer label {
			font-size: 4vw;
			border-radius: 1.333vw;
			padding: 3.467vw 4.688vw;
		}
	
		.worldMbti .Cont_test .swiper .swiper-slide .answerWrap {
			grid-template-columns: 1fr;
			grid-template-areas: "content1"
			"content2"
			"content3"
			"content4"
			"content";
			margin: 0;
			gap: 2.667vw;
			/* padding: 0 9.333vw; */
		}
	
		.worldMbti .Cont_test .swiper .swiper-slide .answerWrap2 .answer {
			width: 100%;
		}
	
		.worldMbti .Cont_test .swiper .swiper-slide .answerWrap2 {
			flex-direction: column;
			gap: 20px;
		}
	
		.worldMbti .Cont_test .swiper {
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			left: unset;
			top: unset;
			transform: translate(0,0);
		}
	
		.worldMbti .Cont_test .start-slide {
			left: unset;
			top: unset;
			transform: translate(0,0);
			position: static;
			width: calc(100% - 15vw);
			max-width: calc(100% - 15vw);
			height: fit-content;
			max-height: fit-content;
			/* height: 117.067vw;
			min-height: 117.067vw; */
			margin: 0 auto;
			justify-content: center;
		}
	
		.worldMbti .Cont_test .start-slide .txt {
			text-align: center;
			padding-top: 10.667vw;
			padding-bottom: 2.133vw;
			font-size: 3.6vw;
		}
	
		.worldMbti .Cont_test .start-slide .tit {
			font-size: 5.6vw;
		}
	
		.worldMbti .Cont_test .mo-only {
			display: block;
		}
	
		.worldMbti .Cont_test .pc-only {
			display: none;
		}
	
		.policyPopUp .mo-only {
			display: block;
		}
	
		.worldMbti .Cont_test .bPurpleBtn.startBtn {
			margin-top: 13.052vw;
			margin-bottom: 10.667vw;
			font-size: 4.5vw;
			height: 12.667vw;
			width: 50%;
			line-height: 12.667vw;
			padding: 0 50px;
		}
	
		.worldMbti .Cont_test .swiper-slide .progressWrap {
			/* position: static; */
			height: 0.533vw;
			top: 10.542vw;
			width: calc(100% - 1vw);
		}
	
		.worldMbti .Cont_test .progressWrap .swiper-pagination {
			height: 0.8vw;
			width: calc(100% - 21vw);
		}
		
		.worldMbti .Cont_test .swiper-button-prev {
			width: 9.333vw;
			height: 9.333vw;
			background-size: contain;
		}
	
		.worldMbti .Cont_test .swiper .swiper-slide .answer input[type="text"], 
		.worldMbti .Cont_test .swiper .swiper-slide .answer input[type="tel"] {
			font-size: 4vw;
			border-radius: 1.333vw;
			padding: 3vw 4vw;
			min-width: 80%;
			max-width: 80%;
			margin: 0 auto;
			height: auto;
		}
	
		.worldMbti .Cont_test .swiper .swiper-slide .policy label {
			font-size: 2.933vw;
		}
	
		.worldMbti .Cont_test .swiper .swiper-slide .policy label:first-child {
			font-size: 4vw;
		}
	
		.worldMbti .Cont_test .swiper .swiper-slide .policy input[type="checkbox"] + label {
			padding-left: 6.875vw;
		}
	
		.worldMbti .Cont_test .swiper .swiper-slide .policy input[type="checkbox"] + label:before {
			width: 5.333vw;
			height: 5.333vw;
		}
	
		.worldMbti .Cont_test .swiper .swiper-slide .policy input[type="checkbox"]:checked + label:after {
			width: 3.333vw;
			height: 2.333vw;
			font-size: 4.267vw;
			left: 7%;
			top: 31%;
		}
	
		.worldMbti .Cont_test .swiper .swiper-slide .policy:first-child input[type="checkbox"]:checked + label:after {
			left: 5%;
		}

		.worldMbti .Cont_test .swiper .swiper-slide .policy:not(:first-child) input[type="checkbox"]:checked + label:after {
			left: 2.5%;
		}
	
		.worldMbti .Cont_test .swiper .swiper-slide.swiper-slide-active .policyWrap {
			gap: 3.133vw;
			padding: 6.667vw 0.781vw 8.177vw 0.521vw;
		}
	
		.worldMbti .Cont_test .swiper .swiper-slide .policy:first-child {
			padding-bottom: 2.833vw;
		}
	
		.worldMbti .Cont_test .swiper .swiper-slide .policy a {
			font-size: 2.4vw;
			padding-top: 0.5vw;
		}
	
		.worldMbti .Cont_test .swiper .swiper-slide .submitWrap button {
			font-size: 3.733vw;
			padding: 3.6vw 21.9vw;
			border-radius: 1.333vw;
		}
	
		.policyPopUp {
			width: 100%;
			max-width: calc(100% - 24px);
			/* height: 50%;
			max-height: 50%; */
			height: 50vh;
			max-height: 50vh;
			padding: 5.333vw 6.667vw;
			border-radius: 1.333vw;
		}
	
		.policyPopUp .closeBtn {
			width: 4.533vw;
			height: 4.533vw;
			top: 5.333vw;
			right: 7.133vw;
		}
	
		.policyPopUp .inner {
			/* height: 67%; */
			height: calc(100% - 19vw);
			border-radius: 1.333vw;
		}
	
		.policyPopUp h2.tit {
			font-size: 5.333vw;
			padding: 0 6.333vw 9.333vw 0;
		}
	
		.policyPopUp .inner p {
			font-size: 3.733vw;
		}
	
		.policyPopUp .inner p.tit {
			font-size: 3.733vw;
		}
	
		.worldMbti .Cont_test .bPurpleBtn.startBtn::before {
			width: 14.533vw;
			height: 10.133vw;
			top: -9.2vw;
		}
	}
	/* //테스트 페이지 */

	/* 공유 버튼 스타일 */
	.worldMbti .Cont1 .bottom .share-button {
		position: relative; /* 절대 위치 제거 */
		height: 36px;
		width: 267px;
		background: #fff;
		border-radius: 30px;
		overflow: hidden;
		line-height: 52px;
		height: 52px;
		user-select: none;
		border: 2px solid #550adf;
	}

	/* 기존 .share-button:before 수정 */
	.worldMbti .Cont1 .bottom .share-button:before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		content: '';
		box-shadow: 0 0 0 50px #36bfa6;
		box-sizing: content-box;
		transform: translate(0, 0);
		border-radius: 50px;
		z-index: 3;
		pointer-events: none;
	}

	.worldMbti .Cont1 .bottom .share-button .lid {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		border-radius: 20px;
		color: #aeaeae;
		transition: 300ms ease all;
		transform-origin: 0 0;
		cursor: default;
		z-index: 4;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 18px;
		color: #550adf;
	}

	.worldMbti .Cont1 .bottom .share-button .lid .share {
		margin-left: .625rem;
	}

	.worldMbti .Cont1 .bottom .share-button.open .lid {
		transform: rotateX(90deg);
	}

	.worldMbti .Cont1 .bottom .share-button .thank-you {
		position: absolute;
		top: -100px;
		left: 0;
		width: 100%;
		color: #550adf;
		transition: 300ms ease all;
	}

	.worldMbti .Cont1 .bottom .share-button.thankyou .thank-you {
		position: absolute;
		top: 0px;
	}

	.worldMbti .Cont1 .bottom .share-button .share-item {
		display: block;
		color: #550adf;
		background: #fff;
		text-decoration: none;
		height: 40px;
		width: 40px;
		text-align: center;
		line-height: 50px;
		border-radius: 50%;
		float: left;
		margin-left: 3px;
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
		transition: 500ms ease all;
	}

	.worldMbti .Cont1 .bottom .share-button .share-item:active {
		background: #eb4c89;
		transition: 50ms ease all;
	}

	.worldMbti .Cont1 .bottom .share-button .share-item:nth-child(1) { transform: translateX(200px) rotate(180deg); }
	.worldMbti .Cont1 .bottom .share-button .share-item:nth-child(2) { transform: translateX(400px) rotate(200deg); }
	.worldMbti .Cont1 .bottom .share-button .share-item:nth-child(3) { transform: translateX(580px) rotate(220deg); }
	.worldMbti .Cont1 .bottom .share-button .share-item:nth-child(4) { transform: translateX(740px) rotate(240deg); }
	.worldMbti .Cont1 .bottom .share-button .share-item:nth-child(5) { transform: translateX(880px) rotate(260deg); }
	.worldMbti .Cont1 .bottom .share-button .share-item:nth-child(6) { transform: translateX(1000px) rotate(280deg); }

	.worldMbti .Cont1 .bottom .share-button.open .share-item {
		transform: translateX(0) rotate(0);
		margin-left: 3px;
	}

	.worldMbti .Cont1 .bottom .share-button .share-items {
		position: absolute;
		top: 0;
		right: 0;
		height: 100%;
		padding: 5px 0;
		width: 100%;
		display: flex;
		justify-content: center;
		gap: 0.3vw;
	}

	.worldMbti .Cont1 .bottom .share-button .share-items-wrapper {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 267px;
		left: 50%;
		margin-left: -133.5px;
	}

	.worldMbti .Cont1 .bottom .share-button.shared .share-item { transform: translateY(200px); }
	.worldMbti .Cont1 .bottom .share-button.shared .share-item:nth-child(1) { transition: 200ms cubic-bezier(.32, -0.22, .9, .93) all; }
	.worldMbti .Cont1 .bottom .share-button.shared .share-item:nth-child(2) { transition: 600ms cubic-bezier(.32, -0.22, .9, .93) all; }
	.worldMbti .Cont1 .bottom .share-button.shared .share-item:nth-child(3) { transition: 1000ms cubic-bezier(.32, -0.22, .9, .93) all; }
	.worldMbti .Cont1 .bottom .share-button.shared .share-item:nth-child(4) { transition: 1400ms cubic-bezier(.32, -0.22, .9, .93) all; }
	.worldMbti .Cont1 .bottom .share-button.shared .share-item:nth-child(5) { transition: 1800ms cubic-bezier(.32, -0.22, .9, .93) all; }
	.worldMbti .Cont1 .bottom .share-button.shared .share-item:nth-child(6) { transition: 2200ms cubic-bezier(.32, -0.22, .9, .93) all; }

	.worldMbti .Cont1 .bottom .swiperWrap .btmWrap .share-button .share-items a.facebook {background:url("/common/images/icon/worldMbti/facebook_btn.png") no-repeat 50% 50%; background-size: cover;}
	.worldMbti .Cont1 .bottom .swiperWrap .btmWrap .share-button .share-items a.facebook:hover, .worldMbti .Cont1 .bottom .swiperWrap .btmWrap .share-button .share-items a.facebook:focus {background:url("/common/images/btn/facebook_btn_on.png") no-repeat 50% 50%; background-size: cover;}
	.worldMbti .Cont1 .bottom .swiperWrap .btmWrap .share-button .share-items a.twitter {background:url("/common/images/icon/worldMbti/twitter_btn.png") no-repeat 50% 50%; background-size: cover;}
	.worldMbti .Cont1 .bottom .swiperWrap .btmWrap .share-button .share-items a.twitter:hover, .worldMbti .Cont1 .bottom .swiperWrap .btmWrap .share-button .share-items a.twitter:focus {background:url("/common/images/btn/twitter_btn_on.png") no-repeat 50% 50%; background-size: cover;}
	.worldMbti .Cont1 .bottom .swiperWrap .btmWrap .share-button .share-items a.link {background:url("/common/images/icon/worldMbti/link_btn.png") no-repeat 50% 50%; background-size: cover;}
	.worldMbti .Cont1 .bottom .swiperWrap .btmWrap .share-button .share-items a.link:hover, .worldMbti .Cont1 .bottom .swiperWrap .btmWrap .share-button .share-items a.link:focus {background:url("/common/images/btn/link_btn_on.png") no-repeat 50% 50%; background-size: cover;}
	.worldMbti .Cont1 .bottom .swiperWrap .btmWrap .share-button .share-items a.kakao {display:none;}

	@media (max-width: 758px) {
		.worldMbti .Cont1 .bottom .swiperWrap .btmWrap a {
			height: 5.563vw;
		}

		.worldMbti .Cont1 .bottom .share-button {
			height: 10vw;
			line-height: 10vw;
			border-radius: 10vw;
		}

		.worldMbti .Cont1 .bottom .share-button {
			width: 100%;
		}

		.worldMbti .Cont1 .bottom .share-button .lid {
			font-size: 3.733vw;
		}

		.worldMbti .Cont1 .bottom .share-button .share-items {
			padding: 1.467vw 0;
			gap: 1.5vw;
		}

		.worldMbti .Cont1 .bottom .share-button .share-item {
			width: 6.667vw !important;
			height: 6.667vw !important;
			border-radius: 50% !important;
			padding: 0 !important;
		}

		.worldMbti .Cont1 .bottom .share-button .lid .share {
			width: 2.4vw;
			height: 2.667vw;
		}

		.worldMbti .Cont1 .bottom .swiperWrap .btmWrap .share-button .share-items a.kakao {display:block; background:url("/common/images/icon/worldMbti/kakao_btn.png") no-repeat 50% 50%; background-size: cover;} 
		.worldMbti .Cont1 .bottom .swiperWrap .btmWrap .share-button .share-items a.kakao:hover, .worldMbti .Cont1 .bottom .swiperWrap .btmWrap .share-button .share-items a.kakao:focus {background:url("/common/images/btn/kakao_btn_on.png") no-repeat 50% 50%; background-size: cover;}
	}

	/* //공유 버튼 스타일 */

/* e : 20241022 월드 mbti 추천코스 */