@charset "utf-8";

* { 	margin:0px; font-family: '나눔고딕','nanum gothic','맑은고딕','malgun gothic','돋움','Dotum','Apple SD Gothic Neo','Helvetica','Noto Sans KR',sans-serif; 
		-ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; 
} /* Nanum Gothic  Noto Sans KR */
body, html		{ margin:0px; position:relative; width:100%; text-align:center; background-color:#18005B; }
img				{ padding:0px; margin:0px; border:0px; }
form			{ margin:0px; padding:0px; }

a				{ cursor:pointer; text-decoration:none; }

a.normal		{ color:#000000; cursor:pointer; text-decoration:none; }
a.normal:hover	{ text-decoration:none; }

/* 아이폰 기본 스타일 제거 */
button, input, textarea { appearance: none; -webkit-appearance: none; -webkit-border-radius: 0; }
select { 
	-webkit-appearance: none; -moz-appearance: none; appearance: none; color:#000000; 
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23444444' d='m16.843 10.211c.108-.141.157-.3.157-.456 0-.389-.306-.755-.749-.755h-8.501c-.445 0-.75.367-.75.755 0 .157.05.316.159.457 1.203 1.554 3.252 4.199 4.258 5.498.142.184.36.29.592.29.23 0 .449-.107.591-.291 1.002-1.299 3.044-3.945 4.243-5.498z'/%3E%3C/svg%3E");
	background-size: 16px auto; background-position:right; background-repeat:no-repeat; 
}

/* 익스플로러 select 화살표 제거 - 화살표 없애기 for IE10, 11*/ 
/* select::-ms-expand { display:none; } */

/* 리사이즈 시 상하만 되도록 */
textarea { resize: vertical; }

.pagings		{ padding:5px 10px 5px 10px; border:1px solid #DCDCDC; background-color:#FFFFFF; border-radius:3px; text-align:center; font-size:11px; color:#191919; }
.pagings:hover	{ background-color:#DCDCDC; }

.pagings2		{ padding:5px 8px 5px 8px; border:1px solid #DCDCDC; background-color:#FFFFFF; border-radius:3px; text-align:center; font-size:11px; color:#191919; }
.pagings2:hover { background-color:#DCDCDC; }

.pagingson		{ background-color:#DCDCDC; }

.selects		{ position:relative; float:left; height:32px; text-align:start; padding:5px; border:1px solid #BABEC5; color:#000000; transition-duration:0.25s; box-sizing:border-box; border-radius:3px; vertical-align:middle; }
.selects:hover { box-shadow:0 0 0 2px #DFE0E2; }
.selects:focus { border:1px solid #2EA21E; box-shadow:0 0 0 2px #DFE0E2; }

.inputs			{ position:relative; float:left; height:32px; text-align:start; padding:5px; border:1px solid #BABEC5; color:#000000; transition-duration:0.25s; box-sizing:border-box; border-radius:3px; vertical-align:middle; }
.inputs:hover	{ box-shadow:0 0 0 2px #DFE0E2; }
.inputs:focus	{ border:1px solid #2EA21E; box-shadow:0 0 0 2px #DFE0E2; }

.font8			{ font-size:8px; }
.font9			{ font-size:9px; }
.font10			{ font-size:10px; }
.font11			{ font-size:11px; }
.font12			{ font-size:12px; }
.font13			{ font-size:13px; }
.font14			{ font-size:14px; }
.font15			{ font-size:15px; }
.font20			{ font-size:20px; }

.bold			{ font-weight:700; }

.alignleft		{ text-align:left; }
.aligncenter	{ text-align:center; }
.alignright		{ text-align:right; }

.titlebar		{ padding:3px; margin-right:10px; background-color:#000000; }

.input112		{ position:relative; float:left; height:32px; text-align:start; padding:5px; border:1px solid #BABEC5; font-size:11px; color:#000000; transition-duration:0.25s; box-sizing:border-box; border-radius:3px; vertical-align:middle; }

.textarea11		{ border:1px solid #808080; background-color:#ffffff; color:#191919; font-size:11px; vertical-align: bottom; }

.btns			{ position:relative; float:left; height:32px; text-align:center; cursor:pointer; transition-duration:0.25s; box-sizing:border-box; border-radius:3px; vertical-align:middle; }

.white			{ border:1px solid #efefef; color:#404040; background-color:#FFFFFF; }
.white:hover	{ box-shadow:0 0 0 2px #DFE0E2; background-color:#efefef; }

.darks			{ border:1px solid #404040; color:#FFFFFF; background-color:#404040; }
.darks:hover	{ box-shadow:0 0 0 2px #DFE0E2; background-color:#000000; }

.trans			{ border:1px solid transparent; color:#404040; background-color:transparent; }
.trans:hover	{ box-shadow:0 0 0 2px #DFE0E2; }

.transzero		{ border:1px solid transparent; color:#404040; background-color:transparent; }
.transzero:hover	{ ; }
.transzero:focus	{ border:1px solid transparent; }

.transzero2		{ border:none; color:#404040; background-color:transparent; outline:none; box-shadow:none; }
.transzero2:hover	{ border:none; color:#404040; background-color:transparent; outline:none; box-shadow:none; }
.transzero2:focus	{ border:none; color:#404040; background-color:transparent; outline:none; box-shadow:none; }

.underlines		{ border-bottom:1px solid #000000; }

.blanks			{ clear:both; height:10px; }
.blanks15		{ clear:both; height:15px; }
.blanks20		{ clear:both; height:20px; }
.blanks25		{ clear:both; height:25px; }
.blanks30		{ clear:both; height:30px; }
.blanks40		{ clear:both; height:40px; }
.blanks50		{ clear:both; height:50px; }
.blanks60		{ clear:both; height:60px; }
.blanks70		{ clear:both; height:70px; }
.blanks100		{ clear:both; height:100px; }
.blanks220		{ clear:both; height:220px; }



#headers		{ z-index:10; position:fixed; top:0px; left:0px; width:100%; height:50px; background-color:#002248; text-align:left; }
.headermenubtn	{ position:absolute; padding:13px; cursor:pointer; }
.headerlogobox	{ position:absolute; font-size:20px; color:#FFFFFF; padding:10px; cursor:pointer; font-family: 'Noto Sans KR', sans-serif; font-weight:700; }
.headermenubox	{ position:absolute; left:200px; top:15px; }
.headermenuboxout	{ position:absolute; right:0px; top:15px; }
.headermenubar	{ border-right:1px solid #094889; }
.headermenutxt	{ font-size:13px; color:#FFFFFF; height:30px; cursor:pointer; padding:20px 20px 20px 20px; }
.headermenutxt:hover { color:#C0FFFF; text-decoration:underline; }
.headermenutitle{ font-size:11px; padding: 2px 5px 2px 5px; background-color: #A3A9B3; border: 1px solid #9298A1; color: #FFFFFF; }

.menulistbox	{ display:none; z-index:11; position:fixed; top:50px; left:0px; width:180px; padding:10px; background-color:#FFFFFF; border:1px solid #CCCCCC; overflow-x:hidden; overflow-y:auto; }
.menulistboxout	{ display:none; z-index:11; position:fixed; top:50px; right:0px; width:180px; padding:10px; background-color:#FFFFFF; border:1px solid #CCCCCC; }

.menu_group		{ font-weight:bold; padding:12px 5px 12px 5px; color:#191919; font-size:12px; letter-spacing:1.3px; cursor:pointer; border-bottom:1px solid #efefef; margin-bottom:10px; }
.group_down		{ background:url('/image/comm/dot_down.gif') no-repeat 160px 15px; }
.group_up		{ background:url('/image/comm/dot_up.gif') no-repeat 160px 15px; }
.group_right	{ background:url('/image/comm/dot_right.gif') no-repeat 160px 15px; }
.group_left		{ background:url('/image/comm/dot_left.gif') no-repeat 160px 15px; }

.menu_groupbox	{ display:none; margin-left:10px; text-align:left; }
.txt_bold		{ font-weight:bold; padding:12px 5px 12px 5px; color:#191919; font-size:12px; letter-spacing:1.3px; }
.txt			{ background:url('/image/comm/dot_right.gif') no-repeat 3px 10px; padding:5px 5px 5px 18px; color:#191919; font-size:13px; cursor:pointer; }
.txt:hover		{ text-decoration:underline; }

.txts			{ background:url('/image/comm/dot_right.gif') no-repeat 3px 10px; padding:5px 5px 5px 18px; color:#191919; font-size:11px; text-align:left; cursor:pointer; }
.txts15			{ background:url('/image/comm/dot_right.gif') no-repeat 3px 10px; padding:5px 5px 5px 18px; color:#191919; font-size:15px; text-align:left; cursor:pointer; }
.txts13			{ background:url('/image/comm/dot_right.gif') no-repeat 3px 10px; padding:5px 5px 5px 18px; color:#191919; font-size:13px; text-align:left; cursor:pointer; }

.locationbox	{ position:fixed; top:50px; left:0px; width:100%; height:30px; background-color:#efefef; border-bottom:1px solid #cccccc; z-index:10; text-align:left; }
#locationtxt	{ color:#191919; font-size:12px; margin:9px 0px 0px 20px; text-align:left; }

.txt11			{ color:#191919; font-size:11px; text-align:left; cursor:pointer; }
.txt11:hover	{ text-decoration:underline; }

.txt15			{ color:#191919; font-size:15px; text-align:left; cursor:pointer; }
.txt15:hover	{ text-decoration:underline; }

.containerbox	{ position:relative; margin:50px 15px 20px 15px; text-align:left; }
.tablebg		{ background-color:#DCDCDC; border-radius:3px; overflow:hidden; border:0px; border-spacing:1px; border-collapse:separate; }

.tabletitle		{ color:#191919; background-color:#efefef; font-family: 'Nanum Gothic', sans-serif; }
.tabletr		{ background-color:#FFFFFF; border-collapse:collapse; }
.tabletr:hover	{ background-color:#FFFFC0; }

.tabletr2		{ background-color:#FFFFFF; border-collapse:collapse; }

.tableth		{ color:#191919; padding:10px; font-family: 'Nanum Gothic', sans-serif; font-weight:700; }
.tabletd		{ color:#191919; padding:10px; font-family: 'Nanum Gothic', sans-serif; }

#footers		{ position:fixed; bottom:0px; left:0px; width:100%; height:5px; background-color:#002248; z-index:10; }

#alertbox		{ display:none; position:fixed; top:100px; left:50%; width:240px; padding:20px; margin-left:-140px; text-align:left; background-color:#FFFFFF; border-radius:3px; border:1px solid #efefef; z-index:100; }
#bgdark			{ display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:99; text-indent:-9999px; }


@media screen and (max-width: 960px) {
	.mobiles { display:block; }
	.pcs { display:none; }
}
@media screen and (min-width: 961px) {
	.mobiles { display:none; }
	.pcs { display:block; }
}

@media screen and (max-width: 400px) {
	.loginbox { width:240px; margin:0 auto; }
}
@media screen and (min-width: 401px) {
	.loginbox { width:320px; margin:0 auto; }
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none; margin: 0;
}

input::placeholder { color: #888888; font-size:12px; }

.d { -ms-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; }


input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* 파이어폭스에서의 초기화 방법 */
input[type=number] {
    -moz-appearance: textfield;
}


.pay_top { z-index:30; position:fixed; top:0px; left:0px; width:100%; height:75px; background-color:#18005B; }

.notice_line { position:relative; top:0px; left:0px; margin:0px; padding:10px 0px 5px 0px; text-align:left; border-bottom:1px dotted #cccccc; cursor:pointer; }
.notice_content { display:none; position:relative; top:0px; left:0px; margin:0px; padding:10px 0px 25px 0px; border-bottom:1px solid #000000; text-align:left; color:#000000; font-size:12px; line-height:150%; letter-spacing:-1px; }
.notice_arrow { position:absolute; top:10px; right:0px; margin:0px; padding:0px; width:30px; text-align:right; color:#888888; font-size:15px; line-height:150%; letter-spacing:-1px; }