@charset "utf-8";
@import url(reset.css);
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap');

/* Default */
* { 
	font-family: 'Noto Sans KR', sans-serif; 
	line-height: 1; 
	letter-spacing: -0.02em; 
	box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
*:focus { outline:none;}
html { 
	-webkit-text-size-adjust: none;
}
html, body { 
	height: 100%; 
	margin: 0;
	padding: 0;
}
body { 
	-webkit-user-select:none;
	-webkit-touch-callout:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
/* Inputbox */
input[type="text"] { height:30px; line-height:30px;}
input[type="text"], input[type="password"] { 
  background: #fff; 
  border: 1px solid #d7d7d7;
}
/* /Inputbox */

/* Layout */
.wrap-mo { 
	min-width:320px; 
	min-height: 100%;
	height: 100%;
}
.mo-container {
	height: 100%;
	background-color: #c5dae1;
}
.contbody-inn {
	position: relative;
	padding-top: 11%;
	z-index: 1;
}
.contbody-top {
	position: relative;
	z-index: 1;
}
.container-bg {
	position: absolute;
	top: 42px;
	left: 0;
	width: 100%;
	height: 100%;
}
.container-bgtop {
	padding: 0 10px;
}
.container-bgtop span {
	height: 250px;
	background: url(../images/main/bg_line_top.png?ver=1.1) no-repeat center;
	background-size: 100%;
	display: block;
}
.container-bgbtm {
	padding: 0 10px 0;
	margin-top: 0px;
}
.container-bgbtm-inn {
	border: 4px solid #fff;
	background-color: #dff0f6;
	padding: 20px 0 0;
	overflow: hidden;
}
.container-body {
	position: relative;
	top: 20px;
	height: 100%;
}
.toplogo-caption {
	width: 50%;
	color: #001f5f;
	font-weight: 500;
	padding-top: 7%;
	text-align: center;
	margin: 0 auto;
}
.toplogo {
	font-family: "Arial Black";
	font-size: 1.5em;
	color: #002060;
	font-weight: 900;
	letter-spacing: -0.08em;
	text-align: center;
}
.toplogo span {
	color: #c00000;
}
.main-search {
	padding: 0 30px 0 60px;
	margin-top: 35px;
	text-align: center;
}
.main-search ul li {
	margin-right: -4px;
	vertical-align: middle;
	display: inline-block;
}
.main-search ul li.main-search-inp {
	width: 83%;
}
.main-search ul li.main-search-inp input::placeholder {
	color: #111;
}
.main-search ul li.main-search-go {
	width: 17%;
	font-size: 1.4em;
	font-weight: 600;
}
input.inp-mainsearch {
	width: 100%;
	height: 50px;
	font-size: 1.3em;
	font-weight: 500;
	line-height: 50px;
	text-align: center;
	border: 3px solid #385d8a;
}
.m-cont1 {
	margin-top: 25px;
	text-align: center;
}
.m-cont-stt {
	font-size: 1em;
	margin-bottom: 6px;
}
.m-cont1-btn {
	padding: 0 10px;
	margin-top: 5px;
	
}
.m-cont1-btn ul li {
	width: 25%;
	padding: 0 1px 2px;
	float: left;
}
.m-cont1-btn ul li button.btn-mcont1 {
	width: 100%;
	background-color: #002060;
	font-size: 1.1em;
	color: #fff;
	text-align: center;
	padding: 2vw 0;
}
.m-cont1-btn ul li button.btn-mcont1.point-col {
	background-color: #8e008e;
}
.m-cont1-btn ul li button.btn-mcont1.point-col-red {
	background-color: #b40431;
}
.contmid {
	position: relative;
	width: 100%;
	text-align: center;
	padding: 15px 0 0;
	overflow: hidden;
	z-index: 1;
}
.contmid-inn ul li {
	display: inline-block;
}
.contmid-inn ul li button.btn-mcont2-col1 {
	background-color: #c00000;
	font-size: 1.1em;
	color: #fff;
	text-align: center;
	padding: 2vw 3vw;
}
.contmid-inn ul li button.btn-mcont2-col2 {
	background-color: #0070c0;
	font-size: 1.1em;
	color: #fff;
	text-align: center;
	padding: 2vw 3vw;
}
.contmid-inn ul li button.btn-mcont2-col3 {
	background-color: #a6a6a6;
	font-size: 1.1em;
	color: #fff;
	text-align: center;
	padding: 2vw 3vw;
}
.m-cont3 {
    margin-top: 1%;
    text-align: center;
	margin-bottom: 20px;	
}
.m-cont3-btn {
    padding: 0 0px;
    margin-top: 5px;
}
.m-cont3-btn ul li {
	width: 25%;
	padding: 0 1px 2px;
	float: left;
}
.m-cont3-btn ul li button.btn-mcont1 {
	width: 100%;
	background-color: #006666;
	font-size: 1.1em;
	color: #fff;
	text-align: center;
	padding: 2vw 0;
}
.m-cont3-btn ul li button.btn-mcont1.point-col {
	background-color: #002060;
}
.m-cont4 {
	width: 100%;
    margin-top: 7%;
    text-align: center;
    display: inline-block;
}
.m-cont4-input {
	background-color: #bfbfbf;
	padding: 15px 10px;
	margin-top: 4px;
	overflow: hidden;
}
.m-cont4-input ul {
	margin-bottom: 10px;
}
.m-cont4-input ul:last-child {
	margin-bottom: 0;
}
.m-cont4-input ul li {
	margin-right: -4px;
	vertical-align: middle;
	display: inline-block;
}
.m-cont4-input ul li.inptt-id {
	width: 10%;
}
.m-cont4-input ul li.inpbox {
	width: 65%;
	padding: 0 4px 0 2px;
}
.m-cont4-input ul li.inp-btn {
	width: 25%;
}
.m-cont4-input ul li.inpbox input.inp-id {
	width: 100%;
	border: none;
	background-color: #fff;
	font-size: 1.2em;
	font-weight: 500;
	text-align: center;
	padding-bottom: 2px;
}
.m-cont4-input ul li.inpbox input.inp-ps {
	width: 100%;
	border: none;
	background-color: #002060;
	font-size: 1.2em;
	color: #fff;
	font-weight: 500;
	text-align: center;
	padding-bottom: 2px;
}
button.btn-blog {
	width: 100%;
	height: 30px;
	background-color: #888888;
	font-size: 1em;
	color: #fff;
	font-weight: 600;
	text-align: center;
	padding: 0 6px;
}
.m-cont5 {
	width: 100%;
    margin-top: 8%;
    text-align: center;
    display: inline-block;
}
.m-cont5-inn ul li {
	display: inline-block;
}
.m-cont5-inn ul li button.btn-mcont5-col1 {
    background-color: #002060;
    font-size: 1.1em;
    color: #fff;
    text-align: center;
    padding: 2vw 3vw;
}
.m-cont5-inn ul li button.btn-mcont5-col2 {
    background-color: #006666;
    font-size: 1.1em;
    color: #fff;
    text-align: center;
    padding: 2vw 3vw;
}
.m-cont5-inn ul li button.btn-mcont5-col3 {
    background-color: #8e008e;
    font-size: 1.1em;
    color: #fff;
    text-align: center;
    padding: 2vw 3vw;
}
.m-cont6 {
	width: 100%;
	font-size: 1.2em;
	font-weight: 500;
    margin-top: 8%;
    text-align: center;
    display: inline-block;
}
.m-cont7 {
	width: 100%;
    margin-top: 8%;
    text-align: center;
    display: inline-block;
}
.m-cont7 ul li {
	margin: 0 6px;
	vertical-align: middle;
	display: inline-block;
}
.m-cont7 ul li.m-cont7-l {
	font-size: 1.5em;
	font-weight: 600;
}
.m-cont7 ul li.m-cont7-r span {
	background-color: #006666;
	border-radius: 20px;
	font-size: 1.2em;
	color: #fff;
	font-weight: 600;
	text-align: center;
	padding: 2px 14px 3px;
}
.m-cont8 {
	width: 100%;
    margin-top: 8%;
    text-align: center;
    display: inline-block;
}
.m-cont8 ul li {
	width: 50%;
	padding: 0 20px 35px;
	float: left;
}
.m-cont8 ul li span {
	display: block;
}
.m-cont8 ul li span.game-thumb {
	width: 100%;
}
.m-cont8 ul li span.game-thumb img {
	max-width: 100%;
}
.m-cont8 ul li span.game-thumb-tt {
	height: 40px;
	background-color: #ccc;
	font-size: 1.2em;
	color: #fff;
	font-weight: 500;
	line-height: 40px;
	text-align: center;
}
.m-cont8 ul li span.game-thumb-tt.thumb-tt-bgcol1 {
	background-color: #cc0099;
}
.m-cont8 ul li span.game-thumb-tt.thumb-tt-bgcol2 {
	background-color: #000000;
}
.m-cont8 ul li span.game-thumb-tt.thumb-tt-bgcol3 {
	background-color: #cc9900;
}
.m-cont8 ul li span.game-thumb-tt.thumb-tt-bgcol4 {
	background-color: #006666;
}
.footer {
	border-top: 6px solid #f00;
	background-color: #fff;
	padding: 10px 10px 20px;
	overflow: hidden;
}
.footer ul li {
	font-size: 1em;
	font-weight: 500;
	text-align: center;
	margin-bottom: 4px;
}
.footer ul li .footer-txt-col1 {
	color: #068de0;
}
.footer ul li .footer-txt-col2 {
	color: #f00;
}
/* /Layout */

/* 모바일 레이어 팝업 */
.ly_popup_inner { width: 70%; margin: 0 auto; background: #FFF; border: 2px solid #1f2a3d; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; padding: 0;}
.ly_close {
	width: 35px;
	height: 35px;
	border: 2px solid #fff;
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 50%;
	text-align: center;
	margin-top: 15px;
	display: inline-block;
}
.ly_close i { font-size: 1.2em; color: #fff; line-height: 34px;}
.search_grp { width: 100%; border-bottom: 1px solid #666; padding: 14px 10px; display: inline-block;}
.end-noline {
	border-bottom: none;
}
.search_txt { width: 70%; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; text-align: left; vertical-align: middle; margin-right: -4px; display: inline-block;}
.search_radio { width: 20%; text-align: right; vertical-align: middle; margin-right: -4px; display: inline-block;}
.search_radio input[type="radio"] { width: 15px; height: 15px;}
input[type='radio']:after {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	top: -2px;
	left: -1px;
	position: relative;
	background-color: #FFF;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 2px solid black;
}

input[type='radio']:checked:after {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	top: -2px;
	left: -1px;
	position: relative;
	background-color: #ef4f25;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 2px solid white;
}
.ly_quicklink { width: 100%; overflow: hidden;}
.ly_quicklink .web_link { width: 50%; float: left;}
.ly_quicklink .web_link ul { padding: 0; margin: 0;}
.ly_quicklink .web_link ul li.top_titl { height: 80px; background-color: #3062a4; border: 1px solid #FFF; border-top-left-radius: 20px; border-bottom: 6px solid #FFF; font-family: Verdana, Geneva, sans-serif; font-size: 2.8em; color: #FFF; font-weight: 600; line-height: 80px; text-align: center; padding: 6px 0;}
.ly_quicklink .web_link ul li.bgcol { height: 90px; background-color: #c9d4e7; border: 1px solid #FFF; font-size: 2.8em; color: #333; line-height: 90px; text-align: center; padding: 6px 0 6px 0;}
.ly_quicklink .web_link ul li.bgcol span { font-size: 0.84em; font-weight: normal;}
.ly_quicklink .web_link ul li.bgcol.btm { background-color: #e4eaf3;}
.ly_quicklink .contents_link { width: 50%; float: left;}
.ly_quicklink .contents_link ul { padding: 0; margin: 0;}
.ly_quicklink .contents_link ul li.top_titl { height: 80px; background-color: #4aa49c; border: 1px solid #FFF; border-top-right-radius: 20px; border-bottom: 6px solid #FFF; font-family: Verdana, Geneva, sans-serif; font-size: 2.8em; color: #FFF; font-weight: 600; line-height: 80px; text-align: center; padding: 6px 0;}
.ly_quicklink .contents_link ul li.bgcol { height: 90px; background-color: #c7dfea; border: 1px solid #FFF; font-size: 2.8em; color: #333; line-height: 90px; text-align: center; padding: 6px 0 6px 0;}
.ly_quicklink .contents_link ul li.bgcol.btm { background-color: #e3eff5;}
.ly_quicklink .contents_link ul li.bgcol.vod { height: 160px; font-family: Verdana, Geneva, sans-serif; color: #FFF; line-height: 60px; background-color: #626262; padding-top: 40px;}

.advertising { background-color: #999; padding: 20px 6px;}
.advertising ul { padding: 0; margin: 0; text-align: center; overflow: hidden;}
.advertising ul li { vertical-align: middle; margin: 0 2px; display: inline-block;}
.advertising ul li.stitl { font-size: 2.2em; color: #FFF; font-weight: 600; text-align: center;}
.advertising ul li input { width: 490px; height: 100px; background-color: #FFF; border: 1px solid #333; font-family: Verdana, Geneva, sans-serif; font-size: 3.3em; color: #333; letter-spacing: -0.05em; text-align: center; padding: 20px 0;}
.advertising ul li button.move { background-color: #CCC; border: 1px solid #555; font-size: 3em; color: #333; text-align: center; padding: 20px 10px;}

.ly_quick_btm { width: 100%; height: 100px; background-color: #999; border-top: 1px solid #FFF; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; display: inline-block;}
.ly_quick_btm ul { padding: 0; margin: 0;}
.ly_quick_btm ul li { height: 100px; border-right: 1px solid #FFF; text-align: center; line-height: 100px; float: left;}
.ly_quick_btm ul li:nth-child(3) { border-right: none;}
.ly_quick_btm ul li.btm_login { width: 32%; font-size: 2.5em; color: #FFF; text-align: center;}
.ly_quick_btm ul li.btm_join { width: 50%; font-size: 2.5em; color: #FFF; text-align: center;}
.ly_quick_btm ul li.btm_close { width: 15%; text-align: center; padding-top: 25px; padding-left: 15px;}

/* 레이어팝업 */
.Pstyle { opacity:0; display:none; position:relative; width:auto; border: 1px solid #FFF; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background:#FFF;}
.Pstyle_bk { opacity:0; display:none; position:relative; width:auto; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px;}
.pop_inner { width: auto; height: auto; margin:0 auto; text-align:center; display: inline-block;}
.pop_inner_top { width:100%; height:55px; background:#353b48; text-align:center;}
.pop_inner_box { padding: 0;}
.login_inputbox01 { width:100%; height:36px; font-size:16px; color:#353b48; padding:0 10px;}
.inputbox_pw { margin-top:12px;}
.pop_inner_btn { margin-top:20px;}
.btn_login { width:322px; background:#f16767; border:#9a1717 solid 1px; border-radius:6px; font-size:20px; font-weight:bold; color:#FFF; padding:10px 0; display:inline-block;}

/* 20220728 */
.cont-event {
	width: 100%;
	text-align: center;
	margin: 0px auto 0;
	display: inline-block;
}
.cont-event img {
	width: 52%;
}
/* /20220728 */

/* 20220729 */
.chgpw {
	width: 100%;
	height: 95vh;
	text-align: center;
	display: table;
}
.chgpw-body {
	padding: 0 20px;
	vertical-align: middle;
	display: table-cell;
}
.chgpw-info {
	background-color: #dbeef3;
	font-size: 1em;
	text-align: center;
	padding: 6px 10px;
}
.chgpw-inp {
	margin-top: 5px;
}
.chgpw-inp ul {
	margin-bottom: 3px;
	overflow: hidden;
}
.chgpw-inp ul li {
	float: left;
}
.chgpw-inp ul li.chgpw-inp-l {
	width: 30%;
}
.chgpw-inp ul li.chgpw-inp-l span {
	height: 34px;
	background-color: #4f81bd;
	font-size: 1em;
	color: #fff;
	line-height: 28px;
	text-align: center;
	display: block;
}
.chgpw-inp ul li.chgpw-inp-l.chgpw-bgcol span {
	background-color: #31859c;
}
.chgpw-inp ul li.chgpw-inp-r {
	width: 70%;
	padding-left: 3px;
}
.chgpw-inp ul li.chgpw-inp-r input.chgpw-inpbox {
	width: 100%;
	height: 34px;
	background-color: #c6daf1;
	border: 1px solid #c6daf1;
	padding: 0 10px;
}
.chgpw-inp ul li.chgpw-inp-r input.chgpw-inpbox.inp-bgcol {
	background-color: #dbeef3;
	border: 1px solid #dbeef3;
}
.chgpw-btn {
	margin-top: 20px;
}
button.btn-chgpw {
	background-color: #31859c;
	font-size: 1em;
	color: #fff;
	text-align: center;
	padding: 10px 20px;
}
/* /20220729 */

/* 20220809 */
.m-cont2 {
    margin-top: 1%;
    margin-bottom: -25px;
    text-align: center;
    overflow: hidden;
}
.m-cont2-btn {
    padding: 0 0px;
    margin-top: 5px;
}
.m-cont2-btn ul li {
	width: 25%;
	padding: 0 1px 2px;
	float: left;
}
.m-cont2-btn ul li button.btn-mcont1 {
	width: 100%;
	background-color: #006666;
	font-size: 1.1em;
	color: #fff;
	text-align: center;
	padding: 2vw 0;
}
.m-cont2-btn ul li button.btn-mcont2 {
	width: 100%;
	background-color: #b000b0;
	font-size: 1.1em;
	color: #fff;
	text-align: center;
	padding: 2vw 0;
}
.m-cont2-btn ul li button.btn-mcont3 {
	width: 100%;
	background-color: #003cfe;
	font-size: 1.1em;
	color: #fff;
	text-align: center;
	padding: 2vw 0;
}
.m-cont2-btn ul li button.btn-mcont4 {
	width: 100%;
	background-color: #595959;
	font-size: 1.1em;
	color: #fff;
	text-align: center;
	padding: 2vw 0;
}
.m-cont2-btn ul li button.btn-mcont1.point-col {
	background-color: #002060;
}
/* /20220809 */

/* 20231122 */
.m-cont23 {
    margin-top: 1%;
	margin-left: 10px;
    margin-bottom: 0px;
    text-align: center;
    overflow: hidden;
}
.m-cont23-btn {
    padding: 0 0px;
    margin-top: 5px;
}
.m-cont23-btn ul li {
	width: 33%;
	padding: 0 1px 2px;
	float: left;
}
.m-cont23-btn ul li button.btn-mcont23 {
	width: 100%;
	background-color: #006666;
	font-size: 1.1em;
	color: #fff;
	text-align: center;
	padding: 2vw 0;
}
.m-cont23-btn ul li button.btn-mcont23.point-col {
	background-color: #002060;
}
.m-cont23-btn ul li button.btn-mcont23.point-red {
	background-color: #b40431;
}
/* /20231122 */

/* 20230105 */
.cont-top {
	position: relative;
	height: 40px;
}
.cont-top ul li {
	vertical-align: middle;
	display: inline-block;
}
.cont-top ul li.cont-top-l {
	position: relative;
	top: -50px;
	width: 100%;
	font-size: 1em;
	font-weight: 500;
	text-align: center;
	padding-right: 8px;
	margin-right: -4px;
}
.cont-top ul li.cont-top-c {
	position: absolute;
	left: 50%;
	top: -5px;
	width: 14%;
	margin-left: -7%;
}
.cont-top ul li.cont-top-c img {
	max-width: 100%;
}
.cont-top ul li.cont-top-r {
	position: absolute;
	top: -20px;
	right: 15px;
}
.cont-top ul li.cont-top-r span.top-r-txt {
	font-size: 1em;
	font-weight: 500;
}
.cont-top ul li.cont-top-r span.hubsite-btn {
	float: right;
}
.cont-top ul li.cont-top-r button.btn-hubsite {
	background-color: #4472c4;
	border-radius: 2px;
	font-size: 0.8em;
	color: #fff;
	text-align: center;
	padding: 3px 6px 4px;
}
.toplogo-new {
	position: relative;
    top: 10px;
    left: 11.5%;
	font-family: "Arial Black";
    font-size: 1.5em;
    color: #002060;
    font-weight: 900;
    letter-spacing: -0.08em;
    text-align: left;
}
.toplogo-new span {
	color: #c00000;
}
.m-search {
	position: relative;
	top: 8px;
}
/* /20230105 */

/* 20230130 */
.triangle-bann {padding-bottom: 5px; margin-top: -15px;}
.triangle-top {position: relative; padding-bottom: 10px; margin-top: 14px; overflow: hidden;}
.triangle-top ul {display: flex;}
.triangle-top ul li {position: relative; float: left;}
.triangle-top ul li img {
	width: 100%;
}
.triangle-top ul li span {position: absolute; top: 0; left: 0; right: 0; font-size: 4.2vw; color: #fff; font-weight: 400; text-align: center; padding-top: 10%; display: inline-block;}
.triangle-btm {text-align: center;}
.triangle-btm ul li {
	position: relative;
	width: 25%;
	margin: 0 -2px;
	display: inline-block;
}
.triangle-btm ul li img {
	width: 100%;
}
.triangle-btm ul li span {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	font-size: 4.5vw;
	color: #fff;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
	padding-top: 30%;
	display: inline-block;
}
/* /20230130 */

/* 반응형 */
@media screen and (max-width:320px) {
	.cont-top ul li.cont-top-l {
		font-size: 0.9em;
	}
	input.inp-mainsearch {
		height: 40px;
	}
	button.btn-blog {
		font-size: 0.85em;
	}
}
/* /반응형 */

/* 20231222 */
.cont-top ul li.cont-top-r button.btn_home {background-color: #9023a4; border-radius: 30px; font-size: 0.8em; color: #fff; text-align: center; padding: 4px 8px;}

/* 20240227 */
.topico ul {padding: 0 80px; margin-top: -6px; display: flex;}
.topico ul li {width: 50%;}
.topico ul li.topico_l {text-align: left;}
.topico ul li.topico_r {text-align: right;}
.topico button.btn_lang {background-color: #002060; border-radius: 30px; font-size: 0.8em; color: #fff; text-align: center; padding: 4px 15px;}
.topico button.btn_home {background-color: #7030a0; border-radius: 30px; font-size: 0.8em; color: #fff; text-align: center; padding: 4px 15px;}
.btm_map {position: relative; height: 30vh; background: url(../images/map.png) no-repeat; background-size: cover; margin-top: 70px;}
.btm_map .map_btn {text-align: left; padding: 12px 0 0 10px;}
.btm_map .map_btn ul li {margin-bottom: 0px;}
.btm_map .map_btn button.mapbtn_link1 {background-color: #b40431; border-radius: 10px; font-size: 0.95em; color: #fff; text-align: center; padding: 4px 15px 6px;}
.btm_map .map_btn button.mapbtn_link2 {background-color: #006666; border-radius: 20px; font-size: 0.95em; color: #fff; text-align: center; padding: 4px 15px 6px;}
.btm_map .map_btn button.mapbtn_link2-1 {background-color: #7F7F7F; border-radius: 3px; font-size: 0.80em; color: #fff; text-align: center; padding: 4px 15px 5px;}
.btm_map .map_btn button.mapbtn_link3 {background-color: #b400b4; border-radius: 30px; font-size: 0.95em; color: #fff; text-align: center; padding: 4px 15px 6px;}
.btm_map .map_btn button.mapbtn_link3-1 {background-color: #7F7F7F; border-radius: 3px; font-size: 0.80em; color: #fff; text-align: center; padding: 4px 15px 5px;}
.btm_map button.mapbtn_link4 {background-color: #7f7f7f; font-size: 0.95em; color: #fff; text-align: center; padding: 7px 22px;}
.btm_map .map_btn_btm {position: absolute; bottom: -15px; left: 0; right: 0; text-align: center;}
.btm_map .map_btn_top {position: absolute; top: -30px; left: 0; right: 0; text-align: center;}

/* 20240306 */
.layer {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.79; filter:alpha(opacity=50);}
.layer .pop-layer {display:block; margin: 0 !important;}
.layer .pop-conts {position: relative; width: 90%; margin: 0 auto;}
.pop-layer {display:none; position: absolute; top: 50%; transform:translateY(-50%); left: 0; right: 0; width: auto; height:auto; z-index: 10;}	
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {position: absolute; top: -25%; right: 0; text-align: right;}
a.cbtn {display:inline-block; width: 80%;}	
a.cbtn img {max-width: 100%;}
.layer .modal_img img {max-width: 100%;}

/* 20240718 */
.footer_txt {
	background-color: #fbe5d6;
	border-top: 4px solid #c00000;
	text-align: center;
	padding: 20px 0 25px;
}
.footer_txt div {
	font-weight: bold;
	line-height: 1.5;
}
.footer_txt .txt_top {
	margin-bottom: 15px;
}

/* 20241024(인덱스 하단 지도 박스) */
.map_btn_grp {
	position: absolute;
	top: 16%;
	left: 45vw;
	width: 50%;
	border: solid 0px #ff0000;
	display: flex;
}
.box_top {
	width: 80%;
}
.star {
	position: relative;
	top: -35vw;
	left: -40vw;
}
.category_btn {
	display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 40%;
    left: 10%
}
.yellow_box_grp {
	position: relative;
	width: 80%;
}
.box_yellow {
	padding: 0.5vw;
}
.star_panel {
	position: absolute;
	top: -34%;
    left: -100%;
	margin-left: 20%;
	gap: 5px;
	display: flex;
}
.star_panel .star_grp {
	flex-direction: column;
	align-items: center;
	gap: 6px;
	display: flex;
}
.star_panel .star_ico {
	font-size: 1.5rem;
}
.star_panel .star_ico.bgcol_red {
	color: #f00;
}
.star_panel .star_txt {
	font-size: 0.85em;
	font-weight: 500;
}

/* 20241028 */
.star_btm {
	position: absolute;
	bottom: -55%;
	left: 0;
	right: 0;
	font-size: 0.9em;
	font-weight: 500;
	text-align: center;
}
.triangle {
	width: 20%;
	padding: 2px;
}
.rectangle {
	width: 20%;
	height: 25px;
	padding: 3px 2px;
}
.triangle_inn {
	position: relative;
	width: 0;
	height: 0;
	border-bottom: 4.5vw solid #fff;
	border-top: 0 solid transparent;
	border-left: 3.5vw solid transparent;
	border-right: 3.5vw solid transparent;
}
.triangle_inn::before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: -11px;
	border-bottom: 4vw solid #0062F2;
	border-top: 1px solid transparent;
	border-left: 3.2vw solid transparent;
	border-right: 3.2vw solid transparent;
}

.orange{
	position: relative;
	width: 0;
	height: 0;
	border-bottom: 5vw solid #fff;
	border-top: 0 solid transparent;
	border-left: 4vw solid transparent;
	border-right: 4vw solid transparent;
}

.orange::before{
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	left: -14px;
	border-bottom: 4.5vw solid orange;
	border-top: 1px solid transparent;
	border-left: 3.75vw solid transparent;
	border-right: 3.75vw solid transparent;
}

.rectangle_panel {
	position: relative;
	top: 6px;
}
.rectangle_inn {
	width: 90%;
	height: 100%;
	border: 1px solid rgba(255,255,255,0.8);
}
.member_level {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	justify-content: center;
	gap: 10px;
	display: flex;
}
.member_level .level_circle {
	width: 25px;
	height: 25px;
	border: 2px solid #111;
	background: none;
	border-radius: 50%;
}
.member_level .level_circle.green {
	background: #00b050;
}
.member_level .level_circle.blue {
	background: #0062f2;
}
.member_level .level_circle.red {
	background: #c00000;
}

.app_dn {
	padding: 30px 20px 10px;
}
.app_dn img {
	max-width: 100%;
}