@charset "utf-8";

/* base */
html,body{width:100%;}
html{overflow-y:scroll}
body{font-family: "나눔바른고딕","NanumBarunGothic", 'dotum' ,Helvetica,sans-serif;line-height:1.5;font-size:12px;color:#666;background-color:#fff;*word-break:break-all;-ms-word-break:break-all}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button,input,select{margin:0;padding:0;vertical-align:top}
h1,h2,h3,h4{color:#333}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{border:0;font-size:12px;font-family: "나눔바른고딕","NanumBarunGothic", 'Dotum', sans-serif;display:inline-block; zoom:1; *display:inline;}
a{color:#666;text-decoration:none}
a:hover{color:#3399cc;text-decoration:none}
button *{position:relative}
hr{display:none}
legend{*width:0}
table{/* border-collapse:collapse;table-layout:fixed; */border-collapse:collapse;border-spacing:0}
caption,label{display:none}
span{margin:0;padding:0;/*display:inline-block;*/ zoom:1; *display:inline;}
input[type="text"],input[type="password"]{border:1px solid #ccc;height:27px;line-height:27px;background:#fff;padding:0;margin:0;text-indent: 5px;}
input[type="file"]{height:29px;}
select{border:none;display:block}
iframe{max-width:100%;max-height:100%}
textarea{font-family: "나눔바른고딕","NanumBarunGothic", 'Dotum', sans-serif}

/* skip navigation */
#u_skip{position:relative;z-index:2147483647}
#u_skip a{position:absolute;left:40%;top:-110px;width:138px;background:#333;border:1px solid #4ec53d;text-align:center;outline:none}
#u_skip a:active,
#u_skip a:focus{top:0;text-decoration:none;cursor:pointer;zoom:1}
#u_skip span{display:inline-block;padding:2px 6px 0 0;background:#333;font-size:11px;letter-spacing:-1px;color:#fff;line-height:26px}

/* Layout */
.wrap{clear:both;width:1200px;margin: auto;}
#header{position: absolute;top: 0;left: 0;width:100%;overflow: hidden;z-index:100}
#header div.section01{height:68px;width:100%;background-color:#fff;border-bottom:2px solid #185ead;}
#header div.section02{width:100%;padding-bottom:0;background:url('/img/sub_menu_bg.png') 0 100% repeat-x;display:block}
#header h1{float:left;width:209px;height:36px;background:url('/img/logo.png') no-repeat;margin-top:19px;text-indent:-9999px}
#header .gnb{float:left;margin:30px 0 0 50px;z-index:105;display:inline-block}
#header .gnb li{float:left;width:135px;height: 20px;line-height: 20px;text-align:center;font-size:15px;font-weight:bold}
#header .gnb li~li{border-left:1px solid #e3e3e3}
#header .gnb li a{line-height: 20px;color:#333;display:inline-block}
#header .gnb li.on a{color:#c33}
#header .member{float:right;margin:30px 0 0}
#header .member li{float:left;line-height: 20px}
#header .member li~li{margin-left:17px}
#header .member li a{font-weight:bold;color:#999;line-height: 20px;display:inline-block}
#header .subMenu{display:none;height: 190px;padding-left:258px;padding-bottom: 1px;}
#header .subMenu h2{display:none}
#header .subMenu div{float:left;width:135px;height:190px;text-align: center;border-right:1px solid #ececec}
#header .subMenu div:first-child{border-left:1px solid #ececec}
#header .subMenu div.on{background:#f8f8f8}
#header .subMenu ul{margin-top:16px;width:100%;display:inline-block}
#header .subMenu li{clear:both;height:30px;text-align: left;}
#header .subMenu li.on{background:#3F84EB}
#header .subMenu li a{padding-left:17px;line-height:30px;width:90%;background:url('../images/common/ico01.gif') no-repeat 10px 13px;display:inline-block}
#header .subMenu li a:hover{background:#ee3a30;color:#fff;background:url('../images/common/ico02.gif') no-repeat 10px 13px}
#footer{width:100%;padding:34px 0 67px;background:#2B3640;color:#b2b7bf}
.f_logo{float:left;width:359px;height:86px;background:url('/img/f_logo.png') no-repeat;text-indent:-9999px}
#footer .right{float:right;max-width:1000px}
#footer .wrap,.f_cont{display:inline-block}
#footer .wrap{display:table}
.f_cont ul{float:left;margin-top:4px;display:inline-block}
.f_cont li{float:left;height:15px;line-height:15px;padding:0 15px}
.f_cont li:first-child{padding-left:0}
.f_cont li~li{border-left:1px solid #6c737e}
.f_cont li a{line-height:15px;color:#fff;font-size:14px;font-weight:bold}
.f_site{float:right;margin-left:65px}
.f_site select{float:left;width:160px;border:1px solid #abadb3;height:20px;color:#666}
.f_site button{float:left;margin-left:4px;height:20px;line-height:20px;padding:0 5px;color:#ccc;background:#434343}
.copyRight{clear:both;width:100%;margin-top:18px;line-height: 1.7}
.copyRight a{color:#899fc3}
#lnb{float:left;width:238px;margin-left:1px}

/* table layout */
.dis_table{display:table !important;width:100%}
.dis_table .td{display:table-cell}
.dis_table .tr{display:table-row}

.con_table{display:table !important;width:100%}
.con_table .td{display:table-cell}
.con_table .tr{display:table-row}

/* main */
.main_banner{clear:both;margin-top:70px;height:360px;width:100%;/*padding-top:70px;*/background-color:#f1f1f1;z-index:10}
.main_banner .wrap{position:relative;height: 360px;z-index:20}
.main_banner ul{position:absolute;width:76px;right:15px;bottom: 17px;z-index:50}
.main_banner ul li{float:left;margin-right:4px;height:20px;width:20px;text-align:center;font-weight:bold;font-size:14px;cursor:pointer;background-color:rgba(0,0,0,0.25)}
.main_banner ul li~li{margin-left:0.2%}
.main_banner ul li.on{background:url('../images/main/bg03.png') repeat-x}
.main_banner ul li a{color:#fff;line-height:20px;display:inline-block;width:100%}
.main_banner img.bannerImg{width:100%}
.main_banner div.banner01,
.main_banner div.banner02,
.main_banner div.banner03,
.main_banner div.banner04,
.main_banner div.banner05{position:absolute;z-index:30}
.main_banner img.goLink{position:absolute;top:195px;left:60px}
.main_cont{display: inline-block;width: 100%;margin:27px 0;line-height: 1.2;}
.main_cont > div{padding-top:17px;}
.main_cont div.left{float:left;padding-left:193px;width:405px;height:140px;border-right:1px solid #e4e4e4;background:url('../images/main/img02.gif') no-repeat 45px 17px}
.main_cont div.right{float:right;width:416px;padding-left:145px;background:url('../images/main/img03.gif') no-repeat 0 17px}
.main_cont div p{font-size:15px}
.main_cont div p strong{font-size:18px;color:#333}
.main_cont div p span{font-size:12px}
.main_cont div p~p{margin-top:10px}
.main_cont h2{margin-bottom:15px;}

.main_cont .price_info li > span{display:block;}
.main_cont .price_info .icon{float:left;margin-right:5px;width:125px;height:87px;background:url('../images/main/price.png') no-repeat;}
.main_cont .price_info .sms{background-position:0 0}
.main_cont .price_info .lms{background-position:-125px 0}
.main_cont .price_info .mms{background-position:-250px 0}
.main_cont .price_info .title{margin-top:10px;font-size:25px;color:#29415b;font-weight:600}
.main_cont .price_info .sub_title{color:#636363;}
.main_cont .price_info .price{margin-top:8px;font-size:15px;color:#636363;}
.main_cont .bar{background:url('../images/main/price_bar.gif') no-repeat 305px 9px;}

.main_cont .sms_info{width:200px;}
.main_cont .sms_info > div{padding:20px 14px;height:45px;background-color:#f2f2f2}
.main_cont .sms_info .bullet{margin-right:4px;font-size:7px;}
.main_service{clear:both;width:100%;height:176px;background:#f9f9f9;display:inline-block}
.main_service .left{float:left;background:#eee;width:190px;text-align:center;}
.main_service .left h2{display: none;}
.main_service .left ul{clear:both;width:100%;margin:0;display:inline-block}
.main_service .left li{text-align:left;line-height:43px;border-top:1px solid #fff}
.main_service .left li a{width:150px;padding-left:20px;font-weight:bold;line-height:37px;display:inline-block;cursor:pointer}
.main_service .left li.on,
.main_service .left li:hover{background:#71a0b6}
.main_service .left li.on a,
.main_service .left li:hover a{color:#fff;background:url('../images/common/ico05.gif') no-repeat 100% 50%}

.main_service .right{float:left;max-width: 980px;}
.main_service h3{display:none}
.main_service ul{margin:30px 0 0 80px;display:inline-block}
.main_service .service01 li{float:left;position:relative;height:86px;background:url('../images/main/service01.png') no-repeat}
.main_service .service02 li{float:left;position:relative;height:86px;background:url('../images/main/service02.png') no-repeat}
.main_service .service03 li{float:left;position:relative;height:86px;background:url('../images/main/service03.png') no-repeat}
.main_service .service04 li{float:left;position:relative;height:86px;background:url('../images/main/service04.png') no-repeat}
.main_service li.list01{width:84px;background-position:0 0}
.main_service li.list02{width:100px;margin-left:56px;background-position:-170px 0}
.main_service li.list03{width:120px;margin-left:46px;background-position:-315px 0}
.main_service li.list04{width:120px;margin-left:46px;background-position:-475px 0}
.main_service li.list05{width:100px;margin-left:46px;background-position:-640px 0}
.main_service li.list06{width:110px;margin-left:50px;background-position:-790px 0}
.main_service .service01 li.list01{width:81px}
.main_service .service01 li.list02{margin-left:76px;width:94px}
.main_service .service01 li.list03{margin-left:70px;width:80px}
.main_service .service01 li.list04{margin-left:82px;width:79px}
.main_service .service02 li.list01{width:92px}
.main_service .service02 li.list02{margin-left:50px}
.main_service .service01 dl.pay_info{display:inline-block;margin-top:30px;margin-left:90px;padding:15px;width:180px;vertical-align:top;background-color:#e1e1e1}
.main_service .service01 dl.pay_info dt{margin-bottom:8px;font-size:18px;font-weight:bold;line-height:22px;color:#333}
.main_service .service01 dl.pay_info dd{font-size:13px;line-height:19px;}
.main_service .service01 dl.pay_info dd .bullet{display:inline-block;margin-right:3px;font-size:5px;vertical-align:top}
.main_service li p{position:absolute;top:84px;left:0;width:100%;text-align:center;font-weight:bold;color:#648390}
.main_service li p.list_title{position:relative;top:-15px;font-size:15px;}
.main_service a.go{clear:both;margin-top:30px;float:right;width:68px;height:12px;line-height:40px;color:#fff;font-weight:bold;text-align:center;display:inline-block;text-indent: -9999px;background:url('/img/btn01.png') no-repeat}
.main_service .service01 a.go{margin-top:22px;}
.main_customer{float:left;width:340px}
.main_notice,.main_faq{float:left;width:360px;margin-left:70px;}
.main_customer h2,.main_notice h2,.main_faq h2{width:100%;margin-bottom:15px;font-size: 16px;}
.main_customer .manual{position:relative;float:left;width:110px;height:100px;background:#f1f1f1 url('/img/img04.png') 50% 22px no-repeat}
.main_customer .manual a{display:inline-block;width:100%;height:100%}
.main_customer .manual span{position:absolute;width:100%;text-align:center;left:0;top:65px;color:#eb6c64;font-weight:bold}
.main_customer .center{float:left;height: 100px;width:225px;margin-left:5px;background:#f1f1f1;text-align:center}
.main_customer div p{clear:both;color:#4ba8c0;font-size:12px;}
.main_customer p.phone{display:inline-block;margin-top:23px;height:32px;line-height:32px;font-size:25px;padding-left:36px;background:url('../images/main/img05.png') no-repeat}
.main_cont .main_notice p{float:left;width:280px;font-size:12px;height: 24px;overflow: hidden}
.main_cont .main_notice p a,
.main_notice.st2 p a,
.main_cont .main_faq p a{display: inline-block;overflow: hidden;white-space: nowrap;line-height: 24px;text-overflow: ellipsis;max-width: 95%;}
.main_notice span{float:right;width:74px;}
.main_notice,.main_faq{line-height:24px}
.main_cont .main_faq p{width:100%;font-size:12px;height: 24px;overflow: hidden}
.main_cont .main_faq p a{max-width: 100%}

/* sub common */
.table{display: inline-block;width: 100%;}
.select{float:left;border:1px solid #ccc;height:23px;overflow:hidden;padding:4px 2px 0;background:#fff;display:inline-block;margin-right: 3px;}
.graybox2 .inbox .select{margin-top:0}
.block{display:table;width:100%;background:url('/img/left_bgg.gif') repeat-y}
.sub_banner{clear:both;height:150px;width:100%;padding-top: 70px;background:url('/img/bg01.gif') 0 70px repeat-x;z-index:10}
.main_banner{clear:both;margin-top:70px;height:350px;width:100%;/*padding-top:70px;*/background-color:#f1f1f1;z-index:10}
.sub_banner .sub01{width:100%;height:100%;background:url('/img/title_img01.jpg') no-repeat;display: inline-block;}
.sub_banner .sub02{width:100%;height:100%;background:url('/img/title_img01.jpg') no-repeat;display: inline-block;}
.sub_banner .sub03{width:100%;height:100%;background:url('/img/title_img01.jpg') no-repeat;display: inline-block;}
.sub_banner .sub04{width:100%;height:100%;background:url('/img/title_img01.jpg') no-repeat;display: inline-block;}
.sub_banner .sub05{width:100%;height:100%;background:url('/img/title_img01.jpg') no-repeat;display: inline-block;}
.sub_banner .sub06{width:100%;height:100%;background:url('/img/title_img01.jpg') no-repeat;display: inline-block;}
.l_myinfo{float:left;position:relative;width:220px;height:145px;padding:8px 0 0 20px;color:#fff;background:url('/img/bg01.png') no-repeat}
.l_myinfo .name{margin-bottom:5px;font-size:15px}
.l_myinfo .name span{font-weight:bold}
.l_myinfo .btns{position:absolute;bottom:10px;left:20px;width:204px}
.l_myinfo button{float:right;width:100px}
.l_myinfo button:first-child{float:left}
.l_myinfo a.join{display:inline-block;width:204px;height:56px;padding-top:15px;font-size:14px;text-align:center;color:#fff;background:url('../images/common/bg_joing.png') no-repeat;background-position:0 0}
.l_myinfo a.join:hover{background-position:0 -71px}
.sub_banner .right{position:relative;float:right;width:910px;display: inline-block;height: 150px}
.sub_banner h3{position:absolute;left:0;bottom: 28px;font-size:36px;height:50px;line-height:50px;padding-left:70px;color:#fff;font-weight:normal}

.sub_banner .sub01 h3{background:url('../images/sub/icon_h3_service.png') no-repeat}
.sub_banner .sub02 h3{background:url('../images/sub/icon_h3_mail.png') no-repeat}
.sub_banner .sub03 h3{background:url('../images/sub/icon_h3_message.png') no-repeat}
.sub_banner .sub04 h3{background:url('../images/sub/icon_h3_fax.png') no-repeat}
.sub_banner .sub05 h3{background:url('../images/sub/icon_h3_address.png') no-repeat}
.sub_banner .sub06 h3{background:url('../images/sub/icon_h3_customer.png') no-repeat}
.sub_banner .sub07 h3{background:url('../images/sub/icon_h3_mypage.png') no-repeat}
.sub_banner h3.cate01{background-position: 0 0}
.sub_banner h3.cate02{background-position: 0 -100px}
.sub_banner h3.cate03{background-position: 0 -201px}
.sub_banner h3.cate04{background-position: 0 -300px}
.sub_banner h3.cate05{background-position: 0 -400px}
.sub_banner h3.cate06{background-position: 0 -500px}


.sub_banner .location{position:absolute;right:20px;bottom:23px;color:#fff}
.block #contaner{float:right;width:915px;padding-bottom: 40px;}
.l_smenu{margin:24px 0 0 28px}
.l_smenu h2{font-size:25px;font-weight:normal}
.l_smenu ul{clear:both;margin-top:25px;display:inline-block}
.l_smenu ul li{position: relative;line-height:30px;width:185px;height:30px;min-width: 110px;font-size:14px}
.l_smenu ul li a{float: left;display:inline-block;padding-left:15px;background: url('/img/ico03_off.gif') no-repeat 0 50%;color:#777}
.l_smenu ul li a:hover{color:#444;background: url('/img/ico03.gif') no-repeat 0 50%;font-weight:bold;}
.l_smenu ul li.on a{color:#444;background: url('/img/ico03.gif') no-repeat 0 50%;font-weight:bold;}
.l_smenu ul li.on ul a{font-weight:normal}
.l_smenu ul li.on ul li.on a,
.l_smenu ul li.on ul a:hover{font-weight:bold}

.l_smenu ul li.sub_cate{display: inline-block;height:auto}
.l_smenu ul li.sub_cate ul{margin-top:0;width:185px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
.l_smenu ul li.sub_cate ul a{margin-left:12px;background: url('../images/common/ico04_off.gif') no-repeat 0 50%}
.l_smenu ul li.sub_cate ul a:hover,
.l_smenu ul li.sub_cate ul li.on a{background: url('../images/common/ico04.gif') no-repeat 0 50%}
.l_smenu ul li.sub_cate ul li.on{background:#f6f6f6}
.l_smenu ul li.sub_cate ul{display:none}
.l_smenu ul li.sub_cate ul.on{display:block}
.l_smenu ul li.sub_cate a{height:30px}


.l_banner{clear:both;margin-top:30px;width:100%;height:99px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background:#fbfbfb}
.l_banner li{float:left;width:118px;height:100%;font-size: 13px;}
.l_banner li~li{border-left:1px solid #e5e5e5}
.l_banner  a{display:inline-block;width:100%;height:100%}
.l_banner .manual{position: relative;background: url('/img/img04.png') 50% 20px no-repeat;}
.l_banner span {position: absolute;width: 100%;text-align: center;left: 0;top: 63px;color: #eb6c64;font-weight: bold;}
.l_banner .customer{position: relative;background: url('/img/img05.png') 50% 20px no-repeat;}
.l_banner .customer span {color: #4ba8c0;}
.srch{display:table;width:100%;}
.srch select,
.graybox select{float:left;border:none}
.srch button{float:left;height:29px;padding: 0 5px;}
.list_foot{clear:both;position:relative;width:100%;margin:35px 0 35px;;display:inline-block}
.list_foot.st2{margin-bottom:0}
.list_foot.st3{margin:15px 0 50px}
.paging{width:400px;margin:auto;text-align: center;}
.paging button{vertical-align: top;}
.paging a{display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;color:#999;}
.paging a:hover{background:#f7f7f7}
.paging a.on{color:#185EAD;font-weight:bold}
.list_foot .btns{position:absolute;right:0;top:-2.5px}
#contaner .btns button~button{margin-left:2px}
.graybox button.btn_blue,
.graybox button.btn_gray2{width:105px}
.graybox{width: 870px;background:#f3f3f3;padding:20px;display: inline-block;}
.input{float:left;border:1px solid #ccc;background:#fff;display:inline-block}
.input input[type='text']{float:left;border:none;background:#fff;width:505px;height:27px;line-height:27px;padding-left:5px}
.input.right{float:right;}
.input.right input[type='text']{float:left;width:150px}
.input button{float:left;height:27px;background:#fff;width:34px}
.graybox .btns{float:right}
.bord_box{clear:both;margin: 9px 0 20px;border-top:2px solid #666;border-bottom:1px solid #666;width:100%;display:inline-block}
.bord_box li~li{border-top:1px solid #e0e0e0}
.bord_box li{position: relative;padding:5px 0;width:100%;display:inline-table;}
.bord_box dt{float:left;font-weight:bold;color:#333;width:71px;height:29px;line-height:29px;padding-left:25px;margin-right:10px;background:url('../images/common/bar_blue.gif') no-repeat 100% 50%}
.bord_box dt label{display:block}
.bord_box.wide dt{width:90px;padding-left:20px;}
.bord_box.wide2 dt{width:110px;padding-left:10px;}
.bord_box.wide3 dt{width:135px;padding-left:10px;}
.bord_box.st2{margin:0;}
.bord_box.st2.bdn{border-top:none}
.bord_box.st3{margin:0;border-top:none;border-bottom:1px solid #ccc}
.bord_box.st3.list li{padding:5px 2%;width:96%}
.bord_box.st4{border-bottom: 1px solid #666;border-top: 1px solid #666;}

.table_leftGray_wrap > li{padding:0}
.table_leftGray{display:table;width:100%}
.table_leftGray dt,
.table_leftGray dd{display:table-cell !important;float:none !important;vertical-align:middle}
.table_leftGray dt{padding:7px 30px 7px 20px;background-color:#f8f8f8;}
.table_leftGray dd{padding-left:15px;}

.label_view{display:inline-block;margin-right:5px;vertical-align:middle}
button.btn_search{padding:0;}

/* 설문조사 스타일변경 */ 
.bord_box1{margin:9px 0 20px;border:1px solid #666}
.bord_box1 dt{float:left;font-weight:bold;color:#333;width:71px;height:29px;line-height:29px;padding-left:25px;margin-right:10px;background:url('../images/common/bar_blue.gif') no-repeat 100% 50%}
.bord_box1 dt label{display:block}
.bord_box1 li{overflow:hidden;position:relative;padding:7px 0;}

.dis_table > li{}
.dis_table > li > dt,
.dis_table > li > dd{display:table-cell;vertical-align:middle}
.dis_table > li > dt{float:none;padding:7px 0 7px 20px;background-color:#f8f8f8}
.dis_table > li > dd{padding:7px 0 7px 10px}
.dis_table > li > dd.poll {padding-top:15px;padding-bottom:0}
.bord_box1.dis_table li{padding:0}
.bord_box1.dis_table li:nth-child(1){border-bottom:1px solid #909090}
.dis_table > li > .poll{width:inherit}
.dis_table > li > .poll .btn_white{width:29px;height:29px;}
.dis_table > li > .poll .btn_white > span{top:5px;left:8px}
.dis_table > li > .poll .scroll_box{height:auto} 

label.radio{display:block;line-height:13px;}
.bord_box dd{float:left;line-height: 27px;display:inline-block}
.bord_box dd.longTxt{display:table}
.poll > #ans_type2 > .poll_ans{margin-bottom:13px}


.tab{height:34px;width:100%;display:inline-block;background:url('../images/common/bar_red.gif') 0 100% repeat-x}
.tab.st3{margin:50px 0 30px}
.tab ul,
.tab li{float:left;display:inline-block}
.tab li a{height:32px;line-height:32px;padding:0 20px;font-size:14px;border-top:1px solid #c7c7c7;border-right:1px solid #c7c7c7;border-left:1px solid #c7c7c7;background:#f8f8f8;font-weight:bold;display:inline-block}
.tab li.on a{border-bottom:1px solid #fff;background:#fff;color:#c33;border-top:1px solid #fd3e33;border-right:1px solid #fd3e33;border-left:1px solid #fd3e33}
.tab .info{float:right}
.bord_box dd button{height:29px;padding:0 15px}
.scroll_box{width:100%;height:270px;overflow:auto}
.lnb_ico{margin-left: 8px;border-radius: 2px;background:#4D9DE2;color: #fff;font-weight:bold;font-size:11px;padding: 4px 5px;line-height:1;}
.txt_info{color:#888}
.txtR.txt_info p{margin-right:5px}
.srch .btns{float:right}
.tab.st2{margin-top:50px;height:40px;background: transparent;border-bottom:2px solid #f2483c}
.tab.st2 li a {height: 39px;line-height: 39px;background:#e8e8e8;border-color:#e8e8e8}
.tab.st2 li.on a {border-bottom: 0;background:#f2483c;color:#fff;border-color:#f2483c}
.tab.st2 li~li{margin-left:2px}
.graybox2{width:850px;border:1px solid #e4e4e4;background:#f6f6f6;padding:19px 29px;margin-bottom:30px;display: inline-block;}
.graybox2.st2{padding: 1% 2%;width: 95.4%;font-weight: bold;margin: 10px 0 0;}
.scroll_box.st3{height: 545px;}
.scroll_box.st4{height:auto;max-height:300px}



/* button */
.btn_red{height:29px;padding-right: 5px;color:#fff;background-color:#00B3C5;border-radius:2px}
.btn_red.on{background-color:#00A1B1}
.btn_red2{height:29px;padding-right: 5px;color:#fff;font-weight:bold;background-color:#00B3C5}
.btn_red2.on{background-color:#00A1B1}
.btn_gray{text-align:center;color:#fff;background-color:#999}
.btn_gray.on{background-color:#777}
.btn_gray2{height:29px;text-align:center;color:#fff;background-color:#6f6f6f}
.btn_gray2.on{background-color:#595959}
.btn_blue{height:29px;text-align:center;color:#fff;background-color:#4D83D2}
.btn_blue.on{background-color:#2F68BB}
.btn_red3{text-align:center;color:#fff;background-color:#0095A5}
.btn_red3.on{background-color:#008290}
.btn_red4{text-align:center;color:#fff;background-color:#df6161}
.btn_red4.on{background-color:#d85050}
.btn_red5{text-align:center;color:#fff;background-color:#f2483c}
.btn_red5.on{background-color:#cf3e3e}

.btn_white{position:relative;width:22px;height:22px;border:1px solid #ccc;background:#fff;}
.btn_white.on{border:1px solid #999;background:#999;color:#fff}
.btn_white span{position:absolute;top:1px;left:4px}
.btn_white span.ico09,
.btn_white span.ico10,
.btn_white span.ico11,
.btn_white span.ico12{left:6px}
.btn_txt_red{height:29px;border:1px solid #3f84eb;color:#2E70D2;text-align:center;padding:0 20px;background:#fff;font-weight:bold}
.btn_txt_red.on{background:#3473D2;border:1px solid #3473D2;color:#fff}
.btn_txt_black{height:29px;border:1px solid #a8a8a8;color:#444;text-align:center;padding:0 20px;background:#fff;font-weight:bold}
.btn_txt_black.on{background:#777;border:1px solid #777;color:#fff}
.foot_btns{clear:both;display:inline-block;width:100%;margin:30px 0;text-align:center}
.foot_btns a.btn_blue,
.foot_btns button{height:37px;width:110px;font-size:13px;font-weight:bold;color:#fff}
.foot_btns a.btn_blue:hover{background-color:#52708a}
.sms_btn{height:47px;width:98px;background:url('../images/sub/btn_phone.png') no-repeat;text-indent:-9999px}
.reserv{background-position:0 0}
.reserv.on{background-position:0 -50px}
.send{background-position:-100px 0}
.send.on{background-position:-100px -50px}
.preview{background-position:-200px 0}
.preview.on{background-position:-200px -50px}
.btn_more{width:36px;height:7px;background:url('../images/common/ico_more.png') no-repeat;text-indent:-9999px}





/* icon image */
.icon{display: inline-block;vertical-align: middle;background:url('../images/common/icon_btn.png') no-repeat;text-indent:-9999px}
.ico01{width:10px;height:14px;background-position:-33px -2px;}
.ico02{width:14px;height:19px;background-position: -46px 1px;}
.ico03{width:14px;height:19px;background-position: -63px 1px;}
.ico04{width:10px;height:19px;background-position: -287px 1px;}
.ico05{width:14px;height:19px;background-position: 0 0;}
.ico06{width:14px;height:19px;background-position: -16px 1px;}
.ico07{width:10px;height:19px;background-position: -107px 1px;}
.ico07.on{background-position: -122px 1px;}
.ico08{width:15px;height:19px;background-position: -136px 2px;}
.ico08.on{background-position: -151px 2px;}
.ico09{width:10px;height:19px;background-position: -170px 1px;}
.ico09.on{background-position: -185px 1px;}
.ico10{width:10px;height:19px;background-position: -200px 1px;}
.ico10.on{background-position: -215px 1px;}
.ico11{width:10px;height:19px;background-position: -230px 1px;}
.ico11.on{background-position: -245px 1px;}
.ico12{width:10px;height:19px;background-position: -259px 1px;}
.ico12.on{background-position: -274px 1px;}
.ico13{width:15px;height:25px;background-position: -90px 5px;}
.ico14{width:12px;height:19px;background-position: -316px 1px;}
.ico14.on{background-position: -331px 1px;}
.ico15{width:12px;height:19px;background-position: -347px 1px;}
.ico15.on{background-position: -362px 1px;}
.ico16{width:15px;height:19px;background-position: -301px 1px;}
.ico17{width:15px;height:29px;background-position: -376px 6px;}
.ico18{width:12px;height:19px;background-position: -362px 1px;}
.ico19{width:9px;height:19px;background-position: -393px 1px;}
.open .ico19{background-position: -408px 1px;}
.ico20{width:15px;height:19px;background-position: -422px 2px;}
.ico21{width:15px;height:19px;background-position: -437px 2px;}
.ico22{width:13px;height:19px;background-position: -481px 3px;}
.ico22.on{background-position: -496px 3px;}
.ico23{width:13px;height:19px;background-position: -511px 3px;}
.ico23.on{background-position: -526px 3px;}
.ico24{width:13px;height:19px;background-position: -541px 3px;}
.ico24.on{background-position: -556px 3px;}
.ico25{width:13px;height:19px;background-position: -571px 3px;}
.ico25.on{background-position: -586px 3px;}
.ico26{width:13px;height:19px;background-position: -601px 3px;}
.ico26.on{background-position: -616px 3px;}
.ico27{width:13px;height:19px;background-position: -631px 3px;}
.ico27.on{background-position: -646px 3px;}
.ico28{width:13px;height:19px;background-position: -661px 3px;}
.ico28.on{background-position: -676px 3px;}
.ico29{width:13px;height:19px;background-position: -691px 3px;}
.ico29.on{background-position: -706px 3px;}
.ico30{width:15px;height:19px;background-position: -795px 2px;}
.ico_renew{width:11px; height:16px;background:url("../images/sub/ico_renew.png") no-repeat 1px 3px}

/* table */
table{width:100%;margin-top:15px;border-top:2px }
th{color:#333;border-bottom:1px solid #666;height:35px;line-height:35px;}

td{border-bottom:1px solid #e0e0e0;height:35px;line-height:35px;text-align:left;vertical-align:top}
td button{line-height:19px}
td button~button{margin-left:2px}
table.blue{border-top:1px solid #5c88a7;margin-bottom:50px}
table.blue th{color:#fff;background:#78a2c0;border-right:1px solid #5c88a7;border-bottom:1px solid #5c88a7}
table.blue th:first-child{border-left:1px solid #5c88a7}
table.blue td{background:#f4fbff;border-right:1px solid #c6d4dd;border-bottom:1px solid #c6d4dd}
table.blue td:first-child{border-left:1px solid #c6d4dd}
table.blue th.impt{background:#417297}
table.blue td.impt{background:#e1f3fd}
table.qa td{color:#333}
table.qa td a{color:#333}
table.qa td a:hover{font-weight:bold} 


/* 주소록 */
.l_myinfo button span,
.cont_info .ico04{margin-right:6px}
.cont_info{position:relative;width: 872px;padding: 15px;margin:50px 0;border:4px solid #ededed;display: inline-block;}
.cont_info p{float:left;line-height:1.8;font-size:13px;width:850px;}
.cont_info .title{float:none;margin-bottom:5px;line-height:1.8;font-size:14px;}
.cont_info button{right:12px;bottom:12px;display: inline-block;}
.cont_info button.paygo{right:30px;bottom:30px;}
.cont_info > ol{margin:10px 0 3px 0;padding:14px;border-radius:3px;background:#f8dede}
.cont_info > ol > h4{margin-bottom:4px;font-size:14px;}
.cont_info > ol > li{margin-left:14px;padding:0;list-style-type:decimal;background:none;}

.slt_send{float:left}
.slt_manage{float:left;margin-left:19px}
.slt_sort{float:right}
table th .select{width:95%}
table th select{width:100%}
table.popList input{width:99.5%}
table.popList select{width:99.5%}
.pop_article .inbox{display: inline-block;width: 100%;}
.pop_article h2.left{float:left;width:20%;text-align:left;font-size: 16px;}
.red_bar{border-left: 5px solid #398DEA;padding-left: 10px;font-size: 18px;line-height: 22px;}
.pop_article .right{float:right;width:80%}
.pop_article .head .right{float:left;margin-right: 5px;width:auto}
.pop_article .right.bord_box{clear:none}
.pop_article .head{display: inline-block;padding: 0 0 10px 10px;}
.pop_article .head.st2{width:100%;padding:0}
.pop_article .head.st2 button{height:29px;width:140px}
.pop_article p.title{margin-bottom: 20px;width:100%;text-align:center;font-size:14px;font-weight:bold}
.pop_article p.title.st2{text-align:left;color:#333;margin-bottom:3px}
.pop_article .head p{float:left;margin-right:20px}
.pop_article .head p input{margin-right:5px}
.pop_article .head.st2 p{line-height:29px}

/* 대량 메일 */
.cont_info li{padding-left:10px;background: url('../images/common/ico01.gif') no-repeat 0 8px;}
.srch h4{float:left;display:inline-block}
.srch li{float:left;padding-top: 5px;margin-left:16px}
.srch button.helf{float:right;width:80px}
.srch.bars{padding-bottom:7px;border-bottom:1px solid #ccc;margin-bottom:20px}
.srch.bars2{padding-bottom:7px;border-bottom:1px solid #ccc;}
.srch.bars3{padding-bottom: 7px;border-bottom: 2px solid #666;}
.view_excel{clear:both;margin:10px 0 30px;display:inline-block;width:100%;height:200px;overflow-y: scroll;}
.view_excel.st2{height: 250px;margin:0}
.view_excel table{margin-top:0}
.view_excel.st2 table{margin:5px 0 0}
#type_normal{margin:15px 0 50px}
#type_outer{display:none;margin:15px 0 50px}
#type_outer .left,
#type_normal .left{float:left;width:430px}
#type_outer .right{float:right;width:430px}
#type_normal .right{float:right;width:430px}
.head_info{position:relative;display:inline-block;width:100%;line-height:29px;font-size:16px;font-weight:bold;color:#333}
#type_normal .right .head_info,#type_normal .right .receav_box,#type_normal .left .receav_box{float: left;}
#type_normal .left .head_info{float: left;height:32px}

.head_info p,
p.head_info{display:inline-block;width:auto;margin-right:10px}
.srch .txt_info.fR.f_red{margin-top:8px}
.head_info button{position:absolute;top:0;right:0;height:29px;width:80px}
.head_info button.pay{width:80px}
.head_info button.del{width:29px;text-align:center}
.outer_cnt{font-size:16px;font-weight:bold}
#type_outer .db_select{float:left;width:360px}
#type_outer .ok{float:right;width:60px}
#type_outer .right .srch{margin:9px 0 20px}
#type_outer .right p{line-height:1.9}
#type_outer .btn_blue{float:right;width: 180px;}
.mem_cnt{padding-right:20px;text-align:right;}
td.mem_cnt{line-height:1.5}
.scroll_box2{width:100%;margin-top:10px;display:inline-block;overflow-y: scroll;height:245px}
.scroll_box2 table{margin-top:0}
.scroll_box.st2{height: 390px;}
.scroll_box.st2 table{margin-top:0}
#type_normal .inbox{display:inline-block;margin: 10px 0 20px;width:100%}
#type_normal input[type="text"]{padding-left:5px;margin-right: 5px;}
#type_normal input[id="name"]{float:left;margin-left: 7px;width:75px}
#type_normal input[id="email"]{float:left;width:185px;margin-left:5px}
#type_normal input[id="mobileNumber"]{float:left;width:185px;margin-left:5px}
button.add{float:right;height:29px;width: 60px;}
button.add2{float:left;margin-left:5px;height:29px;width: 60px;}
#type_normal input[type="file"]{width:300px}
#type_normal  .upload{height:29px;width: 75px;}
#type_normal .btns{display:inline-block;margin-top: 3px;width:100%}
#type_normal .btns .del{width: 70px;}
#type_normal .btns .btn_blue{float:left;width:125px;}
#type_normal .left a{margin-left: 2px;display: inline-block;float: left;}
#type_normal .right a{margin-right: 2px;display: inline-block;float: left;}
#type_normal .btns .btn_gray2{width:115px;}
.mail_title .select{margin-left:10px;width:150px}
.mail_title .select select{width:100%}
.mail_title input[type="text"]{float:right;margin-right:10px;width:727px}
.board_box{clear:both;margin:10px 0 50px;padding:20px;border:1px solid #ccc}
.board_box.st2{margin-bottom:20px}
.board_box p.f_red.fB{margin-bottom:8px}
.board_box li{padding-left:10px;background: url('../images/common/ico01.gif') no-repeat 0 50%;}
.editor_area{width:100%;margin-bottom:50px;display:inline-block}
.pop_article .editor_area{margin:0}
.bord_box p.dt{font-weight:bold;padding:0 20px 0 20px;line-height:29px;display:inline-block;float:left;color: #333;}
.bord_box.st3 .del,
.bord_box.st4 .del{float:right;width:24px;height:24px;margin-top: 2px;}
.bord_box.st3 .btn_white.del span,
.bord_box.st4 .btn_white.del span{top: 3px;left: 5px;}
.bord_box.st4 em{color: #3399cc;}
#vh_files{display:none}
#vh_repeat{display:none}
#vh_options{display:none;margin-bottom: 50px;}
#vh_attach_add{display:none}
.vh_options .bord_box dd button{width:29px;padding:0;margin-left:5px}
.vh_options .bord_box dd button.sample{float:right;width:60px;height: 25px;margin-top: 4px;}
.vh_options .bord_box dd button span{top: 4px;left: 7px;}
.vh_options .bord_box .helf{position:absolute;top:5px;right:20px;width:80px;}
.vh_options .bord_box.wide dt{width:130px}
.vh_options .bord_box.wide dd{width:740px}
.vh_options .bord_box li .txt_info,
.vh_options .bord_box li p{margin-top:8px}
.vh_options .bord_box li p.f_red{margin-top:0}
.vh_options .bord_box li p.fL{margin-right:20px}
.vh_options label.radio{margin-left:5px}
.vh_options textarea{width:99%;height:70px}
.vh_options .head{height:29px;width:100%;display:inline-block}
.radioList input{float:left;margin: 3px 10px 0;}
.radioList label{float:left;margin-top:3px;display:inline-block}
.radioList button{float:right;margin-right:10px;}
textarea.bord_box{height:60px;}
input.long{margin-right: 5px;width:535px}
input.long.st2{width: 630px;}
input.long.st3{width: 90%;}
.pop_article .bord_box.auto dt{width:130px}
.pop_article .bord_box.auto dd label{display:block;float:left;margin-right:10px;font-weight:bold}
.pop_article .bord_box.auto dd input{float:left}
.pop_article .bord_box.auto dd div.fL{margin-right:20px}
.pop_article .bord_box.auto dd p.fL{margin:8px 10px 0 0}
.pop_article .bord_box.auto .select{margin-right: 5px}
.cont_info.st2{margin:25px 0 45px}
.receav_box{margin-top:2px;width:428px;height: 256px;border:1px solid #ccc;background:#f3f3f3}
.receav_head{width:100%;border-bottom:1px solid #ccc;font-weight:bold;color: #333;height:35px;line-height:35px}
.receav_head li{float:left;text-align:center;margin:0;padding: 0;}
.receav_head li.mem_cnt{float:right;width:25%;padding-right: 36px;text-align:right}
.receav_box table{border-top:none}
.receav_box thead,thead.non{display:none}
.receav_box .scroll_box2{margin-top:0;background:#fff;height:170px;border-bottom:1px solid #ccc}
.receav_box.st3{height:202px}
.receav_box.st3 .scroll_box2{height:120px}
.receav_box td{border:0;height:21px;line-height:21px}
#type_normal .receav_head,
#type_normal .scroll_box2{float:left}
#type_normal .receav_box .btns{margin:0}
.receav_box .btns .fR{margin: 8px 10px 0;}
#type_normal .receav_box .btns .btn_gray2.del{width:90px}
.receav_filebox{clear:both;margin-top:30px;width:870px;padding:0 20px;height:340px;background:url('../images/sub/img02.gif') no-repeat;display:inline-block}
.receav_filebox .srch{margin-top:55px}
.receav_filebox .srch p{float:left;line-height:29px;color:#5888aa}
.receav_filebox .attach{float:left;border:1px solid #9baebe;background:#fff;width:350px;height:27px}
#type_normal .receav_filebox input[type="file"]{border:none;background:#fff;width:100%;height:27px}
.receav_filebox .srch .upload{float:right}
.receav_box.st2{width: 868px;margin-top: 30px;height: 206px;}
.receav_box.st2 .receav_head li{width:14%;margin-top: 3px;}
.receav_box.st2 .receav_head li:first-child{margin-left:12px}
.receav_box.st2 .receav_head li .select{width:90%}
.receav_box.st2 .receav_head li .select select{width:100%}
.receav_box.st2 thead{display:none}
.receav_box.st2 .scroll_box2{background:#fff url('../images/sub/img01.gif') no-repeat 50% 50%}
.receav_box.st2 .scroll_box2 table{background:#fff}
.receav_box.st2 .scroll_box2 table td{width:14%}
.graybox2 .inbox{position: relative;width: 740px;padding-left:110px;display:table-cell;background:url('../images/sub/img03.png') no-repeat 0 2px}
.graybox2 .inbox dt{float:left;width:61px;font-weight:bold;color:#333;line-height:29px;height:29px}
.graybox2 .inbox.st2 dt{width:81px}
.graybox2 .inbox dd{float:left;line-height: 29px;height: 29px;}
.graybox2 .inbox .btn_gray2{float:right;width:87px}
.graybox2 .inbox label{display:block}
.graybox2 .inbox dl~dl{margin-top:8px}
.graybox2 .inbox dl{display: table;width: 100%;}
.vh_srch{display:none;margin-top: 8px;width: 100%;}
.graybox2 .inbox dl.group{float:left;width: auto;margin-right: 30px;}
.graybox2 .inbox dl.state{float:left;width:auto}
.graybox2 .inbox dl.state dt{width: 40px}
.graybox2 .inbox dl.state.st2 dt{width: 60px}
.graybox2 .inbox .btn_blue{position:absolute;bottom:0;right:0;width:60px}
.graybox2 .inbox .btn_blue.my_srch{position:relative;}
.graybox2 .inbox dd.long{width: 679px;}
.graybox2 .inbox.st2 dd.long{width: 659px;}
.srch .list_head{float:left;line-height:29px;margin-left:20px}
.srch .mail_send{float:left}
.srch .mail_send button{float:left;margin:0;/*width:90px*/}
.srch .mail_send p{float:left;line-height:29px;margin-left:15px}
td.title{text-align:left}
td.title p{width:100%}
td.title a{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 95%;}
.poll{width: 530px;}
.scroll_box.st3 .poll{width: 512px;}
.poll div:first-child{display: inline-block;margin-bottom: 8px;}
.poll .scroll_box div{display: inline-block;margin-bottom: 8px;}
.poll .scroll_box{height:100px}
.bord_box dd .btn_white span{top: 5px;left: 9px;}
.poll input[type="text"]{width: 424px;}
textarea.poll_ans{width: 506px;height: 130px;}
textarea.poll_ans.st2{margin: 10px 0;width: 95%;}

.bord_box.poll_view li{padding:0}
.bord_box.poll_view dt{float:none;width:95%;padding-left:5%;line-height: 39px;height: 39px;margin:0;background:#f6f6f6;border-bottom:1px solid #e0e0e0}
.bord_box.poll_view dd{float:none;width:95%;padding: 5px 0 5px 5%;background:#fff}
.bord_box.poll_view li~li{border-top: 1px solid #666;}
.poll_view .scroll_box{height:300px}
.long .input input[type='text']{width:545px}
.graybox2 .inbox.st2 dd.long .input input[type='text']{width:525px}
.poll_result{display:inline-block;clear:both;margin:2%;width:96%;border:none}
.poll_result li{line-height:26px}
.poll_result dt{line-height:26px;height:26px}
.poll_result dd{height:26px;color:#c33}

.poll_result_table{display:table;width:100%}
.poll_result_table dt,
.poll_result_table dd{display:table-cell;}
.poll_result_table dt{width:80%} 

.bar_blue{height:16px;background:#77b1c7;width:0;float:left;margin-right:10px}
.bord_box.sender_info{margin-bottom:0}
.bord_box.sender_info dt{width: 110px;}
.bord_box.sender_info dt input{float:left;margin:8px 8px 0 0}
.bord_box.sender_info label{float:left}
.bord_box.sender_info dd label{display:block;font-weight:bold}
.bord_box.sender_info dd input{float:left;margin:0 20px 0 8px}
.graybox2 .inbox dd label,
.graybox2 .inbox dd input[type="radio"]{float:left;margin:8px 8px 0 20px}
.graybox2 .inbox .vh_srch dd label{margin:0 20px 0 0}
.graybox2 .inbox .vh_srch dd input[type="radio"]{margin:8px 0 0}
.bord_box.report li dl{border-top:none;}
.bord_box.my_info li dl{float:left;width:50%}
.bord_box.my_info li dl.long{width:100%}
.bord_box.report li dl.long{width:100%}
.ico_total{float:left;height:15px;padding-left:20px;background:url('../images/sub/img12.gif') no-repeat;}

.ico_success{float:left;height:15px;padding-left:20px;margin-left: 20px;background:url('../images/sub/img04.gif') no-repeat;}
.ico_fail{float:left;margin-left:20px;height:15px;padding-left:20px;background:url('../images/sub/img05.gif') no-repeat}
.box_graph{display:inline-block;width:869px;height:230px;padding:30px 0 0 41px;margin:20px 0 50px;background:url('../images/sub/img06.gif') no-repeat}
.box_graph .inbox{height:199px;width:100%}
.box_graph .inbox li{float:left;position:relative;height:100%;width:49.99%;}
.box_graph .inbox.st2 li{width:33%;}
.box_graph .success{position:absolute;bottom:0;left:30%;width:7%}
.box_graph .inbox.st2 .success{width:13%}
.box_graph.st2 .inbox.st2 .success{left:45%;width:8%}
.box_graph.st2 .inbox.st2 .fail{left:56%;width:7%}
.box_graph .total{position:absolute;bottom:0;left:30%;width:12%}

.box_graph .fail{position:absolute;bottom:0;left:39%;width:7%}
.box_graph p{position:absolute;left:32%;bottom:-25px;color:#333;font-size:13px;font-weight:bold}
.box_graph p.st2{left:29%}
.box_graph .graph p{display:none}
.box_graph .graph{position:relative;width:100%;height:100%;}
.box_graph .success .graph{background:#4a96b9}
.box_graph .fail .graph{background:url('../images/sub/img07.gif') no-repeat 50% 0;}
.box_graph .graph span{position:absolute;left:3px;top:-20px;font-weight:bold}
.box_graph .graph span.tween{top:3px;color:#fff;font-size: 11px;}

table.blue th input{margin-right:5px}
.box_graph .inbox.st3 p{left: 28%;}
.box_graph .inbox.st3 .fail{left: 31%;}
.box_graph .inbox.st3 .success{left: 31%;}
.box_graph .inbox.st4 li{width:20%;}
.box_graph .inbox.st4 .success{width: 20%;}
.box_graph .inbox.st4 p{left: 23%;}
.box_graph .inbox.st4 p.st2{left: 13%;}
.box_graph .inbox.st4 p.st3{left: 31%;}
.mail_sending{height:74px;padding-left:90px;font-size:14px;line-height:2;width: 200px;margin: auto;background:#fff url('../images/sub/icon_sending_mail.gif') no-repeat 0 8px}
.fR.txt_info{padding-top: 5px;}
.vh_options .bord_box li .txt_info{padding-top: 0;}

.bord_box.mail_title{margin-bottom:8px;}
.mail_title +.f_red{margin-bottom:50px;}
.cursor{cursor:pointer}

/* 문자발송 */
.cont_info .myinfo{padding:10px 0 0 10px}
.phone_box{float:left;width:360px;background:url('../images/sub/phone_bg.png') no-repeat}
.phone_box.large{position: relative;width:250px}
.phone_box .left{float:left;width:230px;padding-top:59px;}
.monitor{position:relative;width:200px;height:213px;margin:auto;}
.monitor textarea{border:none;width:91%;padding: 0 4% 0 5%;height:140px;background:transparent;resize:none;color:#fff;scrollbar-track-color:#4c4f57;scrollbar-face-color:#ccc}
.monitor .byte{text-align:center;color:#939bb2;line-height:20px}
.monitor .btn_area{position:absolute;bottom:-5px;left:0;height:40px}
.monitor .sms_del{float:left;width:99px;height:40px;background:url('../images/sub/btn01.gif') no-repeat;text-indent:-9999px}
.monitor .sms_del.on{background:url('../images/sub/btn01_on.gif') no-repeat}
.monitor .sms_save{float:right;width:101px;height:40px;background:url('../images/sub/btn02.gif') no-repeat;text-indent:-9999px}
.monitor .sms_save.on{background:url('../images/sub/btn02_on.gif') no-repeat}
.prev_box{width: 100%;height: 371px;}
.phone_box .recev_num{clear:both;display:inline-block;margin: 0 15px;padding: 17px 0 15px;line-height:27px;width:200px}
.phone_box .recev_num label{display:block;float:left;color:#666}
.phone_box .recev_num input{float:right;height:25px;width:127px;padding-left:5px;line-height:25px;background:#e5e5e5;color:#666}
.phone_box .send_area,
.phone_right.large .send_area{padding: 0 15px;height:69px;width:200px;background:url('../images/sub/phone_bottom.gif') no-repeat 0 100%}
.phone_right.large .send_area{text-align:center;margin-top:10px;height: 40px;}
.phone_box .right{position: relative;float:right;width:110px}
.phone_box .right li{clear:both;height:37px;margin-bottom:10px}
.phone_box .right button{height:35px;width:108px;padding-left:8px;text-align:left;font-weight:bold}
.phone_box .right button span{margin-right:5px}
.phone_box .right .gray{border:1px solid #a8a8a8;color:#333;background:#fff}
.phone_box .right .gray.on{background:#777;border:1px solid #777;color:#fff}
.phone_box .right .blue{border:1px solid #9db1bf;color:#4170a0;background:#fff}
.phone_box .right .blue.on{background:#6987a0;border:1px solid #6987a0;color:#fff}
.phone_box .right p{text-align: center;}
.phone_box .right p a{font-weight:bold;color:#3399cc}
.phone_right{float:right;width:510px}
.phone_right.large{float:left;width: 230px;margin: 10px;background: url('../images/sub/phone_bg.gif') repeat-y 100% 0;}
.phone_right.large .right{float:right;width:230px;padding-top: 42px;margin-left: 0;background: url('../images/sub/phone_top.gif') no-repeat;}
.phone_right.large .monitor{height:240px;background: url('../images/sub/phone_monitor2.gif') no-repeat;}
.phone_right.large .monitor textarea{height: 235px;}
#type_normal .sms .left{width:220px}
.sms .receav_box{height: 270px;width:218px}
.sms .receav_box .scroll_box2{height: 192px;}
.sms .receav_box .btns .fR {margin: 6px 10px 0;}
#type_normal .sms .right{padding-top: 36px;width:270px}
#type_normal .sms .right ul li{float:right;width:133px;margin-top:10px}
#type_normal .sms .right ul li button{width:131px;padding: 0;}
#type_normal .sms .right ul li:first-child{float:left}
#type_normal .sms .right input[type="text"]{margin:0;width: 195px;}
#type_normal .sms .right button.add{margin-right: 2px;}
#type_normal .sms .right .head_info{margin-top: 30px;}
#type_normal .sms .attach input[type="file"]{width:200px}
#type_normal .sms .attach{margin-top:10px}
#type_normal .inbox.sms{margin: 0 0 5px;}
p.ico_info{padding-left:20px;color:#cc6666;background:url('../images/common/ico04.png') no-repeat 0 2px}
.ico_info2{/*float:left;*/padding-left:20px;color:#cc6666;font-size:12px;text-indent:17px;background:url('../images/common/ico04.png') no-repeat 17px 12px}
#type_outer .inbox{margin-top:20px}
#type_outer .srch{margin-top:10px}
.sms_win li~li{margin-left:20px}
.sms_win li{float:left;width:200px;height:190px;background:url('../images/sub/bg02.gif') no-repeat}
.sms_win textarea,
.sms_win .sms_view{height: 143px;background:#fff;border:1px solid #ccc;width:176px;margin:29px 9px 0 9px;overflow:auto}
.sms_win .btns{display: inline-block;width: 100%;text-align: center;margin-top: 20px;}
.pop_article .srch .fL input,
.pop_article .srch .fL label{margin-top:8px;color:#333}
.bord_box.sms_win{padding: 30px 0 10px;margin: 0;width: 644px;}
.bord_box.sms_win li div{display: inline-block;margin-top: 10px;line-height: 2;max-width: 200px;overflow: hidden;}
.bord_box.sms_win li div.sms_view{margin-top: 30px;}
.bord_box.sms_win li div input{margin-right:5px}
.bord_box.sms_win li{border: none;margin:0 6px 20px;}
.layerPop01,
.layerPop02{display:none;position:absolute;top:0;left:240px;width:460px;border: 1px solid #c33;background:#fff;z-index:999}
.layerPop01 table,
.layerPop02 table{margin:0;border-left:1px solid #e0e0e0;border-top:1px solid #e0e0e0;}
.layerPop01 td,
.layerPop02 td{border-right:1px solid #e0e0e0}
.layerPop01 .pop_article,
.layerPop02 .pop_article{margin-bottom:0}
.bord_box.sms_win li div.photo{background: #fff;margin: 29px 9px 0 9px;width:180px;height:147px;overflow:auto;border: 1px solid #ccc;white-space: normal;}
.sms_win .photo img{margin: auto;max-width:100%}
table.recv{margin-top: 5px;}
.recv th{line-height: 25px;height: 25px;}
.recv td{line-height: 23px;height: 23px;}
.reserv_info{clear: both;margin: 0 15px;padding-bottom:15px}
.reserv_info .type{font-weight:bold;color:#369}
.set_txt{float:left;margin:20px;width:180px}
.set_txt .inbox,
#vh_layerPop04 .inbox{clear:both;margin-top:5px;width:158px;height:250px;padding:10px;border:1px solid #ccc;line-height:2}
.mini_pop {position: absolute;width: 200px;height: 241px;background: url('../images/sub/bg03.gif') no-repeat;display :none;z-index:999}  
.mini_pop .inbox{background: #fff;border: 1px solid #ccc;margin: 29px 9px 0 9px;height: 184px;width: 166px;padding: 5px;line-height:1.2;overflow:auto}
.mini_pop.st2{position:relative;display:inline-block;float:left;}
.sms_report_txt{float: right;width: 650px;clear: none;margin-left: 0;}
.sms_sending{height:74px;padding-left:86px;font-size:14px;width: 170px;margin: auto;line-height:2;padding-top:8px;background:#fff url('../images/sub/icon_sending_sms.gif') no-repeat}

.sms_cont_btn_group{position:static;text-align:right;}
.sms_cont_btn_group .w130{position:none;}
.sms_cont_btn_group .btn_blue{padding-left:5px;padding-right:5px}


/* sms변작방지 모달 */
.right_ex{overflow:hidden;margin-bottom:10px;}
.eventinfo_form{float:left;width:190px;padding:20px;border:1px solid #e3e3e3;background-color:#f5f5f5;display:inline-block;}
.eventinfo_form p{margin-bottom:10px;}
.eventinfo_form .last_info{margin-bottom:0px;}
.token_form{padding-top:33px;padding-left:270px;}
.token_form ul > li{margin-bottom:9px;list-style-image:url('../images/sub/check.png');}

#guide_look h3{font-size:18px}

.guide_look{background-color:#D6EDFB}
.guide_look h2{margin-left:12px;padding-top:12px;}

.guide_look .arrow{margin-top:10px;margin-bottom:10px;height:55px;text-indent:-9999em;background:url('../images/sub/sms_arrow.png') no-repeat 50% 50%;}

.guide_look .ex{padding-left:0; float:inherit; padding:12px;}
.guide_look .ex > li{display:inline-block; width:32.7%; vertical-align:middle;}
.guide_look .ex > li > div{margin:4px; padding:8px;color:#fff;background-color:#4C4F57; border-radius:5px;}
.guide_look .ex > li > ul{margin:4px; padding:8px 8px 8px 27px;height:92px;background-color:#fff;border:2px solid #eb6c64;border-radius:5px;}
.guide_look .ex > li > ul > li{margin-bottom:4px;list-style-image:url('../images/sub/check.png');}

.law_info{text-align:right;}
.reward_padding{padding-top:10px;}
.origin_style{font-size:14px; font-weight:bold;}

/* sms본인인층 후 확인창 */
.sms_check{margin-top:100px;text-align:center}
.sms_check .sub{margin-top:20px;margin-bottom:80px;font-size:13px;}

/* 마이 페이지 */
.my_notice{margin-top:50px;width:790px;padding-left:120px;height:40px;line-height:40px;background:#f4f4f4 url('../images/sub/bg04.gif') no-repeat}
.my_notice a{color:#333;font-weight:bold;}
.my_notice span{text-decoration: underline;}
.table.my{margin:30px 0 50px}
.table.my .left{float:left;width:430px}
.gray_box,
.gray_box2{overflow:hidden;margin-bottom:50px;width:902px;border:4px solid #ededed;background:#fbfbfb}
.gray_box.st2{background:#fff;height:140px;width: 870px;padding: 16px;margin: 50px 0;}
.gray_box .left,.gray_box2 .left,
.gray_box .center,
.gray_box .right,.gray_box2 .right{float:left;padding:16px}
.gray_box .left{width:170px;border-right:1px solid #ededed;}
.gray_box2 .left{width:265px;border-right:1px solid #ededed;}
.gray_box .center{width:240px}
.gray_box .right{width:395px}
.gray_box.st2 .left{width: 380px;padding: 0 16px;height: 80px;}
.gray_box.st2 p.txt{float:left;margin-left: 20px;width:402px;line-height: 2;}
.gray_box.st3,
.gray_box2.st3{margin:50px 0}

.table.my .right{float:right;width:450px}
.gray_box h4,
.gray_box2 h4{font-size: 16px;}
ul.point{overflow:hidden;}
.point > li{/*float:left;*/padding: 5px 0 0 80px;/*margin-top: 15px;width:110px;/*height: 85px;*//*background:url('../images/sub/img09.png') no-repeat*/}
.point li.tab01{margin:0;padding-top:96px;padding-left:0;width:100%;text-align:center;background:url('../images/sub/mypage_mymoney.png') no-repeat 50% 0}
.point li.tab01 p.point{font-size: 22px;}
.point li.tab02{background-position:10px -153px}
.point li.tab03{padding:0;background-position:10px -292px}
.point li.tab04{background-position:10px -439px}
.point li.tab03 .tab03_list{margin:0 auto; display:table; width:85%;}
.point li.tab03 .tab03_list li{margin:0;padding:0; display:table-row}
.point li.tab03 .tab03_list > li > span{display:table-cell; height:40px; line-height:40px;}
.point li.tab03 .tab03_list > li > .cell01{padding-left:40px;width:50px;font-size:17px;font-weight:bold;color:#648390}
.point li.tab03 .tab03_list > li > .cell02{width:39px;font-size:14px}
.point li.tab03 .tab03_list > li > .cell03{width:40px;text-align:right;font-size:14px;font-weight:bold;color:#333}
.point p{color:#333;font-size: 13px;font-weight: bold;}
.point p.point{font-size:18px}
.point p span{color:#c33}
.point .helf{margin-top: 5px;width:93px}
.gray_box2 .point .helf{margin-top: 5px;margin-bottom:5px;width:93px}

.res_now{display:table}
.res_now > p{display:table-cell}
.res_now > p:nth-child(2){border-right:1px solid #fbfbfb}
.res_now > p > span{display:block;font-size:13px;line-height:30px;font-weight:bold;text-align:center;}
.res_now span.count{color:#c33}
.res_now .res_icon{padding-left:35px;width:100px;vertical-align:middle}
.res_now .th{width:113px;line-height:33px;font-size:14px;background:#ccc;}
.res_now a.check{padding:3px 10px;background:#dc9999;border-radius:3px;font-size:12px;color:#fff}
.res_txt{margin:3px 30px 0;padding:8px;line-height:17px;font-size:11px;background-color:#dcedf3;border-radius:3px;}
.gray_box.st2 .btn_more,
.srch .btn_more{float:right;margin-top:10px}
.srch .btn_more{height:14px}
.gray_box.st2 .inbox{width:190px;height:106px;padding-top:0}
/* .gray_box.st2 .inbox.fL{background:url('../images/sub/img10.gif') no-repeat 10px 5px}
.gray_box.st2 .inbox.fR,
.my_send{background:url('../images/sub/img11.gif') no-repeat 10px 5px} */
 .gray_box.st2 .inbox.fL{background:url('../images/sub/img11.gif') no-repeat 10px 5px}
.gray_box.st2 .inbox.fR,
.my_send{background:url('../images/sub/img11.gif') no-repeat 10px 5px}
 
.gray_box.st2 .inbox p,
.my_send p{clear:both;margin-left:80px;color:#333;font-weight:bold;font-size:12px;line-height:24px;background: url('../images/common/ico01.gif') no-repeat 0 50%;padding-left:8px}
.gray_box.st2 .inbox p span,
.my_send p span{width:50px;text-align:right;padding-right:5px;color:#c33}
.my .gray_box.st2 p{font-size:12px;color:#666}
.my .gray_box.st2 .myinfo{font-size:14px;margin:10px 0 20px}
.my .gray_box.st2 .impt{font-size:14px;color:#369}
.main_notice.st2{margin:30px 0 0;width:440px;padding-left:10px}
.main_notice.st2 p{float: left;width: 330px;font-size: 12px;height: 24px;overflow: hidden;}
.srch.bars p{float:left;font-weight:bold;font-size:13px;margin:5px 0 0 10px}
.srch.bars.st2{margin-bottom:0}
.box_graph.st2{position:relative;padding: 0;width: 910px;height: 260px;margin-top:0;background:url('../images/sub/bg05.gif') no-repeat}
.box_graph.st2 .inbox{height: 200px;padding-top: 41px;}
.box_graph.st2 .graph span{width: 100px;left:1px}
.box_graph.st2 .total .graph span{width: 100px;text-align: center;left: -30px;}

.box_graph.st2 .total .graph{background:#466fbd url('../images/sub/img13.gif') repeat-x;}
table.blue.st2{margin-top:8px}
table.blue.st2 .mem_cnt{padding-right:10px}
table.blue.st2 .txtL a{margin-left:10px;color:#369;font-weight:bold}
.term_btns{float:left;margin-right:10px}
.term_btns li{float:left}
.term_btns li~li{margin-left:3px}
.term_btns li button{height:29px;width:63px}
.term_btns button.small{width:50px}
.graybox2 .my_srch{float:left;margin-left:10px;width:63px}
.my_send{float:left;width: 220px;height: 80px;margin-left: 20px}
.cont_info .info{float:left;border-left:1px solid #ebebeb;margin-top:5px;padding-left:40px;width:530px}
.cont_info .info p{width:auto;float:clear;line-height:1.5}
.cont_info .info p~p{margin-top:10px}
.box_graph.st2 .info_icon{position:absolute;right:0;top:20px;width:180px}
.cont_info .ol p{line-height: 1.5;text-indent: -12px;padding-left: 12px;}
.cont_info .ol p span.indent{text-indent: -10px;padding-left: 12px;}
.underlind{text-decoration: underline;text-indent: 0;}
.my_send p{width: auto;}
.ico_mysave{width:26px;height:33px;text-indent:-9999px;background:url('../images/common/icon_list.png') no-repeat 0 7px}
.icon_type{clear: both;width: 80%;max-width: 70px;text-align: right;float: right;background:url('../images/sub/icon_type.png') no-repeat}
.icon_type p{display:none}
.p_mail{background-position:0 4px}
.p_mail2{max-width: 100%;text-align: left;padding-left: 25px;width: 70px;float: none;background-position: 5px 15px;}
.p_sms{background-position:0 -47px}
.p_sms2{max-width: 100%;text-align: left;padding-left: 25px;width: 70px;float: none;background-position: 5px -36px;}
.p_fax{background-position:0 -99px}
.p_fax2{max-width: 100%;text-align: left;padding-left: 25px;width: 70px;float: none;background-position: 5px -87px;}
.cont_info.st3{margin: 0 0 20px;}
.table_toggle .detail{display:none;}
.table_toggle .detail > td{padding:0}
.detail .paylist_detail{border:none;margin:0}
.detail .paylist_detail > tbody > tr > th{background-color:#ededed;border-bottom:0;}
.detail .paylist_detail > tbody > tr{border-bottom:1px solid #e1e1e1}
.detail .paylist_detail > tbody td{border-bottom:0;background-color:#fcfcfc}
.detail .paylist_detail > tbody > tr:last-child{border-bottom:0}



/* 마이페이지 > 사용현황 */
.gray_box2 ul.point .tab01{margin-top:13px;padding-top:0;padding-left:113px; text-align:left;background:url('../images/sub/mypage_mymoney.png') no-repeat 15px 0}
.gray_box2 ul.point .tab01 p.point > span{line-height:45px;}
.service_money{margin-left:50px;margin-right:28px;}
.service_money li{display:inline-block;margin-right:40px;width:80px;text-align:center;background:url("../images/main/service01.png") no-repeat}
.service_money > li > span{display:block;color:#648390}
.service_money span.list_title{margin-bottom:80px;font-size:15px;line-height:16px;font-weight:bold;}
.service_money li.sms{background-position:0px 11px}
.service_money li.lms{background-position:-170px 11px}
.service_money li.mms{background-position:-170px 11px}
.service_money li.mail{background-position:-170px 11px}

/* 1:1문의*/
.qa_view{display:none;width:100%;background:#fbfbfb}
.qa_view.on{display:block}
.qa_view .quest,
.qa_view .answer{display:inline-block;width:100%}
.qa_view .answer{border-top: 1px solid #ccc}
.qa_view .ico{float:left;margin: 10px 0 0 10px;width:64px;height:20px;background:url('../images/common/icon_list.png') no-repeat;text-indent:-9999px}
.qa_view .quest .ico{background-position:0 -150px}
.qa_view .answer .ico{background-position:0 -180px}
.qa_view .cont{float:right;width:810px;padding:10px;text-align:left;line-height:1.5}
.qa_state{float:left;width: 90px;}
.qa_title{float:left}
.qa_date{float:right;width: 90px}
.qa_txt{width: 775px;height: 300px;}

/* 회원가입, 로그인 */
.my_info dt{width: 130px;}
.my_info .table{margin-top: 8px;}
.my_info input[type="radio"]{margin-right:3px}
.my_info input[type="text"],.my_info input[type="password"]{vertical-align:top;text-align:center}
.vh_mtype{display:none}
.block2{padding-top:82px}
.login{min-height:800px;width:800px;margin:auto;margin-top:100px;}
.login h3{padding-left:100px;line-height:80px;font-size:30px;background:url('../images/sub/icon_member.png') no-repeat;background-position:0 0}
.login .inbox{clear:both;margin-top:50px;height:330px;width:792px;border: 4px solid #ededed;background: #fbfbfb;}
.login .inbox label{display:block}
.login .inbox .login_box{width:435px;margin:70px auto;height:68px}
.login .inbox dl{width:326px;float:left}
.login .inbox dt{float:left;font-weight:bold;width:53px;padding-right:20px;text-align:right;line-height:29px}
.login .inbox dd{float:left;}
.login .inbox input{width:248px;text-align:center}
.login .inbox dt~dt{margin-top:10px}
.login .inbox dd~dd{margin-top:10px}
.login .login_box button{float:right;width:100px;height:68px;font-size:16px}
.login .info_box{padding-top:30px;border-top:1px solid #e4e4e4}
.login .info_box .left{float:left;width:396px;border-right:1px solid #e4e4e4;height:60px;text-align:center}
.login .info_box .right{float:left;width:395px;height:60px;text-align:center}
.login .info_box .left button,
.login .info_box .right button{width:103px;height:29px;margin-top:10px}
.login.st2{width:910px}
.login.st2 h3{background-position:0 -200px;line-height:1.2;height:100px}
.login.st2 h3 p{clear:both;margin-top:10px;line-height:1.5;font-size:12px;font-weight:normal;color:#666}
.login.st2 h4.step01,
.login.st2 h4.step02,
.login.st2 h4.step03,
.login.st2 h4.step04{clear:both;margin-top:50px;width:910px;height:80px;background:url('../images/sub/process_join.png') no-repeat;text-indent:-9999px}
.login.st2 h4.step01{background-position:0 0}
.login.st2 h4.step02{background-position:0 -100px}
.login.st2 h4.step03{background-position:0 -200px}
.login.st2 h4.step04{background-position:0 -300px}
.login.st2 .inbox{width: 846px;padding: 0 28px;}
.login.st2 h5{margin:50px 0 15px}
.login.st2 h3.st2{background-position: 0 -100px;}
.scroll_box.bord{padding: 15px;margin-bottom:8px;width:auto;border:1px solid #ccc}
.tab.st4{display: block;background: transparent;}
.login .foot_btns button{width:140px}
.login .foot_btns a.btn_blue{display:inline-block;width:140px;line-height:37px;vertical-align:middle}
.tab.blue{margin-top:20px;height: 49px;background: url('../images/common/bar_blue.gif') 0 100% repeat-x;display: block;}
.tab.blue ul{width:100%}
.tab.blue li{width:50%}
.tab.blue li a{border-color:#c6d4dd;background:#fff;width:99%;padding:0;text-align:center;line-height:47px;height:47px}
.tab.blue li.on a{border-bottom:1px solid #f4fbff;background:#f4fbff;color:#336699}
.blue_box{background:#f4fbff;border:1px solid #c6d4dd;border-top:none;height:260px;text-align:center}
.cert{margin:auto;padding:65px 0}
.cert.ipin{width:293px}
.cert dl{margin:20px 0;display:inline-block}
.cert label{display:block;font-weight:bold}
.cert dt{float:left;text-align: left;width:75px;line-height:27px}
.cert dd{float:left;text-align:right}
.cert dd input{width:216px;text-align:center}
.cert button{height:37px;font-weight:bold;font-size:14px}
.ipin .btn_blue{float:left;width:121px}
.ipin .btn_gray2{float:right;width:164px}
.person .btn_blue{margin:auto;width:200px;margin-top:50px}
.cert.person{display:none}
.member_ok{padding:47px 0;background:url('../images/sub/member_ok.png') no-repeat 95% 50%;}
.login.st2 .inbox p{padding-left:30px;line-height:2;font-size:18px}
.login.st2 .inbox p.f_red{font-size:28px;line-height:1.5}
.login.st2 .info_box{text-align:center}
.login.st2 .info_box button{margin-top: 20px;height:44px;width:106px;font-weight:bold;font-size:14px}

.sign_box{margin-bottom:8px;padding:0 35px 35px 35px;height:270px;border:1px solid #ccc;overflow:auto;}
.sign_box .title{margin-top:45px;margin-bottom:30px;text-align:center;font-size:19px;font-weight:bold}
.sign_box dl{margin-bottom:30px;}
.sign_box dt{margin-top:30px;margin-bottom:8px;font-size:15px;font-weight:bold;}
.sign_box dd{line-height:21px;}
.sign_box ol > li{margin-left:29px;list-style:outside decimal;}
.sign_box ol > li > ol{margin-top:5px;margin-bottom:5px;}
.sign_box ol > li > ol > li{margin-left:17px;list-style:upper-roman;color:#777}
.sign_box .line_margin{margin-bottom:8px;}

.login .sendnumber{font-size:14px}
.login .sendnumber .regist{margin-top:7px;padding-left:15px;padding-right:15px;}
.join_company{background-color:#E7F2F9}
.join_company .msg{margin-left:10px;margin-bottom:7px;font-size:15px;font-weight:bold;color:#4D83D2}

/* 아이디패스워드 찾기 */
#div_person .msg,
#pw_search .msg{margin:15px 0 10px}
.idpw_chioce_wrap{display:table;width:100%;border:3px solid #e4e4e4}
.idpw_chioce_wrap > div{display:table-cell;width:50%;padding:20px;background-color:#fbfbfb}
.idpw_chioce_wrap > div:nth-child(1){border-right:1px solid #e4e4e4}
.idpw_chioce_wrap label{display:inline-block;}
.idpw_chioce_wrap > div:nth-child(2) > ul{margin:0 60px}
.idpw_chioce_wrap > div > ul .choice{margin-bottom:17px;text-align:center;font-size:14px;font-weight:bold}
.idpw_chioce_wrap > div > ul > li{overflow:hidden;padding: 5px 0;line-height:25px;}
.idpw_chioce_wrap > div > ul input[type="text"]{height:25px;line-height:25px;vertical-align:top}
.idpw_chioce_wrap > div > ul > li > label{float:left;width:70px;line-height:25px;font-weight:bold;color:#333}
.idpw_chioce_wrap .select{padding:3px 2px 0;height:22px;vertical-align:middle}

/* 고객센터 */
.cust_icon{width:40px;height:30px;background:url('../images/common/icon_list.png') no-repeat;text-indent:-9999px}
.notice .cust_icon{background-position:-60px -50px;}
.event .cust_icon{background-position:0 -50px;}
.notice .title a{font-weight:bold;color:#c33}
.event .title a{font-weight:bold;color:#369}
.notice td,
.event td{background-color:#fbfbfb}
.read_title{float:left;width:750px;padding-left:15px;line-height:41px;font-weight:bold}
.read_date{float:right;width:140px;text-align:center;line-height:41px}
.read_cont{padding:25px 15px;border-bottom: 1px solid #666;}
.faq .cust_icon{float:left;width:54px;height:40px}
.cust_icon.faq_q{background-position:15px -95px;}
.cust_icon.faq_a{background-position:-61px -95px;}
.faq .title{text-align:left}
.faq .title a{color:#333;font-weight:bold}
.faq td{width: 910px}
.manual_h4{position:relative;margin-bottom:15px}
.manual_alldown_area{position:absolute;right:0;bottom:-7px}
.manual_alldown_area button{padding:0 15px;}
.manual_box_wrap{overflow:hidden;margin-bottom:35px} 
.manual_box{border:1px solid #e4e4e4;background:#fbfbfb;padding:20px 30px;overflow:hidden}
.manual_box li{float:left;margin-right:58px;padding:16px 0 16px 55px;width:40%;line-height:29px;font-weight:bold;background:url('../images/sub/icon_manual.png') no-repeat;}
.manual_box li:nth-child(even){margin-right:0;}
/* .manual_box li~li{border-top:1px solid #e4e4e4} */
.manual_box li button{float:right;width:112px;height:29px}
.manual_box li.tab01{background-position: 10px 15px;}
.manual_box li.tab02{background-position: 10px -35px;}
.manual_box li.tab03{background-position: 10px -85px;}
.manual_box li.tab04{background-position: 10px -135px;}
.manual_box li.tab05{background-position: 10px -185px;}
.manual_box li.tab06{background-position: 10px -235px;}
.manual_box li.tab07{background-position: 10px -285px;}
.manual_box li.tab08{background-position: 10px -335px;}
.manual_box li.tab09{background:url('../images/sub/sms-api.gif') no-repeat;background-position: 10px 15px;}
.apidown_box{padding:20px 30px;border:1px solid #e4e4e4;background-color:#fbfbfb}
.apidown_box > ul{display:table;width:100%;}
.apidown_box > ul > li{
	display:table-cell;
	/*padding:16px 0 16px 55px;*/
	text-align:center;font-weight:bold;line-height:29px;}
.apidown_box > ul > li button{
	margin-bottom:4px;padding:6px 0 6px 0;
	width:170px;
	text-align:left; text-indent:12px;line-height:22px;}
.apidown_box > ul > li .icon{margin-right:5px;}
.apidown_box p.java{margin-bottom:8px;padding:10px 0 10px 69px;font-size:16px;background:url('../images/sub/manual_java.png') no-repeat 39px 0;}
.apidown_box p.php{margin-bottom:8px;padding:10px 0 10px 75px;font-size:16px;background:url('../images/sub/manual_php.png') no-repeat 39px 0;}
.apidown_box p.asp{margin-bottom:8px;padding:10px 0 10px 69px;font-size:16px;background:url('../images/sub/manual_asp.png') no-repeat 38px 0;}
.apidown_box > ul > li .margin_r{margin-right:10px}
/* 서비스 소개 */
.cont_info p.bigTit{font-size:24px;font-weight: bold;line-height: 1.2;color: #333}
.sign p.bigTit{font-size:24px;font-weight: bold;color: #333}

.cont_info p.midTit{font-size: 21px;color: #333}
.cont_info p.smallTit{font-size: 16px;line-height:1.4;margin:15px 0 10px}
.right_box{padding:50px 0 50px 340px;border-bottom:1px solid #e5e5e5;font-size:13px;min-height:135px}
.right_box h4,
.left_box h4{margin-bottom:15px}
.left_box{padding:30px 0;border-bottom:1px solid #e5e5e5;font-size:13px;min-height:80px}
.left_box.st4{float: left;width: 49%;padding-top:0;border-bottom:0}
.left_box.st3.st4{float:right}
.left_box.st2 .txt{margin-top:100px}
.left_box.st2 ul.txt li{padding-left:10px;background: url('../images/common/ico01.gif') no-repeat 0 8px;}
.service{clear:both;margin-top:30px;with:100%}
.service .left{float:left;width:49%}
.service .right{float:right;width:49%}
.service  h5{font-size:16px;color:#333}
.service table.blue{margin-top: 10px;}
.service .right table.blue{margin-bottom: 5px;}
table.blue.mgn{margin-bottom: 5px;}
.foot_btns button.w180,
.left_box button.w180{width:180px}
.left_box button.rt{margin-top: 0;float: right;}
.cont_info.st4{margin-bottom:0}
.left_box button{margin-top:20px;height:29px;width:130px}
.left_box button.w200{width:200px}
.left_box h5{font-size:15px;color:#333;margin-top:30px}
.left_box.st4 h5{margin-top:0}
.left_box.st3{border-bottom:none}
.left_box h5 button{width:29px;margin: 0 0 0 10px;}
#vh_point_info{display:none}
.pay_sum{text-align:center;font-weight:bold;font-size:18px;color:#39c;padding:10px 0;background: #F5FCFF;}
.pay_sum.st2{background: transparent;height: 40px;}
.pay_sum .inbox{margin-top:8px;background: url('../images/common/ico06.png') no-repeat 42% 50%;display: inline-block;}
.left_box.st3 .pay_sum .inbox{background: url('../images/common/ico06.png') no-repeat 50% 50%;}
.pay_sum .inbox div~div{margin-left:50px}
.pay_sum .inbox div{float:left}
.pay_sum p.ico_info{font-size:12px;text-align:left;margin-left:10px}
.f_big{font-weight:bold;font-size:16px}
.srch .relative{position:relative}
.srch .alert{position:absolute;top:13px;right:0;font-size:13px; color:#cf241d;font-weight:bold;}
.pay_table{margin-bottom:50px}
.pay_table{}
.pay_table label{display:block}
.pay_table input{float:right;margin-top:2px}
.pay_table tbody tr:hover{background-color:#f6f6f6}
.pay_table tbody td{font-size:15px;}
.pay_table p{width: 140px;margin: auto;}
.pay_table .f_big p{width: 110px}
.pay_table .f_big_one p{box-sizing:border-box;padding-left:95px;width:100%;text-align:left;background-color:#f5fcff}

input.view_price{float:none;margin: 0;text-align: right;padding-right: 5px;height: 35px;line-height: 35px;font-size: 20px;font-weight: bold;width:150px;color: #39c;}
span.view_price{font-size:20px;color:#d03844}
input.view_price.st2{width: 100px;}
input.view_price.st3{width: 200px;}
.bord_box.st5{font-size:14px;text-align: center;line-height: 50px;background:#F7F7F7}
.vh_ptype{display:none}
.vh_ptype.type01,.vh_ptype.type02,.vh_ptype.type03{text-align:left;line-height:1.5;background:#fff;padding:1em;font-size:12px}
.vh_ptype.type03 div{width:400px;margin:auto}
.vh_ptype.type03 div strong{font-size:16px}
table.estimate_list td{padding:0 20px}
table.estimate_list td~td{border-left:1px solid #e0e0e0;}
table.estimate_list .sum{font-weight:bold;font-size:20px}
table.estimate_list .sum .txtR{color:#c33}
table.estimate_list .sum td{padding:10px 20px;background:#fafafa}
.bord_box.icons li{padding:10px 2%;width:96%}
#vh_buy_coin{display:none}


/* 사이트맵 */
.sitemap {margin: 50px 0;}
.sitemap div{float:left;width:200px;display:inline-block}
.sitemap ul{margin:10px 0 30px}
.sitemap li{line-height:2}



/*-----*/


/* popup common */
.pop_head{width:100%;background:#195CA9;display:inline-block}
.pop_head h1{font-size:16px;color:#fff;padding: 15px;display: inline-block;}
.pop_article_wrap{padding-top:1px;padding-bottom:1px;background-color:#fff;}
.pop_article{padding:16px 30px;background: #fff;}
.pop_article .info{color:#c33}
.pop_article.st2{margin-bottom:0}
.modal_body .popup_p_pad{padding:10px 30px 3px;background-color:#fff;}
.pop_footer{bottom:0;left:0;width:100%;padding:14px 0;background:#f3f3f3;display:inline-block;text-align:center}
.pop_footer button{width:110px;height:37px;font-size: 14px;font-weight:bold}
.btns2{margin:10px 0 30px;float:right}

/*  MODAL */
.overlay{width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 1000;display: none;}
.modal{display: none;padding: 0;z-index: 1001;position: absolute;}
.modal_body{position:relative;width:100%;height:100%;}
.closeBtn{position: absolute;top:0;right:0;width:50px;height:50px;cursor:pointer;background:url('../images/common/close.gif') no-repeat 50% 50%;text-indent:-9999px}

/* library */
.cB{clear:both}
.w29{width:29px}
.w60{width:60px}
.w70{width:70px}
.w100{width:100px}
.w110{width:110px}
.w130{width:130px}
.w150{width:150px}
.w220{width:220px}
.w300{width:300px}
.w380{width:380px}
.w475{width:475px}
.w500{width:500px}
.f_red{color:#c33}
.f_red2{color:#c66}
.f_blue{color:#3399cc}
.f_blue2{color:#AADCF5}
.f_green{color:#390}
.f_gray{color:#666}
.txtL{text-align:left}
.txtR{text-align:right}
.txtC{text-align:center}
.fL{float:left}
.fR{float:right}
.fB{font-weight:bold}
.mr2{margin-right:2px}
.mr3{margin-right:3px}
.mr10.mr10{margin-right:10px}
.mr15.mr15{margin-right:15px}
.mb0{margin-bottom:0}
.mb50{margin-bottom:50px}
.mt30{margin-top:30px}
.mt20{margin-top:20px}
.mt50{margin-top:50px}
.mt12{margin-top:12px}
.mt10{margin-top:10px}
.mt8{margin-top: 8px;}
.mt5{margin-top: 5px;}
.ml2{margin-left:2px}
.ml5{margin-left:5px}
.ml15{margin-left:15px}
.pr50{padding-right: 50px;}
.pb20{padding-bottom:20px}
.pdLR6{padding-left:6px;padding-right:6px}
.lH29{line-height:29px}
.per10{width:10%}
.per15{width:15%}
.per20{width:20%}
.per50{width:50%}
.per65{width:65%}
.per90{width:90%}

/* 문자 입력창 (이미지첨부) 수정 */
.monitor .article{width:100%;height:160px;overflow: auto;text-align:center}
.monitor .article textarea{text-align:left}
.monitor .article img{margin:auto;max-width:100%}
.monitor .article.st3{position: relative;}
.monitor .article p.byte.st2{position: absolute;bottom:0;width: 100%;}
.phone_right.large .monitor .article{height: 240px;text-align: left;color: #fff;width: 96%;padding: 0 2%;white-space: pre-line;}
.phone_right.large .monitor .article em{color:#B2CCFF}
#smsbody2{color:#fff;text-align:left;}

/* 추가 css (2014.06.01) */
blue_box.st2{margin-top: 20px;border-top:1px solid #c6d4dd}
ipin .btn_blue.st2{float:none}



::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background: url('./images/bg.png') #efefef}
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

#msgType{margin-right: 10px;}
#msgType2{margin-right: 10px;}
.mt_input{margin-top:12px;vertical-align: text-bottom}
.receav_head.st2{line-height: 25px}
.per10.st2{padding: 0}
table.txt_left td.txtL{text-align:left}
.vh_srch .btn_blue.st2{right:26px}
.fR_width{float: right;width: 314px;}
.fR_width.st2{width: 332px;}
.fR_width input{vertical-align: top;}
.select_pop{display: inline-block;float: left;height: 27px;margin-right: 4px;border: 1px solid #ccc;line-height: 29px;}
.select_pop select{margin-top: 5px;}


/* 추가 css (2014.09.25) */
.vhChk{display:none}
.sms_recev{width:665px;display:inline-block}

.sms_recev_ea{float:left;width:330px}
.sms_recev_ea .receav_box{width: 328px;}
.sms_recev_ea button,
.sms_recev_group button{padding:0 10px}
.sms_recev_ea input[id="name"] {float: left;width: 75px;}
.sms_recev_ea input[id="email"] {float: left;width: 180px;margin-left: 5px;}
.sms_recev_ea input[id="mobileNumber"] {float: left;width: 180px;margin-left: 5px;}
.sms_recev_ea #send_number{width:100%}

.sms_recev_ea button.add{position:relative}
.sms_recev_group{float:right;width:330px}
.sms_recev_group .info{font-size:12px;font-weight:normal;color:#3399cc}
.sms_recev_ea .head_info,
.sms_recev_group .head_info{height:66px}
.sms_recev_group .receav_box{width:328px}
.out_recev{display:inline-block;margin-top:15px;width:665px}
.out_recev .db_select {float: left;width: 478px;}
.out_recev button{padding:0 20px}
.out_recev .head_info{margin-bottom:5px}
.sms_recev_ea .scroll_box2,.sms_recev_group .scroll_box2{float:left}

.large .monitor{position: inherit;}
.large .monitor .article{height: 225px;}
.large .monitor textarea{height:188px;margin-top: 0;font-size:23px;}
.large .monitor .byte{position: absolute;top: 248px;right: 30px;}
.large .monitor .sms_del{position: absolute;top: 21px;right: 35px;width: 25px;height: 26px;background-position: -18px 50%;border-radius: 3px;}
.large.phone_box .recev_num{float: left;padding:25px 0 10px}
.large .btn_area{float: left;padding-left:17px;height:127px;width: 200px;}
.large .btn_area button{height: 40px;width: 64px;font-weight: bold;}
.large .btn_area .gray{border: 1px solid #a8a8a8;color: #333;background: #fff;margin-bottom: 5px;}
.large .btn_area .blue {border: 1px solid #9db1bf;color: #4170a0;background: #fff;}
.large .btn_area .gray.on{background:#777;border:1px solid #777;color:#fff}
.large .btn_area .blue.on{background:#6987a0;border:1px solid #6987a0;color:#fff}
.sms_win li div.sms_view img{max-width: 100%;}
.sms_win.attach li{text-align:center}
.attach .sms_view{height: 130px;}
.sms_win.attach p{float:left;margin-left:13px;margin-top:4px}
.sms_win.attach button{float:right;margin-right:13px;margin-top:3px}
.scroll_box.st6{margin-top:10px;height:200px}
.sms_win.attach{margin: auto;width: 420px;}
#vh_layerPop03{width: auto;}
.phone_right.large .prev_box{height: 332px;}

#vh_layerPop04 .inbox{height:100px;width: 177px;overflow: auto;}
#vh_layerPop04 .bord_box{width: 200px;margin-top: 10px;}
#vh_layerPop04 .fL{width: 200px;}
.bord_box.sms_win li .date{color: #999;padding-left:15px}
.pop_article .l_smenu{width: 120px;float: left;border: 1px solid #ddd;margin: 0;padding: 0 10px;}
.pop_article .l_smenu ul{margin: 10px 0;}
.bord_box.sms_win.st2{float: right;width: 700px;clear: none;display: block;}
.bord_box.sms_win.st2 li{margin: 0 16px 20px;}
.list_foot.st4{float: right;width: 700px;}
.srch.st2{width: 700px;margin-left: 153px;}
.srch.st2 p{margin-top: 10px;}

.h30{height:30px}
.chklable{height: 20px;padding-top: 5px;}
.cert_btn button {height: 40px;width: 195px;padding: 0 15px;}
.cert_btn{position: absolute;left: 449px;top: 68px;}
.lH1 td{line-height:1.5}
.point .tab03 p.point{font-size:12px}


/* 회사소개 */
.company_service,
.company_map{margin:50px 30px 0 0;letter-spacing:-1px;}
.company_service h4{margin-bottom:25px;}
.company_service .main_title{margin-bottom:18px;font-size:31px;line-height:40px;font-weight:bold;color:#185EAD}
.company_service p{margin-bottom:28px;font-size:16px;line-height:26px;}
.company_service .sub_title{margin-bottom:35px;font-size:18px;line-height:26px;}
.company_service .img{float:left;margin-right:20px;} 
.company_service span.company_title{display:block;margin-bottom:10px;font-size:25px;font-weight:bold;color:#23a2a7}
.service_img{/*margin:50px 0*/ margin-top:50px;margin-bottom:25px;}
.service_img p{width: 94%;margin-top:10px}

.company_service .dis_table .title{margin-bottom:15px;font-weight:600;font-size:16px;color:#333}
.company_service table{border-top:2px solid #3f84eb;}
.company_service th{border-bottom-color:#97b2da}

.company_map table{border:none;}
.company_map td{border:none;text-align:left;vertical-align:top;}
.company_map .address{vertical-align:bottom}
.company_map .address > p{margin-bottom:15px;}
.company_map .address > p:last-child{margin-bottom:0}
.company_map .address > p > span{display:block;line-height:20px;}
.company_map .address .company_name{margin-top:15px;margin-bottom:23px;font-size:20px;font-weight:bold;color:#333}
.company_map .map_title{margin-bottom:5px;color:#eb6c64; font-weight:bold}
.company_map .map_title .text{color:gray;font-weight:normal;letter-spacing:0}
.service_main{border-top:1px solid #e5e5e5;border-left:1px solid #e5e5e5;display:inline-block}
.service_main li{float:left;width:302px;height:219px;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;background: url('../images/sub/img14.png') no-repeat}
.service_main li.tab01{background-position:180px 120px;}
.service_main li.tab02{background-position:-120px 120px;}
.service_main li.tab03{background-position:-430px 120px;}
.service_main li.tab04{background-position:180px -100px;}
.service_main li.tab05{background-position:-120px -100px;}
.service_main li.tab06{background-position:-430px -100px;}
.service_main h4{font-size:18px;padding: 10px 20px;}
.service_main p{padding:0 20px;font-size:14px}
.service_mail .right_box,
.service_mail .left_box{background: url('../images/sub/img15.gif') no-repeat}
.service_mail .tab01{background-position:0 30px}
.service_mail .tab02{background-position:right -390px}
.service_mail .tab03{background-position:0 -810px}
.service_mail .tab04{background-position:right -1325px}
.service_mail .tab05{background-position:0 -1780px}
.service_sms .left_box ul{padding-left:120px;}
.service_sms .left_box li{font-size:14px;padding-left:20px;background: url('../images/common/ico01.gif') no-repeat 10px 8px;}
.service_sms .tab01{background-position:20px 65px;}
.service_sms .tab02{background-position:20px -195px;}
.service_sms .tab03{background-position:20px -390px;}
.service_sms .tab04{background-position:20px -550px;}
.service_sms .tab05{background-position:20px -700px;}
.service_sms .tab06{background-position:20px -1015px;}
.service_sms .tab07{background-position:20px -1210px;}
.service_sms .tab08{margin-bottom:50px;background-position:20px -1380px;}
.service .left table.blue{margin-bottom: 5px;}
.service .left,
.service .right{margin-bottom:50px}
.service_fax .left_box{min-height:0}
.service_fax .left_box img{max-width:100%}
.service_fax .tab03{padding-right: 300px;margin-bottom:50px;background: url('../images/sub/img18.gif') no-repeat right 30px}
.service_total img{margin:auto;max-width:100%}
.service_total .left_box.st2 .txt{margin-top:20px}
.service_total .tab02{margin-bottom:50px;background: url('../images/sub/img20.gif') no-repeat  0 80px}
.service_total .left_box.tab02.st2 .txt{margin-top:130px}
.service_total .left_box.tab02.st2 .srch{background: url('../images/sub/img20.gif') no-repeat 0 -450px;}
.service_total .left_box.tab02.st2 .srch div{width: 57%;}
.service_total .tab03{min-height:170px;background: url('../images/sub/img20.gif') no-repeat 0 -820px;font-size: 13px;}
.service_total .tab03 ul,
.service_total .tab03 p{padding:10px 0 0 250px}
.pay_pop{width:460px;height:460px;overflow:auto}
.head.paging{width:auto}
.head.paging a{font-weight:bold;border:1px solid #ccc}
.estimate{display: inline-block;width: 100%;}
.estimate .bord_box{float:left;width:49%}
.estimate .comp_info{float:right;margin: 9px 0 20px;width:42%;border:4px solid #ededed;padding: 10px 2%;height: 134px;}
.estimate .comp_info .logo{width:170px}
.estimate .comp_info p{text-align:right;margin-top:15px}
.estimate .comp_info .info{width: 175px;}
.estimate .bord_box.report li dl{width:100%}
.cont_info.payok{background: url('../images/sub/img21.png') no-repeat 40px 25px}
.cont_info.payok p{font-size:23px;margin-left:160px}

.css_btn_class {
	font-size:12px;
	font-family:"나눔바른고딕",'NanumBarunGothic', Verdana;
	font-weight:normal;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:10px;
	border:1px solid #dcdcdc;
	padding:3px 3px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ffffff 61%, #f6f6f6 44% );
	background:-ms-linear-gradient( top, #ffffff 61%, #f6f6f6 44% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(61%, #ffffff), color-stop(44%, #f6f6f6) );
	background-color:#ffffff;
	color:#666666;
	display:inline-block;
	text-shadow:1px 1px 6px #ffffff;
 	-webkit-box-shadow:inset 1px 0px 27px -36px #ffffff;
 	-moz-box-shadow:inset 1px 0px 27px -36px #ffffff;
 	box-shadow:inset 1px 0px 27px -36px #ffffff;
}.css_btn_class:hover {
	background:-moz-linear-gradient( center top, #f6f6f6 61%, #ffffff 44% );
	background:-ms-linear-gradient( top, #f6f6f6 61%, #ffffff 44% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(61%, #f6f6f6), color-stop(44%, #ffffff) );
	background-color:#f6f6f6;
}.css_btn_class:active {
	position:relative;
	top:1px;
}

/* ========================================================
 * ========================  팝업창    =======================
 * ===================================================== */
.overlay {
display:none;
position:fixed;
top:0;left:0;
width:100%;height:100%;
z-index: 1000; }

.popup_style {
position:absolute;
display:none;overflow:auto;
width:600px;
background:#fff;
z-index: 1001;}
.popup_style.card_slip{width:400px}
.popup_style > h2{padding:15px 0 15px 15px;color:#fff;font-size:16px;background-color:#f2483c}
.popup_style p.closebtn{background:url("../images/common/close.gif") no-repeat scroll 50% 50%}
.popup_style .popup_con label{display:inline-block;}
.popup_style .popup_con{padding:20px 30px;}
.popup_con > .cashReceipt > dt{float:left;width:140px;font-weight:bold}
.popup_con > .cashReceipt > dt,
.popup_con > .cashReceipt > dd{display:block;padding-top:4px;padding-bottom:4px;line-height:29px;vertical-align:middle}
.popup_con > .cashReceipt > dd input[type='text']{vertical-align:top}


#owl-demo .item img{
    display: block;
    width: 100%;
    height: auto;
}