@import url("reset.css");
@import url("slick.css");

.popup-box {padding:20px; background:rgba(255,126,126,1);}
.popup-inner {box-sizing:border-box; min-width:100px; border:3px solid #f2981d; background:#fff;}

.popup-box .popup-inner .slick-list {padding-bottom: 20px;width: 400px;}
.popup-box .popup-inner .popup-cnt-wrap {box-sizing:border-box;}
.popup-box .popup-inner .popup-cnt-wrap img {width: 100%;height: 100%;}

.popup-box .popup-inner .slick-dots {padding-bottom:4px; position:absolute; bottom:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.popup-box .popup-inner .slick-dots li {display:inline-block; margin:0 3px;}
.popup-box .popup-inner .slick-dots li button {width:9px; height:9px; line-height:9px; border-radius:50%; background:#b3b3b3; text-indent:-9999px;}
.popup-box .popup-inner .slick-dots li.slick-active button {width:13px; height:13px; background:#333333;}

.popup-cnt {box-sizing:border-box; margin:4px; background:#e1711f;}
.popup-cnt .title {width:98%; margin:0 auto; text-align:center; color:#fff; font-size:20px; letter-spacing:-2px; line-height:140%; padding-top:15px; padding-bottom:10px; border-bottom:2px dotted #fff;}
.popup-cnt .title span {font-weight:400; font-size:25px; display:block;}
.popup-cnt .content-box {width:98%; margin:0 auto; background:#fff; box-sizing:border-box; padding:20px 10px; border-bottom:3px solid #e1711f;}
.popup-cnt .content-box table {width:100%;}
.popup-cnt .content-box table tr th {width:30%; padding:2px 0; box-sizing:border-box;}
.popup-cnt .content-box table tr th p {width:90%; height:26px; line-height:26px; background:#000; border-radius:35px; color:#fff; font-weight:400; font-size:12px;}
.popup-cnt .content-box table tr th p.org {background:#f3981e;}
.popup-cnt .content-box table tr td {padding:2px 0; box-sizing:border-box; font-size:14px; letter-spacing:-1px; font-weight:400;}
.popup-cnt .content-box table tr td.date {letter-spacing:1px;}
.popup-cnt .content-box .btn-box {margin-top:20px;}
.popup-cnt .content-box .btn-box .btn {width:100px; height:35px; background:#992e2e; margin:0 auto; border-radius:5px;}
.popup-cnt .content-box .btn-box .btn a {display:block; width:100%; height:100%; line-height:35px; color:#fff; font-size:13px; letter-spacing:-1px; text-align:center;}

.popup-bottom {}
.popup-bottom:after {content:""; display:block; clear:both;}
.popup-bottom .chk-box {float:left; font-size:13px; height:40px; line-height:40px; color:#fff; }
.popup-bottom .chk-box input {margin-right:0; vertical-align:middle;}
.popup-bottom .close-btn {float:right;  height:40px; line-height:40px;}
.popup-bottom .close-btn a {position:relative; display:block; line-height:40px; font-size:14px; font-weight:400; color:#fff; }
/*
.popup-bottom .close-btn a:before{position:absolute; left:0; top:15px; width:30px; height:1px; background-color:#fff; display:block; content:""; transform: rotate( -45deg );}
.popup-bottom .close-btn a:after{position:absolute; left:0; top:15px; width:30px; height:1px; background-color:#fff; display:block; content:""; transform: rotate( 45deg );}
*/

.mo-popup-box {padding:20px; background:rgba(255,126,126,1); position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); display:none;}
.mo-popup-box .mo-popup-inner {width:273px !important; overflow:hidden; border:3px solid #f2981d; background:#fff; position:relative;}

.mo-popup-box .mo-popup-inner .popup-cnt-wrap {box-sizing:border-box; border:4px solid #fff;}
.mo-popup-box .mo-popup-inner .popup-cnt-wrap img {display:block; max-width:100%; min-width:259px;}
.mo-popup-box .mo-popup-inner .popup-cnt {margin:0; border:4px solid #e1711f;}
.mo-popup-box .mo-popup-inner .popup-cnt .title {width:100%; text-align:center; color:#fff; font-size:20px; letter-spacing:-2px; line-height:140%; padding-top:15px; padding-bottom:10px;}
.mo-popup-box .mo-popup-inner .popup-cnt .content-box {width:100%; border-bottom:0; padding-bottom:50px;}

.mo-popup-box .mo-popup-inner .slick-dots {padding-bottom:15px; position:absolute; bottom:0; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%);}
.mo-popup-box .mo-popup-inner .slick-dots li {display:inline-block; margin:0 3px;}
.mo-popup-box .mo-popup-inner .slick-dots li button {width:9px; height:9px; line-height:9px; border-radius:50%; background:#b3b3b3; text-indent:-9999px;}
.mo-popup-box .mo-popup-inner .slick-dots li.slick-active button {width:13px; height:13px; background:#333333;}

@media screen and (max-width: 768px){

	.popup-box {padding:10px; display:none; }
	.mo-popup-box {padding:10px; display:block;}
	.popup-bottom .close-btn a,
	.popup-bottom .chk-box{line-height:30px; height:30px; font-size:12px;}


}

@media screen and (max-width: 460px){


}