@charset "UTF-8";
@import url("common.css");
@import url("footer.css");
#aside .start{padding-top:10px;background:url(../images/common/bg_start.jpg) no-repeat 0 0;border-bottom:1px solid #283139; height:220px; overflow:hidden;}
#aside .start .btnGameStart{background:url(../images/common/gameStart_off.png) no-repeat;height:220px; overflow:hidden; cursor:pointer}
#aside .start .btnGameStart:hover{background:url(../images/common/gameStart_on.png) no-repeat;} */
#content .section{width:698px;margin:30px 0 0 20px;position:relative;padding-bottom:70px;overflow:hidden;}
#content .section .stit{height:75px;}
#content .section .stit span{position:absolute;top:0;right:0;color:#978577;font-size:11px;}
#content .section .stit span strong{color:#553826;}
#aside .lm{margin:0 8px 20px 30px;border-top:1px solid #b0a59e;background:url(../images/common/bg_lm.gif) no-repeat left bottom;padding:0 1px 10px 1px;}
#aside .lm ul{width:190px;margin:0 auto;}
#aside .lm li{border-bottom:1px solid #d5cbbf;}
#aside .lm li a{display:block;background:url(../images/common/bul_li01.gif) no-repeat 5px 14px;color:#433125;padding:10px 0 7px 15px;text-decoration:none;}
#aside .lm li a:hover{background-color:#ebe8e0;}
#aside .lm li.last{border:none}
#aside .start #monarca_gameStart .startOn {opacity:0.3}
#aside .start #monarca_gameStart:hover > .startOn{opacity:1;  -webkit-transition: opacity .5s; transition: opacity .5s;}

a:link{text-decoration: none !important;}
a:visited{text-decoration: none !important;}
a:active{text-decoration: none !important;}
a:hover{text-decoration: none !important;}

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(http://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}

@keyframes appear{
	0%{
		opacity: 0;
		transform: translateY(20px) scale(1);
	}
	100%{
		opacity: 1;
		transform: translateY(0) scale(1);
	}
}
#wrap{margin-top: 50px;}

.gameStart_menu1 {display:block; width:250px; height:110px; background:url(../images/common/gameStart_menu1.png) no-repeat;
    -webkit-transform: translateX(-100%);
    transform: translateY(-100%);
    -ms-transform: translateY(-100%);
}
.gameStart_menu1:hover {background:url(../images/common/gameStart_menu1_on.png) no-repeat;}
.gameStart_menu2 {display:block;  width:250px; height:110px; background:url(../images/common/gameStart_menu2.png) no-repeat;
	 -webkit-transform: translateX(100%);
    transform: translateY(100%);
    -ms-transform: translateY(100%);
	
}
.gameStart_menu2:hover {background:url(../images/common/gameStart_menu2_on.png) no-repeat;}

 #aside .start #monarca_gameStart:hover > .startOn .gameStart_menu1,
 #aside .start #monarca_gameStart:hover > .startOn .gameStart_menu2 {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    -ms-transform: translateY(0%);
	transition: transform 0.5s;
	-webkit-transition: transform 0.5s;
}


/*로그인 메세지박스*/
p.login_error_msg{
	position: absolute;
	padding: 0 1em;
    border-radius: 4px;
    line-height: 15px;
    font-size: 12px;
    background-color: #F2DEDE;
    top: 180px;
    left: 7px;
    color: #B94A48 !important;
	width: 230px;
    z-index: 5455;
}

p.login_error_msg a{
	display: inline-block;
}

.tabs{overflow: hidden;width:698px;height:42px;}
.tabs li{float:left;width:109px; height: 100%;display: flex; justify-content: center; align-items: center;text-transform: }

