@charset "utf-8"; 

body		{ background:#fff; }
#footer		{ position:relative; text-align:center; padding:10px 0; background:#f1f1f1; }

#blind		{ position:fixed; top:0; width:100%; height:100%; background:rgba(0,0,0,.75); display:none; z-index:10; }

#startup	{ display:none; }

.box		{ display:inline-block; }
.lay_left	{ float:left; }
.lay_right	{ float:right; }

.touch:active 		{ background-color:#eee !important; color:#333 !important; }

#login_wrap 					{ position:fixed; width:100%; height:100%; background-color:#1a3344; background-image:url(../img/bg_login_highlight.png), url(../img/bg_login.png); background-repeat: no-repeat, repeat; background-position:center center,center center; background-size:auto 100%, auto; z-index:100; }
#login_wrap > .inbox			{ position:absolute; top:50%; left:50%; width:300px; height:400px; margin:-200px 0 0 -150px; }
#login_wrap .title_bar			{ text-align:center; margin-bottom:20px; }
#login_wrap fieldset.login		{ border:0; }
#login_wrap fieldset p			{ margin:8px 0 15px 0; }
#login_wrap .id_pw input		{ width:100%; }
#login_wrap #store_code,
#login_wrap #store_pw			{ height:35px; padding:0 15px; border:none; box-shadow:none; }
#login_wrap #store_code			{ border-radius:5px 5px 0 0; }
#login_wrap #store_pw			{ border-radius:0 0 5px 5px; border-top:1px solid #eee; }
#login_wrap #btn_login			{ width:100%; height:37px; border:0; border-radius:5px; color:#fff; font-size:14px; color:#333; font-weight:bold; }

#content_wrap 					{ padding:60px 0; }
#content_wrap #header 			{ position:fixed; top:0; left:0; width:100%; height:60px; line-height:60px; background:#152937; z-index:1; }
#content_wrap #AppInstall		{ height:50px; background:#f60; display:none; }
#content_wrap #AppInstall .inbox{ width:300px; height:50px; line-height:17px; padding-top:8px; padding-left:50px; margin:auto; background:url(../img/android.png) no-repeat; background-size:auto 80%; background-position:left center; }
#content_wrap #AppInstall .inbox a{ color:#eee; font-size:13px; font-weight:bold; }

#content_wrap #header #btn_menu	{ position:absolute; top:5px; left:5px; width:50px; height:50px; background:url(../img/icon_menu.svg) no-repeat; background-size:auto 40%; background-position:center center; }
#content_wrap #header #logo		{ position:absolute; top:5px; left:50%; margin-left:-40px; width:80px; height:50px; background:url(../agent/img/logo.svg) no-repeat; background-size:auto 80%; background-position:center center; }
#content_wrap #header #btn_logout{ position:absolute; top:5px; right:5px; float:right; width:50px; height:50px; background:url(../img/icon_people.svg) no-repeat; background-size:auto 50%; background-position:center center; }

#more_menu						{ position:fixed; top:61px; right:1px; width:180px; line-height:43px; padding:5px 0; background:#fff; border-radius:3px; box-shadow:0 0 12px rgba(0,0,0,.5); z-index:100; display:none; }
#more_menu > a					{ display:inline-block; width:100%; padding:0 15px; font-size:15px; color:#555; font-family:'돋움', Dotum; }

#content_wrap #content		{ position:relative;  }
#content_wrap #srhBox		{ position:fixed; bottom:0; left:0; width:100%; height:44px; line-height:44px; background:#fff; box-shadow:0 0 8px rgba(0,0,0,.20); }
#content_wrap #srhBox li	{ float:left; height:44px; }
#content_wrap #srhBox .date,
#content_wrap #srhBox .month{ width:33%; }
#content_wrap #srhBox .swung{ width:9%; font-family:sans-serif, Gulim, '굴림', Dotum, '돋움'; font-size:24px; }
#content_wrap #srhBox .btn	{ width:25%; }
#content_wrap #srhBox input,
#content_wrap #srhBox .swung,
#content_wrap #srhBox button{ float:left; height:100%; text-align:center; text-shadow: 0 1px 0 rgba(0,0,0,.1); border-radius:0; border:0; padding:0; }
#content_wrap #srhBox .month{ display:none; }
#content_wrap #srhBox input,
#content_wrap #srhBox button{ width:100%; }

#snb 					{ position:fixed; top:0; left:0; width:240px; height:100%; background:#fff; box-shadow:0 8px 8px rgba(0,0,0,.20); transition: transform .3s ease-in-out; z-index:90; }
#snb #custInfo			{ width:100%; height:120px; background-color:#152937; }
#snb #custInfo .logo	{ text-align:center; padding:10px 0; }
#snb #custInfo .custInfoL			 { padding:5px 10px; }
#snb #custInfo .custInfoL .custInfoN { float:left; height:40px; color:#eee; line-height:20px; }
#snb #custInfo .custInfoL .btn_cngPw { float:right; height:40px; line-height:40px; background:#1e75d6; }
#snb #menu		{ padding:10px 0; }
#snb #menu > li	{ height:50px; line-height:50px; padding:0 10px 0 40px; color:#333; cursor:pointer; background-image:url(../img/icon_approval.svg); background-repeat:no-repeat; background-size:auto 40%; background-position:15px center; }
#snb #menu > li.active { background-color:#eee; }

hr	{ height:1px; border:0; border-top:1px solid #ddd; margin:3px 0; }

#content_wrap #pwCag			{ position:fixed; top:0; right:-100%; width:100%; height:100%; text-align:center; transition: transform .3s ease-in-out; background:#fff; z-index:90; }
#content_wrap #pwCag .title		{ position:relative; height:50px; line-height:50px; text-align:center; font-size:19px; font-weight:bold; margin-bottom:60px; }
#content_wrap #pwCag .btn_close { position:absolute; top:5px; right:10px; height:40px; width:40px; background-image:url(../img/icon_close.svg); background-size:100%; text-indent:-1000px; cursor:pointer; overflow:hidden; }
#content_wrap #pwCag input		{ margin-bottom:5px; width:300px; }
#content_wrap #pwCag button		{ margin-top:10px; width:300px; }

#content_wrap #content .title 			{ margin-top:10px; margin-bottom:20px; }
#content_wrap #content .maintitle 		{ font-size:21px; padding:10px 5px 5px 5px; font-weight:bold; text-align:center; }
#content_wrap #content .subTitle		{ color:#999; font-size:13px; text-align:center; }

.txt_small 	{ font-size:11px !important; }
.txt_blue	{ color:#06F !important; }
.txt_red	{ color:#F00 !important; }

/* table_style1 */
.table_style1			{ margin:auto !important; }
.table_style1,
.table_style1 th,
.table_style1 td		{ border:0; }
.table_style1			{ border:0; border-collapse:collapse; white-space:nowrap; }
.table_style1 *			{ font-size:15px; }
.table_style1 th,
.table_style1 td		{ border:1px solid #ddd; padding:5px 5px 4px 5px; line-height:140%; }
.table_style1 th,
.table_style1 th *		{ font-weight:normal; line-height:120%; color:#222; }
.table_style1 th span	{ color:#555; }
.table_style1 th strong	{ font-weight:bold; }
.table_style1 td		{ background:#fff; height:34px; color:#333; }
.table_style1 td span	{ color:#999; white-space:normal; }
.table_style1 td .nol	{ color:#333; }
.table_style1 caption	{ text-align:center; padding:5px 0 3px; font-weight:bold; }
.table_style1 thead th	{ background:#eee; border:1px solid #ccc; height:34px; }
.table_style1 tfoot		{ font-weight:bold; }
.table_style1 tfoot td	{ background:#f1f1f1; }
.table_style1 .sfoot td	{ background:#faf2f2; }
.table_style1 .blank	{ height:10px; background:none; border:0; }
.table_style1 .float	{ display:inline-block; }