<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">* {
    box-sizing: border-box;
}

body {
    margin: 0;
    /*background-color:#2f2f2f;*/
}

img {
    max-width: 100%;
    max-height: 100%;
}

a {
    text-decoration: none;
    color: #000;
}

.bgWrap {
    width: 100%;
    /*
    text-align:center;
    */
    max-width: 953px;
    margin: auto;
}

.content {
    margin: auto;
    max-width: 100%;
}

.top {
    background: url('https://image.gamechosun.co.kr/game/webzine/anniversary/19th/bg.gif') repeat-x;
    margin-bottom: -4px;
    position: relative;
    text-align: center;
}

.top img {
	width:100%;
}

.homeBtn {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 11%;
}
.webzine_bt {
	width: 100%;
	background: #2e69a5;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	padding: 0.5%;
	cursor:pointer;
}

.menuWrap {
    background-color: #202020;
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 2;
    /* max-width: 758px; */
}

.menu {
    width: 1050px;
    max-height: 127px;
    margin: 0 auto;
    overflow: hidden;
	background:url('https://image.gamechosun.co.kr/game/webzine/anniversary/22nd/menu1.png') no-repeat;
	background-position: 0px 0px;
	background-size: 100%;
}

.menu li {
    width: 33%;
    max-width: 316px;
    max-height: 127px;
    float: left;
    display: block;
    margin-left: auto;
    margin-right: auto;
	padding:7%;
	background-size: 318%;
}

.menuBtn1 {
/*	background-position: 0px 0px; */
}

.menuBtn2 {
/*	background-position: 0px -127px; */
}

.menuBtn3 {
/*	background-position: 0px -254px; */
}

.menu li.over{
/*	background-position-y:101%; */
}

.fixArea {
    display: block !important;
    position: fixed !important;
    top: 0;
}

.eventBody&gt;.page {
    position: relative;

}

.bgCntArticle {
    background-color: #ececec;
    border-left: solid 1px #e8e4e1;
    border-right: solid 1px #e8e4e1;
    border-bottom: solid 1px #e8e4e1;
    margin-top: -4px;
    overflow: hidden;
	padding-bottom:5%;
}

.bgCnt {
    background-color: #f7f7f7;
    border-left: solid 1px #e8e4e1;
    border-right: solid 1px #e8e4e1;
    border-bottom: solid 1px #e8e4e1;
    margin-top: -4px;
    overflow: hidden;
	padding-bottom:5%;
}
.mar {
	margin:2% 0;
}
.articleWrap {
}

.articleWrap .topSection {
	width: 100%;
    float: left;
    margin: 1% 1%;
    max-height: 417px;
    overflow: hidden;
	padding: 1% 0 0 1%;
	cursor: pointer;
}

.articleWrap .topSection .topImgSection{
	max-width: 400px;
	float: left;
	margin-top: 3%;
}