/* .tabs a{width:109px;height:100%;} */
/* .tabs a.current{background:url(../images/common/bg_main_tab.png) no-repeat 0 -42px;width:111px;margin-left:-1px;} */
.tabs a.current{
    transform: scale(1.2);
    transition: all 0.3s ease-in-out;
}
.tabs .tab1 a.current{margin-left:0;}
.article1 .tabs{background:url(../images/common/bg_main_tab.png) no-repeat;}
.article1 .tab2 a.current{background-position:-109px -42px;_margin-left:0;}
.article1 .tab3 a.current{background-position:-218px -42px;}
.article1 .tab4 a.current{background-position:-327px -42px;}
.article2 .tabs{background:url(../images/common/bg_main_tab.png) no-repeat 0 -84px;}
.article2 .tab5 a.current{background-position:0 -126px;}
.article2 .tab6 a.current{background-position:-109px -126px;_margin-left:0;}
.article2 .tab7 a.current{background-position:-218px -126px;}
.article2{position:relative;zoom:1;}
.article2 .btnItemshop{position:absolute;top:12px;right:0;font-size:11px;}
.article2 .btnItemshop a{background:url(../images/common/bg_btn_arr1.gif) no-repeat right 1px;color:#3f3429;padding-right:7px;text-decoration:none;}
.article2 .paging{position:absolute;top:7px;right:0;font-size:11px;font-weight:bold;color:#978577;_padding:1px 0;}
.article2 .paging img{vertical-align:middle;margin-top:-2px;}
.article3{border:1px solid #283139;background-color:#1b1e24;padding:6px;}
.article3 .tabs{overflow: hidden;width:698px;height:43px;background:#1b1e24;}
.article3 .tabs li{float:left;width:114px;height:33px;background:#1b1e24 url(../images/common/bg_main_tab_r.png) no-repeat right 3px;}
.article3 .tabs a{display: block;width:114px;text-align:center;text-indent:0em;color:#c8dde5;text-decoration:none;line-height:16px;padding:10px 0 4px 0;}
.article3 .tabs a.current{background-image:none;color:#c8dde5;background-image:none;}
/*
.article3 .tabs a.current{background-image:none;background-color:#22262d;color:#c8dde5;background-image:none;}
*/
.article3 .tabs li.last{background-image:none;}
.article3 .tabs li.last,.article3 .tabs li.last a{width:115px;}
.article1 .tab_content_wrap{width:698px;height:220px;overflow:hidden;}
.article2 .tab_content_wrap{width:698px;height:505px;overflow:hidden;}
.article3 .tab_content_wrap{width:698px;height:125px;overflow:hidden;}
.conType1{padding:30px 10px 35px 10px;overflow:hidden;}
.conType1 .img{float:left;width:238px;}
.conType1 dl{float:left;width:440px;}
.conType1 dt{padding:2px 0;}
.conType1 dt a{color:#c8ddf1;font-size:14px;font-weight:bold;}
.conType1 dd{padding-top:5px;line-height:16px;}
.conType1 dd,.conType1 dd a{color:#c8ddf1;}
.conType1 dd.date{color:#a79f98;font-size:11px;padding-bottom:3px;}
.conType2{padding:30px 0 35px 10px;overflow:hidden;}
.conType2 .img{float:left;width:180px;}
.conType2 dl{float:left;width:238px;}
.conType2 dt{padding:3px 0;}
.conType2 dt a{color:#c8ddf1;font-size:14px;font-weight:bold;}
.conType2 dd{padding:5px 15px 0 0;line-height:16px;text-align:justify;}
.conType2 dd,.conType2 dd a{color:#c8ddf1;}
.conType2 dd.date{color:#a79f98;font-size:11px;padding-bottom:5px;}
.conType2 ul{float:left;width:270px;}
.conType2 li{background:url(../images/common/bul_li01.gif) no-repeat 0px 5px;padding:0 0 0 8px;}
.conType2 li a{display:block;overflow:hidden;width:262px;height:14px;line-height:16px;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;color:#c8ddf1;margin-bottom:9px;}
.conType2 li a strong{color:#892e00;}
.conType3 dl{border:1px solid #22262d;background-color:#22262d;margin:30px 10px;padding:20px;height:118px;overflow:hidden;}
.conType3 dt{color:#c8ddf1;font-size:14px;font-weight:bold;padding:3px 0 5px 0;}
.conType3 dt a{color:#c8ddf1;}
.conType3 dt .date{color:#a79f98;font-size:11px;font-weight:normal;padding-left:5px;}
.conType3 dd{padding-top:5px;color:#c8ddf1;line-height:18px;}
.conType3 dd a{color:#c8ddf1;}
.article3 .tab_content p{color:#1b1e24;font-size:14px;}
.article3 .tab_content a{background:url(../images/common/bg_btn_arr.gif) no-repeat right 8px;color:#c14608;font-size:12px;text-decoration:underline;padding:5px 7px 0 0;display:inline-block;}
#tab08{background:url(../images/common/bg_cont1.gif) no-repeat;width:684px;height:125px;}
#tab09{background:url(../images/common/bg_cont2.gif) no-repeat;width:684px;height:125px;}
#tab10{background:url(../images/common/bg_cont3.gif) no-repeat;width:684px;height:125px;}
#tab11{background:url(../images/common/bg_cont4.gif) no-repeat;width:684px;height:125px;}
#tab12{background:url(../images/common/bg_cont5.gif) no-repeat;width:684px;height:125px;}
#tab13{background:url(../images/common/bg_cont6.gif) no-repeat;width:684px;height:125px;}
#tab08 p,#tab09 p,#tab10 p{padding:30px 0 0 20px;}
#tab11 p,#tab12 p,#tab13 p{padding:30px 0 0 330px;}
.tab_content .itemList{padding-top:30px;}
.tab_content .itemList li{float:left;position:relative;overflow:hidden;padding:0 0 0 10px;margin-bottom:30px;zoom:1;height:104px;}
.tab_content .itemList .img{float:left;position:relative;width:115px;background-color:#cfc7b5;padding:4px;}
.tab_content .itemList .img .png{position:absolute;top:0;left:0;}
.tab_content .itemList dl{float:left;width:195px;padding:8px 5px 0 15px;}
.tab_content .itemList dt{font-size:14px;font-weight:bold;padding-bottom:5px;}
.tab_content .itemList dt,.tab_content .itemList dt a{color:#c8ddf1;}
.tab_content .itemList dd{font-size:11px;line-height:16px;padding-bottom:3px;}
.tab_content .itemList dd,.tab_content .itemList dd a{color:#c8ddf1;}
.tab_content .itemList .cash{color:#892e00;font-size:14px;font-weight:bold;margin-bottom:10px;}
.tab_content .itemList .cash .num{font-weight:normal;color:#de7110}
.tab_content .itemList .cash .sale{text-decoration:line-through;color:#b0a59e;}
.tab_content{display: none;}
.tab_content_wrap{position:relative;}
.mainBanner{position:relative;width:750px;height:230px;background:url(../images/background.jpg) no-repeat -701px -213px;border-bottom:1px solid #283139;}
#slides{position:absolute;top:0;left:0;z-index:10;}
.slides_container{width:750px;overflow:hidden;position:relative;display:none;}
.slides_container a{width:750px;height:230px;display:block;}
.slides_container a img{display:block;}
.pagination{position:absolute;top:172px;left:42px;z-index:100;width:200px;}
.pagination li{float:left;margin:0 2px;list-style:none;}
.pagination li a{display:block;	width:19px;height:0;padding-top:19px;background-image:url(../images/common/pagination.gif);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a{	background-position:0 -19px;}

.popup_home{position: absolute; top: 0; left: 0; z-index: 999; width: 548px; height: 509px; background: url('../transfer/images/popup_home.html') no-repeat;}
.popup_home .btn_close{position: absolute; top: 15px; right: 16px; width: 30px; height: 30px; cursor: pointer;}
.popup_home .btn_page{position: absolute; top: 362px; left: 50%; margin-left: -222px; display: block; width: 444px; height: 70px;}
.popup_home  .checkbox{position: absolute; top: 454px; left: 50%; margin-left: -101px; }
.popup_home  .checkbox input[id="check1"] + label{display:inline-block; float:left; width:17px; height:18px; background: url('../transfer/images/check2.html') no-repeat; cursor: pointer;}
.popup_home  .checkbox input[id="check1"]:checked + label {background: url('../transfer/images/check.html') no-repeat;}
.popup_home  .checkbox input[id="check1"] {display:none;}
.popup_home .today_close{position: absolute; top: 454px; left: 50%; margin-left: -75px; width: 152px; height: 19px; cursor: pointer;}
