@charset "utf-8";

.m_contents{position:relative;z-index:1}

.mcon1{padding:20px 15px 90px 15px;background:url("/images/01_potal/main/visual_bgs.jpg") no-repeat bottom center #71c4ff;background-size:100%}
/* .mcon1{padding:20px 15px;background:url("") no-repeat bottom center #71c4ff} */
.mcon1>div{}
.mcon1>div>div{border-radius:5px;overflow:hidden;margin-bottom:15px}
.visual{padding:0 0 50px 0;background:#223e99;position:relative}
.visual p{position:absolute;bottom:0;right:0;width:100%;height:40px;text-align:center;color:#fff}
.visual p *{vertical-align:middle}
.visual p span{margin:0 7px 0 0}
.visual p button{background:url("/images/01_potal/common/common_btn.png") no-repeat;width:29px;height:0;padding:29px 0 0 0;overflow:hidden}
.visual p .stop{background-position:0px -79px}
.visual p .play{background-position:-29px -79px}
.visual p .prev{background-position:-87px -79px}
.visual p .next{background-position:-116px -79px}
.visual div{overflow:hidden}
.visual ul{}
.visual li{display:none}
.visual li.on{display:block}
.visual li img{width:100%;border-radius:5px 5px 0 0}

.chief{background:url("/images/01_potal/main/chief_bg.jpg") no-repeat right 0 #fff;background-size:250px;padding: 0 0 101px 0;position:relative;}
.chief{background:url("/images/01_potal/main/chief_bg_2021.jpg") no-repeat right 0 #fff;background-size:cover;padding: 0 0 101px 0;position:relative;}
.chief p a{display:block;margin:0 0 4px 0;line-height:1.5em;padding: 25px 20px 90px 20px;}
.chief p img{display:block;padding: 160px 20px;}
.chief p strong{color:#223e99;font-size:24px;}
.chief h2{color:#223e99;font-size:24px;margin:0 0 15px 0}
.chief>ul{/* margin:0 0 20px 0 */position: absolute;top: 110px;left: 20px;}
.chief>ul>li{background:url("/images/01_potal/main/bbs_list.png") no-repeat 0 7px;padding:0 0 0 10px;margin:0 0 7px 0}
.chief div{position:absolute;bottom:0;left:0;width:100%;border-radius:0 0 5px 5px}
.chief div ul{overflow:hidden}
.chief div li{width:50%;float:left;box-sizing:border-box}
.chief div li:nth-child(1), .chief div li:nth-child(2){border-bottom:1px solid #e9933c}
.chief div li:nth-child(1), .chief div li:nth-child(3){border-right:1px solid #e9933c}
.chief div{background:#e4780b}
.chief div li a{display:block;color:#fff;background:url("/images/01_potal/main/chief_icon.png") no-repeat;padding:15px 10px 0 65px;height:35px}
.chief div .link1 a{background-position:15px 4px}
.chief div .link2 a{background-position:15px -106px}
.chief div .link3 a{background-position:15px -216px}
.chief div .link4 a{background-position:15px -326px}

.chief_new>ul{overflow:hidden;margin-top:20px;}
.chief_new>ul>li{float:left;width:45%;margin-right:2%;}

.infozone{position:relative;background:#eef0f5}
.infozone h2{color:#000;font-size:18px;padding:12px;line-height:1.5em;background:#fff;border-radius:5px 5px 0 0}
.infozone p{position:absolute;top:11px;right:15px}
.infozone p button{background:url("/images/01_potal/common/common_btn.png") no-repeat;width:29px;height:0;padding:29px 0 0 0;overflow:hidden}
.infozone p .stop{background-position:0px -108px}
.infozone p .play{background-position:-29px -108px}
.infozone p .prev{background-position:-87px -108px}
.infozone p .next{background-position:-116px -108px}
.infozone p .v_img{background-position:-203px -108px}
.infozone p .v_txt{background-position:-232px -108px}

.infozone li{display:none}
.infozone li.on{display:block}
.infozone li a{display:block}
.infozone li img{width:100%;border-radius:0 0 5px 5px}
.infozone li span{display:none}

.type_img .btn_txt, .type_txt .btn_img{display:none}
.type_img .btn_img, .type_txt .btn_txt{display:inline-block}
.type_txt{}
.type_txt ul{margin:20px}
.type_txt li{background:url("/images/01_potal/main/bbs_list.png") no-repeat 0 5px;padding:0 0 0 10px;margin:10px 0 0 0;display:block;}
.type_txt li span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.type_txt li:first-child{margin:0}
.type_txt li img{display:none}
.type_txt li span{display:block}

.mbbs{width:100%}
.mbbs>div{background:#223e99;padding:14px 15px;margin:0 0 2px 0;position:relative;border-radius:5px}
.mbbs>div.on{background:#fff;padding:20px 15px}
.mbbs div div{display:none}
.mbbs div.on div{display:block}
.mbbs h2{font-size:18px;}
.mbbs h2 span{display:block;background:url("/images/01_potal/common/common_btn.png") no-repeat -174px -79px;position:absolute;top:10px;right:15px;width:29px;height:0;padding:29px 0 0 0;overflow:hidden}
.mbbs>div.on h2 span{display:none}
.mbbs h2 a{color:#fff;display:block}
.mbbs .on h2{border-bottom:1px solid #223e99;padding:0 0 10px 0;margin:0 0 15px 0}
.mbbs .on h2 a{color:#223e99}
.mbbs li{background:url("/images/01_potal/main/bbs_list.png") no-repeat 0 8px;padding:0 0 0 10px;margin:5px 0 0 0;box-sizing:border-box;line-height:1.5em}
.mbbs li strong{font-weight:400}
.mbbs li a{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mbbs li a>span{display:none}
.mbbs li>span{display:none}
.mbbs p{position:absolute;top:12px;right:15px}
.mbbs p a{display:block;background:url("/images/01_potal/common/common_btn.png") no-repeat -58px -50px;width:29px;height:0;padding:29px 0 0 0;overflow:hidden}

.mcon2{}
.fservice{padding:20px 15px}
.fservice h2{font-weight:400;color:#000;font-size:24px;text-align:center;margin:0 0 10px 0}
.fservice h2 strong{font-weight:600}
.fservice p{display:none}
.fservice ul{overflow:hidden}
.fservice li{float:left;width:46%;margin:0 2% 3px 2%}
.fservice li br{display:none;}
.fservice li a{display:block;border-radius:5px;border:1px solid #223e99;padding:10px 0;text-align:center;color:#223e99;font-size:14px}
.fservice li a:hover{text-decoration:underline}
.fservice span.btn{display:none;}
.fservice span.btn button{background:url("/images/01_potal/common/common_btn.png") no-repeat;width:29px;height:0;padding:29px 0 0 0;overflow:hidden}
.fservice span.btn .stop{background-position:0px -108px}
.fservice span.btn .play{background-position:-29px -108px}

.mbanner{}
.mbanner ul{overflow:hidden}
.mbanner li{width:100%;background:url("/images/01_potal/main/mban_bg.png") #a5e2f1}
.mbanner li:first-child{background:url("/images/01_potal/main/mban_bg.png") #cbd1e7}
.mbanner li.ico1{background-color:#cbd1e7}
.mbanner li.ico2{background-color:#c6f1a5}
.mbanner li.ico3{background-color:#a5e2f1}
.mbanner li a{display:block;text-align:center}
.mbanner em{display:inline-block;height: 40px;font-style:normal;color:#0c3c47;font-size:16px;text-align:right;padding: 20px 0 0 60px;}
.mbanner li:first-child em{color:#202c55;}
.mbanner li.ico1 em{background:url("/images/01_potal/main/mban_icon1.png") no-repeat 5px center;background-size:50px}
.mbanner li.ico2 em{background:url("/images/01_potal/main/mban_icon3.png") no-repeat 5px center;background-size:40px}
.mbanner li.ico3 em{background:url("/images/01_potal/main/mban_icon2.png") no-repeat 5px center;background-size:50px}
.mbanner strong{}
.mbanner span{display:none}

.mcon3{background:url("/images/01_potal/main/social_bg.png") no-repeat center 0 #e2ecf2}
.social{padding:30px 15px}
.social li{background:#fff;position:relative;width:100%;margin:0 0 10px 0;box-shadow:1px 1px 1px #ddd}
.social li a{display:block;color:#555}
.social li a>em{display:block;width:45px;height:0;padding:46px 0 0 0;overflow:hidden;position:absolute;top:10px;right:10px;background: url("/images/01_potal/main/social.png") no-repeat -89px 0;}
.social .sc_gunjung li em{background-position:-90px 0}
.social li.face em{background-position:0 0}
.social li.twt em{background-position:-45px 0}
.social li.youtube em{background-position:-180px 0}
.social .sc_app li em{background-position: -135px 0;}
.social li img{display:block;width:100%}
.social strong{display:block;color:#000;font-size:20px;margin:0 0 10px 0}
.social span.txt{border:1px solid #ccd5da;border-top:none;display:block;padding:20px 15px}
.social span.txt em{color:#959595;display:block;font-style:normal;font-size:13px;margin:5px 0 0 0}
.social span.over{display:none}

.tservice{}
.tservice>div{background:url("/images/01_potal/main/tservice_bg.png");position:relative}
.tservice div.tsvc1{background-color:#2f4ca5}
.tservice div.tsvc2{background-color:#0098cf}
.tservice div.tsvc3{background-color:#e4780b}
.tservice div h3{color:#fff;padding:15px 0;height:30px;line-height:1.5em}
.tservice div h3 span{display:inline-block;background:url("/images/01_potal/main/tservice_icon.png") no-repeat;width:39px;height:30px;margin:0 5px 0 15px}
.tservice div.tsvc1 h3 span{background-position:center 0px}
.tservice div.tsvc2 h3 span{background-position:center -30px}
.tservice div.tsvc3 h3 span{background-position:center -60px}
.tservice div div{display:none;background:#fff;padding:10px 15px}
.tservice div.on div{display:block}
.tservice ul{overflow:hidden}
.tservice li{background:url("/images/01_potal/main/tservice_dot.png") no-repeat 0 5px;padding:0 0 0 10px;margin:5px 0;width:50%;float:left;box-sizing:border-box;font-size:14px}
.tservice li a{color:#555}
.tservice button{position:absolute;top:15px;right:15px;background:url("/images/01_potal/common/common_btn.png") no-repeat -174px -79px;width:29px;height:0;padding:29px 0 0 0;overflow:hidden}
.tservice div div button{background-position:-145px -79px}
.tservice div.on>button{display:none}

/* 인포존 동적 슬라이드 태그 css 설정_20180817 */
.type_txt .bx-wrapper { max-height:100%!important; }
.type_txt .bx-viewport { margin-top:20px!important; margin-bottom:20px!important; height:192px!important; }



/* Tablet */
@media all and (min-width:768px) {
.mcon1{padding:20px 15px 180px 15px}

.visual{padding:0}
.visual li img{border-radius:5px}
.visual p{top:15px;right:15px;width:auto;height:40px;text-align:center;color:#223e99;background:url("/images/01_potal/main/visual_btnbg.png");padding:10px 10px 0 10px}
.visual p .stop{background-position:0px -50px}
.visual p .play{background-position:-29px -50px}
.visual p .prev{background-position:-87px -50px}
.visual p .next{background-position:-116px -50px}

.chief{float:left;width:40%;height:285px;box-sizing:border-box;background-size:290px}
.chief p a{padding: 25px 20px 110px 20px;}

.infozone{float:right;width:58%;height:285px}
.infozone h2{padding:15px 0 0 15px;height:40px}
.infozone li{text-align:center}
.infozone li img{width:auto;height:100%}
.type_txt li{text-align:left}

.mbbs{position:relative;height:285px;background:#eef0f5}
.mbbs>div{position:static;padding:0;background:none;margin:0}
.mbbs>div h2{float:left}
.mbbs>div h2 a{padding:17px 15px 0 15px;height:38px;color:#707070;font-weight:400} /* background:url("/images/01_potal/main/bbs_line.gif") no-repeat 0 20px */
.mbbs>div:first-child h2 a{background:none}
.mbbs>div.on{padding:0;background:none}
.mbbs div.on div{border-radius:0 0 5px 5px}
.mbbs>div.on h2{border:none;margin:0;padding:0}
.mbbs>div.on h2 a{background:#fff;font-weight:600}
.mbbs h2 span{display:none}
.mbbs div div{position:absolute;top:55px;left:0;width:100%;height:183px;padding:23px 0;background:#fff}
.mbbs ul{margin:0 20px;overflow:hidden}
.mbbs li{float:left;width:45%;margin-right:5%;overflow:hidden}
.mbbs li:first-child{border-bottom:1px dashed #d4d4d4;height:110px;width:100%;padding:0 0 0 110px;margin:0 0 20px 0}
.mbbs li:first-child a{display:block;width:100%;white-space:normal}
.mbbs li:first-child span{float:left}
.mbbs li:nth-child(2){clear:both}
.mbbs li strong{display:block;font-size:18px;color:#000;margin:0 0 5px 0;font-weight:600}
.mbbs li a>span{display:block}
.mbbs li a{float:left;width:70%}
.mbbs li>span{display:inline-block;color:#959595;float:right}
.mbbs p{top:-41px}
.mbbs .bbs01 li:first-child{background:url("/images/01_potal/main/bbs_icon1.gif") no-repeat 10px 5px}
.mbbs .bbs02 li:first-child{background:url("/images/01_potal/main/bbs_icon2.gif") no-repeat 10px 5px}
.mbbs .bbs03 li:first-child{background:url("/images/01_potal/main/bbs_icon3.gif") no-repeat 10px 5px}
.mbbs .bbs04 li:first-child{background:url("/images/01_potal/main/bbs_icon4.gif") no-repeat 10px 5px}
.mbbs .bbs05 li:first-child{background:url("/images/01_potal/main/bbs_icon5.gif") no-repeat 10px 5px}
.mbbs .bbs06 li:first-child{background:url("/images/01_potal/main/bbs_icon6.gif") no-repeat 10px 5px}

.fservice{padding:25px 0 0 0}
.fservice h2{font-size:30px;margin:0 0 20px 0}
.fservice li{width:14.28571428571429%;margin:0 0 25px 0;height:100px;}
.fservice li br{display:block;}
.fservice li a{border:none;padding:70px 0 0 0;background:url("/images/01_potal/main/fservice_icon.png") no-repeat}
.fservice li.icon1 a{background-position:center 0}
.fservice li.icon2 a{background-position:center -110px}
.fservice li.icon3 a{background-position:center -220px}
.fservice li.icon4 a{background-position:center -330px}
.fservice li.icon5 a{background-position:center -440px}
.fservice li.icon6 a{background-position:center -550px}
.fservice li.icon7 a{background-position:center -660px}
.fservice li.icon8 a{background-position:center -770px}
.fservice li.icon9 a{background-position:center -880px}
.fservice li.icon10 a{background-position:center -990px}
.fservice li.icon11 a{background-position:center -1100px}
.fservice li.icon12 a{background-position:center -1210px}
.fservice li.icon13 a{background-position:center -1320px}
.fservice li.icon14 a{background-position:center -1430px}
.fservice li.icon15 a{background-position:center -1540px}
.fservice li.icon16 a{background-position:center -1650px}
.fservice li.icon17 a{background-position:center -1760px}
.fservice li.icon18 a{background-position:center -1870px}
.fservice li.icon19 a{background-position:center -1980px}
.fservice li.icon20 a{background-position:center -2200px}
.fservice li.icon21 a{background-position:center -2090px}
.fservice li.icon22 a{background-position:center -2310px}
.fservice li.icon23 a{background-position:center -2420px}
.fservice li.icon24 a{background-position:center -2530px}
.fservice li.icon25 a{background-position:center -2640px}
.fservice li.icon26 a{background-position:center -2750px}
.fservice li.icon27 a{background-position:center -2860px}
.fservice li.icon28 a{background-position:center -2952px}
.fservice li.icon29 a{background-position:center -3043px}
.fservice span.btn{display:inline-block;}

.mbanner li{float:left;width:33.333%;text-align:center}
.mbanner em{height:40px;padding:20px 0 0 60px}
.mbanner strong{/* display:inline */}

.social{padding:30px 0;overflow:hidden}
.social>div{float:left;width:25%}
.social ul{overflow:hidden}
.social li{width:31.33%;margin:0 1% 10px 1%;float:left}
.social li img{height:150px}
.social span.txt{height:130px}

.tservice{overflow:hidden}
.tservice h3{text-align:center}
.tservice div h3 span{margin:0 5px 0 0}
.tservice>div{float:left;width:33.33%}
.tservice div div{display:block;border-left:1px solid #e0e4f1;height:260px}
.tservice div div:first-child{border-left:none}
.tservice li{float:none;width:auto}
.tservice button{display:none}

/* 자주찾는서비스 lmj 20180817 */
.tservice div button{display:none!important}
.tservice div div{display:block!important}

}


/* Desktop */
@media all and (min-width:1023px) {
.mcon1{padding:60px 0;min-width:1200px;background:url("/images/01_potal/main/visual_bg.jpg") no-repeat bottom center}
.mcon1>div{overflow:hidden;width:1200px;margin:0 auto}

.visual{float:left;width:795px;margin:0 10px 0 0}

.chief{width:395px;height:380px;background-size:auto;}
.chief p{font-size:18px}
.chief p a{padding: 30px 20px 165px 0px;}
.chief>ul{top: 150px;left:30px;}
.chief>ul li{background:none;padding:0;}
.chief>ul li a{display:block;background:#223e99;padding:5px 20px;border-radius:30px;color:#fff;}
.chief>ul li a:hover,
.chief>ul li a:focus{background:#e4780b;}
.chief h2{font-size:30px}
.chief div li{width:25%;border:none !important}
.chief div li a{padding:70px 0 0 0;text-align:center;height:40px}
.chief div .link1 a{background-position:center 22px}
.chief div .link2 a{background-position:center -88px}
.chief div .link3 a{background-position:center -198px}
.chief div .link4 a{background-position:center -308px}

.chief_new p{font-size: 18px;padding-left:30px;}
.chief_new p strong{font-size: 24px;}
.chief_new>ul{margin-top:30px;}

.infozone{float:left;margin:0 10px 0 0;width:395px}
.mbbs{width:795px;float:left}

.mcon2{overflow:hidden;width:1200px;margin:0 auto;background:url("/images/01_potal/main/fservice_bg1.png") no-repeat 0 60px;padding:60px 0}
.fservice{width: 695px;height:315px;padding: 0 50px;margin:0 10px 0 0;float:left;background:url("/images/01_potal/main/fservice_bg2.png") no-repeat right 0;position:relative;}
.fservice h2{margin:25px 0}
.fservice p{display:block}
.fservice p button{background:url("/images/01_potal/common/common_btn.png") no-repeat;width:29px;height:0;padding:29px 0 0 0;overflow:hidden;position:absolute;top: 170px;}
.fservice p .prev{background-position: -87px -50px;left:30px;}
.fservice p .next{background-position: -116px -50px;right:30px;}
.fservice div{height:210px;overflow:hidden}
.fservice li{width:99px;height:85px;}
.mbanner li{width:100%;height: 105px;text-align:left}
.mbanner li a{/* height:315px; */margin:0;text-align: left;padding:0 0 0 125px}
.mbanner li:first-child{margin:0 5px 0 0}
.mbanner li:first-child em{background:none} 
.mbanner li.ico1 a{background:url("/images/01_potal/main/mban_icon1.png") no-repeat 30px center;background-size:auto;height: 105px;}
.mbanner li.ico2 a{background: url("/images/01_potal/main/mban_icon3.png") no-repeat 35px center;background-size:auto;height:105px;}
.mbanner li.ico3 a{background:url("/images/01_potal/main/mban_icon2.png") no-repeat 30px center;background-size:auto;height:105px}
.mbanner em{font-size:24px;padding:25px 0 0 0;background:none;height:auto;background:none !important}
.mbanner li.ico1 em{padding:20px 0 0 0}
.mbanner span{display:block;color:#464646;font-size:14px;line-height:1.25em;margin:10px 0 0 0}

.mcon3{padding:60px 0;min-width:1200px}

.social{width:1200px;margin:0 auto;overflow:hidden}
.social ul{width:1213px}
.social li{width:290px;margin:0 13px 13px 0;overflow:hidden}
.social li img{height:190px}
.social span.txt{height:90px;position:relative;z-index: 99999;background: #fff;}
.social span.over{display:block;position:absolute;top:1000px;left:1000px;border:none;width:0;height:0;z-index:1}
.social span.over i{display:block;width:79px;height:79px;background:url("/images/01_potal/main/social_over.png") no-repeat;position:absolute;top:175px;left:167px;transform: rotate(-45deg);}
.social li a:hover .over{display:block;position:absolute;top:-100px;left:-100px;width:500px;height:500px;background: rgba(45, 45, 55, 0.5);transform: rotate(45deg);transition: all 0.2s}

.tservice{width:1200px;margin:0 auto}
.tservice div div{height:150px}
.tservice li{float:left;width:50%}
}                                                                                                                                                                     

.uj_photo{padding: 0 15px 30px 15px;margin:40px 0 0 0;border-top:1px solid #dedede;}
.uj_photo h2{font-size:24px;letter-spacing:-0.05em;margin:30px 0 15px 0;text-align:center}
.uj_photo h2 a{color:#223e99}
.uj_photo li{font-size:14px;line-height:1.25em;margin:0 0 10px 0}
.uj_photo li a{display:block}
.uj_photo li img{width:100%}
.uj_photo li span{display:block;padding:15px;border:1px solid #dedede;border-top:none}
.uj_photo li span strong{font-size:16px;color:#000;display:block;margin:0 0 10px 0}
.uj_photo p{text-align:center;margin: 7px 0 0 0;}
.uj_photo p a{display:block;padding:10px 0;background:#f3f3f3;color:#333}
@media all and (min-width:768px) {
.uj_photo{padding: 0 20px 40px 20px;margin:50px 0 0 0;}
.uj_photo ul{overflow:hidden}
.uj_photo li{float:left;width:24%;margin:0 0.5%}
.uj_photo li img{height:130px}
.uj_photo li span{height:90px}
}
@media all and (min-width:1023px) {
.uj_photo{padding:40px 0 0 0;overflow:hidden;position:relative;position:relative;height: 340px;}
.uj_photo h2{width: 14%;font-size:16px;margin: 0 0 1px 0;background: url("/images/01_potal/main/uj_gunjung_arr2.gif") no-repeat right center #f4f6fb;}
.uj_photo h2 a{display:block;padding: 100px 0 0 0;margin:0 13px 0 0;text-align:center;background: url("/images/01_potal/main/uj_gunjung.png") no-repeat center -235px;height: 65px;}
.uj_photo h2:first-child a{background: url("/images/01_potal/main/uj_gunjung.png") no-repeat center 50px;}
.uj_photo h2.on{background: url("/images/01_potal/main/uj_gunjung_arr.gif") no-repeat right center #223e99}
.uj_photo h2.on a{color:#fff;background: url("/images/01_potal/main/uj_gunjung.png") no-repeat center -370px;}
.uj_photo h2:first-child.on a{background: url("/images/01_potal/main/uj_gunjung.png") no-repeat center -90px;}
.uj_photo div{display:none;position:absolute;top: 40px;right:0;width:85%;}
.uj_photo div.on{display:block}
.uj_photo li img{height:190px}
.uj_photo li span{height:60px}

/*
.uj_photo p{position:absolute;top:130px;left:0}
.uj_photo p a{display:block;background:url("/images/01_potal/common/common_btn.png") no-repeat -58px -50px;width:29px;height:0;padding:29px 0 0 0;overflow:hidden}
*/

/* Desktop 이 아닐 시, 자주찾는 서비스 다 나오도록 설정_20180817 */
#fservice_wrap li{ display:block }

}

/*2022 민선8기*/
.chief{background: url("/images/01_potal/main/chief_bg2.jpg") no-repeat right -30px top 0 #fffbe8;}
.chief p a{padding-bottom: 120px;}
.chief p b{font-size: 18px;color: #ea5404;}
@media all and (min-width:768px) {
.chief_new>ul{margin-top: 0;}
}
@media all and (min-width:1023px) {
.chief{background-position: right top;}
.chief p b{font-size: 20px;}
.chief_new>ul{width: 150px;}
.chief>ul li{width: 100%;}
}

/*221209 레이어팝업*/
.layer_pop {position:absolute; top:0; left:0; bottom:0; right:0; z-index:9999;}
.layer_pop:before {display:block; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.5); content:"";}
.layer_inner {position:relative; width:100%;}
.layer_con {margin:0 20px;text-align: center;}
.layer_con img{width: 100%;}
.layer_con .comment{position: absolute;top: -99999px;left: -99999px;font-size: 1px;overflow: hidden;}
.layer_con .layer_close {background:#333; text-align:center;font-size:0;}
.layer_con .layer_close a {display:inline-block; padding:5px 5%; color:#fff;font-size:16px;border-right:1px solid #666;}
.layer_con .layer_close a.day {border: none;}
.layer_con .layer_close a:hover, .layer_con .layer_close a:focus {background:#555;}
@media all and (min-width:768px){
.layer_con{width: 600px;margin: 0 auto;}
.layer_con img{width:auto;}
.layer_con .layer_close{text-align: center;}
.layer_con .layer_close a{padding: 5px 25px;}
}
@media all and (min-width:1023px){
.layer_inner{top: 50%;transform: translateY(-50%);}
}