@charset "utf-8";

@import url(base.css);
@import url(layout.css);
@import url(board.css);

/*Login*/
.login{ background:#eff0f0;}
.loginWrap{margin:0 auto; width:977px; height:402px; margin-top:100px; border:1px solid #c3c3c3; background:#fff;
position:absolute;
 top: 50%;
 left: 50%;
 margin-top: -230px; 
 margin-left: -490px;
}
.login #footer2{position:fixed; bottom:0; left:0; height:100px;}
.loginWrap .loginL{float:right; width:390px; padding:45px; padding-left:0; box-sizing:border-box; }
.loginWrap .loginL > p span{display:block; font-size:15px; color:#999; margin-top:10px;}
.loginWrap .loginL dl{margin-top:60px; position:relative;  }
.loginWrap .loginL dt{height:40px; line-height:40px; margin-bottom:20px; vertical-align:middle; color:#333; font-size:40px; font-weight:bold;}
.loginWrap .loginL dd{position:relative;}
.loginWrap .loginL dd.id{ margin-bottom:5px}
.loginWrap .loginL dd.pw{}
.loginWrap .loginL dd.id img, .loginWrap .loginL dd.pw img{position:absolute; left:10px; top:15px;}

.loginWrap .loginL dd.id input, .loginWrap .loginL dd.pw input{height:50px; width:215px; padding-left:40px; border:1px solid #d1d1d1; background:#f3f3f3; font-size:17px;}
.loginWrap .loginL dd.btn{position:absolute; top:60px; right:5px; }
.loginWrap .loginL dd.btn > a{display:inline-block; width:120px; height:105px; line-height:105px;border-radius:3px; background:#207ace; font-size:20px; font-weight:bold; color:#fff; text-align:center;}
.loginWrap .loginL dd:last-child{ margin-top:5px;}
.loginWrap .loginL dd:last-child > a{color:#888;}


.loginWrap > p{float:left;  width:536px;}





/*left메뉴*/
.lmenuArea .lmenu *{box-sizing:border-box; }
.lmenuArea .lmenu{margin:0 px; border-bottom:1px solid #ddd; background:#f9f9f9;}
.lmenuArea .lmenu1{height:37px; line-height:37px; padding-left:15px; vertical-align:middle;}
.lmenuArea .lmenu2{padding:12px; background:#fff;box-sizing:border-box;}
.lmenuArea .lmenu1 > a.on, .lmenuArea .lmenu1 a:hover{background:url(/images/left/bl1_on.png) 152px 50% no-repeat; color:#146cbe; }
.lmenuArea .lmenu1 a, .lmenuArea .lmenu2 li a{display:inline-block; width:100%;}
.lmenuArea .lmenu1 a{color:#333; font-size:14px; font-weight:bold; background:url(/images/left/bl1.png) 152px 50% no-repeat;}
.lmenuArea .lmenu2 li a{color:#555; font-size:12px; height:24px; line-height:24px; vertical-align:middle; padding-left:15px;}
.lmenuArea .lmenu2 .on a, .lmenuArea .lmenu2 li a:hover{color:#146cbe; background:url(/images/left/bl2.png) 0 50% no-repeat; text-decoration:underline;}

.lmenuArea .bm *{box-sizing:border-box;}
.lmenuArea .bm{width:180px; border:1px solid #ccc; background:#fff; margin-left:9px; margin-top:10px; }
.lmenuArea .bm dt{position:relative; height:35px; line-height:35px; border-bottom:1px solid #ccc; background:linear-gradient(#fff, #f2f2f2); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#f2f2f2);/* ie9 이하 버전 */ }
.lmenuArea .bm dt strong{background:url(/images/left/ico_f.png) 10px 50% no-repeat; padding-left:30px; font-size:13px; color:#444;}
.lmenuArea .bm dt span{ position:absolute; right:5px; top:7px;}
.lmenuArea .bm dt span > a{display:inline-block;width:21px; height:20px;}
.lmenuArea .bm dt span > a.p{background:url(/images/left/ico_p.png) 50% 50% no-repeat;}
.lmenuArea .bm dt span > a.m{background:url(/images/left/ico_m.png) 50% 50% no-repeat;}
.lmenuArea .bm dd{border-bottom:1px solid #ddd;}
.lmenuArea .bm dd:last-child{border:none;}

.lmenuArea .bm dd > a{display:block; color:#666; height:30px; line-height:30px; width:100%; background:url(/images/left/bl3.png) 15px 50% no-repeat;  padding-left:25px;}
.lmenuArea .bm dd > a:hover{background:#f9f9f9 url(/images/left/bl3.png) 15px 50% no-repeat;}



.pageWrap{clear:both; width:100%;}
.pageWrap:after{content:""; display:block; clear:both;} 
.pageR{float:right;}


.inputCalendar{display:inline-block;  vertical-align:middle; box-sizing:border-box;}
.inputCalendar strong{color:#444; margin-right:5px;}
.inputCalendar input{display:inline-block; width:120px; padding-right:22px; box-sizing:border-box;}
.inputCalendar select{display:inline-block; width:120px;}
.inputCalendar > a{display:inline-block; width:22px; height:22px; margin-left:-22px; background:url(/images/contents/ico_calendar.png) 50% 50% no-repeat; vertical-align:middle; }



/*견적서 
.estimate{position:relative; display:block; border:1px solid #ddd; width:1272px; height:1800px; padding:10px;box-sizing:border-box;}
.estimate *{box-sizing:border-box; color:#000; font-family:'맑은 고딕', 'Malgun Gothic', dotum,"돋움"; letter-spacing:0px; font-size:22px;}
.estimate > p{width:100%; text-align:center; height:160px; line-height:160px; font-size:60px; color:#000; letter-spacing:60px;}
.estimate .txtRed{color:#F00; font-weight:bold; margin-bottom:20px; display:block; padding-top:6px;}
.estimate .lArea{float:left; width:50%; padding-right:10px;}
.estimate .lArea > ul{display:block; height:258px;}
.estimate .lArea > ul li{border-bottom:6px double #222; padding:0 20px; height:80px; line-height:80px; vertical-align:middle;}
.estimate .lArea > ul li:nth-child(2){text-align:right;}
.estimate .lArea > ul li:last-child{border:none; font-size:30px; color:#000; padding-top:28px; font-weight:bold;}

.estimate .rArea{float:right; width:50%; padding-left:10px;}
.estimate table{border:4px solid #000; width:100%; margin-bottom:14px;}
.estimate table th{ background:#eaf5ff;}
.estimate table th, .estimate table td{border:2px solid #555; height:40px; color:#222; letter-spacing:0px; line-height:40px;}
.estimate table td{padding-left:6px;}
.estimate table .center{padding-left:0px;}
.estimate .right{padding-right:6px;}
.estimate table .h2row{height:80px; line-height:40px; vertical-align:top;}
.estimate .bold{ font-weight:bold;}
.estimate .line{border-bottom:4px solid #000;}
.estimate .lineD{border-bottom:3px dotted #000 !important;}
.estimate .lineNo{border-bottom:2px solid rgba(255,255,255,0);}
.estimate .ls3{ letter-spacing:60px;}

.estimate table th span, .estimate table td span{display:inline-block;}
.span4px span{width:8px;}
.span5px span{width:10px;}
.span7px span{width:14px;}
.span10px span{width:20px;}
.span11px span{width:22px;}
.span15px span{width:30px;}
.span20px span{width:40px;}
.span25px span{width:50px;}
.span30px span{width:60px;}
.span32px span{width:64px;}
.span35px span{width:70px;}
.span36px span{width:72px;}
.span40px span{width:80px;}
.span50px span{width:100px;}
.span60px span{width:120px;}
.span70px span{width:140px;}
.span80px span{width:160px;}
.span90px span{width:180px;}
.span100px span{width:200px;}


.estimate .info{clear:both; position:absolute; bottom:40px; display:block; width:100%; color:#000;}
.estimate .info li:last-child{text-align:center; padding-top:20px;}
.estimate .info li{ line-height:30px;}*/



/*견적서*/
.estimate{position:relative; display:block; border:1px solid #ddd; width:890px; height:1270px; padding:15px; padding-top:5px; box-sizing:border-box;}
.estimate *{box-sizing:border-box; color:#000; font-family:'맑은 고딕', 'Malgun Gothic', dotum,"돋움"; letter-spacing:0px; font-size:12px;}
.estimate > p{width:100%; text-align:center; height:60px; line-height:60px; font-size:34px; color:#000; letter-spacing:30px;}/* .estimate > p{width:100%; text-align:center; height:125px; line-height:125px; font-size:34px; color:#000; letter-spacing:30px;} */
.estimate .txtRed{color:#F00; font-weight:bold; display:block;}/* .estimate .txtRed{color:#F00; font-weight:bold; margin-bottom:24px; display:block;} */
.estimate .lArea{float:left; width:50%; padding-right:5px;}
.estimate .lArea > ul{display:block; height:201px; padding-top:15px; box-sizing:border-box; }/* .estimate .lArea > ul{display:block; height:209px; padding-top:15px; box-sizing:border-box; } */
.estimate .lArea > ul li{border-bottom:3px double #222; padding:0 10px; height:50px; line-height:50px;}
.estimate .lArea > ul li:nth-child(2){text-align:right;}
.estimate .lArea > ul li:last-child{border:none; font-size:15px; color:#000; padding-top:14px; font-weight:bold;}

.estimate .rArea{float:right; width:50%; padding-left:5px;}
.estimate table{border:3px solid #000; width:100%; margin-bottom:7px;}
.estimate table th{ background:#ebf1f8;}
.estimate table th, .estimate table td{border:2px solid #bbb; border-left:0; border-bottom:0;  height:26px; color:#222; letter-spacing:0px;}

.estimate .borderR{border-right:3px solid #000;}
.estimate table tr td:last-child{border-right:0;}
.estimate tr:last-child th, .estimate tr:last-child td{border-bottom:0;}
.estimate table tr:first-child th, .estimate table tr:first-child td{ border-top:0;}
.estimate table td{padding-left:3px;}
.estimate table td input{display:none_; color:#000; font-family:'맑은 고딕', 'Malgun Gothic', dotum,"돋움";}
.estimate table .center{padding-left:0px;}
.estimate .right{padding-right:3px;}
.estimate table .h2row{height:26px; line-height:26px; vertical-align:top;}
.estimate .bold{ font-weight:bold;}
.estimate .line{border-bottom:3px solid #000;}
.estimate .lineD{border-bottom:3px dotted #000 !important;}


.estimate .lineNo{border-bottom:1px solid rgba(255,255,255,0);}
.estimate .ls3{ letter-spacing:30px;}

.estimate .total th, .estimate .total td{height:50px; line-height:50px;}

.estimate table th span, .estimate table td span{display:inline-block;}
.span4px span{width:4px;}
.span5px span{width:5px;}
.span7px span{width:7px;}
.span10px span{width:10px;}
.span11px span{width:11px;}
.span15px span{width:15px;}
.span20px span{width:20px;}
.span25px span{width:25px;}
.span30px span{width:30px;}
.span32px span{width:32px;}
.span35px span{width:35px;}
.span36px span{width:36px;}
.span40px span{width:40px;}
.span50px span{width:50px;}
.span60px span{width:60px;}
.span70px span{width:70px;}
.span80px span{width:80px;}
.span90px span{width:90px;}
.span100px span{width:100px;}


.estimate .info{clear:both; position:absolute; bottom:5px; display:block; width:96%; box-sizing:border-box; }/* .estimate .info{clear:both; position:absolute; bottom:40px; display:block; width:96%; box-sizing:border-box; } */
.estimate .info li{color:#777 !important; }
.estimate .info li:last-child{text-align:center; padding-top:15px;}
.estimate .info li img{width:250px;}



/*전자명함*/
.bCardWrap *{color:#1968b3;}
.bCardWrap{ clear:both; position:relative; width:100%; text-align:right;}
.bCard{position:relative; display:inline-block; width:334px; margin-bottom:10px; height:191px; box-sizing:border-box; border:2px solid #eee;}/* .bCard{position:relative; display:inline-block; width:334px; margin-bottom:18px; height:191px; box-sizing:border-box; border:2px solid #eee;} */
.bCard .lArea{ position:absolute; top:15px; left:20px; display:inline-block; width:70px; }
.bCard .lArea span{display:inline-block; width:70px; height:35px;  background:url(/images/contents/bcard1.png) 50% 50% no-repeat; background-size:28px auto;}
.bCard .lArea i{display:block;width:70px; height:85px; line-height:85px; color:#aaa; text-align:center; vertical-align:middle; font-size:14px; background:#f8f8f8 url(/images/noimg.png) 50% 50% no-repeat; background-size:40px auto; }
.bCard .lArea i img{width:70px; height:85px;}
.bCard .rTop{position:absolute; right:10px; top:20px; text-align:right;}
.bCard .rTop p{display:inline-block; width:100px; height:65px; margin-bottom:5px; background:#f8f8f8 url(/images/contents/noimg.png) 50% 50% no-repeat; background-size:30px auto; }
.bCard .rTop span{font-size:13px;}
.bCard .rTop li:nth-child(2){}
.bCard .rTop li:nth-child(2) img{width:90px_;}
.bCard .rTop li i{font-size:13px;}
.bCard .rTop li, .bCard .rBottom li{font-size:13px; line-height:16px; line-height:16px; vertical-align:middle; color:#1968b3;}
.bCard .rTop li:nth-child(4){ margin-top:14px;}
.bCard .rTop li:nth-child(4) strong{font-size:20px; padding-left:5px;}
.bCard .rBottom{position:absolute; right:13px; bottom:15px; text-align:right;}
.bCard .rBottom li{font-size:13px;}
.bCard .rBottom li strong{margin-left:5px; margin-right:2px; font-size:13px;}
.bCard .rBottom li strong:first-child{margin-left:0;}



/* 설문 */
.survey{overflow-y:scroll; height:100%; padding-right: 10px;}
.survey .contTit{ position:relative; display:block; width:100%; border-bottom:3px double #ddd; margin-bottom:20px; padding-bottom:10px; }
.survey .contTit span{position:absolute; right:0; font-size:12px; font-weight:normal; color:#888;}
.survey .contTit2{height:30px; line-height:30px; margin-bottom:5px;}
.survey .contTit2 i{display:inline-block; height:25px; line-height:25px; vertical-align:middle; font-size:12px; color:#207ace; border:1px solid #207ace; border-radius:3px; padding:0 10px; margin-right:10px; }
.survey p{ vertical-align:middle; margin-bottom:20px; border:1px solid #ddd; padding:15px; background:#fbfbfb; box-sizing:border-box;}



/* 카다로그 */
.catalog{width:100%; box-sizing:border-box;}
.catalog:after{content:""; display:block; clear:both;} 
.catalog ul{float:left; width:100%; }
.catalog ul li{float:left; width:200px; padding-right:14px; margin-bottom:14px; box-sizing:border-box;}
.catalog ul li > div{position:relative; height:245px; border:1px solid #ddd;}
.catalog ul li p, .catalog ul li strong, .catalog ul li strong > span{display:inline-block; width:100%; text-align:center;}
.catalog ul li p{position:relative; height:190px; line-height:190px; vertical-align:middle; }
.catalog ul li p span{position:absolute; left:0;right:0;top:50%;transform:translateY(-50%); vertical-align:middle; text-align:center; }
.catalog ul li p span img{max-height: 150px; max-width:200px;}
.catalog ul li p input{position:absolute; left:2px; top:8px;}
.catalog ul li strong{position:absolute; bottom:0; left:0; margin-bottom:0px; padding:10px 0 0 0; color:#333; font-size:13px; }
.catalog ul li strong > i{display:inline-block; width:90%; margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.catalog ul li strong > span{float:left;  border-top:1px solid #ddd;background:#f9f9f9; }
.catalog ul li strong > span a{float:left; height:30px; line-height:30px; width:50%; font-weight:normal !important; color:#777 !important; box-sizing:border-box; font-size:11px;}
.catalog ul li strong > span a:first-child{border-right:1px solid #ddd; }

/* 판촉물 */
.promotion{width:100%; box-sizing:border-box;}
.promotion:after{content:""; display:block; clear:both;} 
.promotion ul{float:left; width:100%; }
.promotion ul li{float:left; width:200px; padding-right:14px; margin-bottom:14px; box-sizing:border-box;}
.promotion ul li > div{position:relative; height:245px; border:1px solid #ddd; cursor:pointer;}
.promotion ul li p, .promotion ul li strong, .promotion ul li strong > span{display:inline-block; width:100%; text-align:center;}
.promotion ul li p{position:relative; height:190px; line-height:190px; vertical-align:middle; }
.promotion ul li p span{position:absolute; left:0;right:0;top:50%;transform:translateY(-50%); vertical-align:middle; text-align:center; }
.promotion ul li p span img{max-height: 150px; max-width:185px;}
.promotion ul li p input{position:absolute; left:2px; top:8px;}
.promotion ul li strong{position:absolute; bottom:0; left:0; margin-bottom:0px; padding:10px 0 0 0; color:#333; font-size:13px; }
.promotion ul li strong > i{display:inline-block; width:90%; margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.promotion ul li strong > span{float:left;  border-top:1px solid #ddd;background:#f9f9f9; }
.promotion ul li strong > span i{float:left; height:15px; line-height:15px; width:100%; font-weight:normal !important; color:#777 !important; box-sizing:border-box; font-size:11px;}

/* 판촉물 Dialog 설정 */
.ui-dialog-titlebar{height:20px; font-size:15px; text-align:center; }


/* 문자발송팝업 */
.popupSms{width:840px; height:610px; padding:10px;}
.popTab{float:left; width:100%; height:42px; border-bottom:2px solid #207ace; margin-bottom:10px;}
.popTab li{float:left; width:160px; height:41px; line-height:41px; text-align:center; font-weight:bold; box-sizing:border-box; }
.popTab li a{display:block; color:#69727c; background:#eef1f3; font-size:14px; padding-right:3px;  border:1px solid #ccd0d2; border-bottom:2px solid #207ace; box-sizing:border-box;}
.popTab li.on a{color:#207ace; background:#fff url(/images/contents/tab_bl.png) 95% 50% no-repeat; border:2px solid #207ace; border-bottom:2px solid #fff !important; }

.popupSms > div{padding:0; height:auto; overflow:hidden;}
.popupSms .smsWrap{float:left; margin-top:10px; height:540px; }
.popupSms .smsWrap .wrap1{}
.popupSms .smsWrap .wrap2{}

.popupSms .smsL{position:relative; float:left;  width:300px; height:100%; padding-top:66px; padding-left:20px; background:url(/images/contents/sms5.png) 0 0 no-repeat; box-sizing:border-box; }
.popupSms .smsL .txtcontG{position:relative; display:block; width:243px; border:1px solid #dfdfdf; border-bottom:none; box-sizing:border-box;}
.popupSms .smsL1 .txtcontG{height:160px;}
.popupSms .smsL2 .txtcontG{height:256px;}
.popupSms .smsL .txtcontG textarea{width:100% !important; border-bottom:none; padding:20px; border:none;  box-sizing:border-box;}

.popupSms .smsL .imgcont{display:block; position:relative; width:100%; height:50%; text-align:center; border-bottom:1px solid #f9f9f9; box-sizing:border-box; }
.popupSms .smsL .imgcont > i{height:100%; position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);}

.popupSms .smsL .imgcont > i img{max-height:100%; vertical-align:middle; text-align:center;}
.popupSms .smsL1 .txtcont1{height:100% !important;}
.popupSms .smsL1 .txtcont2{position:absolute; top:50%; height:50%;}
.popupSms .smsL2 .txtTit{width:243px !important; height:35px; line-height:35px; font-size:13px; color:#444; font-weight:bold; border:1px solid #dfdfdf; border-bottom:none;padding-left:10px; box-sizing:border-box;}
.popupSms .smsL2 .txtcont1{height:100%;}
.popupSms .smsL2 .txtcont2{position:absolute; top:50%; height:50%;}

.popupSms .smsL ul{position:absolute; bottom:71px; width:243px; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; box-sizing:border-box;}
.popupSms .smsL li{float:left; width:100%; box-sizing:border-box; }
.popupSms .smsL .btnOpt1{height:32px; line-height:32px;  color:#777; letter-spacing:-1px; padding:0 5px; border-top:1px solid #d2d2d2; box-sizing:border-box;}
.popupSms .smsL .btnOpt1 span{font-size:11px;}
.popupSms .smsL .btnOpt1 span.on{color:#444; font-weight:bold;}
.popupSms .smsL .btnOpt1 strong{position:absolute; right:5px; font-weight:normal;}
.popupSms .smsL1 .btnOpt2{border-bottom:1px solid #fff;}
.popupSms .smsL2 .btnOpt2{border-bottom:none;}
.popupSms .smsL .btnOpt2 a{float:left; height:35px; line-height:35px; background:linear-gradient(#7a8793, #64707d); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7a8793, endColorstr=#64707d);/* ie9 이하 버전 */ border-top:1px solid #5f6a74; text-align:center; font-size:11px; font-weight:bold; color:#fff; box-sizing:border-box;}
.popupSms .smsL1 .btnOpt2 a{float:left; width:33.3%; }
.popupSms .smsL1 .btnOpt2 a:nth-child(1){background:linear-gradient(#697c8e, #526578); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#697c8e, endColorstr=#526578);/* ie9 이하 버전 */}
.popupSms .smsL1 .btnOpt2 a:nth-child(2){width:33.4%; border-left:1px solid #88929d; border-right:1px solid #88929d;}
.popupSms .smsL2 .btnOpt2 a{width:100%;}

.popupSms .smsL .perInfo{position:relative; height:30px; line-height:30px; padding-left:5px; vertical-align:middle; background:#f4f4f4; font-weight:bold; color:#207ace}
.popupSms .smsL .perInfo a{position:absolute; right:5px; top:4px;}
.popupSms .smsL .perInfo span{font-weight:normal; color:#777; margin-left:10px;}
.popupSms .smsL .perList{height:70px; padding:0 5px; overflow-y:scroll; border-top:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7; }
.popupSms .smsL .perList strong{position:relative; display:block; width:100%; height:25px; line-height:25px; border-bottom:1px solid #b9cada;font-weight:normal; font-size:11px; color:#444;}
.popupSms .smsL .perList strong span{display:inline-block; width:80px; padding-left:5px;}
.popupSms .smsL .perList strong a{position:absolute; width:20px; height:20px; background:url(/images/contents/ico_del.png) 50% 50% no-repeat; right:0; top:; }
.popupSms .smsL .btnOpt3{}
.popupSms .smsL .btnOpt3 a{float:left; height:45px; line-height:45px; background:linear-gradient(#3788d3, #1d6eb9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3788d3, endColorstr=#1d6eb9);/* ie9 이하 버전 */ color:#fff; font-size:14px; text-align:center; font-weight:bold;}
.popupSms .smsL .btnOpt3 a img{margin-right:3px;}
.popupSms .smsL1 .btnOpt3 a{ width:50%;}
.popupSms .smsL1 .btnOpt3 a:nth-child(2){ background:linear-gradient(#616971, #474f58); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#616971, endColorstr=#474f58);/* ie9 이하 버전 */}
.popupSms .smsL2 .btnOpt3 a{ width:100%;}

.smsBtn1{display:inline-block; width:50px; height:20px; line-height:20px; margin-left:3px; vertical-align:middle; text-align:center; color:#444; font-size:11px; font-weight:normal; border:1px solid #c0c0c0; background:#fff;}

.popOpt1{position:absolute; right:-280px; bottom:30px; width:300px; background:#fff; border:2px solid #555; z-index:999;}
.popOpt1 dt{height:40px; line-height:40px; border-bottom:1px solid #ccc; font-weight:bold; font-size:15px; color:#333; padding-left:10px; box-sizing:border-box;}
.popOpt1 dd{height:40px; line-height:40px; vertical-align:middle; text-align:center;}
.popOpt1 dd input[type=text]{width:100px; padding-right:22px;}
.popOpt1 dd select{width:50px;}
.popOpt1 dd a.ico_cld{display:inline-block; width:22px; height:22px; vertical-align:middle; background:url(/images/contents/ico_calendar.png) 50% 50% no-repeat; margin-left:-22px;}
.popOpt1 dd > .btn1{margin:0 2px;}

.popupSms .smsR{position:relative; float:right; margin-right:10px; width:530px; height:100%; padding-top:20px; box-sizing:border-box;}
.popupSms .smsR ul{float:left; width:100%;}
.popupSms .smsR ul li{float:left; width:170px; background:url(/images/contents/sms4.png) 96% 7px no-repeat; margin:0 10px 10px 0; border:1px solid #bbb; border-radius:3px; padding:0 3px; box-sizing:border-box; }
.popupSms .smsR ul li:nth-child(3n+3){margin-right:0;}
.popupSms .smsR ul li.on a{border:1px solid #207ace;}
.popupSms .smsR ul li span{height:20px; line-height:20px; vertical-align:middle; font-size:11px; font-weight:bold; }
.popupSms .smsR ul li span.opt1{color:#5398d8;}
.popupSms .smsR ul li span.opt2{color:#40b5b1;}
.popupSms .smsR ul li span.opt3{color:#d6b250;}
.popupSms .smsR ul li span input{margin:0;}
.popupSms .smsR ul li p, .popupSms .smsR ul li textarea{display:block; height:110px; background:#efefef; border:1px solid #dcdcdc; padding:10px; overflow-y:scroll; box-sizing:border-box; word-break:break-all;}
.popupSms .smsR ul li strong{display:block; width:100%; height:35px; line-height:35px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding:0 10px; color:#444; box-sizing:border-box; }

.smsPagenum{clear:both; position:relative; width:100%; height:24px; line-height:24px; }
.smsPagenum > strong{ position:absolute; right:0; top:0; border:none;}

.popupSms .smsR .tip{position:absolute; bottom:40px; width:100%; height:85px; border:1px solid #979b9e; padding:10px; box-sizing:border-box; }
.popupSms .smsR .tip dt{height:22px; line-height:22px; color:#e63f4f; font-size:14px; font-weight:bold;}
.popupSms .smsR .tip dd{height:20px; line-height:20px; color:#777; background:url(/images/main/bl_dot.png) 0 50% no-repeat; padding-left:5px; box-sizing:border-box;}


/*페이지 컨텐츠일때, 팝업아닐때*/
.popupSms2{position:relative; padding:0; width:100%; min-height:800px; box-sizing:border-box;}
.popupSms2 .smsR{position:absolute; right:0; top:0; padding-left:300px; width:100%; height:100%; padding-top:20px; padding-right:0; margin-right:0; box-sizing:border-box;}
.popupSms2 .smsR ul{max-height:100%; margin-bottom:20px; margin-top:10px;}
.popupSms2 .smsR ul li:nth-child(3n+3){margin-right:10px;}
.popupSms2 .smsR .tip{position:relative; bottom:0px; left:0; width:100%; height:85px; box-sizing:border-box; }
.popupSms2 .smsPagenum{ clear:both; position:relative; margin-bottom:20px;}





/*메일발송 팝업*/
.popupMail{width:860px;  padding:0;}
.mailWrap{float:left; width:100%; height:565px; padding:20px; padding-top:10px; box-sizing:border-box; overflow-y:auto; }
.mailWrap li{float:left; width:100%; line-height:20px; vertical-align:middle; padding:3px 0;}
.mailWrap li strong, .mailWrap li > div{float:left; text-align:left;}
.mailWrap li strong{width:10%; font-size:13px; color:#333;}
.mailWrap li > div{width:90%; }
.mailWrap li .sender{font-weight:bold; font-size:12px; color:#555;}

.mailWrap li p, .mailWrap li .txt{display:inline-block;  border:1px solid #c1c1c1; border-bottom:1px solid #e4e4e4; border-right:1px solid #e4e4e4; background:#fff; padding:0px; padding:0 3px; vertical-align:middle; box-sizing:border-box;}
.mailWrap li p{height:auto;}
.mailWrap li .adrs, .mailWrap li .file{overflow-y:auto; max-height:60px; box-sizing:border-box;}
.mailWrap li p.file{height:120px; max-height:120px;}
.mailWrap li .file, .mailWrap li .adrs, .mailWrap li input{width:94% !important; margin-right:3px;}
.mailWrap li .txt{width:100% !important; height:265px; margin-top:0px;}
.mailWrap li {width:100% !important; text-align:center;}
.mailWrap li a.btn1{margin-top:10px;}





.tab_content{width:100%; height:100%; box-sizing:border-box;
}

/* tab 관련  */
#tabsM {float:left; position:absolute; right: 0px; left:0;  bottom:31px; height: 32px;margin:0; padding:0px; list-style:none; overflow:hidden; background-color: #f7f7f7; box-sizing:border-box;}
#tabsM li {position:relative; float:left; display:block; height:31px; line-height:31px; background:#fff; background:linear-gradient(#fff 44%, #eee 93%, #eee 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */  vertical-align:middle; border:1px solid #bbb; border-top:1px solid #aaa; border-right:0; padding:0 9px;box-sizing:border-box; z-index:2; margin-top:-2px;}
#tabsM li:last-child{border-right:1px solid #bbb;}
#tabsM li a { color:#333; text-decoration:none; }
#tabsM li.current { background:#fff; background:linear-gradient(#fff 44%, #e6f1f7 93%, #e6f1f7 97%, #fff 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6f1f7',GradientType=0 ); /* IE6-9 */  border:1px solid #aaa; border-top:1px solid #fff;}

#tabsM li.current a { color:#333; text-decoration:none; font-weight:bold; outline: none; }
#tabsM li a.remove {display:inline-block; height:16px; width:16px; background:#fff url(/images/contents/ico_del.png) 50% 50% no-repeat; margin-left:10px; vertical-align:middle; border:1px solid #ddd; box-sizing:border-box;}
#tabsM strong{position:relative; display:block; width:100%; border-top:1px solid #aaa; z-index:1;}
#tabsM span{position:relative; display:block; width:100%; border-top:1px solid #e5e5e5; z-index:1;}

#content { background-color:transparent;}
#content > p { margin: 0; padding:5px 5px 5px 5px; height:100%;}




.txtGray9{color:#999;}


a .opt1{border:1px solid #52a0e8; color:#ff1493; padding:3px; border-radius:6px; font-weight: bold;}
a .opt2{border:1px solid #aaa; color:#000000; padding:3px; border-radius:6px; font-weight: bold;}