@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_zh1/images/icon/nottoday_check.png") no-repeat 0 0;}
.mainPopBan .check input[type="checkbox"]:checked{background:url("/common_zh1/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_zh1/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_zh1/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-weight:800;}
.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_zh1/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_zh1/images/btn/imgRoll_prev.png") no-repeat 50% 50%;}
.mainVisArea .swiper-button-prev:hover {background:url("/common_zh1/images/btn/imgRoll_prev_on.png") no-repeat 50% 50%;}
.mainVisArea .swiper-button-next {right:40px; width:70px; height:70px; background:url("/common_zh1/images/btn/imgRoll_next.png") no-repeat 50% 50%;}
.mainVisArea .swiper-button-next:hover {background:url("/common_zh1/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_zh1/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_zh1/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_zh1/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_zh1/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-weight:700; font-size:20px; color:#000; padding-left:50px; position:relative;}
.mainTodayArea .tit:before{content:''; display:block; width:31px; height:31px; background:url("/common_zh1/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-weight:700; font-size:20px; color:#000; margin-left:30px;}
.mainTodayArea .txt span {font-weight:300; font-size:16px; color:#777;}

.mainCon0 {position:relative; width:1170px; margin:0 auto;}
.mainCon0 .boxArea {position:relative; top:150px; opacity:0; width:100%; margin-top:50px;}
.mainCon0 .boxArea .box-tr {display:table; table-layout:fixed; border-collapse:collapse; vertical-align:middle; width:100%;}
.mainCon0 .boxArea .box-tr .box-td {display:table-cell; vertical-align:middle; box-sizing:border-box; border:1px solid #dedede;}
.mainCon0 .boxArea .box-tr .box-td a {display:block; position:relative; padding:30px 30px 40px 30px;}
.mainCon0 .boxArea .box-tr .box-td .img {display:block; text-align:center; max-width:231px; height:190px; max-height:190px; overflow:hidden;}
.mainCon0 .boxArea .box-tr .box-td .img img {max-width:100%;}
.mainCon0 .boxArea .box-tr .box-td .price {display:block; font-size:18px; color:#550adf; margin-top:30px;}
.mainCon0 .boxArea .box-tr .box-td .tit {display:block; font-weight:800;; font-size:22px; color:#000; line-height:1.1; height:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:20px;}
.mainCon0 .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;}
.mainCon0 .boxArea .box-tr .box-td a:hover:before, .mainCon0 .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;}
.mainCon0 .boxArea .box-tr .box-td a:hover .tit, .mainCon0 .boxArea .box-tr .box-td a:focus .tit {color:#550bdf}
.mainCon0 .boxArea .box-tr .box-td.prepareDiv {background:#e9e9e9; text-align:center;}/* 준비중 */
.mainCon0 .boxArea .box-tr .box-td.prepareDiv .grayDiv {padding:30px 30px 40px 30px;}
.mainCon0 .boxArea .box-tr .box-td.prepareDiv .grayDiv .img {max-width:231px; height:190px; max-height:190px; overflow:hidden;}
.mainCon0 .boxArea .box-tr .box-td.prepareDiv .grayDiv .img img {max-width:100%;}
.mainCon0 .boxArea .box-tr .box-td.prepareDiv .grayDiv .txt {font-size:28px; font-weight:600; color:#999; }

.mainCon1 {position:relative;  background:url("/common_zh1/images/icon/mainCon1_bg.jpg") no-repeat center; background-size:cover;}
.mainCon1 .mainNews {position:relative; width:1170px; margin:0 auto; top:150px; opacity:0;margin-top:50px;}
.mainCon1 .mainNews .top {position:relative;}
.mainCon1 .mainNews .top ul:after {content:''; display:block; clear:both;}
.mainCon1 .mainNews .top ul li {float:left; margin-left:22px;}
.mainCon1 .mainNews .top ul li:first-child {margin-left:0;}
.mainCon1 .mainNews .top ul li a {display:block;}
.mainCon1 .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;}
.mainCon1 .mainNews .top ul li a span.tit {font-size:20px; color:#000; margin-top:30px;}
.mainCon1 .mainNews .top ul li a:hover span.img, .mainCon1 .mainNews .top ul li a:focus span.img {box-shadow:20px 20px 40px 0 rgba(0,0,0,0.2);}
.mainCon1 .mainNews .top ul li a:hover span.tit, .mainCon1 .mainNews .top ul li a:focus span.tit {font-weight:800; font-size:20px; color:#550adf;}
.mainCon1 .mainNews .top .mainMoreBt {position:absolute; top:2px; right:0;}

.mainCon4 {position:relative; width:1170px; margin:0 auto;}
.mainCon4 .mainNews {position:relative; top:150px; opacity:0; margin-top:50px;}
.mainCon4 .mainNews .mainCon4Tit {font-weight:700; font-size:22px; color:#000;}
.mainCon4 .mainNews .bottom {position:relative; top:150px; opacity:0; overflow:hidden; margin-top:60px;}
.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_zh1/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_zh1/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_zh1/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_zh1/images/btn/mainCon4_roll_indi_on.png") no-repeat 50% 50%;}


/* 모바일메인 */


/* 사업소개 */
.introArea {margin-top:80px;}
.introArea .introTxt1 {font-weight:100; font-size:24px; color:#000; text-align:center;}
.introArea .introTxt1 strong {font-weight:800; }
.introArea .introTxt2 {font-size:16px; color:#555; text-align:center; margin-top:25px;}
.introArea .introTop {height:640px; background:url("/common_zh1/images/icon/introTop_bg2.jpg") no-repeat 50% 50%; background-size:cover; margin-top:70px;}
.introArea .introTop .introTopTit {font-weight:800; 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-weight:800; font-size:20px; color:#fff;}
.introArea .introTop .introTopCon > div .txt2 {font-weight:900; font-size:56px; color:#fff; margin-top:30px;}
.introArea .introTop .introTopCon > div .txt2 span {font-weight:300; 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_zh1/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-weight:800; 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.intro0 {margin-top:60px;}
.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-weight:900; font-size:30px; color:#000; line-height:1.2}
.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-weight:700; 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_zh1/images/icon/csrVis_bg.jpg") no-repeat 50% 50%; background-size:cover;}
.csrArea .csrVis .tit {padding-top:90px; font-weight:900; font-size:50px; color:#fff; background:url("/common_zh1/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_zh1/images/icon/csv_tab1_bg.png) top center no-repeat;}
.csrArea .csrCon .csrTit {width:1170px; margin:23px auto 0; padding-top:65px; font-weight:900; font-size:24px; color:#000; text-align:center; background:url(/common_zh1/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-weight:800;}
.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-weight:800; 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-weight:800; 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-weight:800; 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_zh1/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_zh1/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_zh1/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_zh1/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_zh1/images/btn/play_bt.png") no-repeat 50% 50%;}
.imgRollArea2 .swiper-pagination .playBtn.on {background:url("/common_zh1/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;}
	
	.mainCon0 {width:950px;}
	.mainCon0 .boxArea .box-tr .box-td a {padding:20px 20px 30px 20px;}
	.mainCon0 .boxArea .box-tr .box-td .price {font-size:16px; margin-top:10px;}
	.mainCon0 .boxArea .box-tr .box-td .tit {font-size:20px; margin-top:15px;}
	.mainCon0 .boxArea .box-tr .box-td.prepareDiv .grayDiv {padding:20px 20px 30px 20px;}
	.mainCon0 .boxArea .box-tr .box-td.prepareDiv .grayDiv .txt {font-size:20px;}

	.mainCon1 .mainNews {width:950px;}
	.mainCon1 .mainNews .top ul li {width:223px; margin-left:19px;}
	.mainCon1 .mainNews .top ul li img {width:223px;}
	.mainCon1 .mainNews .top ul li a span.tit {font-size:18px; margin-top:25px;}
	.mainCon1 .mainNews .top ul li a:hover span.tit, .mainCon1 .mainNews .top ul li a:focus span.tit {font-size:18px;}

	.mainCon4 {width:950px;}
	.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:230px; 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_zh1/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_zh1/images/btn/imgRoll_prev.png") no-repeat 50% 50%; background-size:35px;}
	.mainVisArea .swiper-button-prev:hover {background:url("/common_zh1/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_zh1/images/btn/imgRoll_next.png") no-repeat 50% 50%; background-size:35px;}
	.mainVisArea .swiper-button-next:hover {background:url("/common_zh1/images/btn/imgRoll_next_on.png") no-repeat 50% 50%; background-size:35px;}
	.mainVisArea .swiper-pagination {bottom:20px; padding:10px 20px;}
	.mainVisArea .swiper-pagination .swiper-pagination-bullet {width:8px; height:8px; margin:2px 0 0 10px; background:url("/common_zh1/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_zh1/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;}
	
	.mainCon0 {width:94%;}
	.mainCon0 .boxArea .box-tr {display:block;}
	.mainCon0 .boxArea .box-tr:after {content:""; display:block; clear:both;}
	.mainCon0 .boxArea .box-tr .box-td {display:block; float:left; width:50%; box-sizing:border-box; border-bottom:0;}
	.mainCon0 .boxArea .box-tr .box-td:nth-of-type(even) {border-left:0}
	.mainCon0 .boxArea .box-tr .box-td:nth-last-of-type(-n+2) {border-bottom:1px solid #dedede;}
	.mainCon0 .boxArea {top:0; opacity:1;}
	.mainCon0 .boxArea .box-tr .box-td a {padding:40px 5%;}
	.mainCon0 .boxArea .box-tr .box-td .price {font-size:13px; margin-top:10px;}
	.mainCon0 .boxArea .box-tr .box-td .tit {font-size:15px; margin-top:14px;}
	.mainCon0 .boxArea .box-tr .box-td .img{margin:0 auto;}
	.mainCon0 .boxArea .box-tr .box-td.prepareDiv .grayDiv {padding:40px 5%;}/* 준비중 */
	.mainCon0 .boxArea .box-tr .box-td.prepareDiv .grayDiv .txt {font-size:15px; margin-top:15px; }

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

	.mainCon1 .mainNews {width:94%; top:0; opacity:1;}
	.mainCon1 .mainNews .top ul li {float:left; width:49%; margin-left:2%; margin-bottom:20px}
	.mainCon1 .mainNews .top ul li:nth-child(2n-1) {margin-left:0%;}
	.mainCon1 .mainNews .top ul li a span.img {width:100%}
	.mainCon1 .mainNews .top ul li a span.img img {width:100%}
	.mainCon1 .mainNews .top ul li a span.tit {font-size:17px; margin-top:15px;}
	.mainCon1 .mainNews .top ul li a:hover span.tit, .mainCon1 .mainNews .top ul li a:focus span.tit {font-size:17px;}

	.mainCon4 {width:94%;}
	.mainCon4 .mainNews {top:0; opacity:1; margin-top:35px;}
	.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%; height:auto; 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_zh1/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_zh1/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_zh1/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_zh1/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_zh1/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-weight:800; display:block}
	.mainTxt {margin-top:15px; font-size:12px;}
	.mainMoreBt {display:block; height:20px; width:0; padding-right:20px; background: url('/common_zh1/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;}
	
	.mainCon0 {width:94%;}
	.mainCon0 .boxArea {margin-top:25px;}
	.mainCon0 .boxArea .box-tr .box-td a {padding:15px 10px 20px;}
	.mainCon0 .boxArea .box-tr .box-td .img {max-width:130px; max-height:auto; height:auto;}
	.mainCon0 .boxArea .box-tr .box-td.prepareDiv .grayDiv {padding:15px 10px 20px;}/* 준비중 */
	.mainCon0 .boxArea .box-tr .box-td.prepareDiv .grayDiv .img {max-width:130px; max-height:auto; height:auto;}
	/*.mainCon0 .boxArea .box-tr .box-td.prepareDiv .txt {font-size:15px; margin-top:15px}*/

	.mainCon0 .btnArea {margin-top:25px;}
	.mainCon0 .btnArea .purpleBtn {padding:0 30px; margin:0;}

	.mainCon1 .mainNews {width:94%; margin-top:25px;}
	.mainCon1 .mainNews .top ul {margin-top:19px;}
	.mainCon1 .mainNews .top ul li a span.tit {font-size:17px; margin-top:15px;}
	.mainCon1 .mainNews .top ul li a:hover span.img, .mainCon1 .mainNews .top ul li a:focus span.img {box-shadow:10px 10px 20px 0 rgba(0,0,0,0.2);}
	.mainCon1 .mainNews .top ul li a:hover span.tit, .mainCon1 .mainNews .top ul li a:focus span.tit {font-size:17px; color:#550adf;}
	.mainCon1 .mainNews .top .mainMoreBt {position:absolute; right:0;}

	.mainCon4 {width:94%;}
	.mainCon4 .mainNews {margin-top:25px;}
	.mainCon4 .mainNews .mainCon4Tit {font-size:16px;}
	.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_zh1/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_zh1/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-weight:900; 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-weight:900; 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){
	
}