@charset "utf-8";

/* Common */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; outline:0; border:0; padding:0; font-size:100%; vertical-align:baseline; text-align:left;}
html, body {height:100%;}
html, body {font-family:'나눔고딕',NanumGothic,'맑은 고딕',Malgun Gothic,'돋움',Dotum,Arial; font-size:12px; color:#575757; background:#fff;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
:active, :focus {outline:0;}
a {color:#666; text-decoration:none;}
a:hover {color:#36c; text-decoration:underline;}
a, li, input {-webkit-tap-highlight-color:rgba(0,0,0,0) !important;}
a img {border:0; padding:0; vertical-align:middle;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;}
caption {visibility:hidden; height:1px;}
input[type=text], input[type=password] {font-family:'나눔고딕',NanumGothic,'맑은 고딕',Malgun Gothic,'돋움',Dotum,Arial; font-size:12px; background:#fff; color:#666; border:1px solid #ccc; padding:5px; height:11px; vertical-align:middle;}
select {height:23px; margin:0; vertical-align:middle; border:1px solid #ccc; outline:none; background:#fff; font-family:'나눔고딕',NanumGothic,'맑은 고딕',Malgun Gothic,'돋움',Dotum,Arial; font-size:12px; color:#666;}
input[type=checkbox] {vertical-align:middle; margin:1px;}
input[type=radio] {vertical-align:middle; margin:0;}
input[type=file] {font-family:'나눔고딕',NanumGothic,'맑은 고딕',Malgun Gothic,'돋움',Dotum,Arial; font-size:12px; color:#666; background:#fff; color:#666; border:1px solid #ccc; padding:1px;}
input[type=image] {display: inline-block; *zoom:1; *display:inline; vertical-align: middle;}
input[type=button] {display: inline-block; *zoom:1; *display:inline; vertical-align: middle; cursor:pointer; margin-left:-1px;}
textarea {padding:5px; border:1px solid #ccc; font-family:'나눔고딕',NanumGothic,'맑은 고딕',Malgun Gothic,'돋움',Dotum,Arial; font-size:12px; color:#666; line-height:140%;}
p {line-height:140%;}
dl,dt,dd {display:inline-block; *zoom:1; *display:inline;}
img {vertical-align:middle;}

/* Layout */
#wrap {min-width:940px;}
#container {position:relative; overflow:hidden; width:940px; min-height:580px; margin:0 auto;}
#left {position:relative; overflow:hidden; float:left; width:190px;}
#content {position:relative; overflow:hidden; width:720px; margin-left:220px; margin-bottom:30px;}

#header {position:relative; overflow:hidden; width:940px; height:145px; margin:0 auto;}
#header h1 {width:135px; height:26px; background:url('../images/logo_top.png'); margin-top:12px; text-indent:-9999px;}
#header h1 a {display:block; width:135px; height:26px;}

ul.mainMenu {height:38px; margin-top:14px;}
ul.mainMenu li {display:inline-block; *zoom:1; *display:inline; float:left; height:38px; background:#00a3a3;}
ul.mainMenu li a {display:block; width:134px; height:100%; line-height:36px; font-size:14px; font-weight:bold; text-align:center; color:#fff;}
ul.mainMenu li a:hover {background:#009495; text-decoration:none;}
ul.mainMenu li:first-child {}
ul.mainMenu li:first-child a {width:136px;}
ul.mainMenu li.on {background:#008187;}

.subMenu {position:relative; width:938px; height:34px; background:#fff; border-right:1px solid #e3e3e3; border-bottom:1px solid #e8e8e8; border-left:1px solid #e8e8e8;}
.subMenu ul li {display:inline-block; *zoom:1; *display:inline; _display:inline; float:left; font-size:13px; font-weight:bold;letter-spacing:-1px;}
.subMenu ul li a {display:block; padding:5px 10px; color:#909090;}
.subMenu ul li a:hover {text-decoration:none; color:#333;}

.subMenu01 {position:absolute; top:3px; left:10px;}
.subMenu06 {position:absolute; top:3px; right:10px;}
.subMenu07 {position:absolute; top:3px; right:5px;}

ul.topMenu {position:absolute; top:14px; right:0;}
ul.topMenu li {display:inline-block; *zoom:1; *display:inline; font-size:11px; font-weight:bold;}
ul.topMenu li a {display:block; padding:4px 6px; color:#999;}
ul.topMenu li a:hover {text-decoration:none; color:#666;}

/* Left - Login */
.loginWrap {width:164px; min-height:116px; padding:13px; background:#525252;}
.login {height:92px; }
.login p {padding-bottom:6px;}
.login input[type=text],.login input[type=password] {width:95px; height:14px; padding:5px; border:none;}
.btnLogin {display:inline-block; *zoom:1; *display:inline; float:right; width:54px; height:54px; background:url(../images/btn_login.png) no-repeat; text-indent:-9999px; border:none;}
.btnLogin:hover {background-position:0 -60px;}
.login .check {padding-top:2px; text-align:left; color:#fff;}

.loginBtm {text-align:center; margin-left:-4px;}
.btnLogin2 {display:inline-block; *zoom:1; *display:inline; float:left; width:80px; height:24px; margin-left:4px; font-size:11px; font-weight:bold; color:#fff; line-height:24px; text-align:center; background:#707070;}
.btnLogin2:hover {width:78px; height:22px;  text-decoration:none; background:#7b7b7b; border:1px solid #999; color:#fff; line-height:22px;}
.loginWrap .user {width:164px; min-height:28px; padding-bottom:5px; color:#fff; text-align:center;}
.loginWrap .info {min-height:5px; padding:4px 8px; margin-bottom:6px; background:#fff; font-size:11px; line-height:120%;}
.loginWrap .info dl {display:block; margin:5px 0;}
.loginWrap .info dt {display:inline-block; *zoom:1; *display:inline; margin:1px; padding-left:5px; background:url(../images/bul_or.png) no-repeat 0 4px; font-weight:bold;}
.loginWrap .info dd {display:inline-block; *zoom:1; *display:inline; float:right; margin:1px;}
.loginWrap .info strong {color:#f60;}

/* Left - 배너 */
ul.banner01 {margin-top:8px; width:190px; height:220px; background:url(../images/banner.png) no-repeat;}
ul.banner01 li {display:inline-block; *zoom:1; *display:inline; float:left; text-indent:-9999px;}
ul.banner01 li a {display:block; height:100%;}
ul.banner01 .bn0101 {width:95px; height:73px; margin:0 1px 1px 0;}
ul.banner01 .bn0101 a:hover {background:url(../images/banner.png) no-repeat -200px 0;}
ul.banner01 .bn0102 {width:94px; height:73px; margin-bottom:1px;}
ul.banner01 .bn0102 a:hover {background:url(../images/banner.png) no-repeat -296px 0;}
ul.banner01 .bn0103 {width:95px; height:72px; margin:0 1px 1px 0;}
ul.banner01 .bn0103 a:hover {background:url(../images/banner.png) no-repeat -200px -74px;}
ul.banner01 .bn0104 {width:94px; height:72px; margin-bottom:1px;}
ul.banner01 .bn0104 a:hover {background:url(../images/banner.png) no-repeat -296px -74px;}
ul.banner01 .bn0105 {width:95px; height:73px; margin-right:1px;}
ul.banner01 .bn0105 a:hover {background:url(../images/banner.png) no-repeat -200px -147px;}
ul.banner01 .bn0106 {width:94px; height:73px;}
ul.banner01 .bn0106 a:hover {background:url(../images/banner.png) no-repeat -296px -147px;}

ul.banner02 {margin-top:8px;}
ul.banner02 li {width:190px; background:url(../images/banner.png) no-repeat; text-indent:-9999px;}
ul.banner02 li a {display:block; height:100%;}
ul.banner02 .bn0201 {height:69px; background-position:0 -230px;}
ul.banner02 .bn0202 {height:81px; background-position:0 -299px;}
ul.banner02 .bn0203 {height:52px; background-position:0 -380px;}
ul.banner02 .bn0203 a:hover {background:url(../images/banner.png) no-repeat -200px -380px;}

/* Footer */
#footerWrap {width:100%; padding:20px 0; margin-top:30px; border-top:1px solid #e4e4e4;}
#footer {width:720px; padding-left:220px; margin:0 auto; font-size:11px; background:url(../images/logo_footer.png) no-repeat;}
#footer .footMenu {margin-bottom:12px;}
#footer .footMenu li {display:inline-block; *zoom:1; *display:inline; padding:0 10px; border-left:1px solid #e4e4e4; font-weight:bold;}
#footer .footMenu li:first-child {padding-left:0; border-left:none;}
#footer .footMenu li a {color:#666;}
#footer .adrs {color:#828282; line-height:160%;}
#footer .adrs .bar {color:#e4e4e4; padding:0 6px;}
#footer .copy {line-height:160%; font-weight:bold; color:#999;}

/* Main Page */
.contMain {position:relative; width:720px;}
.canvas {position:relative; width:720px; height:240px; margin-bottom:20px;}
.canvas .page {position:absolute; bottom:20px; left:20px;}
.canvas .page li {display:inline-block; *zoom:1; *display:inline; float:left; margin-right:4px; text-indent:-9999px;}
.canvas .page li a {display:block; width:8px; height:8px;}
.canvas .page li.on a {background:#32ccc7; border:1px solid #32ccc7;}
.canvas .page li.off a {background:none; border:1px solid #39b4b0;}
.canvas .page li.off a:hover {background:#32ccc7; border:1px solid #32ccc7;}
.canvas .canvas01 {width:720px; height:260px; background:url(../images/canvas_01.png) no-repeat; text-indent:-9999px;}
.canvas .canvas02 {width:720px; height:260px; background:url(../images/canvas_02.png) no-repeat; text-indent:-9999px;}

.contMain h3 {padding-left:0 !important; margin-bottom:0 !important; background:none !important; font-size:14px !important; color:#333 !important; line-height:13px !important; height:20px !important;}
.contMain a.more {position:absolute; top:0; right:0; display:inline-block; *zoom:1; *display:inline; padding-right:14px; font-size:11px; color:#369; font-weight:bold; background:url(../images/btn_more.png) no-repeat right 1px;}
.contMain a.more:hover {text-decoration:none; color:#00458a; background-position:right -19px;}

.notice {position:relative; display:inline-block; *zoom:1; *display:inline; width:330px; height:110px;}
.notice ul li {position:relative; padding-left:10px; margin:1px 0; background:url(../images/bul_li.png) no-repeat 4px 6px;}
.notice ul li a {display:inline-block; *zoom:1; *display:inline; width:252px; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal;}
.notice ul li span {position:absolute; top:0; right:0;}

.guide {position:absolute; top:260px; left:360px; width:360px; height:110px;}
.guide li {display:inline-block; *zoom:1; *display:inline; _display:inline;}
.guide li.btn01 {float:left; text-indent:-9999px;}
.guide li.btn01 a {display:block; width:125px; height:90px; background:url(../images/banner.png) no-repeat 0 -440px;}
.guide li.btn01 a:hover {background-position:-130px -440px;}
.guide li.btn02 {float:left; text-indent:-9999px; margin-left:-1px;}
.guide li.btn02 a {display:block; width:119px; height:90px; background:url(../images/banner.png) no-repeat 0 -540px;}
.guide li.btn02 a:hover {background-position:-130px -540px;}
.guide li.btn03 {float:left; text-indent:-9999px; margin-left:-1px;}
.guide li.btn03 a {display:block; width:118px; height:90px; background:url(../images/banner.png) no-repeat 0 -640px;}
.guide li.btn03 a:hover {background-position:-130px -640px;}

.feature {height:190px; margin-top:20px;}
.feature h3 {position:absolute; top:-1px; left:-1px; width:232px; padding:8px 0; font-size:15px; color:#fff !important; text-align:center; line-height:140% !important;}
.feature .box {display:inline-block; *zoom:1; *display:inline; _display:inline; float:left; position:relative; width:232px; height:188px; border:1px solid #dedede;}
.feature ul {position:absolute;}
.feature ul li {margin:5px 0; padding-left:6px; background:url(../images/bul_li.png) no-repeat 0 8px; color:#444; line-height:130%;}
.feature .box .more {position:absolute; top:160px; right:20px;}

.feature .feature01 {margin-right:9px; background:url(../images/bg_feature_01.png) no-repeat 21px 54px #f8f8f8;}
.feature .feature01 h3 {background:#39b2ae !important; border:1px solid #1b9894;}
.feature .feature01 ul {top:52px; left:108px;}

.feature .feature02 {margin-right:9px; background:url(../images/bg_feature_02.png) no-repeat center 113px #f8f8f8;}
.feature .feature02 h3 {background:#2ab495 !important; border:1px solid #0f9c7c;}
.feature .feature02 ul {top:45px; left:12px;}

.feature .feature03 {background:url(../images/bg_feature_03.png) no-repeat 12px 54px #f8f8f8;}
.feature .feature03 h3 {background:#36a2bd !important; border:1px solid #1e8da9;}
.feature .feature03 ul {top:52px; left:106px;}

/* 페이지 타이틀 */
.title {position:relative; height:40px;}
.title h2 {display:inline-block; *zoom:1; *display:inline; color:#333333; font-size:20px; font-weight:bold;}
.title .path {position:absolute; top:0; right:0; display:inline-block; *zoom:1; *display:inline; float:right; margin-top:4px; color:#666; font-size:11px;}
.title .path span {display:inline-block; float:left; height:18px; padding-right:12px; margin-right:6px; background:url(../images/icon_path.png) no-repeat right 4px; vertical-align:bottom;}
.title .path span.home {width:13px; height:14px;}
.title .path span.home a {display:block; width:13px; height:14px; background:url(../images/icon_home.png) no-repeat 0 0; text-indent:-9999px;}
.title .path strong {color:#666;}

/* 페이지 설명글 */
.intro {padding:20px; margin-bottom:30px; border:1px solid #D0E4E4;}
.intro p {line-height:160%;}
.intro li {padding:2px 0 2px 5px; background:url(../images/bul_li.png) no-repeat 0 9px;}
.introJoin {padding-left:160px; background:url(../images/icon_join.png) no-repeat 40px 18px #ECF7F7;}
.introJoininfo {padding:30px 20px 30px 160px; background:url(../images/icon_joininfo.png) no-repeat 40px 18px #ECF7F7;}
.introIdpw {padding-left:160px; background:url(../images/icon_idpw.png) no-repeat 40px 18px #ECF7F7;}

/* 서브 타이틀 */
#content h3 {min-height:16px; padding-left:15px; margin-bottom:8px; background:url(../images/bul_h3.png) no-repeat 0 3px; font-size:14px; color:#333; line-height:120%;}
#content h3 strong {color:#093;}
#content h3 span.tiSub {font-size:13px;}
#content h3.tiSearch {height:16px; padding-left:17px; margin-bottom:10px; border-left:none; background:url(../images/bul_search.png) no-repeat 0 1px; font-size:14px; color:#333; line-height:100%;}
#content h3.none {min-height:16px; padding-left:0; margin-bottom:10px; background:none; font-size:14px; color:#333; line-height:120%;}
#content h4 {display:inline-block; *zoom:1; *display:inline; _display:inline; padding-left:8px; margin-bottom:5px; font-size:13px; color:#333; background:url(../images/bul_h4.png) no-repeat 0 5px; line-height:130%;}
#content h5 {font-size:13px;}

/* 글내용 */
#content h5 {margin-bottom:4px;}
.cont p {margin-bottom:8px;}
.cont ul.bul li {padding: 4px 0 4px 6px; background: url(../images/bul_li.png) no-repeat 0 12px;}

/* 회원 */
.memType {overflow:hidden;}
.memType .com {float:left; width:353px;}
.memType .per {float:right; width:353px;}
.memType .box {padding-top:55px; border:1px solid #dbdbdb; border-top:2px solid #39B2AE; text-align:center;}
.memType .box h4 {padding:0 !important; background:none !important; font-size:16px !important; font-weight:600; text-align:center;}
.memType .box h4:before {display:block; content:''; width:100px; height:100px; margin:auto; margin-bottom:25px; background:url(../images/icon_mem_type.png) no-repeat;}
.memType .com h4:before {background-position:0 0;}
.memType .per h4:before {background-position:0 -100px;}

.memType .box p {text-align:center; font-size:14px;}
.memType .box .btnWrap {padding:30px 0; margin-top:50px; background-color:#f9f9f9; text-align:center;}
.memType .box .btnBig, .memType .box .btnBigOr {width:170px;}
.boxMem {padding:20px 0; background-color:#f9f9f9; border:1px solid #dbdbdb; border-top:2px solid #39B2AE;}
.boxMem table {margin:0 auto;}
.boxMem table th {padding-right:10px;}
.boxMem table td {padding:4px;}
.boxMem .bottom {padding-top:20px; margin:20px 30px 0; border-top:1px solid #E0E0E0; text-align:center;}
.boxMem table p.comment {margin-top:3px;}

.boxTerms {height:240px; border:1px solid #dbdbdb; border-top:2px solid #39B2AE; overflow-y:auto;}
.checkWrap {padding-top:10px; text-align:right;}

.idFind {padding: 5px 0 5px 120px; margin:30px 0 30px 140px; height:67px; font-size:14px; font-weight:bold; color:#666; background:url(../images/icon_idpw.png) no-repeat;}
.idFind p {margin:8px;}
.pwFind {padding: 0px 50px 0px 120px; margin:30px 0 30px 120px; background:url(../images/icon_idpw.png) no-repeat 0 50%;}
.pwFind li {padding:4px 0 4px 8px; background:url(../images/bul_or.png) no-repeat 0 12px;font-weight:bold; color:#666; line-height:150%;}
.pwFind p {margin:8px;}

/* 2단계 인증 */
.login2 {width:400px; padding:30px 0 30px 160px; margin:auto; background:url(../images/icon_login_03.png) no-repeat 0 30px;}
.login2 .inputWrap {width:220px; margin-top:20px;}
.login2 dl {overflow:hidden;}
.login2 dt {float:left; width:114px; margin:4px 0; font-size:14px; line-height:23px; font-weight:bold; vertical-align:middle;}
.login2 dd {float:left; width:106px; margin:4px 0; vertical-align:middle;}
.login2 dd .btnGray {width:86px;}
.login2 dd input {width:94px; text-align:center;}
.login2 .btnBig {display:block; margin-top:10px;}

/* 설명 */
.comment {font-size:11px; color:#777;}
.commentb {font-size:11px; color:#2d83d9;}
.comment p {margin-top:2px; margin-bottom:2px;}
.comment .must {padding-left:18px; background:url(../images/icon_must.png) no-repeat 0 1px;}
.comment .must strong {color:#c63;}

/* 문자발송 */
.sendMessageWrap {position:relative; padding-bottom:20px; z-index:903;}
.sendMessage {position:relative; width:210px; z-index:902;}
.sendMessage .btns {overflow:hidden; width:190px; margin-top:12px;}
.sendMessage .btns p {overflow:hidden; margin-top:4px;}
.sendMessage .btns .btnGray, .sendMessage .btns .btnGreen {float:left; width:137px; margin:0 !important;}
.sendMessage .btns .btnWhite {float:right; margin:0 !important;}
.sendMessage .btns p.check {position:relative; line-height:200%; font-weight:bold; letter-spacing:-1px;}
.sendMessage .btns p.check .btnWhite  {position:absolute; top:0; right:0;}

.type {position:relative; width:190px; margin-bottom:18px;}
.type .btnWhite {position:absolute; top:0; right:0;}

.phone {position:relative; width:210px; height:320px; z-index:901;}
.phone input.msgTitle {position:absolute; top:54px; left:22px; width:139px; padding:5px 3px; color:#333;}
.phone textarea {position:absolute; left:22px; width:147px; color:#666; border:none; padding:0; font-family:'돋움',Dotum; line-height:130%; overflow-x:hidden; overflow-y:auto; resize:none; word-break:break-all; background:none;}
.phone .byte {position:absolute; top:244px; left:13px; width:164px; font-size:11px; background:#none; text-align:center;}

.phone .sendNum {position:absolute; top:280px; right:32px; width:166px;}
.phone .sendNum strong {font-size:11px; line-height:200%;}
.phone .sendNum input[type=text] {position:absolute; top:0; right:24px; width:85px; padding:4px 0px 4px 3px; font-family:'돋움',Dotum,Arial; color:#333; background-color:#e7e7e7;}
.phone .sendNum .btnGray {position:absolute; top:0; right:0; width:23px; padding:3px 0 !important;}

.phone_sms {background:url(../images/bg_phone_sms.png) no-repeat 0 0;}
.phone_sms textarea {top:54px; height:178px;}
.phone_sms .byte {color:#006C7A !important;}

.phone_lms {background:url(../images/bg_phone_lms.png) no-repeat 0 0;}
.phone_lms input.msgTitle {background:#c5daf0; border:1px solid #adc3d9;}
.phone_lms textarea {top:82px; height:150px;}
.phone_lms .byte {color:#005CA8 !important;}

.phone_mms {background:url(../images/bg_phone_mms.png) no-repeat 0 0;}
.phone_mms input.msgTitle {background:#d4cce4; border:1px solid #c7bfd8;}
.phone_mms textarea {top:82px; height:150px;}
.phone_mms .byte {color:#6137A9 !important;}

.phone_img {background:url(../images/bg_phone_mms.png) no-repeat 0 0;}
.phone_img input.msgTitle {background:#d4cce4; border:1px solid #c7bfd8;}
.phone_img .sendImg {position:relative; top:82px; left: 38px; width:100px; height:60px;}
.phone_img .sendImg img {position:absolute; width:100px; height:60px; border:1px solid #fff;}
.phone_img .sendImg #mms_img1 {display: block; }
.phone_img .sendImg #mms_img2 {display: none; }
.phone_img .sendImg #mms_img3 {display: none; }
.phone_img .sendImg .btn {display:table; position: absolute; top:4px; left :108px;}
.phone_img .sendImg .btn label {display: table-cell;  padding: 1px 5px; border: 1px solid #000; background-color: #fff;}
.phone_img .sendImg .btn input[type="radio"] {display: none;}
.phone_img .sendImg .btn input:hover+label {background-color: #e8e8e8;}
.phone_img .sendImg .btn input:checked+label {background-color: #39b2ae;}
.phone_img textarea {position:absolute; top:148px !important; height:88px !important;}
.phone_img .byte {color:#6137A9 !important;}





/* 폰 - 미리보기전용 */
.msgPreview {position:absolute; overflow-y:auto; top:52px; left:18px; width:148px; height:170px; padding:5px 3px; font-family:'돋움',Dotum; line-height:130%; background:#;}
.msgPreview .msgTitle {margin-bottom:10px;}
.msgPreview .imgPreview {width:100px; height:60px; margin:auto; margin-bottom:4px; border:1px solid #fff;}
.msgPreview .imgPreview img {width:100px; height:60px;}
.msgPreview textarea {position:absolute; left:0px; top:0px; width:147px; color:#666; border:none; padding:0; font-family:'돋움',Dotum; line-height:130%; overflow-x:hidden; overflow-y:auto; resize:none; word-break:break-all; background:none;}
.phone span.msgTitle {position:absolute; top:54px; left:22px; width:139px; padding:5px 3px; color:#333;}

.phone_lms .msgPreview textarea {position:absolute; left:0px; top:30px; width:147px; color:#666; border:none; padding:0; font-family:'돋움',Dotum; line-height:130%; overflow-x:hidden; overflow-y:auto; resize:none; word-break:break-all; background:none;}
.phone_mms .msgPreview textarea {position:absolute; left:0px; top:30px; width:147px; color:#666; border:none; padding:0; font-family:'돋움',Dotum; line-height:130%; overflow-x:hidden; overflow-y:auto; resize:none; word-break:break-all; background:none;}

/* 이모티콘 - 버튼 */
.btnEmoticonC {position:absolute; top:46px; left:190px; width:21px; height:110px; text-indent:-9999px; background:url(../images/btn_emoticon.png) no-repeat 0 0;}
.btnEmoticonC:hover {background-position:0 -120px;}
.btnEmoticonO {position:absolute; top:-2px; left:418px; width:21px; height:110px; text-indent:-9999px; background:url(../images/btn_emoticon.png) no-repeat -30px 0;}
.btnEmoticonO:hover {background-position:-30px -120px;}
.popEmoticon {position:absolute; top:46px; left:190px; width:400px; height:200px; padding:8px; background-color:#fff; border:2px solid #009494; z-index:900;}
.popEmoticon h4 {margin-bottom:5px;}

/* 이모티콘 - 테이블 */
.tableEmoticon {width:100%;}
.tableEmoticon td {padding:0; border:1px solid #e8e8e8; font-family:'돋움',Dotum !important; text-align:center; word-break:break-all;}
.tableEmoticon td a {display:block; height:15px; padding:5px 2px 4px; text-align:center; text-decoration:none; vertical-align:middle;}
.tableEmoticon td a:hover {background-color:#ecf4fc;}

.sendList {position:absolute; top:0; left:230px; width:490px;}
.sendList .sendSelect {}
.sendList .sendSelect .box {padding:15px 20px; border:1px solid #dbdbdb; border-top:2px solid #39B2AE;}
.sendList .sendSelect .box h4.inline {width:144px;}
.sendList .sendSelect .box input[type=text] {margin-left:0; width:165px;}
.sendList .sendSelect .box .btn01 {width:58px;}
.sendList .sendSelect .box .btn02 {width:107px; *padding:4px 13px;}
.sendList .sendSelect .box p {margin-bottom:6px;}

.sendList .sendSelected {position:relative;}
.sendList .sendSelected dl {position:absolute; top:4px; right:0;}
.sendList .sendSelected dl dt {padding-left:6px; background:url(../images/bul_or.png) no-repeat 0 4px; font-size:11px; font-weight:bold;}
.sendList .sendSelected dl dd {font-size:11px; font-weight:bold;}

.sendOption .option01 {display:inline-block; *zoom:1; *display:inline; _display:inline; vertical-align:top; padding:5px 8px 5px 2px;}
.sendOption .option02 {display:inline-block; *zoom:1; *display:inline; _display:inline;}
.sendOption .option02 span {margin-right:3px;}

/* 버튼 - 전송, 적용 */
.btnSend {display:inline-block; *display:block; width:104px; height:56px; background:url(../images/btn_send.png) no-repeat; text-indent:-9999px;}
.btnSend:hover {background-position:0 -60px;}
.btnSend02 {display:inline-block; *display:block;  float:left; width:84px; height:40px; background:url(../images/btn_send_02.png) no-repeat; text-indent:-9999px;}
.btnSend02:hover {background-position:0 -40px;}
.btnApply {display:inline-block; *display:block; float:left; width:84px; height:40px; background:url(../images/btn_apply.png) no-repeat; text-indent:-9999px;}
.btnApply:hover {background-position:0 -40px;}

/* 문자보관 템플릿 */
.msgCabinet {min-height:610px; margin-top:20px; position:relative;}
.msgThemeWrap {position:absolute; top:51px; left:0; width:178px; height:550px; border:1px solid #dbdbdb;}
.msgTheme {width:178px; height:515px; overflow-y:auto;}
ul.liMsgTheme {margin:15px 20px;}
ul.liMsgTheme li {background:url(../images/bul_arrow_gr.png) no-repeat 0 10px; font-size:12px; font-weight:bold;}
ul.liMsgTheme li.on {background:url(../images/bul_arrow_or.png) no-repeat 0 10px;}
ul.liMsgTheme li a {display:block; padding:5px 8px; color:#666;}
ul.liMsgTheme li.on a {color:#F74F43;}

.msgThemeWrap .pagerWrap {margin-top:8px !important;}
.msgListWrap {padding-left:200px;}

.msgType {margin-bottom:14px;}
.msgType li {display:inline-block; *zoom:1; *display:inline; _display:inline;}
.msgType li a {display:block; width:47px; height:23px; text-indent:-9999px; background-position:0 0;}
.msgType li.sms a {background:url(../images/btn_sms.png) no-repeat 0 0;}
.msgType li.lms a {background:url(../images/btn_lms.png) no-repeat 0 0;}
.msgType li.mms a {background:url(../images/btn_mms.png) no-repeat 0 0;}
.msgType li a:hover {background-position:0 -30px;}
.msgType li.on a {background-position:0 -60px;}

.liMsg {overflow:hidden; margin-left:-14px;}
.liMsg li {position:relative; display:inline-block; *zoom:1; *display:inline; _display:inline; float:left; overflow:hidden; width:150px; padding:24px 6px 6px; margin:0 0 14px 14px; background:url(../images/bg_li_msg.png) no-repeat 120px 9px #f3f3f3; border:1px solid #dfdfdf;}
.liMsg li textarea {width:138px; height:106px; margin:0;}
.liMsg li .btns {float:right; margin-top:4px;}
.liMsg .btnGray {padding:3px 7px;}
.liMsg .tiType {position:absolute; top:7px; left:7px; font-size:11px; font-weight:bold;}
.liMsg .tiSms {color:#099;}
.liMsg .tiLms {color:#2673be;}
.liMsg .tiMms {color:#784ccf;}
.liMsg .date {float:right; padding:4px 2px; margin-top:4px; font-size:11px;}

/* 도움말 */
.popHelp {position:absolute; padding:10px; background-color:#fff; border:2px solid #009494;}
.popHelp h4 {font-size:13px; color:#008388 !important; margin-bottom:8px !important; padding-left:0 !important; background:none !important;}
.popHelp a.close {position:absolute; top:6px; right:6px; width:20px; height:20px; background:url(../images/close_help.png) no-repeat; text-indent:-9999px;}
.popHelp span.arrow {position:absolute; top:15px; left:-7px; width:7px; height:9px; background:url(../images/arrow_help.png) no-repeat}

.popHelp02 {position:absolute; padding:10px; background-color:#fff; border:2px solid #009494;}
.popHelp02 h4 {font-size:13px; color:#008388 !important; margin-bottom:8px !important; padding-left:0 !important; background:none !important;}
.popHelp02 a.close {position:absolute; top:6px; right:6px; width:20px; height:20px; background:url(../images/close_help.png) no-repeat; text-indent:-9999px;}
.popHelp02 span.arrow {position:absolute; top:15px; right:-7px; width:7px; height:9px; background:url(../images/arrow_help_02.png) no-repeat}

.sendMessageWrap .popHelp {position:absolute; width:160px; z-index:899;}
.sendMessageWrap .popHelp02 {position:absolute; z-index:899;}
.sendMessageWrap .help01 {top:-13px; left:198px; width:240px; height:80px;}
.sendMessageWrap .help02 {top:31px; right:90px; width:200px; height:72px;}
.sendMessageWrap .help03 {top:62px; right:90px; width:200px; height:86px;}
.sendMessageWrap .help04 {top:93px; right:90px; width:360px; height:120px;}
.sendMessageWrap .help05 {top:128px; left:482px; width:208px; height:116px;}
.sendMessageWrap .help06 {top:367px; left:198px; width:300px; height:108px;}
.sendMessageWrap .help07 {top:394px; left:198px; width:320px; height:135px;}
.sendMessageWrap .help08 {top:420px; left:198px; width:370px; height:122px;}
.sendMessageWrap .help09 {top:448px; left:198px; width:370px; height:200px;}
.sendMessageWrap .help10 {top:474px; left:198px; width:300px; height:70px;}
.sendMessageWrap .help11 {top:501px; left:198px; width:300px; height:70px;}

.sendMessageWrap .help12 {top:328px; left:198px; width:340px; height:88px;}

.sendMessageWrap .help13 {top:353px; left:198px; width:300px; height:70px;}
.sendMessageWrap .help14 {top:380px; left:198px; width:300px; height:70px;}
.sendMessageWrap .help15 {top:407px; left:198px; width:300px; height:70px;}
.sendMessageWrap .help16 {top:435px; left:198px; width:380px; height:119px;}
.sendMessageWrap .help17 {top:460px; left:198px; width:380px; height:118px;}
.sendMessageWrap .help18 {top:486px; left:198px; width:300px; height:70px;}
.sendMessageWrap .help19 {top:353px; left:198px; width:300px; height:56px;}
.sendMessageWrap .help20 {top:380px; left:198px; width:380px; height:119px;}
.sendMessageWrap .help21 {top:407px; left:198px; width:380px; height:118px;}

.sendMessageWrap .help22 {top:531px; left:198px; width:300px; height:70px;}

.helpM14 {top:-440px; left:250px; width:330px; height:86px;}
.helpM14 .arrow01 {left:-10px;}

.helpPay {top:290px; right:50px; width:370px; height:170px;}
.helpPay dl {overflow:hidden; margin:3px 0; line-height:140%;}
.helpPay dl dt {display:inline-block; *zoom:1; *display:inline; _display:inline; padding-left:5px; margin-right:3px; background:url(../images/bul_li.png) no-repeat 0 7px; font-weight:bold; vertical-align:top;  }
.helpPay dl dd {display:inline-block; *zoom:1; *display:inline; _display:inline; vertical-align:top;}

/* 도움말-마이페이지  */
.help080Wrap {position:relative; display:inline-block; *display:inline; _display:inline; vertical-align:middle;}
.help080Wrap .help080 {position:absolute; top:-35px; left:5px; width:346px;}
.help080Wrap .help080 a {color:#2d83d9; font-weight:bold;}
.help080Wrap .help080 .arrow {top:35px !important;}

/* 레이어팝업 */
.screen {position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/bg_screen.png); z-index:1000;}
.layerQuit {position:fixed; top:50%; left:50%; width:300px; height:150px; margin-left:-180px; margin-top:-100px; padding:25px 30px; background-color:#fff; z-index:1001;}
.layerQuit p {font-size:13px; font-weight:bold; color:#666; line-height:130%; margin-bottom:5px;}
.preview {position:fixed; top:50%; left:50%; width:480px; height:420px; margin-left:-240px; margin-top:-210px; background-color:#fff; z-index:1001;}
.preview02 {position:fixed; top:50%; left:50%; width:340px; height:420px; margin-left:-150px; margin-top:-210px; background-color:#fff; z-index:1001;}
.preview03 {position:fixed; top:50%; left:55%; width:540; height:230; margin-left:-150px; margin-top:-210px; background-color:#fff; z-index:1001;}
.previewBody {position:relative; width:480px; height:366px;}
.previewBody .phone {position:absolute; left:40px; top:30px;}
.preview02 .phone {margin:auto; width:190px;}
.preview02 .phone .sendNum {left:12px; width:166px; font-size:11px; font-weight:bold; text-align:center; line-height:140%;}
.layerImg {position:absolute; top:70px; left:40%; width:630px; height:400px; margin-left:-275px; background-color:#fff; z-index:1001;}
.layerPicture {position:absolute; top:180px; left:50%; width:540px; height:360px; margin-left:-270px; background-color:#fff; z-index:1001;}
.layerTmpSave {position:absolute; top:180px; left:50%; width:540px; height:230px; margin-left:-270px; background-color:#fff; z-index:1001;}
.changeTime {position:absolute; top:180px; left:50%; width:540px; height:230px; margin-left:-270px; background-color:#fff; z-index:1001;}

.contPreview {position:absolute; top:70px; left:260px; width:200px;}
.previewBottom {position:absolute; bottom:0; width:100%; padding:10px 0; text-align:center; background-color:#f0f0f0;}
.closePreview {position:absolute; top:0; right:140px; display:block; width:34px; height:34px; background:url(../images/close_preview.png) no-repeat; text-indent:-9999px;}
.closePreview:hover {background-color:#f0f0f0;}

/* 메시지전송 - 첨부중, 발송중 */
.processImg {position:fixed; top:50%; left:50%; width:400px; height:160px; margin-top:-80px; margin-left:-200px; background-color:#fff; cursor:wait; z-index:1001;}
.processImg p {margin-top:45px; color:#333; font-size:20px; font-weight:bold; text-align:center;}
.processImg span {margin-left:15px;}

.processSend {position:fixed; top:50%; left:50%; width:400px; height:160px; margin-top:-80px; margin-left:-200px; background-color:#fff; cursor:wait; z-index:1001;}
.processSend p {margin-top:54px; color:#333; font-size:20px; font-weight:bold; text-align:center;}
.processSend span {margin-left:20px;}

.processSend2 {position:fixed; top:50%; left:50%; width:500px; height:230px; margin-top:-200px; margin-left:-300px; background-color:#fff; cursor:wait; z-index:1001;}
.processSend2 p {margin-top:54px; color:#333; font-size:20px; font-weight:bold; text-align:center;}
.processSend2 span {margin-left:20px;}

/* 엑셀 개별 전송 */
.sendExcel {position:absolute; top:0; left:230px; width:490px;}
.sendExcel01 {overflow:hidden; height:23px;}
.sendExcel02 {position:relative; margin-top:10px;}
.sendExcel02 .result {position:absolute; top:0; right:0;}
.sendExcel02 .result p {padding-top:5px; text-align:center;}

/* 가격안내,충전 */
.payType {overflow:hidden; padding:16px 0; background-color:#f9f9f9; border:1px solid #dbdbdb; line-height:120%;}
.payType .payType01 {float:left; padding-left:68px; margin-left:45px; width:102px; height:45px; background:url(../images/icon_pay_01.png) no-repeat; border-right:1px solid #dbdbdb;}
.payType .payType02 {float:left; padding-left:58px; margin-left:45px; width:117px; height:45px; background:url(../images/icon_pay_02.png) no-repeat; border-right:1px solid #dbdbdb;}
.payType .payType03 {float:left; padding-left:70px; margin-left:44px; width:166px; height:45px; background:url(../images/icon_pay_03.png) no-repeat; }

.payOption {overflow:hidden; margin-bottom:20px;}
.payOption .btnHelp {float:right; background-color:#fff;}

/* 고객센터 */
.link01 {min-height:60px; padding-left:100px; margin:20px 0 50px 0; background:url(../images/img_link_01.png) no-repeat 17px 5px; line-height:150%;}
.link02 {height:290px; margin-bottom:50px; background:url(../images/img_link_02.png) no-repeat 0 35px;}
.link02 span {display:none;}

/* Info */
.guide03 {display:table-cell; height:510px; padding-left:270px; background:url(../images/img_guide_03.png) no-repeat; vertical-align:bottom;}
.imgPicture {min-height:264px; margin-top:20px; background:url(../images/img_picture.png) no-repeat top right;}
.img080 {min-height:510px; padding-left:270px; margin-bottom:20px; background:url(../images/img_080.png) no-repeat;}
.imgSpam {width:720px; height:120px; margin-bottom:20px; background:url(../images/img_spam.png) no-repeat; text-indent:-9999px;}
.imgNight {width:720px; height:120px; margin-bottom:20px; background:url(../images/img_night.png) no-repeat; text-indent:-9999px;}
.imgCom {width:720px; height:120px; margin-bottom:30px; background:url(../images/img_company.png) no-repeat; text-indent:-9999px;}
.noticeList .tLeft a {display:inline-block; *zoom:1; *display:inline; width:500px; margin-left:5px; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal;}

.imgMobile {width:720px; height:380px; margin-bottom:50px; background:url(../images/img_mobile_01.png) no-repeat; text-indent:-9999px;} 
.imgMobile02 {height:336px; padding-top:10px; background:url(../images/img_mobile_02.png) no-repeat right top;}
.imgMobile02 p {line-height:160%;}

/* 테이블 - 목록 */
.tableList {width:100%;}
.tableList thead th {padding:7px 2px; background-color:#abb0b7; border:1px solid #8d949c; color:#fff; text-align:center; letter-spacing:-1px; vertical-align:middle;}
.tableList tbody th {padding:7px 2px; background-color:#f7f8fa; border:1px solid #d8dde5; text-align:center; word-break:break-all; vertical-align:middle;}
.tableList tbody td {padding:7px 2px; border:1px solid #e8e8e8; text-align:center; word-break:break-all; vertical-align:middle;}
.tableList td.tdBtn {padding:5px 2px !important;}
.tableList td a:hover {text-decoration:underline !important;}

.tableBodyWrap {overflow-y:scroll; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8;}
.tableBodyWrap .tableList {margin-left:-1px;}

/* 테이블 - 우편번호목록 */
.tableZip {width:100%;}
.tableZip thead th {padding:6px; background-color:#abb0b7; border:1px solid #8d949c; color:#fff; text-align:center;}
.tableZip tbody td {padding:6px; border:1px solid #e8e8e8; word-break:break-all;}

/* 테이블 - 입력 */
.tableWrite {width:100%; border-top:2px solid #8d949c; border-bottom:1px solid #8d949c;}
.tableWrite thead th {padding:10px 14px; background-color:#f7f8fa; border-top:1px solid #d8dde5;}
.tableWrite tbody th {padding:11px 14px 8px 20px; background-color:#f7f8fa; border-top:1px solid #d8dde5; vertical-align:top;}
.tableWrite tbody td {padding:8px; border-top:1px solid #e8e8e8;}
.tableWrite tbody td .view {padding:10px; line-height:140%; min-height:240px;}
.tableWrite input.msgTitle {font-family:'돋움',Dotum,Arial; font-size:12px;}
.tableWrite textarea.msgCont {font-family:'돋움',Dotum,Arial; font-size:12px;}

/* 테이블 - Box */
.tableBox {width:100%; background-color:#f9f9f9; border:1px solid #dbdbdb;}
.tableBox td {padding:8px; border:1px solid #dbdbdb;}
.tableBox td.btnWrap {text-align:center; vertical-align:middle;}

/* 버튼 */
.btnBig {display:inline-block; *zoom:1; *display:inline; min-width:80px; padding:8px 10px; background-color:#009797; border:1px solid #077F7F; font-size:14px; font-weight:bold; color:#fff; text-align:center;}
.btnBig:hover {background-color:#05898E; border:1px solid #0E5D60; text-decoration:none; color:#fff;}

.btnBigGray {display:inline-block; *zoom:1; *display:inline; min-width:80px; padding:8px 10px; background-color:#727884; border:1px solid #616673; font-size:14px; font-weight:bold; color:#fff; text-align:center;}
.btnBigGray:hover {background-color:#656B77; border:1px solid #3B3F49; text-decoration:none; color:#fff;}

.btnBigOr {display:inline-block; *zoom:1; *display:inline; min-width:80px; padding:8px 10px; background-color:#f27050; border:1px solid #d15e41; font-size:14px; font-weight:bold; color:#fff; text-align:center;}
.btnBigOr:hover {background-color:#ed5035; border:1px solid #c0402a; text-decoration:none; color:#fff;}

.btnBigWrap {margin-top:30px; text-align:center;}

.btnGray {display:inline-block; *display:inline; padding:4px 9px; background-color:#808A9A; border:1px solid #717A8A; font-size:11px; font-weight:bold; color:#fff; text-align:center; line-height:120% !important; vertical-align:middle;}
.btnGray:hover {background-color:#6C7687; border:1px solid #5D6676; text-decoration:none; color:#fff;}

.btnWhite {display:inline-block; *display:inline; padding:4px 9px; background-color:#fafafa; border:1px solid #cfcfcf; font-size:11px; font-weight:bold; color:#666; line-height:120% !important; vertical-align:middle; cursor:pointer;}
.btnWhite:hover {background-color:#f1f1f1; border:1px solid #b2b2b2; text-decoration:none; color:#444;}

.btnWhiteNum {display:inline-block; *zoom:1; *display:inline; _display:inline; float:left; padding:4px 2px; margin-right:3px; background-color:#fafafa; border:1px solid #cfcfcf; font-size:11px; font-weight:bold; color:#666; text-align:center; line-height:120% !important; vertical-align:middle;}
.btnWhiteNum:hover {background-color:#f1f1f1; border:1px solid #b2b2b2; text-decoration:none; color:#444;}

.btnList {display:inline-block; *display:inline; padding:3px 5px; margin:0; background-color:#fafafa; border:1px solid #cfcfcf; font-size:11px; font-weight:bold; color:#666; letter-spacing:-1px; line-height:120% !important;}
.btnList:hover {background-color:#f1f1f1; border:1px solid #b2b2b2; text-decoration:none !important; color:#444;}

.btnGreen {display:inline-block; *display:inline; padding:4px 9px; background-color:#2FABAF; border:1px solid #209599; font-size:11px; font-weight:bold; color:#fff; text-align:center; line-height:120% !important; vertical-align:middle;}
.btnGreen:hover {background-color:#119CA2; border:1px solid #0B7F83; text-decoration:none; color:#fff;}

.btnSearch {display:inline-block; *display:inline; padding:4px 9px 4px 22px; margin:0 1px; background:#2FABAF url(../images/icon_search.png) 9px 6px no-repeat; border:1px solid #209599; font-size:11px; font-weight:bold; color:#fff; line-height:120% !important; vertical-align:middle;}
.btnSearch:hover {background-color:#119CA2; border:1px solid #0B7F83; text-decoration:none; color:#fff;}
.boxSearch strong {margin-right:8px;}
.btnAdd {padding:4px 9px 4px 20px; background-image:url(../images/icon_add.png); background-position:8px 6px; background-repeat:no-repeat;}

.btnCheck {padding:4px 9px 4px 22px; background-image: url(../images/icon_check.png); background-position: 7px 6px; background-repeat:no-repeat;}

.btnBottom {display:inline-block; *zoom:1; *display:inline; padding:7px 16px; background-color:#5b6270; border:1px solid #4d5161; font-size:13px; font-weight:bold; color:#fff;}
.btnBottom:hover {background-color:#4c5360; border:1px solid #343847; text-decoration:none; color:#fff;}
.btnBottomWrap {margin-top:10px; text-align:right;}
.btnBottomWrap .fl {margin-right:3px;}

/* 버튼 - 아이콘 */
.iconHelp {display:inline-block; *zoom:1; *display:inline; _display:inline; width:8px; height:13px; vertical-align:middle; background:url(../images/icon_help.png) no-repeat 0 1px; text-indent:-9999px; *text-indent:0; *font-size:0; *line-height:0; *overflow:hidden;}
.iconBlank {padding-right:18px; background:url(../images/icon_blank.png) no-repeat top right;}
.iconSendNum {display:inline-block; *zoom:1; *display:inline; _display:inline; width:17px; height:13px; vertical-align:middle; background:url(../images/icon_sendNum.png) no-repeat 1px 1px; text-indent:-9999px; *text-indent:0; *font-size:0; *line-height:0; *overflow:hidden;}

/* 탭 */
.tab {overflow:hidden; margin-bottom:10px; border-bottom:2px solid #22979B;}
.tab li {float:left; margin-top:4px; font-size:14px; font-weight:bold; }
.tab li a {display:block; padding:8px 5px 10px 5px; background-color:#f5f5f5; border-top:1px solid #d1d1d1; border-left:1px solid #d1d1d1; border-right:1px solid #d1d1d1; color:#707070; text-align:center; }
.tab li a:hover {background-color:#eee; border-top:1px solid #c2c2c2; border-left:1px solid #c2c2c2; border-right:1px solid #c2c2c2; color:#444; text-decoration:none;}
.tab li.on {margin-top:0;}
.tab li.on a {display:block; padding:10px 5px 12px 5px; background:url(../images/tab_on.png) repeat-x top #2FABAF; border-top:1px solid #22979B; border-left:1px solid #22979B; border-right:1px solid #22979B; color:#fff; text-align:center; }
.tab li.on a:hover {background:url(../images/tab_on_hover.png) repeat-x top #0EA3A9; border-top:1px solid #06858A; border-left:1px solid #06858A; border-right:1px solid #06858A; text-decoration:none;}

/* 검색Box */
.boxSearch {overflow:hidden; padding:10px; margin-bottom:10px; background-color:#f9f9f9; border:1px solid #dbdbdb; text-align:center;}
.boxSearch dt {font-weight:bold; color:#666; margin:0 2px 0 8px;}
.boxSearch dt:first-child {margin:0 2px 0 0;}
.boxSearch input[type=text] {padding:5px 3px;}

/* 회색Box */
.boxGray {overflow:hidden; padding:14px; margin-bottom:10px; background-color:#f9f9f9; border:1px solid #dbdbdb;}

/* 정렬Box */
.boxArray {margin-bottom:10px; text-align:right;}
.boxArray h4 {display:inline-block; *zoom:1; *display:inline; _display:inline; float:left; margin-bottom:0 !important; margin-top:3px;}
.boxArray dt {font-weight:bold; color:#666; margin:0 2px 0 8px;}
.boxArray dt:first-child {margin:0 2px 0 0;}
.boxArray .inline {vertical-align:middle;}

/* Pager */
.pagerWrap {margin-top:10px; text-align:center;}
.pager {display:inline-block; *zoom:1; *display:inline; _display:inline; overflow:hidden; font-size:11px; font-family:Tahoma !important;}
.pager a {display:inline-block; *zoom:1; *display:inline; _display:inline; float:left; padding:1px 3px; margin:0 1px; color:#999;}
.pager a:hover {color:#666; background-color:#f7f7f7; text-decoration:none;}
.pager strong {display:inline-block; *zoom:1; *display:inline; _display:inline; float:left; padding:1px 3px; color:#f60;}

.pager .btnPager {display:inline-block; *zoom:1; *display:inline; _display:inline; width:15px; height:15px; padding:0 !important; background:url(../images/btn_pager.png) no-repeat; vertical-align:top;}
.pager span.btnPager {text-indent:-9999px; float:left; margin:0 1px;}
.pager a.btnPager span {display:none;}

.pager a.btnFirst {background-position:0 0;}
.pager a.btnFirst:hover {background-position:0 -20px;}
.pager span.btnFirst {background-position:0 -40px;}

.pager a.btnPrev {background-position:-20px 0;}
.pager a.btnPrev:hover {background-position:-20px -20px;}
.pager span.btnPrev {background-position:-20px -40px;}

.pager a.btnNext {background-position:-40px 0;}
.pager a.btnNext:hover {background-position:-40px -20px;}
.pager span.btnNext {background-position:-40px -40px;}

.pager a.btnLast {background-position:-60px 0;}
.pager a.btnLast:hover {background-position:-60px -20px;}
.pager span.btnLast {background-position:-60px -40px;}

/* List Style */
ol li {padding:4px 0; line-height:140%;}
ol.big li {margin-bottom:20px;}
ul.buls li {padding:2px 0 2px 6px; background:url(../images/bul_li.png) no-repeat 0 8px; font-size:11px; line-height:120%;}
ul.bul li {padding:2px 0 2px 6px; background:url(../images/bul_li.png) no-repeat 0 8px; line-height:140%;}

/* 정렬 */
.tLeft {text-align:left !important;}
.tCenter {text-align:center;}
.tRight {text-align:right !important;}
.fl {float:left;}
.fr {float:right;}
.inline {display:inline-block; *zoom:1; *display:inline; _display:inline;}

/* margin */
.mt-05 {margin-top:-5px !important;}
.mt05 {margin-top:5px !important;}
.mt08 {margin-top:8px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}

.mr05 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}

.ml05 {margin-left:5px !important;}
.ml08 {margin-left:8px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}

.mb0 {margin-bottom:0 !important;}
.mb05 {margin-bottom:05px !important;}
.mb08 {margin-bottom:08px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}

.pr10 {padding-right:10px !important;}

/* 텍스트 */
.fs11 {font-size:11px;}
.fs14 {font-size:14px;}
.cr {color:#f33;}
.cb {color:#2d83d9;}
.narrow {letter-spacing:-1px;}
.elp {display:inline-block; *zoom:1; *display:inline; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:normal;}
.txtCont p {margin:10px 0;}

/* 바로가기,더보기 */
a.goLink {padding-right:16px; font-weight:bold; color:#f30; background:url(../images/icon_link.png) no-repeat right;}

/* Popup */
#popHead {position:relative; height:44px; background-color:#009797;}
#popHead h2 {display:inline-block; *zoom:1; *display:inline; margin:11px 0 0 18px; font-size:16px; color:#fff;}
#popHead a.close {display:block; position:absolute; top:0; right:0; width:47px; height:44px; background:url(../images/btn_pop_close.png) no-repeat 16px 14px; text-indent:-9999px;}
#popHead a.close:hover {background-color:#008989;}
#popBody {padding:20px; overflow-y:hidden;}
#popBody h3 {min-height:16px; padding-left:15px; margin-bottom:8px; background:url(../images/bul_h3.png) no-repeat 0 3px; font-size:14px; color:#333; line-height:120%;}
#popBody h3 strong {color:#093;}
#popBody h4 {display:inline-block; *zoom:1; *display:inline; _display:inline; padding-left:8px; margin-bottom:8px; font-size:13px; color:#333; background:url(../images/bul_h4.png) no-repeat 0 4px;}

.popEx {position:relative; height:320px; padding-left:210px; margin:20px; background:url(../images/img_example.png) no-repeat;}
.popEx ol {padding-top:40px; margin-left:20px; list-style-type:decimal;}
.popEx ol li {color:#575757; font-size:16px; font-weight:600;}
.popEx .alert {position:absolute; bottom:0; width:188px; padding:16px 18px 18px 44px; border:1px solid #f2bdb0; border-radius:5px; background:url(../images/icon_alert.png) no-repeat 16px 16px #fff1eb; color:#c00; font-size:14px; font-weight:600;}
#popFooter {position:absolute; bottom:0; width:100%; padding:12px 0; background-color:#8d8d8d; text-align:right;}
#popFooter a {margin-right:14px; color:#fff; font-size:13px; font-weight:bold;}
#popFooter a.close {display:inline-block; padding-left:24px; min-height:16px; background:url(../images/icon_pop_close.png) no-repeat;}

.layerSending {position:fixed; top:50%; left:50%; width:400px; height:160px; margin-left:-200px; margin-top:-80px; background-color:#fff; cursor:wait; z-index:1001;}
.layerSending p {margin-top:54px; color:#333; font-size:20px; font-weight:bold; text-align:center;}
.layerSending span {margin-left:20px;}


/* 우측배너 */
.bannerRight {position:absolute; top:145px; left:50%; width:130px; margin-left:490px;}

.bg {
  background-color: rgb(192, 192, 192);
  width: 400px;
  height: 30px;
  margin: 0 auto;
  border-radius : 10px;
}

.left {
  float: left;
}
.right {
  float: right;
}

.html {
  background: -webkit-linear-gradient(
    135deg,
    #009999 25%, #008283 25%,
        #008283 50%, #009999 50%,
        #009999 75%, #008283 75%
  );

  background: -moz-linear-gradient(
    135deg,
    #009999 25%, #008283 25%,
        #008283 50%, #009999 50%,
        #009999 75%, #008283 75%
  );

  background: -o-linear-gradient(
    135deg,
    #009999 25%, #008283 25%,
        #008283 50%, #009999 50%,
        #009999 75%, #008283 75%
  );
  background: -ms-linear-gradient(
    135deg,
    #009999 25%, #008283 25%,
        #008283 50%, #009999 50%,
        #009999 75%, #008283 75%
  );

  width: 80%;
  height: 30px;
  line-height: 30px;
  color: #fff;
  background-size: 50px 50px;
  margin-top:20%;
  border-radius : 10px;
  animation: bar-animation 3s linear infinite;
  -webkit-animation: bar-animation 3s linear infinite;
}

@-webkit-keyframes bar-animation {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}