@charset "utf-8";


/************************************************
*		LAYOUT									*
************************************************/

.wrap{width:100%;margin:0;padding:0;position:relative;}
.mcontainer{width:100%;margin:0;padding:25px 0 50px;position:relative;}
.scontainer{width:100%;margin:0;padding:0;position:relative;}
.footer{width:100%;margin:0;padding:0;position:fixed;bottom:0;z-index:1000;}

::-webkit-scrollbar {display: none !important;}
body{overflow: scroll; -ms-overflow-style: none !important;} /*for ie*/
body::-webkit-scrollbar{display:none !important;} /*for chrome, safari, firefox*/

/************************************************
*		HEADER									*
************************************************/

.header{
	height: 50px;
	background-color: #252525;
	color:#fff;
	line-height: 50px;
	text-align: center;
	width: 100%;
}
.header .h_title{
	color:#fff;
	font-size: 1.5em;
	display: block;
	margin-left:-10px;
	width: 95%;
}
.header > a{
	color:#fff;
	font-size: 2em;
	float:left;
	width: 5%;
	padding-left:10px;
}



/************************************************
*		CONTAINER								*
************************************************/

/*** WALLET ***/
.wallet_wrap{margin:0;padding:0;position:relative;}
.wallet_wrap .ww_cimg{margin:40px 0 10px;padding:0;position:relative;}
.wallet_wrap .ww_cimg img{width:90%;max-width:1200px;margin:0 auto;display:block;}
.wallet_wrap .ww_home{margin:0 0 40px;padding:0 20px;position:relative;}

