.lead { font-size:16px; color:#555; letter-spacing:-0.02em; line-height:1.75; font-weight:400}
@media screen and (max-width:640px) {
input {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}
.lead { font-size:17px}
}


/*메인배너*/
.main-carousel{height:900px; padding:0; display:block}
.main-carousel .li{height:900px; background-size:cover; background-position:center; position:relative}
.main-carousel .img01 { background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(/images/v01.jpg)}
.main-carousel .img02 { background-image: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url(/images/v02.jpg)}
.main-carousel .img03 { background-image: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url(/images/v03.jpg)}
.main-carousel .li .copy_area_wrap {max-width:1400px; margin:auto; padding:0 60px}
.main-carousel .li .copy_area{position: absolute; top:50%; left:20%; -ms-transform: translateY(-50%); transform: translateY(-50%);margin:0 auto; color:#fff; z-index:2}
.main-carousel .li .copy_area h2{font-size:65px;font-weight:100; line-height:1.3; letter-spacing:1px; text-align:left}
/*.main-carousel .li .copy_area h2:after { content: " ";display: block; margin-top:30px; text-align:left; width:40px; height: 3px; background-color:#fff; clear: both;}*/
.main-carousel .li .copy_area h3{font-size:17px;font-weight:400;text-align:left;margin:15px 0 40px 0; color:#e4e4e4; line-height:1.6; font-family: 'Roboto', sans-serif;}
.main-carousel .li .copy_area h4{font-size:14px;font-weight:600;text-align:left; width:160px; border:1px solid rgba(255, 255, 255, .4)}
.main-carousel .li .copy_area h4:hover { background-color:#fdb812; border:1px solid #fdb812; color:#222; -webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.main-carousel .li .copy_area h4 a{color:#fff;padding:10px 40px;display:block; text-align:center; letter-spacing:1px}
.main-carousel .li .copy_area .reservation {}
.main-carousel .li .copy_area .reservation a {font-size:18px; color:#e4e4e4; line-height:1.6; font-family: 'Roboto', sans-serif;}
.main-carousel .li .copy_area .reservation a .reser-img {
	width:149px; height: 21px; background: url("/images/arrow.png") no-repeat; position: absolute;
	bottom:-3%; left:-2%
}
.main-carousel .li .copy_area_movie{width:100%; position:relative}
.main-carousel .li .copy_area_movie h2{color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:40px; line-height:2em; text-align:left; z-index:1;}
.main-carousel .li .copy_area_movie h2:after {content: " ";display: block; margin:50px 0 0; width:40px; height: 3px; background-color:#fff; clear: both;}
.main-carousel .li .copy_area_movie h3{color:#fff; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:42px; line-height:2em; text-align:left; margin:15px 0 40px 0; z-index:1;}
.main-carousel .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:135px;}
.main-carousel .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.5);width:30px;height:5px;display:inline-block;margin-left:10px; border:0}
.main-carousel .owl-dots .owl-dot.active{background:rgba(255, 255, 255, 1)}
.main-carousel .owl-nav{position:absolute;width:100%;bottom:50%}
.main-carousel .owl-nav .owl-prev{width:80px;height:80px;background:url(/images/btn_banner_prev.png) no-repeat;text-indent:-9999px;position:absolute;left:100px}
.main-carousel .owl-nav .owl-next{width:80px;height:80px;background:url(/images/btn_banner_next.png) no-repeat;text-indent:-9999px;position:absolute;right:100px}


@media screen and (max-width:576px) {
	
	.main-carousel .li { height:800px}
	.main-carousel .img01 {  background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(/images/v01.jpg);}
	.main-carousel .img02 {  background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(/images/v01.jpg);}
	.main-carousel .img03 {  background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(/images/v01.jpg);}
	.main-carousel .li .copy_area { left:10%}
	.main-carousel .li .copy_area h2 {font-size: 36px; letter-spacing:-1px}
	.main-carousel .li .copy_area h3 { max-width:350px; margin:10px auto 50px auto; }
	.main-carousel .owl-nav { display:none}

}
/*메인배너*/



.contents1 { width:100%; padding:80px 0;  clear:both}
.contents1 .inner {width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.contents1 .icon { width:25%;  border-left:1px solid #ddd; text-align:center; margin:0 auto; display:block}
.contents1 .icon:first-child { border-left:0}
.contents1 h1 { font-size:35px; color:#000; font-weight:300; letter-spacing:-1px; text-align:left; padding:0 0 5px 0}
.contents1 .icon h2 { font-size:25px; color:#000; text-align:center; font-weight:500;}
.contents1 .icon p { font-size:17px; color:#000; opacity:0.8; font-weight:400; padding:20px 10px 0 10px; text-align:center; max-width:280px; margin:0 auto; word-break:keep-all; line-height:1.6}
.contents1 .icon i { text-align:center; font-size:38px; font-weight:400; display:block;  color:#555}
.contents1 .icon .txt a { display:block; height:165px; width:14.2%}

@media screen and (max-width: 978px) {
	.contents1 { margin-top:50px; padding:0 0 50px 0}
	.contents1 .icon { width:50%; margin-bottom:8%}
	.contents1 .icon:nth-child(3) { border-left:0}
	.contents1 .icon:nth-child(5) { border-left:0}
	
}




.contents2 {padding:0 0 150px 0; text-align:center;  background-size:cover;  position:relative; background-attachment: fixed;}
/*.wrap {width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}*/
.contents2 .wrap .box { width:49%; float:right;  position: relative;} 

.contents2 .wrap .left {background-image: url("/images/contents1.png"); background-position: right bottom; background-repeat:no-repeat;  background-size:85%; background-color:#fff; border-radius:10px; padding:80px 80px 0 80px; background-color:#f5f5f5}
.contents2 .wrap .left h2 { font-size:18px; letter-spacing:0}
.contents2 .wrap .left h1 { font-size:50px; padding:20px 0 0 0; letter-spacing:-1px}
.contents2 .wrap .left p { color:#555; padding:10px 0 0; line-height:1.5; font-size:17px}
.contents2 .wrap .right .bottom {width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.contents2 .wrap .right .bottom .color_box { width:48%;  background-color:#000; border-radius:10px; padding:40px; text-align:center; }



.contents2 .wrap .right .bottom .color_box h2 { font-size:30px; font-weight:600; letter-spacing:0; padding:130px 0 10px 0}
.contents2 .wrap .right .bottom .color_box p { font-size:17px; color:#000; opacity:0.8; font-weight:300; line-height:1.5; word-break:keep-all}
.contents2 .wrap .right .bottom .photo01 {background-image: url("/images/contents2.png"); background-position: center 30px; background-repeat:no-repeat; background-color:#f1f1f1; background-size:45%;}
.contents2 .wrap .right .bottom .photo02 {background-image: url("/images/contents3.png"); background-position: center 30px; background-repeat:no-repeat; background-color:#f1f1f1; margin-left:2%; background-size:45%;}
.contents2 .wrap .right .top { padding:80px; clear:both;  background-image: url("/images/content4.png"); background-repeat:no-repeat; background-color:#f1f1f1; border-radius:10px; margin-bottom:23px;  text-align:left; background-position:center}
.contents2 .wrap .right .top h3 { font-size:18px; padding-bottom:10px; color:#333} 
.contents2 .wrap .right .top h2 { font-size:30px; color:#000; font-weight:bold}
.contents2 .wrap .right .top p { font-size:17px;  font-weight:300; padding:10px 0; max-width:280px; line-height:1.5;}


@media screen and (max-width: 980px) {
.contents2 { padding:0 0 50px 0}
.contents2 .wrap .left {padding:80px 60px 0 60px; background-size:100%; border-radius:0}
.contents2 .wrap .box { width:100%; min-height:665px}
.contents2 .wrap .left h1 { font-size:32px}
.contents2 .wrap .right .top { background-size:95%; background-position: center right; border-radius:0; margin-top:4%; padding: 80px 40px; margin-bottom:0}
.contents2 .wrap .right .bottom { padding:0px;min-height:306px}
.contents2 .wrap .right .bottom .photo01 { background-size:35%; border-radius:0; margin-top: 0px;}
.contents2 .wrap .right .bottom .photo02 { background-size:35%; border-radius:0}
}

@media screen and (max-width:576px) {
	.contents2 .wrap .right .bottom .color_box { width:100%; margin-top:20px; margin-left:0}
	.contents2 h2 { font-size:32px}
	.contents2 ul li { width:100%; padding:50px 0; border-bottom: 1px solid rgba(255,255,255,0.2)}
	.contents2 ul li .t2 span { font-size:45px}
	 
}



.contents3 { width:100%;  padding:0; clear:both}
.contents3 h2 { font-size:50px; color:#fff; padding-top:10px; letter-spacing:-1px; font-weight:500;}
.contents3 p { font-size:17px; color:#fff; opacity:0.8; line-height:1.6;  padding-top:20px; font-weight:300}
.contents3 h2 strong { font-weight:bold}
.contents3 li { background-size:cover; width:100%; min-height:280px; background-position:top center; background-repeat:no-repeat}
.contents3 .img01 {background-image: url(/images/a01.jpg)}
.contents3 .img02 {background-image: url(/images/a02.jpg)}
.contents3 li .text_area { max-width:1200px; margin: 0 auto; padding:100px 20px 100px 0px; text-align:left; position:relative}
.contents3 li .text_area h1 { font-size:16px; font-weight:500; color:#fff; opacity:0.8}
.contents3 li .text_area .more {display:block; width:110px; height:110px; box-sizing:border-box; border:5px solid rgba(255,255,255,0.5); text-align:center; font-size:15px; color:#fff; letter-spacing:0; line-height:104px;  position:absolute; top:124px; left:700px;}
.contents3 li .text_area .more:after {content:''; display:block; width:1px; height:25px; background:#fff; opacity:0.2; position:absolute; right:15px; top:3px; transform:rotate(45deg)}
.contents3 li .text_area .more:before {content:''; display:block; width:1px; height:25px; background:#fff; opacity:0.2; position:absolute; left:15px; bottom:3px; transform:rotate(45deg)}
.contents3 li .text_area .more:hover{border-color:#FFF;}
.contents3 .owl-dots{position:absolute;width:100%; text-align:center; margin:0 auto; bottom:35px;}
.contents3 .owl-dots .owl-dot{background:rgba(255, 255, 255, 0.5);width:30px;height:5px;display:inline-block;margin-left:10px; border:0}
.contents3 .owl-dots .owl-dot.active{background:rgba(255, 255, 255, 1)}
.contents3 .owl-nav{position:absolute;width:100%;bottom:50%; display:none}
.contents3 .owl-nav .owl-prev{width:40px;height:30px;position:absolute;left:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; border-left:0; border-right:0; border-bottom:0; padding-top:5px; text-align:center; background-color:transparent; cursor:pointer}
.contents3 .owl-nav .owl-next{width:40px;height:30px;position:absolute;right:50px; font-size:14px; color:#fff; border-top: 1px solid #fff; border-left:0; border-right:0; border-bottom:0; padding-top:5px; text-align:center; background-color:transparent;  cursor:pointer}
@media screen and (max-width: 980px) {
	.contents3 { padding:50px 0}
 	.contents3 li .text_area { padding: 60px 20px 0 20px;}
	.contents3 li .text_area .more {top: 400px; left: 20px;}
}

@media screen and (max-width: 640px) {
	.contents3 .owl-nav { display:none}
	.contents3 h2 { font-size:32px}
}



.contents4{width: 100%; padding:150px 0}
.contents4 h1{ font-size:35px; font-weight:bold; color:#000; padding-bottom:20px}
.contents4 .cardset {width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.contents4 .cardset .card {width: 23%; position: relative; padding: 2%; transition: all 235ms ease-in-out; touch-action: manipulation; border:1px solid  #ddd}
.contents4 .cardset .card:hover {transform: translate3d(0, 5px, 0);}
.contents4 .cardset .card .photo { width: 100%; border-radius: 15px; margin: 0 auto;  background-position:center; background-repeat:no-repeat; background-size:cover; clear:both}
.contents4 .card-text{ width:100%; clear:both}

.contents4 .card-text p { font-size:17px; color:#555; text-align:center; padding:20px 0}
.contents4 .cardset .card .photo img { border-radius: 15px; width: 100%;}
@media screen and (max-width: 1399px) {
   .contents4 .cardset .card  { width: 49%; margin-bottom: 10%; }
   .contents4 .card-text p { width:auto; position: absolute; top: 100%; left: 10px; right: 0;}
}
@media screen and (max-width: 980px) {
	 .contents4 { padding:50px 0; }
	 .contents4 .cardset .card  { width:100%; margin-bottom: 20%; }
	 .contents4 h1 { font-size:32px; padding:0 0 20px 10px}
}

.contents5 {width: 100%; padding:150px 0; background-color:#f8f9fa}
.contents5 .inner {width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap}
.contents5 .card-img1 { width:52%; background:url(/images/card5-img1.jpg) center no-repeat; background-size:cover}
.contents5 .card-img2 { width:22%; background:url(/images/card5-img2.jpg) center no-repeat; background-size:cover}
.contents5 .card-img3 { width:22%; background:url(/images/card5-img3.jpg) center no-repeat; background-size:cover}
.contents5 .photo { height:400px; border-radius:20px}
.contents5 .photo img { width:100%}

@media screen and (max-width: 980px) {
    .contents5 .card-img1 { width:100%; margin-bottom:4%; border-radius:0}
	.contents5 .card-img2 { width:100%; margin-bottom:4%; border-radius:0}
	.contents5 .card-img3 { width:100%; border-radius:0}
}
.contents6 { padding:150px 0 0}
.contents6 .img_c_box .img_c img { border-radius:20px}
@media screen and (max-width: 980px) {
	.contents6 { padding:50px 0}
	.contents6 .img_c_box .img_c img { border-radius:0px}
}




/*서브상단*/
.sub_visual{position:relative;max-width:2560px;margin:0 auto;height:522px;overflow:hidden;background-repeat:no-repeat;background-position:center top}





.sub_visual .title_warp { max-width:1240px; margin:0 auto; }
.sub_visual .title_warp .title_page { height:522px; position: relative;text-align:center; margin:0 auto; transform:translateY(40%);  z-index:2}
.sub_visual h3{font-size:14px;font-weight:500; padding-bottom:20px; letter-spacing:1px; color:#fff; opacity:0.8}
.sub_visual .main_title{font-size:45px; font-weight:500; text-align:center; color:#fff; letter-spacing:-1px }
.sub_visual .inBox {font-size:14px; padding-top:10px; color:#fff}
.sub_visual .inBox i { font-size:14px; color:#fff; display:inline-block;}
.sub_visual .inBox a { padding:0 13px 0 0}
.sub_visual .inBox span {padding:0 13px; opacity:0.8}
.sub_visual .inBox span.strong { opacity:1; padding:0 0 0 13px}
.sub_visual .cover{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/images/sub_visual_cover.png) center bottom no-repeat;
-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;min-width:1200px;opacity:.6;z-index:1}
.sub_visual .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.sub_visual.tmp {height:100px; background-color:#000;}
.sub_visual.tmp .title_warp {display:none;}

.sub_visual h3,
.sub_visual .main_title ,
.sub_visual .inBox {
	animation-duration: 0.7s;
	animation-fill-mode: both;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	-webkit-animation-duration: 0.7s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	animation-delay: 0.3s; 
	-webkit-animation-delay: 0.3s;
	animation-name:visual-tit;
	 -webkit-animation-name:visual-tit;
}

.sub_visual .main_title {animation-delay: 0.6s; -webkit-animation-delay: 0.6s;} 
.sub_visual .inBox {animation-delay: 0.9s; -webkit-animation-delay: 0.9s;} 
 
.sub_visual .bg{ 
	content:'';
	animation-duration: 3s;
	animation-fill-mode: both;
	animation-iteration-count: 1;
	animation-timing-function: ease;
	-webkit-animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease;
	animation-delay: 0.4s;
	 -webkit-animation-delay: 0.4s;
	animation-name:visual-zoom;
	 -webkit-animation-name:visual-zoom;
}
 

 
@keyframes visual-zoom {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}
@-webkit-keyframes visual-zoom {
	0% {transform:scale(1.2);}
	100% {transform:scale(1);}
}

@keyframes visual-tit {
	0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
	100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
}
@-webkit-keyframes visual-tit {
	0% {opacity:0; -webkit-opacity:0; transform:translateY(20px);}
	100% {opacity:1; -webkit-opacity:1; transform:translateY(0px);}
}




 @media screen and (max-width: 640px) { 
    .sub_visual { height:422px}
	.sub_visual .title_warp { width:100%;}
	.sub_visual .title_warp .title_page { height:422px}
	.sub_visual h3 { font-size:12px}
	.sub_visual .main_title { font-size:34px;}
	.sub_visual .inBox { font-size:12px}
 }
/*서브상단*/





/*서브 제목*/
.content_wrap { width:100%;}
.content_wrap .txtCon { max-width:1400px; margin:0 auto; padding:20px 20px 50px 20px; clear:both}
.content_wrap .txtCon .sub_title{margin:80px 0; padding:0; text-align:center;}
.content_wrap .txtCon .sub_title h2 {font-size:42px; color:#000; padding-bottom:20px}
.content_wrap .txtCon .sub_title p {font-size: 16px; color:#555; font-weight:300; word-break:keep-all;}
.content_wrap .txtCon .content_area { width:100%;}
.content_wrap .txtboard { max-width:1400px; margin:0 auto; padding:20px 20px 50px 20px; font-size:12px; line-height:1.75; letter-spacing:-0.02em; clear:both}
.content_wrap .txtboard span { font-size:14px}

@media screen and (max-width:640px) {
	.content_wrap .txtCon .sub_title{margin:50px 0 50px}
	.content_wrap .txtCon .sub_title h2 { font-size:32px}
}
/*서브 제목*/







/*서브 하단 네비*/
.share-area {float: right; display:block; padding-top:16px;box-sizing: border-box;}
.share-area .hide-wrap{width:151px;height:34px;overflow:hidden;float:left}
.share-area .hide-wrap .hide-area{width:151px;height:34px;position:relative;left:200px}
.share-area .hide-wrap .hide-area ul {overflow: hidden; padding:0; margin:0}
.share-area .hide-wrap .hide-area ul li {float: left;margin-left: 13px; cursor:pointer}
.share-area .hide-wrap .hide-area ul li:first-child {margin-left: 0;}
.share-area .share-btn{width:34px;height:34px;background-image:url(/images/share_open_bt.png);float:right;text-indent:-9999px;padding-left:18px;box-sizing:unset;background-repeat:no-repeat;background-position-x:right;transition:all .5s ease;     background-color: inherit; border:0; margin-right:20px}
.share-area .share-btn.active {background-image: url(/images/share_close_bt.png);border-left: 1px solid #fff;}
@media screen and (max-width: 770px) {

	 .share-area { display:none}
}
@media screen and (max-width: 640px) {
	 .share-area .share-btn { display:none}
	 .share-area { display:none}
}
/*서브 하단 네비*/








/*푸터*/
#footer{ width:100%; height:auto; background:#30343b; clear:both}
.foot_menu{width:100%; padding:20px 20px; background:#30343b; border-bottom:1px solid rgba(255,255,255,0.07);  }
.foot_menu .inner { max-width:1380px; padding:0 20px}
.foot_menu .fm{ float:left}
.foot_menu .fm li{ display:inline-block; line-height:2em; margin-right:15px; padding-right:15px; border-right:1px solid rgba(255,255,255,0.07); }
.foot_menu .fm li a{ font-size:1.08em; color:rgba(255,255,255,0.9);}
.foot_menu .fm li a.point{color:#32c0eb;}
.foot_menu .fm li:last-child{border-right:0; margin-right:0}
.foot_menu .sns{  float:right}
.foot_menu .sns li{ display:inline-block; margin-left:10px}
.foot_menu .sns li:first-child {margin-left:0;}

.foot_menu .sns li a { color:#777}
.foot_menu .sns li a:hover { color:#fff}
.foot_menu .menu { margin-top:20px; }
.foot_menu #phone { display:inline-block; color:#fff; font-size:12px; text-align:center; padding: 0px 20px; background-color:#6C6}
.foot_menu #kakao{ display:inline-block; color:#000; font-size:12px; text-align:center; padding: 0px 20px; background-color:#ffeb33}

.footer_in{ max-width:1380px; height:auto; padding:38px 20px; margin:0 auto; box-sizing:border-box}
.footer_in address h1{ font-size:16px; line-height:1.8; padding-bottom:10px; color:#fff; font-weight:bold; }
.footer_in address p{ overflow:hidden; font-size:13px; color:rgba(255,255,255,0.4);}
.footer_in address p strong{ font-weight: 500;  color:rgba(255,255,255,0.5);}
.footer_in address p span{display:inline-block;margin-right:10px; line-height:1.8em;}
.footer_in address p.addr{margin-top:18px;}
.footer_in address p.copylight{ font-size:13px; color:#999; margin-top:18px;}



.footer_in address{float:left; width:65%; font-style:normal}
.footer_in .customer{float:right; color:rgba(255,255,255,0.5); margin-left:20px; padding-left:30px; border-left:1px solid rgba(255,255,255,0.05); font-size:13px;}
.footer_in .customer .main_tel{font-size:15px; font-weight:300; color:#fff; margin-bottom:20px; margin-top:20px;}
.footer_in .customer .main_tel span{font-size:20px; font-weight:bold; color:#32c0eb; display:block; margin-top:10px;}
@media screen and (max-width: 1700px) {
#footer { margin-top:0}
}

@media screen and (max-width: 640px) {
	.footer_in address { width:100%}
	.footer_in .customer { width:100%; border-left:0; margin-left:0; padding-left:0}
	.foot_menu .sns { float:left; padding-top:20px}
	.foot_menu .fm { margin-bottom:20px}
}
/*푸터*/






.tl_pop_con{background:#fff;} 
.tl_pop_con h2.f_pop_tit{width:100%;height:80px;line-height:80px;background:#076aa3;font-size:20px;color:#fff;}
.tl_pop_con h2.f_pop_tit img {display:inline-block;margin-left:50px;margin-right:5px;margin-top:-10px;width:120px;}
.tl_pop_con h2.f_pop_tit span {display:inline-block; padding-left:50px;}
.f_pop_wrap {line-height:23px;text-align:justify;word-break:break-all;font-size:15px;overflow-y:auto;}
.f_pop_wrap strong {color:#00a19a;font-weight:normal;}
.f_pop_wrap p { color:#333; padding:40px 50px; line-height:1.6;}
.mfp-close:after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url("/images/w_btn_close.png") no-repeat center center; -webkit-transition: -webkit-transform 300ms; transition: -webkit-transform 300ms; transition: transform 300ms; transition: transform 300ms, -webkit-transform 300ms; border-radius: 50%; }
.mfp-close { width: 40px; height: 40px; text-indent: -999px;opacity: 1; overflow: hidden; background-color:transparent; border:0; }
button.mfp-close:hover:after { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); }