.articleWrap .topSection .topImgSection img{
    max-width: 99%;
    max-height: 99%;
    width: auto;
    height: auto;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.articleWrap .topSection .topContentWrap{
	max-width: 515px;
    float: left;
    margin-left: 5px;
}

.articleWrap .topSection .titleSection{
    font-size: 19px;
	font-weight: bold;
    text-overflow: ellipsis;
	color:#3c3c3c;
	position:relative;
	margin-top: 7%;
	overflow: hidden;
    height: 63px;
}

.articleWrap .topSection .titleSection div{
    position: absolute;
    max-width: 99%;
    max-height: 99%;
    width: auto;
    height: auto;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.articleWrap .topSection .titleSection p{
	margin:1%;
}

.articleWrap .topSection .contentSection{
    font-size: 14px;
    overflow: hidden;
	color:#3c3c3c;
	position:relative;
}

.articleWrap .topSection .contentSection div{
    position: absolute;
    max-width: 99%;
    max-height: 99%;
    width: auto;
    height: auto;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.articleWrap .topSection .contentSection p{
	margin:1%;
}

.articleWrap .cardSection {
    width: 48%;
    float: left;
    margin: 1% 1%;
    max-height: 195px;
    overflow: hidden;
    padding: 1% 0 0 1%;
	cursor: pointer;
}

.articleWrap .cardSection .imageSection{
	width: 166px;
	height: 116px;
	float: left;
	margin-top: 2%;
	text-align:center;
}
.articleWrap .cardSection .imageSection img{
	max-height: 200px;
    max-width: 99%;
    max-height: 99%;
    width: auto;
    height: auto;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.articleWrap .cardSection .contentWrap{
	max-width: 270px;
    float: left;
    margin-left: 5px;
	margin-top: 2%;
}

.articleWrap .cardSection .titleSection{
	height: 42px;
    font-size: 14px;
	font-weight: bold;
    text-overflow: ellipsis;
	overflow: hidden;
	color:#3c3c3c;
	position:relative;
}

.articleWrap .cardSection .titleSection div{
    position: absolute;
    max-width: 99%;
    max-height: 99%;
    width: auto;
    height: auto;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.articleWrap .cardSection .titleSection p{
	margin:1%;
}

.articleWrap .cardSection .contentSection{
    font-size: 11px;
    overflow: hidden;
	color:#3c3c3c;
	position:relative;
	max-height: 48px;
}

.articleWrap .cardSection .contentSection div{
    position: absolute;
    max-width: 99%;
    max-height: 99%;
    width: auto;
    height: auto;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.articleWrap .cardSection .contentSection p{
	margin:1%;
}

@media only screen and (max-width: 600px) {
	.articleWrap .cardSection .imageSection{
		height: 90px;
	}
	.articleWrap .cardSection .imageSection img{
		max-height: 90px;
	}
	.articleWrap .cardSection .titleSection{
		line-height: 6vw;
		min-height: 12vw;
	}
	.articleWrap .cardSection {
		height: 32vh;
	}
	.webzine_bt {
		font-size: 2vw;
		padding:1%;
	}
}

.moreWrap {
    clear: both;
    text-align: center;
    width: 100%;
	margin-top:2%;
}

.moreWrap img{
	width:50%;
}
.full_img {
	width:100%;
}

.survey {
    width: 86.5%;
    margin: 5% auto;
    border: 3px solid #3c4461;
	border-radius: 15px;
}

.surveyTitle {
	width:100%;
	background-color:#3c4461;
	color:#fff;
	text-align:center;
	margin-top:5%;
	font-size:26px;
}

.surveyTitle span {
}

.surveySub p{
	font-size:18px;
	text-align:center;
}
.surveyBox {
	width:100%;
	font-size:18px;
	padding:1%;
}
.surveyBox p{
	line-height: 19px;
}
.surveyBox label {
	margin-right:5%;
}
.question {
	background-color:#f7f7f7;
	color:#fff;
	font-size: 24px;
    padding: 2% 7%;
}

.question span{
	color:yellow;
}

.surveyCmt {
	width:100%;
	font-size:18px;
}

.submitWrap{
	width:100%;
	text-align:center;
	margin:3% 0;
}

#submitForm{
	width: 50%;
}

@media only screen and (max-width: 600px) {
	.surveyTitle {
		font-size:6vw;
	}
	.surveySub p {
		font-size:4vw;
	}
	.question {
		font-size:4vw;
	}
	.surveyBox {
		font-size: 4vw;
		line-height:4vw;
	}
	.surveyCmt {
		font-size:4vw;
	}
}

.grats {
    overflow: hidden;
    width: 100%;
    margin: 2% 0 0;
}

.grats div.photoBox {
    overflow: hidden;
    float: left;
    width: 31%;
    /* height: 235px; */
    margin: 1%;
    padding: 1%;
    background: #fff;
    border: 1px solid #d5d5d5;
    cursor: pointer;
	min-height:265px;
	position:relative;
}
.grats div.photoBox div.photoImg img{
    position: absolute;
    max-width: 99%;
    max-height: 99%;
    width: auto;
    height: auto;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.grats div.photoBox div.photoTitle {
	position: absolute;
    bottom: 4%;
    width: 100%;
}

.grats div.over {
    padding: 0 !important;
    border: 5px solid #00ccff !important
}

.grats div span {
    display: block;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
	color:#302f2f;
}

.grats div img {
    display: block;
    width: 235px;
	margin: 0 auto;
}

@media only screen and (max-width: 600px) {
	.grats div.photoBox {
		width: 48%;
		min-height: 30vh;
	}
}

.product-image-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9999;
    display: none;
}

.product-image-overlay img.product-image-cnt {
    width: auto;
    max-width: 80%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.pagingBtn {
    position: fixed;
    top: 50%;
    z-index: 10000;
    width: 7%;
}

.pagingBtn img {
    width: 100%;
    max-width:47px;
}

.prevBtn {
    left: 2%;
}

.nextBtn {
    right: 2%;
}

.cmtTitle {background-color:#fff;border-top: 1px solid #828282;padding:2% 1%;font-weight:bold}

.cmtArea {background-color:#fff;}

.cnt_rep_area {position:relative;width:100%;padding:2%;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6}

.cnt_rep_id {margin-bottom:2%;font-size:16px}

.cnt_rep_id span {font-size:smaller;color:#b0afaf}

.cnt_rep_txt {line-height:30px}

.cnt_rep_txt p {border-bottom:1px solid #e6e6e6}

.cnt_rep_txt table p:nth-last-child(1) {border-bottom:0} 

.cnt_rep_txt table {width:100%;border-collapse:collapse}

.cnt_rep_txt p.surveySelected {
	color:#00761a;
}

.cnt_rep_txt table tr {
	border:1px solid #e6e6e6;
}

.cnt_rep_txt table th{
	color:#2d6bc0;
	font-weight:bold;
	border:1px solid #e6e6e6;
	width: 10%;
}

.board_rep_del {position:absolute;top:20px;right:20px;width:15px;height:15px;font-size:0;background:url(https://image.gamechosun.co.kr/game/webzine2016/webzine/news_ico1.gif);color:#fff;text-indent:-9999px;cursor:pointer}

.noCmt {
	padding:3%;
	text-align:center;
}
@media only screen and (max-width: 600px) {
	.cmtTitle{
		font-size: 4vw;
	}
	.cnt_rep_area {
		font-size: 4vw;
	}
}
</pre></body></html>