.wallet_wrap .ww_tcase{
	height:100px;
	margin:0 0 18px;
	padding:20px;
	background:#fff url(../images/wallet_bg01.png) no-repeat right top;
	background-size:72%;
	border-radius:0;
	box-shadow:0 0 8px 5px #f6f6f6;
	position:relative;
}
.wallet_wrap .ww_tcase .wt_tit{margin:0 0 15px;text-align:left;font-size:13px;font-weight:400;line-height:20px;color:#bdbdbd;position:relative;}
.wallet_wrap .ww_tcase .wt_tit a,
.wallet_wrap .ww_tcase .wt_tit b{color:#000;}
.wallet_wrap .ww_tcase .wt_tit span{height:20px;text-align:right;line-height:20px;position:absolute;right:0;top:0;}
.wallet_wrap .ww_tcase .wt_tit .more{padding:0 15px 0 0;background:url(../images/icon/more_icon1.png) no-repeat right 50%;background-size:10px;}
.wallet_wrap .ww_tcase .wt_xrnum{text-align:right;font-size:34px;font-weight:600;color:#02b9ff;}
.wallet_wrap .ww_tcase .wt_rtxt{text-align:right;font-size:13px;font-weight:400;line-height:20px;color:#bdbdbd;}

.wallet_wrap .ww_list{margin:0;padding:0 15px;position:relative;}
.wallet_wrap .ww_list li{margin:0 0 12px;padding:15px 10px;background-color:#fff;border-radius:5px;box-shadow:0 0 8px 4px #f0f0f0;position:relative;}
.wallet_wrap .ww_list li span{float:left;}
.wallet_wrap .ww_list li .wl_icon{text-align:left;line-height:50px;}
.wallet_wrap .ww_list li .wl_icon img{width:50%;max-width:100px;}
.wallet_wrap .ww_list li b{margin:0 0 3px;font-size:20px;font-weight:700;color:#333;line-height:30px;display:block;}
.wallet_wrap .ww_list li p{font-size:13px;font-weight:400;color:#bdbdbd;line-height:20px;display:block;}


.ww_alert{width:80%;padding:10px 10%;background-color:#e9edf2;position:fixed;left:0;top:0;display:none;z-index:100;}
.ww_alert.open{display:block;}
.ww_alert ul{margin:0;padding:0;position:relative;}
.ww_alert li{text-align:left;font-size:14px;color:#222;float:left;}
.ww_alert li img{width:70%;max-width:95px;margin:5px 0 0;}






/*************************************************************
* 동의 : Agreement + 회원가입 : JOIN + 보안키 : Security Key *
*************************************************************/

.agr_wrap,
.join_wrap,
.sk_wrap{margin:0 0 40px;padding:0 20px;position:relative;}

.agr_wrap .aw_icon{margin:20px 0 15px;padding:0; text-align:center;}
.agr_wrap .aw_icon img{width:25%;max-width:200px;}

.agr_wrap .aw_icon2{margin:20px 0 15px;padding:0; text-align:center;}
.agr_wrap .aw_icon2 img{
	width:50px; margin-right:6px;max-width:100px;
	border:1px solid rgb(238, 238, 238);
	border-radius: 50%;
	background-color: #fff;
	padding:10px;
	box-shadow: 0 0 4px rgba(2, 2, 2, 0.14);
}
.agr_wrap .aw_icon2 img:last-child{
	margin-right:0px; 
	z-index:10;
	position:relative;
	right:15px;
}
.agr_wrap .aw_case{padding:15px 10px;background-color:#f8f8f8;border:1px solid #e5e5e5;position:relative;}


.join_wrap .jw_inp{margin:0 0 10px;padding:10px 15px 5px;border:1px solid #e5e5e3;background-color:#fff;}
.join_wrap .jw_inp p{margin:0 0 2px;font-size:13px;font-weight:400;color:#999;display:block;}
.join_wrap .jw_inp b{display:block;}
.join_wrap .jw_inp b input{padding:0;border:0 none;}
.join_wrap .jw_inp b input[type="text"],
.join_wrap .jw_inp b input[type="password"]{height:30px;font-size:18px;color:#02b9ff;line-height:30px;}
.join_wrap .jw_inp b input[type="text"]:focus,
.join_wrap .jw_inp b input[type="password"]:focus{color:#fff;}
.join_wrap .jw_inp b ::-webkit-input-placeholder,
.join_wrap .jw_inp b :-moz-placeholder,
.join_wrap .jw_inp b ::-moz-placeholder,
.join_wrap .jw_inp b :-ms-input-placeholder,
.join_wrap .jw_inp b .formerize-placeholder{color:#dadada !important;}
.join_wrap .jw_inp:hover{background-color:#02b9ff;}
.join_wrap .jw_inp:hover p{color:#fff;}

.join_wrap .jw_case{width:94%;margin:0 0 30px;padding:30px 3%;border:1px solid #e5e5e3;background-color:#f8f8f8;overflow:hidden;}
.join_wrap .jw_case b{margin:0 0 20px;text-align:center;font-size:18px;font-weight:600;color:#02b9ff;line-height:28px;display:block;}
.join_wrap .jw_case p{text-align:center;font-size:18px;font-weight:400;color:#333;display:block;}
.join_wrap .jc_icon{margin:20px 0 15px;padding:0;text-align:center;}
.join_wrap .jc_icon img{width:40%;max-width:200px;}
.join_wrap .jc_img{margin:20px 0 15px;padding:0;text-align:center;}
.join_wrap .jc_img img{width:80%;max-width:700px;}
.join_wrap .jc_cimg{margin:20px 0 15px;padding:0;text-align:center;}
.join_wrap .jc_cimg img{width:60%;max-width:700px;}


.sk_wrap .sw_case{
	margin:0 0 30px;
	padding:25px 15px;
	background-color:#f8f8f8;
	border:1px solid #e4e4e4;
	position:relative;
}
.sk_wrap .sw_case.mh120{min-height:115px;}
.sk_wrap .sw_case ul{margin:0;padding:0;}
.sk_wrap .sw_case li{margin:0 20px 10px 0;text-align:center;font-size:20px;font-weight:600;color:#f80d0d;line-height:30px;display:block;float:left;}

.sk_wrap .tw_case{
	margin:0 0 30px;
	padding:0;
	position:relative;
}
.sk_wrap .tw_case ul{margin:0;padding:0;}
.sk_wrap .tw_case li{margin:0 10px 10px 0;padding:5px 10px;background-color:#ededed;text-align:center;font-size:20px;font-weight:600;color:#222;line-height:30px;display:block;float:left;}






/************************************************
*		FOOT									*
************************************************/

.footer{height:50px;font-size:15px;font-weight:500;line-height:60px; }
.footer a{height:50px;line-height:50px;display:block;float:left;}
.footer a.fgbtn{background-color:#636b6e;text-align:center;color:#fff;}
.footer a.fgbtn:hover{color:#fff;}
.footer a.fbbtn{background-color:#02b9ff;text-align:center;color:#fff;}
.footer a.fbbtn:hover{color:#fff;}
.footer a.bbtn_u{background-color:#02b9ff;text-align:center;color:#fff;opacity:0.5;}
.footer a.bbtn_u:hover,
.footer a.onbtn{background-color:#02b9ff;color:#fff;opacity:1;}
.footer a.fgrbtn{background-color:#636b6e;text-align:center;color:#fff;}
.footer a.fgrbtn:hover{background-color:#02b9ff;color:#fff;}






/************************************************
*		POPUP									*
************************************************/

.mw_popup1,
.mw_popup2,
.mw_popup3,
.mw_popup4,
.mw_popup5,
.mw_popup6,
.mw_popup7,
.mw_popup8,
.mw_popup9,
.mw_popup10{width:100%;height:100%;display:none;position:fixed;_position:absolute;top:0;left:0;z-index:100000;}
.mw_popup1.open,
.mw_popup2.open,
.mw_popup3.open,
.mw_popup4.open,
.mw_popup5.open,
.mw_popup6.open,
.mw_popup7.open,
.mw_popup8.open,
.mw_popup9.open,
.mw_popup10.open{display:block}
.mw_popup1 .bg,
.mw_popup2 .bg,
.mw_popup3 .bg,
.mw_popup4 .bg,
.mw_popup5 .bg,
.mw_popup6 .bg
.mw_popup7 .bg
.mw_popup8 .bg
.mw_popup9 .bg
.mw_popup10 .bg{
	width:100%;
	height:100%;
	background:#000;
	opacity:.5;
	filter:alpha(opacity=50);
	position:absolute;
	top:0;
	left:0;
}
#popup1,
#popup2,
#popup3,
#popup4,
#popup5,
#popup6,
#popup7,
#popup8,
#popup9,
#popup10{
	width:300px;
	margin:0 0 0 -150px;
	background:#fff;
	position:absolute;
	top:5%;
	left:50%;
}
#popup1.g_popup1 .g_popup1,
#popup2.g_popup2 .g_popup2,
#popup3.g_popup3 .g_popup3,
#popup4.g_popup4 .g_popup4,
#popup5.g_popup5 .g_popup5,
#popup6.g_popup6 .g_popup6,
#popup7.g_popup7 .g_popup7,
#popup8.g_popup8 .g_popup8,
#popup9.g_popup9 .g_popup9,
#popup10.g_popup10 .g_popup10{display:block}
#popup1 .close,
#popup2 .close,
#popup3 .close,
#popup4 .close,
#popup5 .close,
#popup6 .close,
#popup7 .close,
#popup8 .close,
#popup9 .close,
#popup10 .close{
	width:21px;
	height:21px;
	padding:0;
	border:0;
	background:url(../images/icon/cancel_gray.png);
	text-decoration:none !important;
	cursor:pointer;
	opacity:1;
	overflow:visible;
	position:absolute;
	top:15px;
	right:10px;
	display:block;
}

.pop_header{
	height:50px;
	padding:0 10px;
	background:#f9f9f9;
	border-bottom:1px solid #ddd;
	text-align:center;
	font-size:20px;
	font-weight:700;
	color:#333;
	line-height:50px;
	letter-spacing:-1px;
}
.pop_header img{width:100%;}

.pcxtit{margin:0 0 25px;text-align:center;font-size:30px;line-height:35px;font-weight:400;color:#333;position:relative;display:block;z-index:100;}
.pctit{margin:0 0 10px;text-align:center;font-size:20px;line-height:26px;font-weight:600;color:#333;position:relative;display:block;z-index:100;}

.pscroll{height:350px;overflow:hidden;overflow-x:hidden;overflow-y:scroll;}
.pop_contant{padding:20px 10px 70px;position:relative;}
.pop_contant .aimg{width:100%;}
.pop_contant table {width:100%;}
.pop_contant table tr {height:30px;}
.pop_contant table td {font-size:16px;font-weight:400;color:#bbb;}

.pop_contant textarea{font-size:16px;color:#bbb;}

.btn_wrap{
	width:100%;
	height:50px;
	padding:0;
	text-align:center;
	font-size:18px;
	font-weight:400;
	color:#c1c1c1;
	line-height:50px;
	position:absolute;
	bottom:0;
	left:0;
	z-index:1000;
}
.btn_wrap a{cursor:pointer;}

a.btn_r {height:50px;background:#cb2229;text-align:center;font-size:18px;font-weight:400;line-height:50px;color:#fff;float:left;display:block;}
a.btn_r:hover {background:#af1e24;color:#fff;text-decoration:none !important;}

a.btn_w {height:50px;background:#fff;border:1px solid #c9c9c9;text-align:center;font-size:18px;font-weight:400;line-height:50px;color:#888;float:left;display:block;}
a.btn_w:hover {background:#c9c9c9;border:1px solid #c9c9c9;color:#fff;text-decoration:none !important;}

a.btn_g {height:50px;background:#666;border:1px solid #c9c9c9;text-align:center;font-size:18px;font-weight:400;line-height:50px;color:#fff;float:left;display:block;}
a.btn_g:hover {background:#333;border:1px solid #c9c9c9;color:#fff;text-decoration:none !important;}

a.btn_close {background:#cb2229;color:#fff;float:left;display:block;}
a.btn_close:hover {background:#af1e24;color:#fff;text-decoration:none !important;}






/************************************************
*		ETC										*
************************************************/

.xbltit{height:40px;margin:40px 0 15px;text-align:left;font-size:36px;line-height:40px;font-weight:700;position:relative;display:block;z-index:100;}
.xbltit span{position:absolute;right:0;top:0;}

.xctit{margin:15px 0;text-align:center;font-size:34px;line-height:45px;font-weight:300;position:relative;display:block;z-index:100;}
.xctit span{height:45px;position:absolute;right:0;top:0;}

.xltit{margin:20px 0 15px;text-align:left;font-size:34px;line-height:45px;font-weight:300;position:relative;display:block;z-index:100;}
.xltit span{height:45px;position:absolute;right:0;top:0;}

.xlstit{margin:0;border-bottom:2px solid #555;text-align:left;font-size:25px;line-height:40px;font-weight:700;position:relative;display:block;z-index:100;}
.xlstit span{height:34px;position:absolute;right:0;top:0;}

.bxctit{margin:0 0 20px;text-align:center;font-size:24px;font-weight:600;color:#333;line-height:30px;position:relative;z-index:100;}

.bxctit span{height:30px;position:absolute;right:0;top:0;}

.bxltit{margin:0 0 20px;text-align:left;font-size:24px;font-weight:600;color:#333;line-height:30px;position:relative;z-index:100;}
.bxltit span{height:30px;position:absolute;right:0;top:0;}

.bctit{margin:0 0 20px;text-align:center;font-size:20px;color:#333;line-height:22px;position:relative;z-index:100;}
.bctit span{height:22px;position:absolute;right:0;top:0;}

.bltit{text-align:left;font-size:20px;font-weight:500;color:#333;line-height:30px;position:relative;z-index:100;}
.bltit2{text-align:center;font-size:20px;font-weight:500;color:#333;line-height:30px;position:relative;z-index:100;}
.bltit span{height:30px;position:absolute;right:0;top:0;}

.blti{text-align:left;font-size:18px;font-weight:300;color:#333;line-height:26px;position:relative;z-index:100;}
.blti span{height:30px;position:absolute;right:0;top:0;}

.ltit{text-align:left;font-size:16px;color:#333;line-height:24px;position:relative;z-index:100;}
.ltit span{height:28px;position:absolute;right:0;top:0;}

.ctit{margin:0 0 5px;text-align:center;font-size:16px;color:#333;line-height:22px;position:relative;display:block;z-index:100;}
.ctit span{height:22px;position:absolute;right:0;top:0;}

.ltxt{margin:0 0 10px;text-align:left;font-size:16px;color:#555;line-height:30px;font-weight:500;position:relative;display:block;}
.stxt{margin:0 0 30px;text-align:left;font-size:16px;line-height:30px;font-weight:400;color:#888;position:relative;display:block;}
.ctxt{margin:0 0 15px;text-align:center;font-size:16px;color:#879c9c;line-height:30px;font-weight:300;position:relative;display:block;}
.slbxt{width:100%;height:35px;margin:0;padding:0 10px;background-color:#dbdbdb;text-align:left;font-size:14px;line-height:35px;font-weight:600;color:#444;position:relative;display:block;}
.slxt{
	width:100%;
	margin:0 0 5px;
	padding:0;
	text-align:left;
	font-size:14px;
	line-height:22px;
	font-weight:400;
	position:relative;
	display:block;
}
.slxt2{
	width:100%;
	margin:0 0 5px;
	padding:0;
	text-align:center;
	font-size:14px;
	line-height:22px;
	font-weight:400;
	position:relative;
	display:block;
}
.slxt span{height:35px;font-size:12px;line-height:35px;position:absolute;right:10px;top:0;}
.slxt span img{height:12px;margin:-3px 0 0 2px;}

.sltxt{margin:0 0 30px;text-align:left;font-size:14px;line-height:28px;font-weight:400;color:#777;position:relative;display:block;}
.sltxt b{font-size:18px;}
.sctxt{margin:0 0 15px;text-align:center;font-size:13px;line-height:17px;font-weight:400;color:#777;position:relative;display:block;}


.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}






/************************************************
*		TABLE	 								*
************************************************/

.table_type1{width:100%;margin:0;font-size:14px;}
.table_type1 caption{display:none}
.table_type1 thead th,
.table_type1 thead td{padding:7px 5px;border-bottom:1px solid #d8d8d8;font-size:15px;font-weight:500;color:#333;line-height:20px;}
.table_type1 tbody th,
.table_type1 tbody td{padding:7px 5px;border-bottom:1px solid #d8d8d8;font-size:13px;font-weight:400;color:#999;line-height:20px;}






/************************************************
*		RESPONSIVE								*
************************************************/

@media all and (max-width:1280px){
}

@media (min-width: 1200px){
}

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

@media all and (max-width:980px){
}

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

@media all and (max-width:480px){
}

@media all and (max-width:419px){
}