@charset "utf-8";


* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	-ms-touch-action: none;
}

*{ font-family: '돋움', '굴림', Dotum, Gulim, sans-serif;  line-height:1.5em; }
html { height:100%;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{ margin:0; padding:0; color:#656565;}
body{ margin:0; padding:0; font-size:12px; }
table{ border-collapse:collapse}
img,fieldset{ border:0}
ul,ol{ list-style:none}
em,address{ font-style:normal}
a{ color:inherit; text-decoration:none}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video{ margin:0; padding:0; border:0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block;}
body{ -webkit-text-size-adjust:none; }
ol, ul{ list-style:none;}
blockquote, q{ quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{ content:''; content:none; }
table{ width:100%; border-collapse:collapse; border-spacing:0; }
img{ border:0; max-width:100%; height:auto; }
iframe,
embed,
object,
video {max-width:100%;}
i, 
cite, 
em, 
var, 
address, 
dfn { font-style:normal;}

.blind,
legend{ position:absolute;left:0;top:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;visibility:hidden;}
caption{ display:none;}


button{ border:0 none; background:none;}
textarea{ padding:0 4px; border:#c6c6c6 1px solid;}

input[type=text]{ height:32px; line-height:32px; border-radius:5px;  -webkit-appearance:none; border:#ddd 1px solid; }
select,
select.form-control{ border-radius:5px;  height:32px; line-height:34px; padding:0 2px 0 2px; min-width:60px; vertical-align:middle; -webkit-appearance:none; background:#fff url(../images/element_select.png) no-repeat 120% 50%; background-size:24px 6px;}

label { display:inline-block; vertical-align:middle;}
label.radio{ margin-right:20px;}
.label_group{ display:inline-block;}


@media only screen and (min-width:768px){
	input[type=text]{ height:60px; line-height:60px; border-radius:5px;  -webkit-appearance:none; border:#ddd 1px solid; font-size:1.4em; }
	select,
	select.form-control{ border-radius:5px;  height:60px; line-height:60px; padding:0 2px 0 2px; min-width:120px; vertical-align:middle; -webkit-appearance:none; background:#fff url(../images/element_select.png) no-repeat 100% 50%; background-size:24px 6px;  font-size:1.4em;}
}

a {color: #656565;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
a:hover {color: #333;}
a:focus,
a:active {outline: none;}

img {display: block;max-width: 100%;height: auto;}
img.inline{ display:inline;}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.clearfix:before,
.clearfix:after,{
  display: table;
  content: " ";
}
.clearfix:after{
  clear: both;
}

button,
input,
select{ font-family:'돋움', '굴림', Dotum, Gulim, sans-serif;  }
label, input, button, select, textarea{ font-size:12px;}



/* space */
.mt0{ margin-top:0 !important;}
.mt5{ margin-top:5px !important;}
.mt10{ margin-top:10px !important;}
.mt15{ margin-top:15px !important;}
.mt20{ margin-top:20px !important;}
.mt30{ margin-top:30px !important;}
.mt40{ margin-top:40px !important;}
.mt50{ margin-top:50px !important;}
.mt60{ margin-top:60px !important;}
.ml10{ margin-left:10px !important;}
.ml20{ margin-left:20px !important;}
.mr10{ margin-right:10px !important;}
.mr30{ margin-right:30px !important;}
.ml200{ margin-left:200px !important; }
.mb0{ margin-bottom:0 !important; }
.mb5{ margin-bottom:5px !important;}
.mr20{ margin-right:20px !important; }
.pd0{ padding:0 !important;}
.pb0{ padding-bottom:0 !important;}
.pl0{ padding-left:0 !important;}
.pl10{ padding-left:10px !important;}
.pl20{ padding-left:20px !important;}
.pr0{ padding-right:0 !important;}

.cGreen{ color:#00a88e !important;}
.cBrown{ color:#785c50 !important;}
.cOrange{ color:#f36f21 !important;}

/* btn 추가 */
.btn-box{ position:relative; margin:20px 0 0 0; text-align:center;}
.btn-box.l{ text-align:left;}
.btn-box>.btn.btn-sm{  height:24px; padding:0 10px; line-height:24px; }
.btn-box .fr,
.btn-box .fl{ position:absolute; top:0; float:none; }
.btn-box.page-line{ z-index:1; height:0; margin-top:0; }
.btn-box.page-line .fr,
.btn-box.page-line .fl{ position:absolute; top:-30px; float:none; }
.btn-box .fr{right:0;}
.btn-box .fl{left:0;}
.btn-box [class^="btn"],
.btn-box [class*=" btn"]{margin:0 3px;}
.btn-box .fr [class^="btn"]:last-child,
.btn-box .fr [class*=" btn"]:last-child{margin-right:0;}
.btn-box .fl [class^="btn"]:first-child,
.btn-box .fl [class*=" btn"]:first-child{margin-left:0;}
.btn-box.r [class^="btn"]:last-child,
.btn-box.r [class*=" btn"]:last-child{margin-right:0;}
.btn-box.btm{ position:fixed; bottom:0; left:0; margin:0; border-top:#34ca96 1px solid; width:100%; padding:5px 10px; background:#f8f8f8; }
.btn-box.btm .fr{ top:5px; right:10px;}
.btn-box.btm2{ position:absolute; bottom:0; left:0; margin:0; width:100%; padding:20px 10px; }
.btn-box.btm2 .b-close{ min-width:120px;}
.bt-more{ width:130px; height:32px; font-size:13px;}

.btn{ height:40px; padding-top:0; padding-bottom:0; line-height:38px;}
.btn-sm{ height:34px; padding-top:0; padding-bottom:0; line-height:34px;}
.btn-ssm{ height:20px; padding-top:0; padding-bottom:0; line-height:20px; font-size:12px;}

.btn-brown{ background:#785c50; border:#785c50 1px solid; color:#fff;} 
.btn-white{ background:#fff; border:#b7b7b7 1px solid; color:#000;} 
.btn-orange{ background:#ff7c2c; border:#ff7c2c 1px solid; color:#fff;} 
.btn-green{ background:#00a88e; border:#13756f 1px solid; color:#fff;} 
.btn-green i.icon-arr{ display:inline-block; background:url(../images/blt_arr.gif) no-repeat; background-size:4px 7px; width:4px; height:7px; margin-top:-2px;}

/* side-menu */
.side-menu{ position:absolute; right:-100%; top:0; width:100%; margin-right:-70px; height:100%; background-color:#fff; z-index:603; padding:0 70px 0 82px; overflow: hidden;}
.side-menu .left-mn{ position:absolute; top:0; left:0; width:68px; background:#bcbcbc; height:inherit; overflow: hidden;}
.side-menu .left-mn #logo{ top:0; left:0; width:100%; height:60px; display:block; background:#00a88e url(../images/logo3.gif) 50% 50% no-repeat; background-size:25px 25px; }
.side-menu .left-mn > div{ overflow-y: auto; height: 100%;}
.side-menu .right-mn{ position:relative; padding:0; top:0; bottom:0; overflow: hidden;}
.side-menu .right-mn > div{ overflow-y: auto; height: 100%; padding-bottom: 100px;}
.side-menu .left-mn li{ position:relative; z-index:1;}
.side-menu .left-mn li a{ display:block; height:58px; text-align:center; border-bottom:#f9f6f1 1px solid; color:#f9f6f1; padding:35px 0 0 0; font-size:10px; font-weight:bold;}
.side-menu .left-mn li.active{ background:#fff; z-index:2;}
.side-menu .left-mn li.active:before{ content:""; position:absolute; top:-10px; right:0; width:10px; height:10px; background:url(../images/right_mn_cover1.png) 0 0 no-repeat; display:block; background-size:10px 10px; }
.side-menu .left-mn li.active:after{ content:""; position:absolute; bottom:-10px; right:0; width:10px; height:10px; background:url(../images/right_mn_cover2.png) 0 0 no-repeat; display:block; background-size:10px 10px; }
.side-menu .left-mn li.active a{ color:#13756f;}
.side-menu .left-mn li.sm1 a{ background:url(../images/side_mn1.png) 50% 12px no-repeat; background-size:23px 20px;}
.side-menu .left-mn li.sm2 a{ background:url(../images/side_mn2.png) 50% 12px no-repeat; background-size:23px 20px;}
.side-menu .left-mn li.sm3 a{ background:url(../images/side_mn3.png) 50% 12px no-repeat; background-size:23px 20px;}
.side-menu .left-mn li.sm4 a{ background:url(../images/side_mn4.png) 50% 12px no-repeat; background-size:23px 20px;}
.side-menu .left-mn li.sm5 a{ background:url(../images/side_mn5.png) 50% 12px no-repeat; background-size:23px 20px;}
.side-menu .left-mn li.sm1.active a{ background:url(../images/side_mn1_on.png) 50% 12px no-repeat; background-size:23px 20px;}
.side-menu .left-mn li.sm2.active a{ background:url(../images/side_mn2_on.png) 50% 12px no-repeat; background-size:23px 20px;}
.side-menu .left-mn li.sm3.active a{ background:url(../images/side_mn3_on.png) 50% 12px no-repeat; background-size:23px 20px;}
.side-menu .left-mn li.sm4.active a{ background:url(../images/side_mn4_on.png) 50% 12px no-repeat; background-size:23px 20px;}
.side-menu .left-mn li.sm5.active a{ background:url(../images/side_mn5_on.png) 50% 12px no-repeat; background-size:23px 20px;}
.side-menu .user-tx{ padding:25px 0 4px 32px; background:url(../images/icon_user.png) 0 22px  no-repeat; background-size:23px 23px;}
.side-menu .user-tx strong{ font-size:18px;}
.side-menu .inner-bx{ margin:0;}
.side-menu .inner-bx h3{ position:relative; font-size:15px; color:#13756f; font-weight:bold; padding:25px 0 5px 0; border-bottom:#13756f 2px solid;}
.side-menu .inner-bx h4{ background:#00a88e; border-radius:0 0 0 5px; font-size:15px; color:#fff; line-height:30px; padding:0 0 0 10px; border-top:#13756f 2px solid;}
.side-menu .inner-bx h3+h4{ border-top:none;}
.side-menu .inner-bx .bt-mail{ position:absolute; bottom:0; right:0; border-radius:5px 0 0 0; width:100px; height:28px; line-height:28px; text-align:left; color:#fff; padding:0 0 0 35px; background:#946f47 url(../images/icon_write.png) 16px 50% no-repeat; background-size:14px 14px;}
.side-menu .inner-bx li{ position:relative;  padding:0; height:37px; width:100%;}
.side-menu .inner-bx li a{ display:block; color:#00a88e; padding:0 0 0 18px; line-height:36px; border-bottom:#00a88e 1px solid; }
.side-menu .inner-bx li a:active,
.side-menu .inner-bx li a:hover,
.side-menu .inner-bx li a:focus,
.side-menu .inner-bx li a.active{ background-color:#f8f8f8;}
.side-menu .inner-bx li a:before{ content:""; position:absolute; width:5px; height:5px; margin-top:-3px; top:50%; left:5px; border-radius:50%; background:#00a88e; display:block;}
.side-menu .inner-bx li .bdg-orange{ position:absolute;  top:8px; right:10px;}
.bt-sideclose{ position:fixed; top:15px; left:35px; width:30px; height:30px; border-radius:50%; background:#fff url(../images/bt_close.png) 50% 50% no-repeat; background-size:12px 12px; display:block; z-index:603;}
/* /side-menu */

[class^="bdg-"],
[class*="bdg-"]{ display:inline-block; overflow:hidden; min-width:16px; height:16px; line-height:16px; padding:0 5px; margin:0; vertical-align:middle; text-align:center; color:#fff; border-radius:8px; font-size:11px;}
.bdg-green{ background:#00a88e;}
.bdg-orange{ background:#ff7c2c;}
.bdg-gray{ background:#898989;}
@media only screen and (min-width:768px){
	[class^="bdg-"],
	[class*="bdg-"]{ display:inline-block; overflow:hidden; min-width:32px; height:32px; line-height:32px; padding:0 10px; margin:0; vertical-align:middle; text-align:center; color:#fff; border-radius:16px; font-size:16px;}
}

/* layout */
body.ovf_hdn, .ovf_hdn{overflow:hidden}
body#setup{ background:#f7f7f7 url(../images/bg.jpg) 100% -0px no-repeat; background-size:100%;}
#wrap{ position:relative; overflow:hidden;}
#wrap.mainwrap{ position:relative;  overflow:hidden; z-index:1; background:#fff url(../images/bg_header.gif) 50% 0 no-repeat; background-size:100% auto; height:100%;}
header{ position:relative; height:auto; width:100%; z-index:2;}
#container{ position:relative; z-index:1; clear:both; margin:0; }
.cover{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter:alpha(opacity=70); opacity:.8; z-index:602; }
#back-top{ position:fixed; bottom:30px; right:15px; z-index:99; width:46px; height:46px;  border:#ff7e2e 1px solid; background:#fff url(../images/blt_arr_t_o.png) 50% 9px no-repeat; background-size:10px 6px; border-radius:23px; color:#ff7c2c; font-size:12px; padding:13px 0 0 0;}

header .head-top{ position:relative; z-index:3;}
header .head-top h1.logo{ text-align:center; font-size:30px;  padding:30px 0 20px; font-weight:bold; height:auto; color:#fff;}

/* set up */
.setup-tx01 .bg-logo{ position:relative; margin:15px 0 0 0; display:block; width:100%; height:43px; background:url(../images/logo.gif) 50% 50% no-repeat; background-size:47px 43px; z-index:9;}
.setup-tx01 ul.setup-tx0101{ padding:10px 15px 10px;}
.setup-tx01 ul.setup-tx0101 li{ position:relative; padding:5px 10px 5px 52px; min-height:45px; color:#000; border:#fff 1px solid; background:url(../images/bg_rec.png); border-radius:3px; vertical-align:middle;}
.setup-tx01 ul.setup-tx0101 li+li{ margin-top:4px;}
.setup-tx01 ul.setup-tx0101 li .num{ position:absolute; top:50%; width:37px; height:37px; left:0; margin-top:-18px; border-radius:50%; display:block; color:#7c6156; font-size:25px; text-align:center; line-height:37px; height:37px; background:url(../images/blt_line.png) 100% 0 repeat-y;}
.setup-tx01 .btn-box{ margin-top:0px;}
.setup-tx01 .btn-box .btn{ font-size:13px; height:40px; line-height:40px; border-radius:20px; padding-right:23px; padding-left:23px;}
.setup-tx01 .setup-tx0102{ padding:15px 0 10px 0; text-align:center; font-size:14px; color:#00a88e;}
.setup-tx01 .setup-tx0102 span{ font-size:12px;}
.setup-tx01 .setup-down{ position:relative; background:#fff; border-top:#ebebeb 1px solid; z-index:2;}
.setup-tx01 .setup-down li{ position:relative; padding:15px 0 15px 75px; font-size:18px; font-weight:bold; color:#000; border-bottom:#ebebeb 1px solid;}
.setup-tx01 .setup-down li span{ position:absolute; top:50%; left:15px; margin-top:-20px; display:block; background:url(../images/logo2.gif) 50% 50% no-repeat; background-size:40px 40px; width:40px; height:40px; border:#00a88e 1px solid; border-radius:5px;}
.setup-tx01 .setup-down li:nth-child(2) span{ border:#f7911e 1px solid;}
.setup-tx01 .setup-down li:nth-child(3) span{ border:#785c50 1px solid;}
.setup-tx01 .setup-down li:nth-child(4) span{ border:#13756f 1px solid;}
.setup-tx01 .setup-down li .icon_promytalk{ border:none; background:url(../images/icon_promytalk.png) 50% 50% no-repeat; background-size:40px 40px; width:40px; height:40px; border:#00a88e 1px solid; border-radius:5px;}
.setup-tx01 .setup-down li .icon_mobileeclaim{ border:none; background:url(../images/icon_mobileeclaim.png) 50% 50% no-repeat; background-size:40px 40px; width:40px; height:40px; border:#00a88e 1px solid; border-radius:5px;}
.setup-tx01 .setup-down li .icon_totalpush{ border:none; background:url(../images/icon_mobilepush.png) 50% 50% no-repeat; background-size:40px 40px; width:40px; height:40px; border:#00a88e 1px solid; border-radius:5px;}
.setup-tx01 .setup-down li .btn{ position:absolute; top:50%; right:15px; margin-top:-10px; border:#00a88e 1px solid; border-radius:3px; height:23px; line-height:23px; padding:0 10px; color:#00a88e;}

/* error */
body#error{ position:relative; background:url(../images/bg_error.gif) 50% 0 no-repeat; background-size:cover; height:100%;} 
.error-wr{ position:absolute;  width:190px; top:50%; left:50%; margin:-85px 0 0 -95px; text-align:center; font-size:13px;}
.error-wr .logo{ width:143px; margin:0 auto 20px;}
.error-wr .btn-box{ margin-top:30px;}
.error-wr .btn-box img{ width:74px; margin:0 auto;}

/* info popup */
.layerPop{ position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%;  z-index:99;}
.layerPop .bg{ position:absolute; top:0; left:0; bottom:0; right:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50);}
.m-info{ position:absolute; top:0; left:0; padding:10px; width:100%; z-index:999;}
.m-info .pop-content{ background:#fff; border-radius:5px; background:#f8f8f8; padding:15px 15px 20px 15px; }
.m-info .pop-tit{ font-size:13px; color:#333; margin:0 0 20px 0; font-weight:bold;}
.m-info .pop-tit strong{ color:#00a88e; }
.m-info .pop-tit2{ background:#00a88e; border-radius:3px; color:#fff; font-size:12px; display:inline-block; padding:2px 10px; margin:0 0 5px 0; }
.m-info .bt-close{ position:absolute; top:10px; right:10px; width:36px; height:36px; background:url(../images/blt_x.png) 50% 50% no-repeat; background-size:16px 16px;}
.m-info .info-tx{ position:relative; background:#f9ebe3; border:#fcba92 1px solid; padding:12px; border-radius:5px;}
.m-info .info-tx:after{ content:""; display:block; width:10px; height:9px; bottom:-9px; left:50%; margin:0 0 0 -5px; position:absolute; background:url(../images/blt_arrr.gif) 50% 0 no-repeat; background-size:10px 9px; }
.m-info .info-lst{ background:#fff; margin:20px 0 0 0; border-top:#dbdbdb 1px solid;}
.m-info .info-lst li{ border-bottom:#dbdbdb 1px solid; padding:10px 9px;}
.m-info .btn{ padding:0 20px; border-radius:3px;}


/* placeholder */
.placeholder{ position:relative; display:inline-block; *display:inline; width:100%; z-index:1; vertical-align:middle;}
.placeholder input.pushInp{ position:relative; z-index:1;}
.placeholder .placeholderTx{ position:absolute; white-space:nowrap; left:4px; top:50%; font-size:1.1em; margin-top:-9px; z-index:2; cursor:text; line-height:20px; color:#a9a9a9; }
.placeholder input.focus{ z-index:3;}
@media only screen and (min-width:768px){
	.placeholder .placeholderTx{ left:10px; top:50%; font-size:1.6em; }
}
/* //placeholder */

/* main */
#header{ position:relative; padding:20px 12px;}
#header h1.logo{ background:url(../images/main_logo.png) 50% 50% no-repeat; background-size:129px 44px; width:129px; height:44px;  text-indent:-9999px;}
#header .header-top .bt-lnb{ position:absolute; top:10px; right:12px; border:none; background:url(../images/main_mn.png) 50% 0 no-repeat; background-size:22px 15px; width:38px; letter-spacing:-0.1em; text-align:center; padding:16px 0 0 0; color:#73593f; font-size:0.6em;}
#header .header-top .user-tx{ position:absolute; top:40px; right:12px; display:inline-block; padding:0 5px 0 20px; background:#73593f url(../images/icon_people.png) 0 50% no-repeat; background-size:16px 16px; line-height:16px; border-radius:8px; color:#fff; font-size:0.9em;}
#header .header-bot{ position:relative; margin-top:12px; padding:0 0 0 110px; }
#header .header-bot .date-sct{ position:absolute; top:0; left:0;}
#header .header-bot .date-sct span{ background:url(../images/blt_d1.png) 50% 50% no-repeat; background-size:32px 28px; display:inline-block; width:32px; height:28px; line-height:28px; text-align:center; color:#fff; font-size:1.5em; font-weight:bold;}
#header .header-bot .date-sct span.week{ background:url(../images/blt_d2.png) 50% 50% no-repeat; background-size:32px 28px; }
#header .header-bot .mail-tx{ height:28px; line-height:28px; border-top:#747c7c 1px solid; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow:ellipsis; border-bottom:#747c7c 1px solid; text-align:center; color:#73593f; font-size:0.9em;}

@media (min-width:360px) and (max-width:500px) { 
	#header{ padding:30px 12px 20px;}	
	#header .header-top .bt-lnb{ top:20px;}
	#header .header-top .user-tx{ top:55px;}
	#header .header-bot{ margin-top:24px; }
}

@media only screen and (min-width:768px){
	#mainwrap{ background:#eee; background-size:coner;}
	#header{ position:relative; padding:34px 24px;}
	#header h1.logo{ background:url(../images/main_logo.png) 50% 50% no-repeat; width:258px; height:88px; text-indent:-9999px;}
	#header .header-top .bt-lnb{ position:absolute; top:24px; right:24px; border:none; background:url(../images/main_mn.png) 50% 0 no-repeat; width:54px; text-align:center; padding:32px 0 0 0; color:#73593f; font-size:14px;}
	#header .header-top .user-tx{ position:absolute; top:82px; right:24px; display:inline-block; padding:0 15px 0 34px; background:#73593f url(../images/icon_people.png) 0 50% no-repeat;  line-height:32px; border-radius:17px; color:#fff;}
	#header .header-bot{ position:relative; margin-top:24px; padding:0 0 0 210px; }
	#header .header-bot .date-sct{ position:absolute; top:0; left:0;}
	#header .header-bot .date-sct span{ background:url(../images/blt_d1.png) 50% 50% no-repeat; display:inline-block; width:65px; height:57px; line-height:57px; text-align:center; color:#fff; font-size:3em; font-weight:bold;}
	#header .header-bot .date-sct span.week{ background:url(../images/blt_d2.png) 50% 50% no-repeat;}
	#header .header-bot .mail-tx{ height:55px; line-height:55px; border-top:#747c7c 1px solid;border-bottom:#747c7c 1px solid; text-align:center; color:#73593f; font-size:1.2em;}
}

.search-bx{ background:#00a88e; padding:10px 12px;}
.search-bx .search-wr2{ position:relative;  padding:0 36px 0 75px;}
.search-bx .search-wr2 .left{ position:absolute;top:0; left:0;}
.search-bx .search-wr2 .left select{ width:70px;}
.search-bx .search-wr2 .form-control{ width:100%;}
.search-bx .search-wr2 .input-group-btn{ position:absolute; top:50%; right:0; margin-top:-19px; z-index:9;}
.search-bx .search-wr2 .input-group-btn button{ background:#ff7c2c url(../images/icon_zoom.png) 50% 50% no-repeat; background-size:24px 24px; width:40px; height:38px; border-radius:5px; border:#c96222 1px solid; }
@media only screen and (min-width:768px){
	.search-bx{ background:#00a88e; padding:20px 24px;}
	.search-bx .search-wr2{ position:relative;  padding:0 66px 0 130px;}
	.search-bx .search-wr2 .left{ position:absolute;top:0; left:0;}
	.search-bx .search-wr2 .form-control{ width:100%;}
	.search-bx .search-wr2 .input-group-btn{ position:absolute; top:50%; right:0; margin-top:-34px; z-index:9;}
	.search-bx .search-wr2 .input-group-btn button{ background:#ff7c2c url(../images/icon_zoom.png) 50% 50% no-repeat; width:72px; height:68px; border-radius:5px; }
}

.main-sec1{ position:relative; padding:8px 12px 8px 70px;}
.main-sec1 .tabUl{ position:absolute; top:8px; left:12px;}
.main-sec1 .tabUl li em,
.main-sec1 .tabUl li a{ position:relative; height:79px; width:42px; text-align:center; padding:48px 0 0 0; font-size:0.7em; font-weight:bold;}
.main-sec1 .tabUl li.m1 em{ display:block; background:url(../images/main_icon0101.png) 50% 8px no-repeat; background-size:40px 40px; color:#73593f;}
.main-sec1 .tabUl li.m2 a{ display:block; padding:58px 0 0 0; background:url(../images/main_icon0102.png) 50% 25px no-repeat; background-size:40px 40px; color:#73593f; border-top:#beaea6 1px solid; }
.main-sec1 .tabUl li [class^="bdg-"],
.main-sec1 .tabUl li [class*="bdg-"]{ position:absolute; top:12px; right:-5px;}
.main-sec1 .mail-list{ padding:0 20px 0 15px; border-left:#beae9f 1px solid;}
.main-sec1 .mail-list .item{ position:relative; padding:6px 0;}
.main-sec1 .mail-list .item:after{ content:""; position:absolute; top:50%; right:-20px; margin-top:-6px; background:url(../images/blt_mail_arr.png) 50% 50% no-repeat; background-size:6px 12px; width:6px; height:12px;}
.main-sec1 .mail-list .item .new{ width:10px; display:inline-block; }
.main-sec1 .mail-list .item+.item{ border-top:#beae9f 1px solid;}
.main-sec1 .mail-list .item .mark1:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.main-sec1 .mail-list .item .name{ font-size:1.2em; color:#000; font-weight:bold;}
.main-sec1 .mail-list .item .date{ float:right; color:#000;}
.main-sec1 .mail-list .item a.mark2{ font-size:0.9em;}
.main-sec1 .mail-list .item a.mark2{ display:block; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow:ellipsis;}
.no-txt{ line-height:149px; text-align:center;}
@media (min-width:360px) and (max-width:500px) { 
	.main-sec1{ padding:20px 12px 20px 70px;}
	.main-sec1 .tabUl{ position:absolute; top:26px;}
	.main-sec1 .tabUl li.m2 a{ padding:63px 0 0 0; background:url(../images/main_icon0102.png) 50% 30px no-repeat; background-size:40px 40px; }
	.main-sec1 .mail-list .item{ padding:8px 0;}
	.no-txt{ line-height:162px; text-align:center;}
}
@media only screen and (min-width:768px){
	.main-sec1{ position:relative; padding:15px 24px 15px 140px; height:280px;}
	.main-sec1 .tabUl{ position:absolute; top:16px; left:24px;}
	.main-sec1 .tabUl li a,
	.main-sec1 .tabUl li em{ position:relative; height:120px; width:84px; text-align:center; padding:80px 0 0 0; font-size:1.4em; font-weight:bold;}
	.main-sec1 .tabUl li.m1 em{ display:block; background:url(../images/main_icon0101.png) 50% 8px no-repeat; background-size:75px 75px; color:#73593f;}
	.main-sec1 .tabUl li.m2 a{ display:block; padding:100px 0 0 0; background:url(../images/main_icon0102.png) 50% 40px no-repeat; background-size:75px 75px; color:#73593f; border-top:#beaea6 1px solid;}
	.main-sec1 .tabUl li [class^="bdg-"],
	.main-sec1 .tabUl li [class*="bdg-"]{ position:absolute; top:12px; right:-5px;}
	.main-sec1 .mail-list{ padding:0 40px 0 30px; border-left:#beae9f 1px solid; min-height:242px;}
	.main-sec1 .mail-list .item{ position:relative; padding:12px 0; font-size:1.5em;}
	.main-sec1 .mail-list .item:after{ content:""; position:absolute; top:50%; right:-30px; margin-top:-12px; background:url(../images/blt_mail_arr.png) 50% 50% no-repeat; background-size:12px 24px; width:12px; height:24px;}
	.main-sec1 .mail-list .item .new{ width:20px; display:inline-block; vertical-align:middle;}
	.main-sec1 .mail-list .item+.item{ border-top:#beae9f 1px solid;}
	.main-sec1 .mail-list .item .mark1:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
	.main-sec1 .mail-list .item .name{ font-size:1.2em; color:#000; font-weight:bold;}
	.main-sec1 .mail-list .item .date{ float:right; color:#000;}
	.main-sec1 .mail-list .item a.mark2{ display:block; overflow: hidden; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow:ellipsis;}
	.no-txt{ line-height:242px; text-align:center;}
}

.main-sec2{ background:#faf2ec; border-bottom:#beae9f 1px solid; clear:both; }
.main-sec2:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
.main-sec2 button{ position:relative;  width:25%; border:none; display:block; float:left; text-align:center; height:109px; border-top:#beae9f 1px solid; border-left:#beae9f 1px solid; padding:60px 0 0 0;}
.main-sec2 button [class^="bdg-"],
.main-sec2 button [class*="bdg-"]{ position:absolute; top:26px; right:50%; margin-right:-20px;} 
.main-sec2 button .txt{ background:#73593f; display:inline-block; color:#fff; font-size:0.8em; padding:2px 8px; font-weight:bold; border-radius:9px;}
.main-sec2 button.bt1{ background:url(../images/main_icon0201.png) 50% 30px no-repeat; background-size:35px 35px; border-left:none;}
.main-sec2 button.bt2{ background:url(../images/main_icon0202.png) 50% 30px no-repeat; background-size:35px 35px;}
.main-sec2 button.bt3{ background:url(../images/main_icon0203.png) 50% 30px no-repeat; background-size:35px 35px;}
.main-sec2 button.bt4{ background:url(../images/main_icon0204.png) 50% 30px no-repeat; background-size:35px 35px;}
.main-sec2 button.bt5{ background:url(../images/main_icon0205.png) 50% 30px no-repeat; background-size:35px 35px; border-left:none;}
.main-sec2 button.bt6{ background:url(../images/main_icon0206.png) 50% 30px no-repeat; background-size:35px 35px;}
.main-sec2 button.bt7{ background:url(../images/main_icon0207.png) 50% 30px no-repeat; background-size:35px 35px;}
.main-sec2 button.bt8{ background:url(../images/main_icon0208.png) 50% 30px no-repeat; background-size:35px 35px;}
@media only screen and (min-width:768px){
	.main-sec2{ background:#faf2ec; border-bottom:#beae9f 1px solid; }
	.main-sec2:after{content:'';display:block;clear:both;height:0px;visibility:hidden;}
	.main-sec2 button{ position:relative;  width:25%; border:none; display:block; float:left; text-align:center; height:192px; border-top:#beae9f 1px solid; border-left:#beae9f 1px solid; padding:60px 0 0 0;}
	.main-sec2 button [class^="bdg-"],
	.main-sec2 button [class*="bdg-"]{ position:absolute; top:26px; right:50%; margin-right:-40px;} 
	.main-sec2 button .txt{ background:#73593f; display:inline-block; color:#fff; font-size:1.1em; padding:4px 16px; font-weight:bold; border-radius:20px;}
	.main-sec2 button.bt1{ background:url(../images/main_icon0201.png) 50% 30px no-repeat; border-left:none;}
	.main-sec2 button.bt2{ background:url(../images/main_icon0202.png) 50% 30px no-repeat; }
	.main-sec2 button.bt3{ background:url(../images/main_icon0203.png) 50% 30px no-repeat; }
	.main-sec2 button.bt4{ background:url(../images/main_icon0204.png) 50% 30px no-repeat; }
	.main-sec2 button.bt5{ background:url(../images/main_icon0205.png) 50% 30px no-repeat; border-left:none;}
	.main-sec2 button.bt6{ background:url(../images/main_icon0206.png) 50% 30px no-repeat; }
	.main-sec2 button.bt7{ background:url(../images/main_icon0207.png) 50% 30px no-repeat; }
	.main-sec2 button.bt8{ background:url(../images/main_icon0208.png) 50% 30px no-repeat; }
}