@import url(http://fonts.googleapis.com/earlyaccess/hanna.css);
.layerPop {position:absolute;top:50%;left:50%;width:94%;max-width:1024px;margin-left:-47%;z-index:10;display:none}
.layerPop * {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
.pop-head {
	position:relative;
	background-color:#0576c6;
	padding:15px 25px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.75);
}
.pop-head .pop-close {
	display:block;
	position:absolute;
	top:15px;
	right:30px;
	width:30px;
	height:30px;
	background:url('/image/together/awards/btn_popClose.png') 0 0 no-repeat;
}
.pop-head .pop-title {color:#fff;font-size:18px;}
.pop-cont {background-color:#fff;padding:30px 20px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;position:relative;overflow:hidden}
.pop-txt {font-size:13px;margin-top:10px;}
.close-txt {margin:15px 0 0 0;text-align:right;font-size:16px;}
.acc-blue {color:#0576c6;margin-bottom:7px;font-size:16px;}
.decorate-txt {font-size:20px;font-family: 'Hanna';}

.row:after {content:'';display:block;clear:both}
/*** 시상식 안내 ***/


.pager {margin-bottom:10px;text-align:center;vertical-align:middle;float:right;}
.pager a {
	display:inline-block;
	width:12px;
	height:12px;
	background:#000;
	border-radius:12px;
	margin-left:15px;
    -webkit-transition:background 0.3s linear;
    -moz-transition:background 0.3s linear;
    -ms-transition:background 0.3s linear;
    transition:background 0.3s linear;
}
.pager a:first-child {margin-left:0;}
.pager a.active,
.pager a:hover {background:#0576c6}

.slideWrap {clear:both}

/* slide 1 */
.rad-wrap {border-radius:20px;border:4px solid #c2c2c2;}
.pop-inner {background-color:#f7f7f7;padding:20px;}
.pop-inner.head {border-top-left-radius:20px;border-top-right-radius:20px;}
.pop-inner.foot {border-bottom-left-radius:20px;border-bottom-right-radius:20px;margin-top:10px}


.meaning {
	padding:10px 20px 20px 20px;
	-webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.45);
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.45);
}

.meaning ul {list-style-type:decimal;padding-left:20px;}

.process {padding:10px 0;}
.process ul li.deep {padding:10px;border-radius: 20px;background-color:#30333e;font-size:18px;text-align:center;min-height:60px;display:table;width:100%;height:60px}
.process ul li.deep span {color:#fff;vertical-align: middle;display:table-cell;}
.process ul li.arrow {height:37px;background:url('/image/together/awards/arrow_down.png') center center no-repeat;}
.btn-info {
	margin-top:15px;
	display:block;
	width:100%;
	padding:10px 0;
	text-align:center;
	color:#fff;
	background-color:#ababab;
	font-size:16px;
    -webkit-transition:background-color 0.3s linear;
    -moz-transition:background-color 0.3s linear;
    -ms-transition:background-color 0.3s linear;
    transition:background-color 0.3s linear;
}
.btn-info:hover {background-color:#000;}


/* slide 2 */
.pop-slide2 .logo-area li {
	float:left;
	width:33%;
	margin-left:0.5%;
	margin-top:0.5%;
	-webkit-transition:all .4s ease;
	-moz-transition:all .4s ease;
	-ms-transition:all .4s ease;
	transition:all .4s ease;
}
.pop-slide2 .logo-area li:hover {
	background:#fff;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	/* IE 5-7 */
	filter: alpha(opacity=60);
	/* Netscape */
	-moz-opacity: 0.6;
	/* Safari 1.x */
	-khtml-opacity: 0.6;
	/* Good browsers */
	opacity: 0.6;
}
.pop-slide2 .logo-area li:first-child,
.pop-slide2 .logo-area li:first-child + li + li + li,
.pop-slide2 .logo-area li:first-child + li + li + li + li + li + li {margin-left:0}

.pop-slide2 .btn-info-benefit {display:none;}


/* slide 3 */
.pop-slide3 table {margin:20px 0 0 0;width:100%;border:2px solid #e0e0e0}
.pop-slide3 table tr {border-top:1px solid #e0e0e0;}
.pop-slide3 table tr:first-child {border-top:none;}
.pop-slide3 table th,
.pop-slide3 table td {text-align:center;padding:5px;vertical-align:middle}
.pop-slide3 table th {font-weight:bold;font-size:16px;background-color:#e0e0e0}
.pop-slide3 table td {border-left:1px solid #e0e0e0;}
.pop-slide3 table td:first-child {border-left:none;font-weight:bold}
.pop-slide3 table td.detail-txt {font-size:13px;}
.pop-slide3 .contact {margin-top:15px}
.pop-slide3 .contact .pop-txt {margin-top:0;}
.pop-slide3 .contact .pop-txt span {display:block;}


.pop-slide2,
.pop-slide3 {display:none}



@media all and (min-width:640px){
	.pop-head {padding:20px 40px;}
	.pop-head .pop-title {font-size:25px}
	.pop-cont {padding:50px;}
	.pop-txt {font-size:16px}
	.meaning .acc-blue {font-size:18px}
	.pop-head .pop-close {top:25px}
	.close-txt {font-size:20px}
	.process {margin:15px auto 0 auto;width:90%;}
	.process ul li {float:left;}
	.process ul li.deep {width:25%;margin-top:0;height:100px;}
	.process ul li.arrow {display:block;width:5%;margin:0 3.75%;height:100px;background:url('/image/together/awards/arrow.png') center center no-repeat;}
	.btn-info {width:200px;margin:15px auto 0 auto;}


	.pop-slide3 .contact .pop-txt span {display:inline-block;}

	.pager a {width:15px;height:15px;border-radius:15px;}

	.pop-slide2 .logo-area li {width:24.625%;}
	.pop-slide2 .logo-area li:first-child + li + li + li,
	.pop-slide2 .logo-area li:first-child + li + li + li + li + li + li {margin-left:0.5%}
	.pop-slide2 .logo-area li:first-child + li + li + li + li {margin-left:0;}
	.pop-slide2	.m-btn {display:none;}
	.pop-slide2 .btn-info-benefit {
		display:block;
		border-radius:20px;
		margin:20px auto 0 auto;
		width:300px;
		padding:10px 0;
		text-align:center;
		color:#fff;
		background-color:#a16a94;
		font-size:16px;
		-webkit-transition:background-color 0.3s linear;
		-moz-transition:background-color 0.3s linear;
		-ms-transition:background-color 0.3s linear;
		transition:background-color 0.3s linear;
	}
	.pop-slide2 .btn-info-benefit:hover {background-color:#795671;}

	.txt-table-sub {font-size:14px;}

}

@media all and (min-width:1024px){

	.layerPop {margin-left:-512px;}
	.pop-head {padding:25px 110px;}
	.pop-cont {padding:30px 110px;}
	.pop-head .pop-title {font-size:28px}
	.pop-head .pop-close {top:33px;right:110px}

	.pop-inner {padding:30px 80px 20px 80px;}
	.pop-inner.foot {padding:20px 80px}
	.meaning {padding:10px 80px 20px 80px}
	.decorate-txt {font-size:35px;padding-bottom:5px;border-bottom:3px solid #000}
	.pop-slide1 .character {
		display:block;
		position:absolute;
		bottom:30%;
		right:20px;
		background:url('/image/together/awards/pop_character.png') 0 0 no-repeat;
		width:163px;
		height:243px;
	}

}