@charset "utf-8";
 
/* main_visual */
.mainVisual{position:relative;width:100%; text-align:center;}
.mainVisual .item:focus{outline:0;}
.mainVisual .slick-arrow{position:absolute;top:-4px;bottom:0;z-index:1000;cursor:pointer;display:inline-block;border:0;width:40px;height:42px;text-indent:-9999px;overflow:hidden;background:url('../imgs/main/mainVisual_arr.png') no-repeat;}
.mainVisual .slick-prev{right:53px;background-position:0 0;}
.mainVisual .slick-next{right:0;background-position:100% 0;}
.mainVisual_control{position:absolute;right:0;bottom:350px;z-index:1;}
.mainVisual_control button{position: absolute;right:25px;top:-4px;cursor:pointer;display:inline-block;vertical-align:middle;border:0;width:40px;height:42px;text-indent:-9999px;overflow:hidden;background:url('../imgs/main/mainVisual_ctrl.png') no-repeat;}
.mainVisual_control .slick-play{display:none;background-position:100% 0;}
.mainVisual_control .slick-stop{background-position:0 0;}
.mainVisual_control p{display:inline-block;font-size:20px;color:#fff;margin-right:95px;}
.mainVisual_control p .current{color:#fff;}

.mainVisual .copy{position:absolute;top:150px;right:0;z-index:9;text-align:right;}
.mainVisual .copy br{display:none;}
.mainVisual .copy span:first-child{color:#fff;font-size:70px;display:block;font-weight:800;text-shadow:4px 1px 6px rgba(0,0,0,0.4);}
.mainVisual .copy span{color:#fff;font-size:30px;text-shadow:1px 1px 1px rgba(0,0,0,0.4);}

.mwrap{z-index:20;}
.mainCon{margin-top:-374px;}

#group1{position:relative;margin:40px 0;height:230px;}

#group1 div{position:relative;float:left;box-sizing:border-box;opacity:0.95;width:25%;border-radius:20px 0 0 20px;}
#group1 div a{display:block;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,0.4);padding:50px 50px 79px 40px;}
#group1 div a strong {display:block;font-size:1.5em;margin-bottom:25px;}
#group1 div a span {font-size:15px;}
#group1 div a:after{content: '';display:block;position:absolute;width:44px;height:33px;right:30px;bottom:30px;background:url('../imgs/main/aboutBtn.png') no-repeat;}
#group1 div a:hover:after{animation-name:ani1;animation-duration:1s;animation-iteration-count:infinite;}


#group1 div.about1{background:#ff6640 url('../imgs/main/aboutBg1.png') no-repeat 90% 50%;}
#group1 div.about2{background:#565a5c url('../imgs/main/aboutBg2.png') no-repeat 90% 50%;border-radius:0;}
#group1 div.about3{background:#fff url('../imgs/main/aboutBg3.png') no-repeat 90% 50%;border-radius:0;}
#group1 div.about3 a{color:#000 !important;text-shadow:none;}
#group1 div.about4{background:#0b2c55 url('../imgs/main/aboutBg4.png') no-repeat 90% 50%;border-radius:0 20px 20px 0;}
#group1 div a:hover  {text-decoration:underline;}

#group2{position:relative;margin:20px 0;height:208px;}
#group2 div a:hover  {text-decoration:underline;}

.tab1List {position:relative;width:50%;background:border-box;float:left;}
.tab1List ul li a.tabBtn {display:block; position:relative; font-size:18px;color:#191919;height:60px;}
.tab1List ul li.tab2{background: url('../imgs/main/tabBg1.png') repeat-y;border-radius:20px 20px 30px 20px;}
.tab1List ul li.on a.tabBtn{color:#000;font-weight:bold;text-align:center;border-radius:20px 20px 0 0;}
.tab1List ul li.on a.tabBtn:before{border-radius:20px 0 0 0;content:'';display:block;position:absolute;top:0;left:8px;width:182px;height:5px;background:#5a5d60;}
.tab1List ul li.on a.tabBtn span{background:#fff;width:188px;display:block;padding:17px 0;border-radius:20px 0 0 0;}
.tab1List ul li.on a.tabBtn span:after{content:'';display:block;position:absolute;bottom:0;left:0;width:188px;height:6px;background: url('../imgs/main/tabBg.png') no-repeat 50% bottom;}
.tab1List .tab1Content{width:100%;box-sizing:border-box;height:148px;background:#fff;border-top:0px;border-radius:0 0 20px 20px;border-left:1px solid #d6dadf;border-right:1px solid #d6dadf;border-bottom:1px solid #d6dadf;}
.tab1List .tab1Content ul {padding:25px 0;}
.tab1List .tab1Content li{position:relative;padding-right:75px;}
.tab1List .tab1Content li a {display:block;position:relative;overflow:hidden;line-height:25px;padding:0 40px;text-overflow: ellipsis;white-space:nowrap;}
.tab1List .tab1Content li a:before{content:'';display:block;width:4px;height:4px;background:#757575;position:absolute;top:10px;left:28px;}
.tab1List .tab1Content li a:hover{text-decoration:underline;}
.tab1List .tab1Content li .tt {font-size:15px;color:#555;margin:0;}
.tab1List .tab1Content li .date{display:block;position:absolute;right:25px;top: calc(50% - 11px);font-size:15px;color:#828282;}
.tab1List .tab1Content li.no a::before{content:'';display:block;width:3px;height:3px;position:absolute;top:10px;left:9px;background:#828282;}
.tab1List .tabMore{position:absolute;top:18px;right:18px;}

.awar{position:relative;float:right;width:48.5%;background:#eaeaea;border-radius:20px;}
.awar li{position:relative;width:calc(50% - 27px);background:#fff;float:left;margin:18px 0 18px 18px;}
.awar li a{display:block;padding:50px 10px 0;height:128px;text-align:center;}
.awar li a strong{display:block;font-size:1.5em;}
.awar li a:after{content: '';display:block;width:44px;height:33px;margin:12px auto 0;background:url('../imgs/main/aboutBtn.png') no-repeat;}
.awar li a:hover:after{animation-name:ani1;animation-duration:1s;animation-iteration-count:infinite;}



#group3{position:relative;margin:60px 0;height:160px;}
#group3 > div{float:left;width:25%;padding:30px 0;}
#group3 h2{font-weight:400;color:#000;padding-bottom:20px;}
#group3 ul li{float:left;background:url('../imgs/main/icoBg.png') no-repeat 0 45%;width:15%;min-height:160px;}
#group3 ul li:first-child{background:none;}
#group3 ul li a:before{content:'';display:block;width:106px;height:106px;}
#group3 ul li.list1 a:before{background-position:0 0;}
#group3 ul li.list2 a:before{background-position:-106px 0;}
#group3 ul li.list3 a:before{background-position:-212px 0;}
#group3 ul li.list4 a:before{background-position:-318px 0;}
#group3 ul li.list5 a:before{background-position:-424px 0;}
#group3 ul li a:before{content:'';display:block;width:106px;height:106px;margin:0 auto 12px;background:url('../imgs/main/icoList.png') no-repeat;transition:all 300ms ease-in-out 0s;}
#group3 ul li a:hover{text-decoration:underline}
#group3 ul li a:hover:before{transform:rotateY(180deg);}
#group3 ul li a{text-align:center;font-size:17px;display:block;}


#group4{position:relative;margin:20px 0 60px;height:400px;}
.bor1{position:relative;background:#999999;border-radius:20px;width:25%;float:left;padding:47px 30px;}
.bor1 div a{display:block;color:#fff;}
.bor1 div a:before{content:'';display:block;position:absolute;top:40px;width:92px;height:92px;background:url('../imgs/main/borIco.png') no-repeat;}
.bor1 div a strong{display:block;padding:0 0 0 120px;font-size:20px;font-weight:400;text-shadow:1px 1px 0px #000;}
.bor1 div a span{display:block;padding:0 0 0 120px;font-weight:300;padding-top:15px;text-shadow:1px 1px 0px #000;}

.bor1 ul{margin-top:30px;}
.bor1 ul li{float:left;width:50%;}
.bor1 ul li a{position:relative;display:block;color:#fff;padding:17px;background:#808080;margin:7px 7px 0 0;}
.bor1 ul li a:after{content:'';display:block;position:absolute;right:10px;top:23px;width:6px;height:11px;background:url('../imgs/main/borBtn.png') no-repeat;}
.bor1 ul li a:hover{text-decoration:underline;}
.bor1 ul li a:hover:after{animation-name:ani2;animation-duration:1s;animation-iteration-count:infinite;}
.bor1 ul li a:focus{outline:1px dotted #000;}


@keyframes ani2{
	0% {transform:translate(0,0);}
	50% {transform:translate(5px,0);}
	100% {transform:translate(0,0);}
}


.bor2{float:left;width:38%;margin: 0 2.5%;}
.tabList {position:relative;border-radius:20px 20px 30px 30px;width:100%;height:250px;margin:0 0 20px 0;}
.tabList ul{border-radius:20px 20px 0 0;background:#ff6540;}
.tabList:before{content:'';display:block;position:absolute;top:60px;left:0;width:25px;z-index:100;height:23px;background:url('../imgs/main/pubBg1.png') no-repeat;}

.tabList ul li {float:left;}
.tabList ul li a.tabBtn {display:block;padding:15px 25px;position:relative; font-size:18px;color:#ffebe6;height:30px;text-shadow:1px 1px 0px #000;}
.tabList ul li a.tabBtn:before{content:'';display:block;position:absolute;top:19px;left:0;width:1px;height:20px;background:#ff977d;}
.tabList ul li:first-child a.tabBtn{padding:15px 25px;} 
.tabList ul li:first-child a.tabBtn::before{display:none;}
.tabList ul li.on a.tabBtn{color:#fff;}
.tabList ul li a:hover.tabBtn{color:#fff;text-decoration:underline;}
.tabList ul li ul{background:none;}
 
.tabList .tabContent{position:absolute;top:60px;left:0;width:100%;height:190px;background:#fbf8f6;border-radius:0 0 20px 20px;border-top:0px;border-left:1px solid #d8dddf;border-right:1px solid #d8dddf;border-bottom:1px solid #d8dddf;box-sizing:border-box;}
.tabList .tabContent ul {padding:28px 0 0;}
.tabList .tabContent li {position:relative;float:left;width:95%;}
.tabList .tabContent li a {position:relative;padding:4px 80px 3px 40px;display:block;font-size:15px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:30px;}

.tabList .tabContent li a:hover{text-decoration:underline;}
.tabList .tabContent li span {display:block;}
.tabList .tabContent li .tt {font-size:15px; color:#555;line-height:1.4;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;width:98%}
.tab1List .tab1Content li a {display:block;position:relative;overflow:hidden;line-height:25px;padding:0 40px;}
.tabList .tabContent li a:before{content:'';display:block;width:4px;height:4px;background:#757575;position:absolute;top:15px;left:28px;}

.tabList .tabContent li .date {position:absolute;top:4px;right:0;font-size:15px;color:#828282;}
.tabList .tabContent li.no a::before{content:'';display:block;width:3px;height:3px;position:absolute;top:10px;left:9px;background:#828282;}

.tabList .tabMore{position:absolute;top:0;right:0;}
.tabList .tabMore a{display:block;width:50px;height:60px;text-align:center;background:#d5583a;border-radius:0 20px 0 0;}
.tabList .tabMore a img{margin:15px 0 0;}

.conBnr{background:#565a5c;border-radius:20px;height:128px;}
.conBnr ul li{position:relative;float:left;min-height:128px;width:50%;/*width:33.3%;*/text-align:center;float:left;background:url('../imgs/main/conbnrBg.png') no-repeat 100% 45%}
.conBnr ul li:last-child{background:none;}
.conBnr ul li a{display:block;color:#fff;font-size:17px;padding:30px 0 0 0;}
.conBnr ul li a:after{content: '';display:block;position:absolute;margin-left:-22px;width:45px;height:34px;left:50%;bottom:20px;background:url('../imgs/main/conbnrBtn.png') no-repeat;}
.conBnr ul li a:hover:after{animation-name:ani1;animation-duration:1s;animation-iteration-count:infinite;}
.conBnr ul li a:hover  {text-decoration:underline;}

.conBnrM{display:none;}

.bor3{background:#0b2c55;float:right;width:27%;border-radius:20px;}
.bor3 h2{border-radius:20px 20px 0 0;position:relative;background:#04346f;padding:22px 0;text-align:center;color:#fff;font-weight:400;}
.bor3 h2:before{content: '';display:block;position:absolute;width:27px;height:15px;left:50%;margin-left:-14px;bottom:-15px;background:url('../imgs/main/bor3Bg.png') no-repeat;}
.bor3 ul{padding:0 30px;}
.bor3 ul li{position:relative;border-bottom:1px solid #395475;}
.bor3 ul li a{color:#fff;font-size:16px;display:inline-block;    padding: 28px 150px 28px 40px;}
.bor3 ul li a:before{content: '';display:block;position:absolute;width:7px;height:6px;left:5%;top:40px;background:url('../imgs/main/bor3bul.png') no-repeat;}
.bor3 ul li a:after{content: '';display:block;position:absolute;width:34px;height:11px;right:0;top:50%;background:url('../imgs/main/bor3Btn.png') no-repeat;}
.bor3 ul li a:hover:after{animation-name:ani1;animation-duration:1s;animation-iteration-count:infinite;}
.bor3 ul li a:hover  {text-decoration:underline;}


@keyframes ani1{
	0% {transform:translate(0,0);}
	50% {transform:translate(20px,0);}
	100% {transform:translate(0,0);}
}

/* banner */
/* 2025.02 웹인증 포커스 margin:2px 추가 height 65 이승진 */
#banner{position:relative;z-index:10;height:74px;border-top:1px solid #d8d8d8;background:#fff;}
#banner .banner_wrap{position:relative;width:1570px;margin:0 auto;}
#banner h2 {position:absolute; top:23px; left:20px; font-family:"Noto Sans KR",sans-serif; font-weight:400; color:#222; font-size:20px; letter-spacing:-0.05em;}
#banner .control {position:absolute; top:28px; left:120px;transform:rotate(90deg);}
#banner .control a{display:inline-block;width:20px;height:15px;vertical-align:middle;text-indent:-9999px;overflow:hidden;background:url('../imgs/main/bnr_ctrl.png') no-repeat;}
#banner .control a#bnr_prev{background-position:0 0;}
#banner .control a#bnr_stop{background-position:-20px 0;}
#banner .control a#bnr_play{display:none;background-position:-40px 0;}
#banner .control a#bnr_next{background-position:100% 0;}
#banner .control a#bnr_more{text-indent:0;background:none;text-align:center;line-height:1;position:absolute;top:-40px;left:24px;}

#banner .bannerzone {position:absolute;top:0;right:0; width:calc(100% - 240px);}
#banner .bannerzone > div, #banner .bannerzone ul {width:100% !important;}
#banner .bannerzone li {width:100%;height:74px; padding : 2px;}
#banner .bannerzone li a {display:table-cell;height:70px;padding:0 10px;vertical-align:middle;word-break:keep-all;line-height:1.4; text-align:center; color:#000;font-weight:500; font-size:15px; letter-spacing:-0.05em;}
#banner .bannerzone li a:hover {text-decoration:underline;}

@media all and (min-width: 1025px){
	#go_top{display:none !important;}
}

@media all and (max-width: 1570px){
	#banner .banner_wrap{width:100%;}
}
@media all and (max-width: 1531px){
	#content .wrap{width:100%;}
}

@media all and (max-width:1399px) {
	#group1 div a{padding:50px 20px 79px 20px;min-height:101px;}
	#group1 div a span br{display:none;}
	.awar li a{padding:40px 10px 0;height:132px;}
	.tabList .tabContent li a{padding-right:0;}
	.tabList .tabContent li .date{display:none;}
	.bor3 ul li a{padding:28px 0 28px 40px;}
}

@media all and (max-width:1330px) {
	.bor1{width:40%;}
	.bor2{float:right;width:53%;margin:0;}
	.tabList ul{background:#ff6640;}

	.bor3{clear:both;width:100%;margin:20px 0;}
	.bor3 ul{padding:0;}
	.bor3 ul li{width:21%;float:left;margin:0 2%;border-bottom:none;}
	
	
}

@media all and (max-width:1024px) {
	#content{padding-left:0;}
	#banner{display:none;}
	.mainVisual, .mainVisual .item{height:350px;}
	.mainVisual img{height:100%;min-width:100%;}
	.mainCon{margin-top:0;}

	.mainVisual .copy{top:100px;right:30px;}
	.mainVisual .copy span:first-child{top:0;font-size:55px;}
	.mainVisual .copy span:nth-child(2){line-height:40px;}
	.mainVisual .copy br{display:block;}
	.mainVisual_control{bottom:50px;right:30px;}

	#group1{margin:20px;height:auto;}
	#group1 div{width:50%;}
	#group1 div.about1{border-radius:20px 0 0 0;}
	#group1 div.about2{border-radius:0 20px 0 0;}
	#group1 div.about3{background:#f6f5f5 url('../imgs/main/aboutBg3.png') no-repeat 90% 50%;border-radius:0 0 0 20px;}
	#group1 div.about4{border-radius:0 0 20px 0;}
	#group1 div a{padding:35px 50px 35px 40px;}
	#group1 div a span br{display:block;}

	#group2{margin:20px;height:auto;}
	.tab1List{width:100%;}
	.tab1List ul li.tab2{background:#5e5e5e;}
	.awar{width:100%;margin-top:20px;}

	#group3{margin:20px;height:auto;}
	#group3 > div{display:none;}
	#group3 ul li{width:20%;}
	#group3 .iconList .slick-list{margin:0 25px;}
	#group3 .iconList .slick-current{background:none;}
	#group3 .iconList button.slick-arrow{position:absolute;top:53px;width:21px;height:24px;text-indent:-9999px;overflow:hidden;background:url('../imgs/main/iconList_arr.png') no-repeat 50%;}
	#group3 .iconList button.slick-prev{left:0;background-position:0 50%;}
	#group3 .iconList button.slick-next{right:0;background-position:100% 50%;}

	#group4{margin:20px;height:auto;}
	.bor1{width:45%;padding:20px;}
	.bor1 div a:before{display:none;}
	.bor1 ul{margin-top:10px;}
	.bor1 ul li a{padding:14px 0;padding-left:7px;}
	.bor1 ul li a:after{display:none;}
	.bor1 div a strong{padding:0;text-align:center;}
	.bor1 div a span{display:none;}
	.bor2{float:right;width:48%;margin:0;}
	
	.tab1List ul li.on a.tabBtn span{border-left:solid 1px #d6dadf;}

	.conBnrM{clear:both;display:block;background:#565a5c;border-radius:20px;height:100px;}
	.conBnrM ul li{position:relative;float:left;min-height:100px;width:50%;text-align:left;float:left;background:url('../imgs/main/conbnrBg.png') no-repeat 100% 45%}
	.conBnrM ul li:last-child{background:none;}
	.conBnrM ul li a{display:block;color:#fff;font-size:17px;padding:34px 0 0 25px;}
	.conBnrM ul li a:after{content: '';display:block;position:absolute;width:45px;height:34px;right:20px;bottom:35px;background:url('../imgs/main/conbnrBtn.png') no-repeat;}
	.conBnrM ul li a:hover:after{animation-name:ani1;animation-duration:1s;animation-iteration-count:infinite;}

	.conBnr{display:none;}
	
	.bor3 ul li{width:46%;border-bottom:1px solid #395475;}

}

@media all and (max-width:768px) {
	#group1 div a span br{display:none;}
}
@media all and (max-width:640px) {
	.mainVisual, .mainVisual .item{height:235px;}
	.mainVisual .copy{top:60px;}
	.mainVisual .copy span:first-child{font-size:45px;}
	.mainVisual .copy span:nth-child(2){font-size:18px;line-height:1.4;}
	.mainVisual_control{bottom:20px;}

	#group1{border-radius:20px;overflow:hidden;margin:15px;}
	#group1 div{width:100%;border-radius:0 !important;}

	#group2{margin:15px;}
	.tab1List .tab1Content li{padding:0;}
	.tab1List .tab1Content li .date{display:none;}
	.awar li a{padding-top:30px;height:142px;}
	.awar li a strong{font-size:20px;}

	#group3{margin:20px 15px;}
	#group3 .iconList .slick-list{margin:0 20px;}
	#group3 ul li{background-position:0 20%;}
	#group3 ul li a{font-size:16px;word-break:keep-all;}

	#group4{margin:15px;}
	.bor1{width:calc(100% - 40px);}
	.bor1 ul li a{margin:2px 1px 0;padding-left:10px;font-size:14px;letter-spacing:-1px;}
	.bor2{width:100%;margin-top:15px;}
	.tabList{margin:0 0 15px;}
	.conBnrM{height:90px;}
	.conBnrM ul li{min-height:90px;text-align:center;}
	.conBnrM ul li a{padding:30px 0 0;}
	.conBnrM ul li a:after{display:none;}
	.bor3{margin:15px 0;}
	.bor3 ul li{width:80%;margin:0 10%;}
}

/* 2020.1.15 레이어 팝업 수정 */
.mainPopupLayer{position:absolute;top:10%;z-index:1000;}
.mainPopupLayer .layerWrap{position:relative;line-height:0;}
.mainPopupLayer .layerWrap p {margin: 0px !important;}
.mainPopupLayer .layer_close{position:absolute;bottom:-50px;left:0;width:100%;background:#333;height:50px;line-height:50px;color:#fff;}
.mainPopupLayer .layer_close input{margin:0 10px;vertical-align:middle;width:20px;height:20px;}
.mainPopupLayer .layer_close .p_close2{float:right;margin:11px 10px;display:block;width:67px;height:27px;text-indent:-9999px;overflow:hidden;background:url('../imgs/main/layer_close.png') no-repeat;}

/* 2020.2.4 임시레이어 팝업*/
.popupBg {background:#2384d9 url('/home/imgs/main/layerBg.png') no-repeat center top;padding:20px;color:#fff;/*height:600px;*/width:420px;}
.popupBg p {line-height:1.3;word-break:keep-all;}
.popupBg p strong {display:block;font-size: 21px;text-shadow: 1px 0px 3px rgba(0,0,0,0.5);}
.popupBg div.st1 {margin-top:15px;border-top: 1px solid rgba(255,255,255,0.2);}
.popupBg ul {padding-top:5px;}
.popupBg ul li {line-height:1.3;position:relative;padding-top:7px;text-shadow:1px 1px 0px rgba(0,0,0,0.4);}
.popupBg ul li a {color:#fff;}
.popupBg ul li span.tit {display:inline-block;letter-spacing:-1.1px;width:95%;}
.popupBg ul li span.tit b {font-size:17px;color: #fff9c5;}
.popupBg ul li span em {font-size: 14px;display:  block;letter-spacing: -0.4px;word-break:initial;}
.popupBg ul li span.alink {background:url('/home/imgs/main/popup_link.png') no-repeat;width: 31px;height: 32px;display: inline-block;top: 7px;position: absolute;right: 0;}
.popupBg div.st {border-top:1px solid #fff;}
.popupBg div.skiptranslate {border:1px solid #fff;border-radius:  300px;width: 110px;margin:  0 auto;padding: 7px 10px 6px 10px;margin-top: 7px;background: #fff;}
/* .gnb li.goo{display:none;} */
.goog-te-gadget {border-radius:300px;padding:5px 10px;border:1px solid #ddd;}
.goog-te-gadget-simple {background:url('../imgs/header/google_icon.png') no-repeat 0;padding: 5px 0px 0 20px;}
.goog-te-gadget-simple a {text-shadow:none;font-weight:bold;}
.language_google{position:relative;margin:12px 0 0;text-align:center;}
.language_google a.sbt-google{margin:0;padding:5px 30px 7px 40px;font-size:14px;color:#1a2e49;text-shadow:none;border:1px solid #dadada;border-radius:30px;background:#fff url('../imgs/header/google_icon.png') no-repeat 23px;}
.language_google .sgoogle_ul{position:absolute;top:26px;left:calc(50% - 60px);z-index:10000;background:#fff;border:1px solid #ddd;text-align:center;}
.language_google .sgoogle_ul ul{padding:0;}
.language_google .sgoogle_ul li{float:none;padding:5px 10px;border-top:1px dashed #ddd; text-align: left;border-top:1px dashed #ddd;}
.language_google .sgoogle_ul li:before{display:none;}
.language_google .sgoogle_ul li:first-child{border:0;}
.language_google .sgoogle_ul li a{font-size:13px;color:#555;text-shadow:none;height: 18px; vertical-align:  middle;}
.popupList {position:relative; line-height:22px;}
.popupList li {position:relative;padding: 0 0 0 12px;}
.popupList li:first-child::after  {position:absolute;left: 0px;top: 13px;content:"";width: 5px;height: 13px;background: #fff9c5;border-radius: 300px;}
.mainPopupLayer .layer_close2{position:absolute;bottom:-50px;left:0;width:100%;background:#333;height:50px;line-height:50px;color:#fff;}
.mainPopupLayer .layer_close2 input{margin:0 10px;vertical-align:middle;width:20px;height:20px;}
.mainPopupLayer .layer_close2 .p_close2{float:right;margin:11px 10px;display:block;width:67px;height:27px;text-indent:-9999px;overflow:hidden;background:url('../imgs/main/layer_close.png') no-repeat;}
.mainPopupLayer .layer_close3{display:block;position:absolute;top: -30px;right: 0px;width: 100%;background: #333;height: 30px;line-height:50px;color:#fff;}
.mainPopupLayer .layer_close3 .p_close3{float:right;display:block;width:67px;height:30px;text-indent:-9999px;overflow:hidden;background:url('../imgs/main/layer_close2.png') no-repeat right 0;}


@media all and (max-width:1024px){
    .mainPopupLayer{left:0 !important;top:3%}
}
@media all and (max-width:870px){
	.mainPopupLayer{left:0 !important;top:3%}
	.mainPopupLayer .se-image img {width:75%!important;height:75%!important;}
	.mainPopupLayer .layer_close{width:75%;}
	.popUp {height:300px;overflow-y: scroll;}
	.imgPopUp {overflow-y: scroll;}
	.popupBg {overflow-y:  scroll;}
	.mainPopupLayer .layer_close3 {display:none;}
}
@media all and (max-width:640px){
   .mainPopupLayer{top:0;}
   .mainPopupLayer .layer_close{width:75%;}
   .mainPopupLayer .layer_close2{width:100%;}
   .mainPopupLayer .se-image img {width:75%!important;height:75%!important;height:300px;overflow-y:scroll;}
   .popUp {height:260px;overflow-y:  scroll;}
   .imgPopUp {overflow-y:  scroll;}
}
@media all and (max-width:480px){
	.mainPopupLayer{left:0 !important;}
	.popupBg {width:100%;box-sizing:border-box;}
}
@media all and (max-width:360px){
   .mainPopupLayer{top:3%;}
   .mainPopupLayer .layer_close{width:80%;}
   .mainPopupLayer .layer_close2{width:100%;}
   .mainPopupLayer .se-image img {width:80%!important;height:80%!important;}
   .popUp {height:360px;overflow-y:scroll;}
   .imgPopUp {overflow-y:scroll;}
}