/* build  20151229 :: version 18485 */
@charset "utf-8";
/* color */
:root {
    --bg: #F4F5F7;
    --bi-bg: #FFF0F0;
    --gray01: #1A1A1A;
    --gray02: #383A3D;
    --gray03: #5F6368;
    --gray04: #82888F;
    --gray05: #B8BABD;
    --bi: #FF2C2E;
    --ai-color: #5551E1;
    --line-color01: #D9DBDE;
    --line-color02: #E8EAED;
    --line-color03: #F0F2F5;
	
}
html { } /* .overflow:scroll; .overflow-x:auto; */

html,body { margin:0; padding:0; color:#666; }
body { width: 100%; height: 100%; min-width:980px; background-color:#fff; color:#666; font-size:12px; line-height: 1; font-family:"Malgun Gothic","맑은 고딕",-apple-system,BlinkMacSystemFont,helvetica,"Apple SD Gothic Neo",sans-serif; -webkit-text-size-adjust:none; background-repeat:repeat; background-position:0 0;}

ol,ul { list-style:none; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{ margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
caption {visibility:hidden; font-size:0; width:0; height:0; line-height:0}

fieldset,img,iframe { border:0; }
button { margin:0; padding:0; border:none; cursor:pointer;vertical-align:top; font-family:"Malgun Gothic","맑은 고딕",-apple-system,BlinkMacSystemFont,helvetica,"Apple SD Gothic Neo",sans-serif; }
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal; font-family:"Malgun Gothic","맑은 고딕",-apple-system,BlinkMacSystemFont,helvetica,"Apple SD Gothic Neo",sans-serif; }

input,select { vertical-align:middle; }
input,textarea,select{ font-family:inherit; font-size:inherit; font-weight:inherit; }
textarea { resize:none; }

/* to enable resizing for IE */
input,textarea,select{ *font-size:100%; }

/* because legend doesn't inherit in IE */
legend{ color:#000; }

select, input { font-size:12px; font-family:"Malgun Gothic","맑은 고딕",-apple-system,BlinkMacSystemFont,helvetica,"Apple SD Gothic Neo",sans-serif; vertical-align:middle; }
select { height:19px; border:1px solid #bfbebc; color:#666; }

label { cursor:pointer; }

.a11y { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0); }

/* float 해제 */
.f_clear:after { content:""; height:0; display:block; visibility:hidden; clear:both; }
* html .f_clear { height:1px; }
.f_clear { display:block; min-height:1px; }

/* 바로가기  */
#Header .blind{display:none;}
#Header .skipgo{position:absolute; top:-100px;}
#Header .skipgo:focus{top:0;left:0;display: block; width: 160px; height: 18px; z-index:100; padding: 6px 0 0; border: 1px solid #ED2000; background-color: #000;color: #FFF; text-align: center;}
#Header .skipgo strong{padding: 0 12px 0 0;background: url(../img/common/set_skipgo.png) right 3px no-repeat;font-weight: 400;}

/* 기본 input style */
.input { height:14px; padding:3px 0 0 3px; border:1px solid #bfbebc; color:#666; }

/* 공통 스크롤 */
.nmWriteContainer, .nmSidebarContent, .nmViewContent,
.mailBoxArea, .TcloudFiles .fileList .Fbody,
.dscroll { scrollbar-face-color:#fff; scrollbar-highlight-color:#dadada; scrollbar-3dlight-color:#fff; scrollbar-shadow-color:#dadada; scrollbar-darkshadow-color:#fff; scrollbar-track-color:#fff; scrollbar-arrow-color:#989898; }
/*.dscroll::-webkit-scrollbar { width: 10px; height: 10px; }
.dscroll::-webkit-scrollbar-track { border-radius: 0; background-color:#ccc; }
.dscroll::-webkit-scrollbar-track-piece { background-color:#fff; }
.dscroll::-webkit-scrollbar-thumb { border-radius: 0; background-color:#ececec; border:1px solid #e5e5e5; }
.dscroll::-webkit-scrollbar-thumb:hover { border-radius: 0; background-color:#ccc; border:1px solid #bbb; }*/

/* Min-Width */
#Container { padding-left:960px; height: 1px; }
#PageContainer { height: 1px; }
#PageContent { margin-left:-960px; position: relative; height: 1px; }

/* Header (default: 상단 배너 광고 없음) */
#Header {position:relative; min-width:980px; height:34px; z-index:1000; background-color:#F5F7FB; border-right:none; overflow:hidden;}
#Header h1 {float: left; width:64px; height:35px; background: url('../img/common/bi.png') no-repeat 10PX 10px; background-size:48px;}
#Header h1 a { display:inline-block; width:100%; height:100%; overflow:hidden; text-indent: -9999px; }
#Header h2 {float:left;}
#Header h2 a {font-size:14px; line-height:35px; padding:0 10px 0 0; font-weight:700; letter-spacing:-0.5px; color:#222; text-decoration:none;}
/* 상단 배너 광고(top-banner-on) 노출 시 */
#Header.top-banner-on {min-width:auto; width:261px; border-right:1px solid #9F9F9F; position:absolute; left:0; top:0;}
body:has(#Header.top-banner-on) .topAd {flex:0 0 90px; height:90px; min-height:90px;}
body:has(#Header.top-banner-on) .top_ad_area {display:none;}
body:has(#Header.top-banner-on) #LnbWrap {padding-top:35px; height:calc(100% - 40px);}
body:has(#Header.top-banner-on) .nmContentHeader {height:52px;}

/* SNB */
#SnbWrap {float:left; overflow:hidden;position:relative;}
#SnbWrap a {display:inline-block;}
#SnbMenu {display:none;}
#SnbWrap .comm_menu {display:inline-block;width:36px; height:35px; background:url('../img/common/btn_menu.png') no-repeat center center; text-indent:-9999px; background-size:16px; cursor:pointer;}
#SnbWrap .comm_menu.active ~ #SnbMenu {display:block; position:fixed; left:107px; top:28px; z-index:20;}
.snbList {overflow:hidden; border:1px solid #666; background-color:#fff; padding:12px; }
.snbList li { float:left; position:relative; list-style:none; padding:0 6px;}
.snbList li:first-child {padding-left:0;}
.snbList li:last-child {padding-right:0;}
.snbList li::after {content:''; display:block; width:1px; height:10px; background-color:#e3e3e3; position:absolute; right:0; top:2px;}
.snbList li:last-child::after {display:none;}
.snbList li a {text-decoration:none; color:#686868; font-size:12px; line-height:14px; }
.snbList li a.on {font-weight:700;}

.SnbNewsBar {/*float: right;padding-right: 160px;*/height: 34px;line-height: 34px;color: #666;font-size: 11px;font-family: "Malgun Gothic","맑은 고딕",-apple-system,BlinkMacSystemFont,helvetica,"Apple SD Gothic Neo",sans-serif;letter-spacing: -1px;overflow: hidden;position:absolute; right:70px;}
.SnbNewsBar .nbRight {float: right;height: 34px;}
/*.SnbNewsBar .nbNewsWrapper {position:absolute;left:0;right:150px;height: 34px;overflow:hidden;}*/
.SnbNewsBar .nbNews a {color: #f5605e;font-weight: bold;cursor: pointer;text-decoration: none}
.SnbNewsBar .nbNews a:hover{text-decoration: underline;}
.SnbNewsBar .nbNews a em {font-style: normal;/*display: none;*/}
/*.SnbNewsBar .nbNews.news a .news { display:inline;}
.SnbNewsBar .nbNews.pann a .pann { display:inline;}*/
.SnbNewsBar .nbNews {height: 34px;overflow: hidden;text-align: right;white-space: nowrap;word-break: break-all;text-overflow: ellipsis;}
/* Snb News Bar */

.SnbNewsBar .nbRight .nav {
    float:left;
    height:34px;
    padding-right:21px;
    background:url('../img/common/snb_divider.png') no-repeat right 0;
}
.SnbNewsBar .nbRight .nav button {
    float:left;
    width:14px;
    height:13px;
    margin-top:10px;
    font-size:1px;
    text-indent:-9999em;
    overflow: hidden;
    background:url('../img/common/set_snb_news.png') no-repeat -70px -10px;
}
.SnbNewsBar .nbRight .nav .play,
.SnbNewsBar .nbRight .nav .pause {
    margin-left:8px;
    margin-right:5px;
}
.SnbNewsBar .nbRight .nav .play {
    background-position: -113px -10px;
}
.SnbNewsBar .nbRight .nav .prev {
    background-position: -85px -10px;
}
.SnbNewsBar .nbRight .nav .next {
    margin-left:-1px;
    background-position: -98px -10px;
}
.SnbNewsBar .nbName {float:left;}
.SnbNewsBar .nbName span {
    white-space: nowrap;
}
.SnbNewsBar .nbHome {float:left;}
.SnbNewsBar .nbHome a {
    display:block;
    margin-left:5px;
    margin-right:2px;
    width:20px;
    height:34px;
    background:url('../img/common/set_snb_news.png') no-repeat -16px -1px;
    text-decoration:none;
}
.SnbNewsBar .nbHome a.newHome {background-position: -36px -1px;}
.SnbNewsBar .nbHome a span {
    position: absolute;
    display: block;
    width:1px;
    height:1px;
    font-size:1px;
    text-indent:-9999em;
    overflow: hidden;
}

.snbList a.num { position:absolute; top:3px; right:-24px; width:40px; display:inline; height:15px; text-indent:0; font-family:Tahoma; color:#fff; font-size:11px; background:none; z-index:100; text-align:left; }
.snbList a.num span { float:left; width:5px; height:15px; background:url('../img/common/bg_snb_num.png') no-repeat 0 0; }
.snbList a.num em { float:left; width:auto; height:15px; padding-right:8px; background:url('../img/common/bg_snb_num.png') no-repeat 100% 0; font-style:normal; }

/* 팀룸 테스트용 */
.SnbNewsBar.ver-test {
    overflow: visible;
}
.SnbNewsBar.ver-test .nbNewsWrapper {
    float: left;
}
.SnbNewsBar.ver-test .nbNewsWrapper .nbNews {
    overflow: visible;
}

/* GNB Account area */
.GnbAccount {position:absolute; right:15px; top:7px; z-index:11111;}
.GnbAccount .user {float:left; display:inline-block; height:20px; margin:0 6px 0 0; padding:0 8px 0 0; line-height:21px; font-size:11px; color:#808080; letter-spacing:-1px; background:url('../img/icon/ico_arr_down.gif') no-repeat right 9px;}
.GnbAccount .user strong {font-weight:normal; color:#48688f;}
.GnbAccount .btn_logout {float:left; display:block; width:49px; height:18px; margin:0 10px 0 0; border:1px solid #cecece; background:#fff; text-align:center; font-size:11px; letter-spacing:-1px; color:#666666; line-height:20px;}
.GnbAccount #introMobile {position:relative; float:left;}
.GnbAccount #introMobile .btn_mobile {display:block; width:52px; height:16px; margin:2px 0 0; overflow:hidden; text-indent:-9999px; background:url('../img/common/set_qr.png') no-repeat 0 bottom;}
.GnbAccount #introMobile .mobileQRcode {position:absolute; right: 0; top:26px; display:none; width:256px; border:2px solid #5d5d5d; background:#fff;}
.GnbAccount #introMobile .mobileQRcode .title {margin:0 23px; padding:12px 0 8px; border-bottom:1px solid #e9e9e9; font-weight:bold; letter-spacing:-1px;}
.GnbAccount #introMobile .mobileQRcode .title strong {color:#f01c0c;}
.GnbAccount #introMobile .mobileQRcode .btn_close {position:absolute; right:10px; top:10px; display:block; width:9px; height:10px; overflow:hidden; text-indent:-9999px; background:url('../img/common/set_qr.png') no-repeat right 0;}
.GnbAccount #introMobile .mobileQRcode .content {height:131px; padding:10px 0 0 33px;}
.GnbAccount #introMobile .mobileQRcode .content .item {float:left; width:82px; margin:0 26px 0 0;}
.GnbAccount #introMobile .mobileQRcode .content .item span {display:block; padding:4px 0 3px; text-align:center; font-size:11px; color:#777777; letter-spacing:-1px;}
.GnbAccount #introMobile .mobileQRcode .content .item a {display:block; width:35px; height:16px; margin:0 auto; padding:0 0 0 3px; border:1px solid #d9d9d9; background:url('../img/common/set_qr.png') no-repeat 29px 5px; font-size:11px; letter-spacing:-1px; color:#7f7f7f; line-height:18px;}
.GnbAccount #introMobile .mobileQRcode .arr {position:absolute; right:12px; top:-6px; width:8px; height:6px; background:url('../img/common/set_qr.png') no-repeat -30px 0;}
.GnbAccount #introMobile.open .mobileQRcode {display:block;}

#LnbWrap {float:left; background:#fff; border:1px solid #9f9f9f; border-top:none; border-bottom:none; width:260px;}
#LnbWrap .top { width:230px; height:29px; padding:7px 0 3px 10px; border-radius:5px 5px 0 0; background:#f43b3b; border-bottom:1px solid #c02f2f; color:#fff; font-weight:bold; font-family:Verdana; }
#Content { position:relative; margin: 0 0 0 260px; height:100%; overflow:hidden;z-index: 9; display:flex; flex-direction:column;}
#nmNoticeMessage { display:none; position:relative; height:100%; background:#fff; }
.nmMessageOpen #LnbWrap,
.nmMessageOpen #Content { display:none; }
.nmMessageOpen #nmNoticeMessage { display:block; }
#noticeArea {width:100%; box-sizing: border-box; padding:12px 20px;position:absolute; left:0; bottom:40px; background-color:#fff; border-top:1px solid #F1F1F1;}
.nmLnb .notice {width:100%; box-sizing:border-box; overflow:hidden; position:relative;}
.nmLnb .notice a {display:block; width:100%; font-size:11px; letter-spacing:-1px; text-decoration: none; line-height:20px;}
.nmLnb .notice .noticeText {text-align: left; width:100%; padding-right:35px; box-sizing:border-box;}
.nmLnb .notice a.text, .nmLnb .notice a.text:link {width:100%; color:#7F7F7F; position:static; overflow: hidden; white-space: nowrap; word-break: break-all;text-overflow: ellipsis;}
.nmLnb .notice a.btn_prev { display:block; position:absolute; top:0; right:14px;width:13px; height:20px; background:url('../img/btn/btn_prevnext.gif') no-repeat 0 0; text-indent:-9999px; margin:4px 0 0 8px; }
.nmLnb .notice a.btn_next { display:block;  position:absolute; top:0; right:0; width:14px; height:20px; background:url('../img/btn/btn_prevnext.gif') no-repeat -14px 0; text-indent:-9999px; margin:4px 0 0 0; }
.nmContentContainer {flex:1; width:100%; display:flex; flex-direction:column; }
.nmWriteModePopup{ min-width: 440px;}
.nmContentHeader { position:relative; height:67px; background:#fff ;z-index:101; }
.nmContentHeader h3 { float:left; line-height:40px; font-weight:bold; color:#323130; font-size:13px; padding:11px 0 11px 21px; margin:0; }
.nmContentHeader h3 span { display:none; }
.nmContentHeader .mail_count { float:left; line-height:40px; color:#959490; font-size:12px; padding:11px 0 11px 5px; margin:0; }
.nmContentHeader .txt { letter-spacing:-1px; }
.nmContentHeader .help_box { margin-left:3px; margin-top:25px;}
.nmContentHeader .nmUnReadCount { color:#ed1c24; font-weight:bold; text-decoration:none; }
.nmContentHeader .nmUnReadCount:hover .count { text-decoration:underline; }
.nmContentHeader .nmUnReadCount .txt { color:#646260; font-weight:normal; text-decoration:none; }
.nmContentHeader .nmUnReadDelLink { display:none; }
.nmContentHeader .nmUnReadDelLink a { color:#959490; text-decoration:underline; }

.nmUnReadDel .nmUnReadDelLink { display:inline; }
.nmUnReadDel .nmCount,
.nmUnReadDel .help_box { display:none; }
.nmUnReadDel .nmCountTotal { color:#ed1c24; font-weight:bold; }
.nmOpen .nmLyHelp,
.nmOpen1 .nmLyHelp1,
.nmOpen2 .nmLyHelp2,
.nmOpen3 .nmLyHelp3 { display:block; }
.nmCHtype2 .help_box { display:none; }
.nmCHtype3 .txt, .nmCHtype3 .nmCount,
.nmCHtype3 .help_box { display:none; }
.nmCHtype4 .txt,
.nmCHtype4 .nmCount { display:none; }
.nmCHtype0 .txt, .nmCHtype0 .nmCount,
.nmCHtype0 .help_box,
.nmCHtype0 .nmCountTotal { display:none; }

.cont { position:relative; display:flex; width:100%; height:100%;}
.incont {width:100%; }
.sidebarOpen { margin-right:149px; }
.sidebarOpen .sidebar { display:block;z-index: 100; }
#nmList .cont {width:auto;}

#nmViewArea {border-top:1px solid #eaeaea;}
#nmViewMode {width:100%;}
#nmViewMode.nmViewModeX {flex-direction:column;}
#nmViewMode.nmViewModeX .view_scroll {width:100%; flex-direction:column;}
#ListArea {display:flex;}
#nmListCont {display:flex; flex-direction:column; width:100%;}

/* 우측 영역 */
.sidebar { display:none; position:absolute; right:-149px; top:52px; width:149px;border-top:1px solid #dadada; border-left:1px solid #cecece; z-index:9;border-radius: 0 0 5px 0;background-color: #fff;}
.sidebar .title { margin:50px 0 0 5px; }
.sidebar .banner { position:absolute; bottom:0; left:0; width:100%; height:47px; border-top:1px solid #dadada; }
.sidebar .shoppingBanner {position:absolute; bottom:0; left:0; width:149px;border-top:1px solid #dadada;}
.nmSidebarGroup { position:relative; }
.nmSidebarContent { position:relative; overflow:hidden; overflow-y:auto; }

/* Footer */
.nmFooter a,.nmFooter a:link { text-decoration:none; cursor:pointer; }
.nmFooter a:visited { color:#383A3D; }
.nmFooter a:hover,.nmFooter a:active { color:#383A3D; }
.nmFooter a.gotoback {padding-left:13px; color:#f73b0a; background:url('../img/icon/return.png') no-repeat 0 -1px;}
.capacityArea {color:#A6A7AB; font-size:12px; line-height:16px; padding:16px 24px;}
.capacityArea .capacity_nums {float:right;}
.capacityArea em {font-size:12px; line-height:16px; color:#383A3D; font-style:normal;}
.capacityArea strong {font-weight:500; }
.footer_list {padding:0 24px;}
.footer_list a{font-size:13px; line-height:28px; color:#5F6368; font-weight:500;}
.footer_list .bold {font-weight:700;}
.copyright {width:100%; background-color:#fff; position:absolute; left:0; bottom:0; padding:13px 0; color:#666; border-top:1px solid #F1F1F1; letter-spacing: -0.5px; font-size:12px;font-family:Tahoma; text-align:center;}
.copyright a, .copyright a:link, .nmFooter .copyright a, .nmFooter .copyright a:link, .nmFooter .copyright a:visited { color:#666; }

/* layer Container */
/*2013.08.29 modify for prevent action by jane start- */
.nmLyContainer { position:absolute; left:0; right:0; top:0; bottom:0;  z-index:105; zoom:1; }
.nmLyContainer .curtain {background-color:#ffffff;opacity:0.4;filter:alpha(opacity=40); width:100%;height: 100%;position: absolute;}
/*2013.08.29 modify for prevent action by jane -end */
.nmLoading { position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(255, 255, 255, 0.8) url('../img/icon/ico_loading.gif') no-repeat 50% 50%; z-index:200; }

.mileageLayer { display:none; position:absolute; left:-76px; bottom:25px; width:192px; padding:0; border:1px solid #a5a5a5; border-radius:5px; background:#fff; box-shadow:0 2px 1px #d4d4d4; z-index:10;}
.mileageLayer .arr {position:absolute; left:85px; bottom:-13px; display:block; width:20px; height:13px; overflow:hidden; background:url('../img/common/set_storage_arr.png') no-repeat 0 0;}
.mileageLayer .title {height:12px; padding:15px; background:#fafafa; border-bottom:1px solid #ebebeb; border-radius:5px 5px 0 0;}
.mileageLayer .title span {float:left; font-size:11px; color:#666666; letter-spacing:-1px;}
.mileageLayer .title strong {float:left; padding:0 0 0 3px; font-size:12px; color:#2a2a2a;}
.mileageLayer .title .btn_management {float:right; font-size:11px; color:#999999; text-decoration:underline; letter-spacing:-1px;}
.mileageLayer .statusArea {width:172px; height:54px; margin:8px auto 11px; padding:57px 0 0; background:url('../img/common/set_mileage.gif') no-repeat 0 bottom;}
.mileageLayer .statusArea .status {position:relative; width:150px; height:35px; margin:0 auto;}
.mileageLayer .statusArea .status .current {position:absolute; top:0; width:28px; height:35px; overflow:hidden; margin:0 0 0 -14px; text-indent:-9999px; background:url('../img/common/set_mileage.gif') no-repeat 0 0;}
.open .mileageLayer{ display:block; }

.mileageLayer2 { display:none; position:absolute; left:-76px; bottom:25px; width:192px; padding:0; border:1px solid #a5a5a5; border-radius:5px; background:#fafafa; box-shadow:0 2px 1px #d4d4d4; z-index:10;}
.mileageLayer2 .arr {position:absolute; left:85px; bottom:-13px; display:block; width:20px; height:13px; overflow:hidden; background:url('../img/common/set_storage_arr.png') no-repeat 0 0;}
.mileageLayer2 .title {padding:15px; color:#666666;}
.mileageLayer2 .title strong {color:#222; letter-spacing:0;}
.mileageLayer2 .title .btn_management {position:absolute; right:35px; top:15px; text-decoration:underline;}
.mileageLayer2 .btn_close {position:absolute; right:15px; top:15px; display:block; width:11px; height:11px; overflow:hidden; text-indent:-9999px; border:1px solid #d2d2d2; background:url('../img/icon/set_read.gif') no-repeat 2px -103px;}
.open .mileageLayer2 { display:block; }

.storage { display:none; position:absolute; left:-86px; bottom:25px; width:152px; height:73px; padding:20px 20px 0; border:1px solid #a5a5a5; border-radius:5px; background:#fff; box-shadow:0 2px 1px #d4d4d4; z-index:10;}
.storage .arr {position:absolute; left:85px; bottom:-13px; display:block; width:20px; height:13px; overflow:hidden; background:url('../img/common/set_storage_arr.png') no-repeat 0 0;}
.storage .btn_close {position:absolute; right:20px; top:15px; display:block; width:11px; height:11px; overflow:hidden; text-indent:-9999px; border:1px solid #d2d2d2; background:url('../img/icon/set_read.gif') no-repeat 2px -103px;}
.storage .current {position:relative; width:152px; height:35px; margin:0 auto;}
.storage .current span {position:absolute; top:0; display:block; width:28px; height:35px; margin:0 0 0 -14px; text-indent: -9999px; background:url('../img/common/set_storage.gif') no-repeat 0 0;}
.storage .gage {width:152px; height:5px; margin:4px auto 0; border:1px solid #82c4c5; border-radius:3px; background:url('../img/common/set_storage.gif') repeat-x 0 -40px;}
.storage .gage span {position:relative; top:-1px; left:-1px; display:block; height:5px; border:1px solid #d40000; text-indent: -9999px; border-radius:3px; background:url('../img/common/set_storage.gif') repeat-x 0 bottom;}
.storage .remain {padding:4px 0 0; font-family:Tahoma; font-size:10px; color:#a9a9a9; text-align:right;}
.storage .remain strong {color:#f12d2d;}
.storage .remain span {color:#5d5d5d;}
.open .storage { display:block; }

/* 공통 버튼 */
.btn { width:auto; overflow:visible; border:1px solid #a9a9a9; border-radius:2px; background:url('../img/btn/bg_btn.gif') repeat-x 0 0; padding:2px 7px 1px 7px; height:25px; line-height:1; .line-height:1.2em; font-size:12px; color:#323232; }
:root .btn { padding-top:4px \0/IE9; }
.btn:hover { border:1px solid #666; background:url('../img/btn/bg_btn_over.gif') repeat-x 0 0; }
.btn::-moz-focus-inner{padding:0!important;border:0!important}
.btn.left {border-top-right-radius: 0; border-bottom-right-radius: 0;}
.btn.right { border-top-left-radius:0; border-bottom-left-radius:0; border-left:0; }
.btn.right:hover { border-left:1px solid #666 !important; margin-left:-1px; }
.btn.center { border-radius:0; border-left:0; }
.btn.center:hover { border-left:1px solid #666 !important; margin-left:-1px; }
.btn img { vertical-align:1px; }
.btn.arr_down { padding:0; border-top-left-radius:0; border-bottom-left-radius:0; border-left:0; text-align:center; }
.btn.left.btn_move, .btn.left.btn_additional, .btn.left.btn_sort {height:25px; padding-right:21px; border-top-right-radius: 2px; border-bottom-right-radius: 2px;}
.btn.left.btn_move .btn.arr_down, .btn.left.btn_additional .btn.arr_down, .btn.left.btn_sort .btn.arr_down {width:14px; height:24px; display:inline-block; box-sizing:border-box; position:absolute; right:1px; top:1px; border:none; border-left:1px solid #a9a9a9; }
.btn.left.btn_move:hover .btn.arr_down, .btn.left.btn_additional:hover .btn.arr_down, .btn.left.btn_sort:hover .btn.arr_down {border-left:1px solid #666 !important; background: url(../img/btn/bg_btn_over.gif) repeat-x 0 0;}
.btn.left.btn_move .btn.arr_down img, .btn.left.btn_additional .btn.arr_down img, .btn.left.btn.left.btn_sort .btn.arr_down img {margin-top:10px;}

.btn.send { border:1px solid #c02924; background:url('../img/btn/bg_btn_send.gif') repeat-x 0 0; color:#fff; }
.btn.send:hover { border:1px solid #a41915; background:url('../img/btn/bg_btn_send_over.gif') repeat-x 0 0; color:#fff; }

.btn.small { height:22px; font-size:11px; letter-spacing:-1px; }
:root .btn.small { padding-top:3px; \0/IE9; }

.btn.thin { height:23px; padding:2px 13px 1px 13px; border-color:#b8b8b8; }
:root .btn.thin { padding-top:3px; }
.btn.thin.on { border-color:#7d7d7d; font-weight:bold; box-shadow:1px 1px 0 #ececec; }


/* 상단 버튼 영역, 실이키 추가 건 */
#nmViewHeader {width:calc(100% - 190px); height:52px; padding:0 5px 0 20px; box-sizing:border-box; background-color:#fff; }
#nmViewHeader::after {content:''; display:block; clear:both;}
#nmListHeader {height:52px; float:left; margin-right:8px; display:flex; align-items: center; }
#nmListHeader .list_head {}
.nmButtonsArea {height:52px; position:relative;float:left; z-index:2; display:flex; align-items: center;}
.sidebarOpen .nmButtonsArea {border-right:0;}
.nmButtonsArea li { list-style:none; }
/*.nmButtonsArea .nmBtn { position:relative; display:inline-block; margin:0 1px 0 0; vertical-align:middle; *display:inline; *zoom:1; }*/
.nmButtonsArea .nmBtn { position:relative; display:inline-block; vertical-align:middle; *display:inline; *zoom:1;margin-right:4px; margin-top:2px; margin-bottom:2px; }/*2013.08.26 jane */
.nmButtonsArea .nmBtnDelComp .divider, .nmButtonsArea .nmBtnTypeSend .divider {display:inline-block; width:1px; height:25px; background-color:#a9a9a9; margin:0px 4px 0 8px; vertical-align: top; }
.nmButtonsArea .nmBtnDelComp img{display: none}
.nmButtonsArea.nmTrashorSpam .nmBtnDelComp img{display: inline;}
.nmButtonsArea .nmBtn + .nmBtnGroup { padding-left:6px; }
.nmButtonsArea .layer_st { display:none; }
.nmButtonsArea .open .layer_st { display:block; }         
.nmButtonsAreaL, .nmButtonsAreaR { min-height:25px; }
.nmButtonsAreaRB {padding:0px 20px 0 0; }
.nmButtonsArea .nmButtonsAreaR {position:absolute; right:0; top:0;}
.nmButtonsAreaRB .nmBtn { margin:0 0 0 0; *margin-left:0; }
.nmBannerArea{position: absolute;top: 13px;right: 50px;}
.nmBannerArea .promotion{padding: 0 5px 0 10px;width: 455px;color: #3e98ab;letter-spacing: -1px;text-align: right;font-size: 12px;text-decoration: none;}

/* 푸터의 버튼 영역 (상단에서 이동됨) - 25.11.11 */
.nmListFooter {position:relative;}
.nmListFooter .nmButtonsArea {position:absolute; right:0; top:0px; border-bottom:none;}

/* banner */
.large_sms button img {margin:0 auto; text-align:center;}
.large_sms.holiday button {width:100%; background-color:#FFFCF7;}
.large_sms.holiday .banner_large_sms, .large_sms.normal .banner_holiday {display:none;}
.large_sms.normal button {width:100%; /* background-color:#FAFAFA;*/ background-color:#EEFBF7;}
.large_sms.holiday .banner_holiday, .large_sms.normal .banner_large_sms {display:block;}

/* 실시간 이슈 키워드(실이키) */
.livekeywordWrap {width:352px; padding:16px 20px; border:1px solid #d9dbde; background-color:#fff; border-radius:10px; position:absolute; right:20px; top:12px; z-index:2;}
.livekeywordWrap .livekeyword_title {font-size:15px; margin-bottom:10px; line-height:22px; letter-spacing: -0.5px; font-weight:700; padding-right:16px; background:url('../img/icon/ico_livekeyword_title_up.png') no-repeat right center; background-size:16px; cursor:pointer;}
.livekeywordWrap.fold .livekeyword_title {background-image:url('../img/icon/ico_livekeyword_title_down.png');}
.livekeywordWrap .livekeyword_title .btn_info {margin-left:27px; width:15px; height:15px; background:url('../img/icon/ico_info.png') no-repeat; background-size:100%; cursor:pointer; font-size:0; line-height:0; text-indent: -9999px; margin-top:3px;}
.livekeywordWrap .rank::after{content:''; display:block; clear:both;}
.livekeywordWrap .rank_part {float:left; width:calc(50% - 10px); padding-right:10px; }
.livekeywordWrap .rank_part:nth-child(2) {padding-left:10px; padding-right:0;}
.livekeywordWrap .rank_item {padding-bottom:10px;}
.livekeywordWrap .rank_item .rank_item_link {text-decoration:none; display:flex; flex-direction: row; align-items: center; line-height:16px; font-size:12px; letter-spacing: -0.5px; color:#333;}
.livekeywordWrap .rank_item .rank_item_rank {display:block; width:20px; font-weight:700; font-size:15px; line-height:16px; color:#222;}
.livekeywordWrap .rank_item .rank_item_keyword {display:block; flex:1; width:100%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.livekeywordWrap .rank_item .rank_item_up_and_down {display:inline-block; font-weight:700; padding-left:10px; width:16px; text-align:right; position:relative; color:#777777; }
.livekeywordWrap .rank_item .rank_item_up_and_down::before {content:''; display:block; width:10px; height:10px; background-repeat:no-repeat; background-size:100%; background-position:left center; }
.livekeywordWrap .rank_item .rank_item_up_and_down.up::before {background-image:url('../img/icon/ico_livekeyword_up.png'); position: absolute; left:0; top:50%;transform:translateY(-50%)}
.livekeywordWrap .rank_item .rank_item_up_and_down.down::before {background-image:url('../img/icon/ico_livekeyword_down.png'); position:absolute; left:0; top:50%;transform:translateY(-50%)}
.livekeywordWrap .rank_item .rank_item_up_and_down.equal {display:block; width:10px; height:2px; padding:0; background-color:#b7b7b7; border-radius:50px; font-size:0; line-height:0; text-indent:-9999px;}
.livekeywordWrap .rank_item .rank_item_up_and_down.new {font-size:0; line-height:0; text-indent: -9999px;width:24px; height:12px; background-image:url('../img/icon/ico_livekeyword_new.png'); background-repeat:no-repeat; background-size:24px; background-position:right center;}
.livekeywordWrap .rank_item .rank_item_up_and_down.new::before {display:none;}
.livekeywordWrap .rank_info_tooltip {display:none; box-sizing: border-box; width:248px; height:108px; background-color:#fff; padding:12px 36px 12px 16px; z-index:1; position:absolute;left:0; top:42px; box-shadow: 0px 4px 16px 0px #00000033; font-size:13px; letter-spacing: -0.5px; color:#666; border-radius:10px; line-height:20px;}
.livekeywordWrap .rank_info_tooltip.on {display:block;}
.livekeywordWrap .btn_close {width:18px; height:18px; background:url('../img/btn/btn_close_tooltip.png') no-repeat center; background-size:18px; font-size:0; line-height:0; text-indent: -9999px; cursor:pointer; position: absolute; right:12px; top:12px;}

/* fold 전환 시 위로 올라가는 듯한 애니메이션 */
.livekeywordWrap.fold .rank.lk-slide-up {animation: lkFoldUp .28s ease-out;}
@keyframes lkFoldUp {
	from {transform: translateY(8px); opacity:.6;}
	to {transform: translateY(0); opacity:1;}
}


/*.btnR { width:25px; height:25px; background:url('../img/btn/bg_btn_right.gif') no-repeat 0 0; }*/
/*.btnR { width:25px; height:25px; background:url('../img/btn/bg_btn_right_v2.gif') no-repeat 0 0; }*/
.btnR { width:25px; height:25px; background:url('../img/btn/bg_btn_right_v3.gif') no-repeat 0 0; }
.btnR strong { display:block; text-indent:-9999px; }
.btn_npop { background-position:0 0; margin-right:5px; }
.btn_npop:hover { background-position:0 -25px; }
.btn_print_wrap.off {display:none;}
.btn_print {padding-left:25px; width:auto;background:url('../img/btn/btn_printer.png') no-repeat 0 0; background-size:25px; }
.btn_print strong {text-indent:0; font-size:13px; line-height:25px; color:#82888F;}
.btnR.btn_next {background:url('../img/btn/btn_arr_up_black.png') no-repeat center; background-size:16px; margin-left:10px;}
.btnR.btn_prev {background:url('../img/btn/btn_arr_down_black.png') no-repeat center; background-size:16px; margin-left:12px;}
.btnR.btn_list {width:auto; background:none; line-height:25px; font-weight:600; font-size:13px; line-height:16px; padding:4px; color:#1A1A1A; position:relative; margin-left:21px;}
.btnR.btn_list::before {content:''; display:block; width:1px; height:12px; background-color:#d9dbde; position:absolute; left:-10px; top:6px;}
.btnR.btn_list strong {text-indent:0;}
.btn_refresh { background:url('../img/btn/btn_refresh.png') no-repeat 0 0; background-size:25px; margin-right:5px; }
.btn_vmode_n { background:url('../img/btn/btn_vmode_n.png') no-repeat 0 0; background-size:25px; }
.btn_vmode_y { background:url('../img/btn/btn_vmode_y.png') no-repeat 0 0; background-size:25px;}
.btn_vmode_x { background:url('../img/btn/btn_vmode_x.png') no-repeat 0 0; background-size:25px; }
.select_vmode .nmBtnTypeViewOn.on .btn_vmode_n {background-image:url('../img/btn/btn_vmode_n_on.png')}
.select_vmode .nmBtnTypeViewOn.on .btn_vmode_y {background-image:url('../img/btn/btn_vmode_y_on.png')}
.select_vmode .nmBtnTypeViewOn.on .btn_vmode_x {background-image:url('../img/btn/btn_vmode_x_on.png')}
.btn_vmode_setting { background-position:-193px 0; width:16px; }
.on .btn_vmode_setting { background-position:-193px -50px; }
.btn_vmode_setting:hover { background-position:-192px -25px; margin-left:-1px; width:17px; }

.nmBtnWriteSmall .btnR { background-position:0 -50px; }
.nmBtnWriteSmall .btnR:hover { background-position:0 -75px; }
.nmBtnWriteFull .btnR { background-position:-30px -50px; margin-left:5px; }
.nmBtnWriteFull .btnR:hover { background-position:-30px -75px; }
.btn_up { background:url('../img/btn/btn_up.png') no-repeat 0 0; background-size:25px; }
.btn_vmode_more {background:url('../img/btn/btn_up.png') no-repeat 0 0; background-size:25px;}

.select_vmode_area {position:relative;}
.select_vmode {display:none; width:max-content; position:absolute; right:0; bottom:30px; padding:12px; background-color:#fff; border:1px solid #666666;}
.select_vmode::before {content:'보기 방식'; display:block; position:absolute; left:12px; top:12px; font-size:12px; color:#686868; line-height:25px;}
.select_vmode::after {content: ''; display:block; clear:both;}
.select_vmode .nmBtn {float:left; margin-left:6px;}
.select_vmode .nmBtn:first-child {margin-left:65px;}
.on .select_vmode {display:block;}

/* 레이어 버튼 */
.btnArea { padding:20px 0 0 0; text-align:center; }
.btnArea .btn01 { padding-left:15px; padding-right:15px; border-color:#7d7d7d; font-weight:bold; box-shadow:1px 1px 0 #ececec; }
.btnArea .btn02 { padding-left:15px; padding-right:15px; border-color:#b8b8b8; }

/* Pagination */
.Pagination { clear:both; box-sizing:border-box; width:100%; height:52px; text-align:center; border-top:1px solid #dadada; background:#fff;  z-index:10; }
.paging { padding-top:14px; font-weight:bold; color:#333; }
.paging .btn_prev { display:inline-block;text-indent: -9999em; width:21px; height:21px; padding:0; font-size:0; line-height:0; background:url('../img/btn/bg_btn_paging.gif') no-repeat 0 0; vertical-align:middle; }
.paging .btn_prev.off { background:url('../img/btn/bg_btn_paging.gif') no-repeat 0 -22px; }
.paging .btn_next { display:inline-block;text-indent: -9999em; width:21px; height:21px; padding:0; margin-left:4px; font-size:0; line-height:0; background:url('../img/btn/bg_btn_paging.gif') no-repeat 100% 0; vertical-align:middle; }
.paging .btn_next.off { background:url('../img/btn/bg_btn_paging.gif') no-repeat 100% -22px; }
.paging span.num { display:inline-block; vertical-align:middle; white-space:nowrap; }
.paging span.num span { display:inline-block; margin-right:-4px; }
/*.paging span.num a { display:inline-block; padding:5px 8px 4px 7px; margin-right:-4px; color:#333; }*/
.paging span.num a { display:inline-block; padding:5px 6px 4px 6px; margin-right:-4px; color:#333; }
.paging span.num a.on { color:#f12d2d; text-decoration:underline; }
.paging .btn_first2 {display:inline-block; width:22px; height:21px; padding:0; background:url('../img/btn/bg_btn_paging.gif') no-repeat 0 -44px; vertical-align:middle;}
.paging .btn_first2.off {background-position:0 -88px;}
.paging .btn_prev2 {display:inline-block; width:22px; height:21px; padding:0; background:url('../img/btn/bg_btn_paging.gif') no-repeat -22px -44px; vertical-align:middle;}
.paging .btn_prev2.off {background-position:-22px -88px;}
.paging .btn_next2 {display:inline-block; width:22px; height:21px; padding:0; background:url('../img/btn/bg_btn_paging.gif') no-repeat 0 -66px; vertical-align:middle;}
.paging .btn_next2.off {background-position:0 -110px;}
.paging .btn_end2 {display:inline-block; width:22px; height:21px; padding:0; background:url('../img/btn/bg_btn_paging.gif') no-repeat -22px -66px; vertical-align:middle;}
.paging .btn_end2.off {background-position:-22px -110px;}

/* 리스트 상단 광고 (default) */
.topAd {flex:0 0 44px; width:100%; height:44px; min-height:44px;}
.top_ad_area .top_ad_bg {width:100%; display:block;}
.top_ad_area .top_ad_img {width:600px; height:44px; display:block; background-repeat:no-repeat; background-size:100%; margin:0 auto;}
.top_ad_area .btn_today_stop {border:none; background-color:rgba(0, 0, 0, 0); font-size:13px; line-height:13px; padding:6px 30px 5px 12px; position:absolute; right:24px; top:10px; color:#484848; font-family:"Apple SD Gothic Neo", "Malgun Gothic","맑은 고딕",-apple-system; letter-spacing:-0.6px;}
.top_ad_area .btn_close {width:16px; height:16px; background:url('../img/btn/btn_close_ad.png') no-repeat center; background-size:100%; position:absolute; right:12px; top:4px; font-size:0; line-height:0;}

/* 하단 광고 */
/*.foot_ad { position:absolute; bottom:0; left:0; clear:both; width:100%; height:47px; padding-top:2px; text-align:center; background:#faf9f7 url('../img/common/bg_foot_ad.gif') repeat-x 0 0; border-radius:0 0 5px 5px; z-index:10; }*/
.foot_ad { clear:both; width:100%; height:47px; padding-top:2px; text-align:center; background:#faf9f7 url('../img/common/bg_foot_ad.gif') repeat-x 0 0; border-radius:0 0 5px 5px; z-index:10; }
.foot_ad .btn_close { position:absolute; bottom:19px; right:23px; display:block; width:12px; height:12px; background:url('../img/btn/btn_close02.gif') no-repeat 0 0; text-indent:-9999px; margin-left:20px; }

/* 상단 알럿 */
.nmMessageContainer { position:absolute; left:0; top:0; width:100%; z-index:102; }
/*.alert_msg { position:absolute; left:0; top:0; width:100%; height:39px; padding:0 0 0 0; border-radius:6px 6px 0 0; background:#ffffbe; border-bottom:1px solid #dadada; z-index:102; text-align:center; font-size:11px; color:#666; letter-spacing:-1px; }*/
.alert_msg { height:39px; padding:0 0 0 0;  background:#ffffbe; border: none;text-align:center; font-size:11px; color:#666; letter-spacing:-1px; }
.alert_msg .img { display:inline-block; height:39px; padding:0 5px 0 0; vertical-align:middle; }
.alert_msg .txt { display:inline-block; padding:15px 0 0 0; height:24px; vertical-align:middle; }
.alert_msg .txt strong { color:#f12d2d; font-weight:normal; }
.alert_msg .cancel { display:inline-block; color:#bebebe; text-decoration:underline; margin:1px 0 0 7px; vertical-align:middle; font-size:11px; background:none; letter-spacing:-1px; }
.alert_msg .btn_close { display:inline-block; width:12px; height:12px; background:url('../img/btn/btn_close.gif') no-repeat 0 0; text-indent:-9999px; margin-left:20px; vertical-align:middle; }

/* Chrome, Safari용 스크롤 바 */
/*::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { border-radius: 0; background-color:#ccc; }
::-webkit-scrollbar-track-piece { background-color:#fff; }
::-webkit-scrollbar-thumb { border-radius: 0; background-color:#ececec; border:1px solid #e5e5e5; }
::-webkit-scrollbar-thumb:hover { border-radius: 0; background-color:#ccc; border:1px solid #bbb; }*/


/* 레이어 공통 */
.layer_st { position:absolute; left:0; top:25px; border:1px solid #666; background:#fff; z-index:1000; }
.layer_st a.line { text-decoration:underline; }
.layer_st dt { display:inline-block; width:50px; }
.layer_st dd { display:inline-block; width:140px; }
.layer_st .btm_box { border-top:1px solid #f1f1f1; background:#f8f8f8; text-align:center; padding:4px 10px 5px 10px; }
.layer_st .btm_box .left { float:left; }
.layer_st .btm_box .right { float:right; }
.layer_st .btm_box .ly_help { display:none; }
.layer_st .btm_box .ly_help.open,
.layer_st.open { display:block; }
/* 레이어 : 삭제/읽음 */
.layer_st.simple .inbox a { display:block; padding:5px 8px 0 8px; height:16px; white-space:nowrap; }
.layer_st.simple .inbox a:hover { background:#f8f8f8; }
.layer_st.simple .inbox.real_del a { padding:5px 8px 0 9px; height:16px; white-space:nowrap; }

/* 레이어 : 정렬 기준 */
.layer_st.sortFunc .inbox {width:87px; box-sizing:border-box; letter-spacing: -1px;}
.layer_st.sortFunc .mini_layer_title {padding:12px 12px 8px; font-size:12px; color:#686868; line-height:17px; font-weight:700;}
.layer_st.sortFunc .mini_layer_select {padding-bottom:12px;}
.layer_st.sortFunc .mini_layer_select li {margin-bottom:4px;}
.layer_st.sortFunc .mini_layer_select li p.up a {padding-right:26px; background-image:url('../img/btn/btn_fold.png'); background-repeat: no-repeat; background-size:14px; background-position: right 12px center;}
.layer_st.sortFunc .mini_layer_select li p.down a {padding-right:26px; background-image:url('../img/btn/btn_spread.png'); background-repeat: no-repeat; background-size:14px; background-position: right 12px center;}
.layer_st.sortFunc .mini_layer_select li a {line-height:17px; padding:0 12px; color:#686868; font-size:12px; letter-spacing: -1px; display:block; text-decoration:none;}
.layer_st.sortFunc .mini_layer_select li:last-child {margin-bottom:0;}
.layer_st.sortFunc .mini_layer_select li a:hover {color:#000000; background:#f8f8f8; text-decoration:underline;}

/* 레이어 : 보기 설정 */
.viewset { left:auto; right:20px; bottom:25px; top:auto; width:230px; }
.viewset .inbox { padding:0 5px 5px 9px; }
.viewset .inbox li { list-style:none; }
.viewset .inboxGroup:after { content:""; height:0; display:block; visibility:hidden; clear:both; }
* html .viewset .inboxGroup { height:1px; }
.viewset .inboxGroup { display:block; min-height:1px; }
.viewset .inbox .tit { float:left; width:70px; color:#333; height:13px; margin-top:12px; }
.viewset .inbox .setting { float:left; color:#333; height:13px; margin-top:12px; }
.viewset .inbox .setting select { width:140px; border:1px solid #dadada; height:19px; margin-top:-4px; }
.viewset .inbox .setting input { vertical-align:top; }
.viewset .help_box {margin-left: -5px !important;display: inline;float: none;}
.viewset .help_box .help { margin-bottom:1px; }
.viewset .ly_help .inbox { padding:7px 7px 0 7px; }
.viewset .ly_help .inbox dl { width:163px; padding-bottom:7px; }
.viewset .ly_help .inbox dt { width:40px; text-align:center; height:15px; white-space:nowrap; }
.viewset .ly_help .inbox dt span { float:none; margin:0 auto; }
.viewset .ly_help .inbox dd { color:#999; width:120px; height:15px; white-space:nowrap; }
.viewset .ly_help .inbox dd span { color:#dbdbdb;}
.viewset .help_box .ly_help { display:none; }
.viewset .help_box .ly_help.open { display:block; }

/* 레이어 : 스팸신고 */
.layer_st.spam { width:300px; }
.layer_st.spam .inbox:first-child  {padding: 8px 7px 9px 7px;}
.layer_st.spam .inbox{padding: 11px 7px 0 7px}
.layer_st.spam .inbox dt { float:left; width:85px; padding:5px; font-weight:bold; }
.layer_st.spam .inbox dd { float:left; white-space:nowrap; background:url('../img/common/dotline.gif') no-repeat 0 20px; }
.layer_st.spam .inbox dd li { margin-top:5px; }
.layer_st.spam .inbox dd li.sub { padding-left:20px; }
.layer_st.spam .btm_box label { display:block; font-size:11px; color:#999; margin-top:6px; letter-spacing:-1px; }
.layer_st.spam .inbox span { font-weight:bold;padding: 5px;}
.layer_st.spam .inbox ul.inline {margin-top:3px;padding: 5px;}
.layer_st.spam .inbox ul.inline li {font-size: 11px;padding-bottom: 7px;}
.layer_st.spam .inbox ul.inline li p{letter-spacing: -1.2px;color: #a0a0a0;}
.layer_st.spam .inbox ul.inline li input{width: 272px;/* margin:4px 2px 2px 2px; */color: #c0c0c0;}
.layer_st.spam .inbox ul.inline li input.on{color: black;}
.layer_st.spam .btm_box input { margin-top:-1px; }


/* 레이어 : 메일이동 */
.open .layer_st.move { display:flex; flex-direction:column; min-width:160px; width:160px; max-width:280px; min-height:200px; }
.layer_st.move .inbox.dscroll { flex:1 1 0; min-height:50px; position:relative; overflow-y:auto; width:auto; }
/* 오른쪽 하단 리사이즈 핸들(작은 네모) */
.layer_st.move .layer_st_resize {position:absolute; right:2px; bottom:2px; width:12px; height:12px; background-image:url('../img/btn/btn_resize.png'); background-repeat:no-repeat; background-position:center; background-size:100%; cursor:nwse-resize; box-sizing:border-box; }
.layer_st.move .mailbox { padding:0; }
.layer_st.move .mailbox li { float:none; padding:0; margin:0; }
.layer_st.move .mailbox li a { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:5px 4px 4px 9px; color:#666; white-space:nowrap; text-decoration: none; }
.layer_st.move .mailbox li a:hover { background:#f8f8f8; color:#000; text-decoration: none; }
.layer_st.move .btm_box { text-align:left; white-space:nowrap; font-size:11px; letter-spacing:-1px; }
.layer_st.move .btm_box .btn { margin:0; }
.layer_st.move .btm_box li { float:none; margin-top:5px; }
.layer_st.move .btm_box li .help_box {float:none;display: inline;}

/* 레이어 : 미리 보기 */
.layer_st.preview { left:174px; top:23px; width:312px; }
.layer_st.preview .inbox { padding:9px 9px 5px 9px; }
.layer_st.preview .inbox p.txt { font-size:11px; color:#666; line-height:14px; letter-spacing:-1px; word-break:break-all;max-height: 150px;overflow: hidden;}
#ViewmodeY .layer_st.preview { left:34px; top:40px; }

/* 레이어: 첨부메일함*/
.filetype01,
.filetype02 { display:none; }
.filetype01 { left:101px; }
.filetype02 { left:390px; }
.filetype02 .inbox { overflow-x:hidden; overflow-y:auto; width:104px; max-height:220px; }
.filetype02 .filetype_list li a { width:93px; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.filetype_list li { list-style:none; }
.filetype_list li a { display:block; font-size:11px; color:#999; height:15px !important; padding:5px 7px 0 7px !important; letter-spacing:-1px; white-space:nowrap; }
.filetype_list li a:hover { color:#666; background:#f8f8f8; border:0 !important; margin-right:0 !important; }


/* 레이어 : PC저장 */
.pcSaveMail {position: absolute;left:50%; margin-left:-101px;top:50%;margin-top:-90px;}
.pcSaveMail .pcsave {position: static;}/* 2013.09.05 jane*/
.pcsave { width:200px; }
.pcsave .inbox { text-align:center; padding:17px 0 0 0; height:109px; }
.pcsave .inbox p {padding:0; height:21px; font-size:12px; font-weight:bold; color:#333333; }
.pcsave .inbox p strong {color:#f12d2d;}
.pcsave .inbox .guide { display:block; height:25px; font-size:11px; color:#c2c2c2; letter-spacing:-1px; }
.pcsave .inbox .setPeriod {padding:0 0 7px;}
.pcsave .inbox .setPeriod .btn {height:22px; padding:3px 3px 0 3px; font-size:11px; color:#333333;}
.pcsave .inbox .setPeriod .input_date {width:142px; height:18px; padding:0 5px; border:1px solid #cecece;}
.pcsave .inbox .percentage { margin:10px 0 20px 0; }
.pcsave .inbox .percentage span {display:block; margin:0 auto; padding:0 0 7px; font-family:Tahoma, Dotum; font-size:11px; color:#999999;}
.pcsave .inbox .percentage span strong {color:#f12d2d;}
.pcsave .inbox .percentage .graph {width:172px; margin:0 auto;}
.pcsave .inbox .img {height:43px; margin-bottom:10px; background:url('../img/popup/set_pcsave.gif') no-repeat center -120px;}

/* 레이어 : 수신허용 */
.allow { width:300px; }
.allow .inbox { text-align:center; padding:10px 0 20px 0; }
.allow .inbox p { padding-bottom:5px; }
.allow .inbox p.tit { padding:5px 0 10px 0; font-size:12px; font-weight:bold; color:#333333; line-height:16px; }
.allow .inbox p.tit strong { color:#f12d2d; }
.allow .inbox .guide { font-size:11px; color:#c2c2c2; letter-spacing:-1px; }
.allow .inbox .guide02 { display:block; padding-bottom:5px; font-size:11px; color:#999; letter-spacing:-1px; }
.allow .inbox .img { width:41px; height:37px; background:url('../img/popup/set_pcsave.gif') no-repeat center -120px; margin: 0 auto; }

/* 레이어 : 수신차단 */
.receipt { width:250px; }
.receipt .inbox { text-align:center; padding:10px 0 20px 0; }
.receipt .inbox p.tit { padding:5px 0 10px 0; font-size:12px; font-weight:bold; color:#333333; line-height:16px; }
.receipt .inbox p.tit strong { color:#f12d2d; }
.receipt .inbox .guide { font-size:11px; color:#c2c2c2; letter-spacing:-1px; }
.receipt .inbox .guide02 { display:block; padding-bottom:5px; font-size:11px; color:#999; letter-spacing:-1px; }
.receipt .inbox .nmLink { display:block; padding:2px 0 0 23px; padding-left:23px; text-align:left; }
.receipt .inbox .nmLink a { font-size:11px; color:#666; text-decoration:underline; }

/* 도움말 레이어 */
/* 2013.09.02 */
.help_box { position:relative; float:left;vertical-align:initial;margin-left: 0 !important;margin-top:1px; }
.help { display:inline-block; overflow:hidden; width:14px; height:14px; background:url('../img/icon/set_list.gif') no-repeat 0 -569px; line-height: 10; font-size:0; margin:-2px 0 0 2px; font:0/0; vertical-align:middle; }
/* 2013.09.02 도움말 상자 위치 조정 */
.ly_help { display:none; position:absolute; left:-14px;top:17px; z-index:1000; font-size:11px; }
.ly_help .inbox { width:auto; background:#ffffe7; border:1px solid #cecece; color:#cdba81; padding:7px 7px 0 7px; letter-spacing:-1px;line-height: 1.2em; }
.ly_help .inbox a { text-decoration:underline; color:#cdba81; }
.ly_help .inbox p { padding-bottom:5px; }
.ly_help .inbox .txt01 { color:#5a4916; font-weight:normal; white-space:nowrap; }
.ly_help .inbox .txt02 { color:#666; white-space:nowrap; }
.ly_help .inbox .txt02 a { color:#666; }
.ly_help .inbox .txt03 { color:#8A6D16; white-space:nowrap; line-height:1.35em; }
.ly_help .inbox .txt03 a { color:#8A6D16; }
.ly_help .triangle { position:absolute; top:-4px; left:20px; display:block; width:6px; height:5px; background:url('../img/common/bg_help.gif') no-repeat 0 0; }
/*.open .ly_help { display:block; }*/

/* 보기 설정 목록 아이콘 모음 */
.set_icon { font-size:11px; }
.set_icon span.icon { float:left; display:block; height:14px; background:url('../img/icon/set_list.gif') no-repeat 0 0; text-indent:-9999px; margin-right:8px; }
.set_icon .important span.icon { width:12px; }
.set_icon .important span.icon.on { background-position:-1px -192px; }
.set_icon .important span.icon.off { background-position:-1px -224px; }
.set_icon .friend span.icon { width:12px; }
.set_icon .friend span.icon.on { background-position:-2px -256px; }
.set_icon .friend span.icon.off { background-position:-2px -288px; }
.set_icon .read span.icon { width:14px; }
.set_icon .read span.icon.on { background-position:0 0; }
.set_icon .read span.icon.off { background-position:0 -594px; }
.set_icon .file span.icon { width:8px; }
.set_icon .file span.icon.on { background-position:-4px -320px; }
.set_icon .file span.icon.off { background-position:-4px -616px; }
.set_icon .size span.icon { width:14px; }
.set_icon .size span.icon.on { background-position:0 -637px; }
.set_icon .size span.icon.off { background-position:0 -658px; }
.set_icon .txt { letter-spacing:-1px; }
.set_icon .txt.on { color:#666; }
.set_icon .txt.off { color:#999; }

/* Default Graph */
.graph, .graph div {border-radius:3px; background:url('../img/common/set_percentage.gif') repeat-x 0 0;}
.graph {height:6px; background-position:0 0;}
.graph div {*float:left; height:4px; border:1px solid #ae1717; background-position:0 bottom;}

/* Drag */
.dragGuide { position:absolute; display:inline-block; height:23px; border:1px solid #f12d2d; background:url('../img/common/bg_drag.png') repeat-x 0 0; box-shadow:#ccc 1px 1px 2px; z-index:1000; cursor:pointer; }
.dragGuide p.txt { padding:6px 5px 0 5px; color:#333;white-space: nowrap; }
.dragGuide p.txt .icon { display:inline-block; width:16px; height:11px; background:url('../img/icon/set_list.gif') no-repeat 0 -789px; vertical-align:top; }
.dragGuide.enable p.txt .icon { display:inline-block; width:14px; height:11px; background:url('../img/icon/set_list.gif') no-repeat 0 -774px; vertical-align:top; }
.dragGuide.maildrag p {visibility: hidden;}
.dragGuide.maildrag {  background:url('../img/icon/maildrag.png') repeat-x 0 0 transparent; width:32px;height: 25px;overflow: hidden;border:0; box-shadow: none;}
.dragGuide.maildrag.enable p {visibility: visible;color:#aaa;margin-left:33px;background-color:#fff;border:1px solid #aaa;padding-top:4px;padding-bottom:4px;box-shadow: #ccc 1px 1px 2px;overflow:hidden;white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; max-width:210px;font-size:11px;}
.dragGuide.maildrag.enable p .icon { display: none}
.dragGuide.maildrag.enable { background:url('../img/icon/maildrag_enable.png') no-repeat 0 0; width: auto;}
/*{ background:url('../img/icon/maildrag_enable.png') repeat-x 0 0 transparent;  width:32px;height: 25px;overflow: hidden; }*/

/* Alert Icon */
.alertIcon {display:inline-block; min-width:25px; height:39px; background:url('../img/icon/alert.png') no-repeat 0 0;}
.alertIcon.man1 {width:37px; background-position: 0 -20px;}
.alertIcon.man2 {width:32px; background-position:-50px -20px;}
.alertIcon.man3 {width:46px; background-position:-100px -20px;}
.alertIcon.man4 {width:39px; background-position:-150px -20px;}
.alertIcon.man5 {width:42px; background-position:-200px -20px;}
.alertIcon.man6 {width:42px; background-position:-250px -20px;}
.alertIcon.man7 {width:34px; background-position:-300px -20px;}
.alertIcon.man8 {width:34px; background-position:-350px -20px;}
.alertIcon.box1 {width:63px; background-position: 0 -80px;}
.alertIcon.box2 {width:40px; background-position:-100px -80px;}
.alertIcon.box3 {width:41px; background-position:-150px -80px;}
.alertIcon.box4 {width:48px; background-position:-200px -80px;}
.alertIcon.tool1 {width:30px; background-position: 0 -140px;}
.alertIcon.tool2 {width:32px; background-position:-50px -140px;}
.alertIcon.tool3 {width:25px; background-position:-100px -140px;}
.alertIcon.tool4 {width:28px; background-position:-150px -140px;}
.alertIcon.tool5 {width:31px; background-position:-200px -140px;}
.alertIcon.tool6 {width:42px; background-position:-250px -140px;}
.alertIcon.tool7 {width:42px; background-position:-300px -140px;}
.alertIcon.tool8 {width:97px; background-position:-350px -140px;}

/* Search */
.nmSearchContainer {width:362px; height:40px; margin-left:40px; padding:11px 0; float:left; background-color:#fff; position:relative; z-index:3;}
.searchArea {height:40px; position:relative; border:1px solid #D9DBDE; box-sizing:border-box; padding:0 53px 0 18px; } /* position:absolute; right:20px; top:10px; */
.searchArea::after {content:''; display:block; clear:both;}
.searchArea .btn_search {width:44px; height:40px; float:left; font-size:0; text-indent:-9999px; background:url('../img/icon/ico_search.png') no-repeat 12px center; background-size:20px;}
.searchArea .txt_word {width:245px; display:block; float:left; padding:10px 0; }
.searchArea .txt_word input {width:100%; height:20px; border:0; line-height:18px; background-color:#fff;}
.searchArea .detailArea {position:absolute; right:18px; top: 10px;}
.searchArea .detailArea .btn_showDetail {display:block; padding-left:9px; position:relative; font-size:13px; line-height:20px; color:#383A3D; background-color:#fff;}
.searchArea .detailArea .btn_showDetail::before {content:''; display:block; width:1px; height:14px; background-color:#D9DBDE; position:absolute; left:0; top:3px;}
.searchArea .searchLayer {padding:16px 20px; position:absolute; left: 0; top:42px; display:none; width:443px; background:#FFF; border:1px solid #666666; z-index:101;}
.searchArea .searchLayer .option_item {height:40px;}
.searchArea .searchLayer .option_item::after {content:''; display:block; clear:both;}
.searchArea .searchLayer .option_item .option_item_label {width:64px; float:left; font-size:13px; line-height:28px; color:#5F6368; font-weight:500;}
.searchArea .searchLayer .option_item select {float:left; width:calc(100% - 64px); height:28px; font-weight:500; padding:0 8px; font-size:14px; line-height:28px; border:1px solid #E8EAED; border-radius:4px; appearance: none; -webkit-appearance: none; background-image:url('../img/icon/ico_select_down.png'); background-repeat:no-repeat; background-size:8px; background-position:right 8px center; }
.searchArea .searchLayer .option_item .sel_opt {width:130px;}
.searchArea .searchLayer .option_item .keyword  {float:left;width:calc(100% - 130px - 64px - 11px - 16px); height:20px; padding:4px 8px; margin-left:8px;border:1px solid #E8EAED; border-radius:4px;}
.searchArea .searchLayer .option_item .keyword .txtDetailSearch {width:100%; color:#333333; font-size:14px; line-height:20px; border:none;}
.searchArea .searchLayer .option_item .keyword .txtDetailSearch::placeholder{color:#BEBEBE;}
.searchArea .searchLayer .option_item .keyword .txtDetailSearch.active {color:#333333;}
.searchArea .searchLayer .option_item .sel_period {width:130px; margin-right:8px;}
.searchArea .searchLayer .option_item .set_date {width:94px; height:28px; padding:0 8px; border:1px solid #E8EAED; line-height:27px; font-size:14px; border-radius:4px;}
.searchArea .searchLayer .btn_searchDetail_area {padding-left:64px; }
.searchArea .searchLayer .btn_searchDetail {height:30px; border:1px solid #D9DBDE; color:#82888F; padding:5px 14px; background-color:#fff; border-radius:4px; }
.searchArea .searchLayer.open { display:block; }
.searchArea .detailArea.open ~ .searchLayer {display:block;}

.searchArea .searchLayer .guide {height:17px; padding:2px 9px 0; border-top:1px solid #f1f1f1; background:#f8f8f8;}
.searchArea .searchLayer .guide .key {float:left;}
.searchArea .searchLayer .guide .key .help {margin-top:0;}
.searchArea .searchLayer .guide .key strong {display:block; float:left; height:14px; font-size:11px; line-height:16px; letter-spacing:-1px; color:#333;}
.searchArea .searchLayer .guide .key .toolTipArea {position:relative; float:left; width:14px; height:17px; padding:0 0 0 4px;}
.searchArea .searchLayer .guide .key .toolTipArea img {cursor:pointer;}
.searchArea .searchLayer .guide .key .toolTipArea .toolTip {position:absolute; left:-65px; top:17px; display:none; width:254px; padding:8px 9px; border:1px solid #c7c7c7; background:#ffffe7; color:#8f7a3a; font-size:11px; line-height:15px; letter-spacing:-1px;}
.searchArea .searchLayer .guide .key .toolTipArea .toolTip:before {content:" "; position:absolute; left:72px; top:-5px; display:block; width:6px; height:5px; background:url('../img/common/set_tooltip.gif') no-repeat 0 0;}
.searchArea .searchLayer .guide .key .toolTipArea .toolTip a {color:#666666; text-decoration:underline;}
.searchArea .searchLayer .guide .key .toolTipArea:hover .toolTip {display:block;}
.searchArea .searchLayer .guide ul {float:left; list-style:none; padding:1px 0 0 24px; }
.searchArea .searchLayer .guide ul li {float:left; padding:0 9px 0 0;}
.searchArea .searchLayer .guide ul li a {display:block; font-size:11px; letter-spacing:-1px; line-height:1.3em;}
.searchArea .searchLayer .guide .btn_setup {float:right; font-size:11px; letter-spacing:-1px; text-decoration:underline; color:#999999;line-height:1em; margin-top:2px; }

:root .searchArea .searchLayer .guide .btn_setup { margin-top:3px \0/IE9; }
.search_noData { position:absolute; left:0; right:0; top:50%; margin-top:-7px; font-weight:bold; color:#666666; text-align:center; }
.search_noData strong {color:#f12d2d;}
/* Contact Search */
#Content .top.contactTop .notice { position:absolute; right:260px; top:15px; }
.contactTop .searchArea {width:178px; padding:0 26px 0 0;}
.contactTop .searchArea .search_opt {float:left; width:60px; height:20px; margin:0 4px 0 0;}
.contactTop .searchArea .txt_word {float:left; width:112px;}
.contactTop .searchArea .btn_search {right:0;}

/**************** textGNB ****************/
.clear { clear:both; float:none; width:0; height:0; margin:0; padding:0; font:0/0 Arial; }
#header .gnbarea, #header .gnbArea, #header #gnbArea { width:100% !important; height:auto; margin:0; padding:0; z-index:1000; }
#textGNB, #textGNB ul, #textGNB li, #textGNB dl, #textGNB dd { margin:0; padding:0; font-family:"Malgun Gothic","맑은 고딕",-apple-system,BlinkMacSystemFont,helvetica,"Apple SD Gothic Neo",sans-serif; font-size:11px; line-height:1.3em; letter-spacing:-1px; }

#textGNB { position:absolute; float:left; right:0; top:5px; margin:0; padding:0; text-align:center; z-index:99999; }
#textGNB a, #textGNB a:link, #textGNB a:visited, #textGNB a:active { color:#666666 !important; text-decoration:none; font-family:"Malgun Gothic","맑은 고딕",-apple-system,BlinkMacSystemFont,helvetica,"Apple SD Gothic Neo",sans-serif; font-weight:normal; font-size:8pt; letter-spacing:-1px !important; }
#textGNB a:hover { color:#f12c1b !important; text-decoration:underline; }
#GnbWrap { position:relative; margin:0 auto; padding:0; font-family:"Malgun Gothic","맑은 고딕",-apple-system,BlinkMacSystemFont,helvetica,"Apple SD Gothic Neo",sans-serif; font-weight:normal; font-size:9pt; }

#textGNB .personalInfo { position:absolute; top:2px; right:15px; width:51px; padding:0 1px 0 0; text-align:right; }
#textGNB .personalInfo a { height:19px; background:url('../img/common/set_textGnb_2012.gif') no-repeat; text-align:left; overflow:hidden; cursor:pointer; }
#textGNB .personalInfo a.login_nate { float:right; display:block; width:53px; background-position:0 0; }
#textGNB .personalInfo a.login_cy { float:right; display:block; width:53px; background-position:0 -30px; }
#textGNB .personalInfo a.logout { float:right; display:block; width:51px; background-position:0 -60px; }
#textGNB .personalInfo a.logout_nate { float:right; display:block; width:64px; background-position:0 -90px; }
#textGNB .personalInfo a.logout_cy { float:right; display:block; width:64px; background-position:0 -120px; }
#textGNB .personalInfo span { float:left; display:inline; }
#textGNB .personalInfo a span { text-indent:-1000em; }
#textGNB .personalInfo #directLink { float:right; margin:0 5px 0 0; padding:4px 0 1px 0; color:#666666; text-align:right; line-height:13px; cursor:pointer;font-size:11px; display:none; }
#textGNB .personalInfo #directLink a { float:left; height:17px; }
#textGNB .personalInfo #directLink .namelink { height:17px; background:none; color:#666 !important; }
#textGNB .personalInfo #directLink .namelink em {color:#48688f;font-style:normal;letter-spacing:0;}
#textGNB .personalInfo #directLink .open { position:static; margin-top:-2px; padding:2px 17px 1px 0; background:url('../img/common/set_textGnb_2012.gif') no-repeat right -150px; }
#textGNB .personalInfo #directLink .close { position:static; margin-top:-2px; padding:2px 17px 1px 0; background:url('../img/common/set_textGnb_2012.gif') no-repeat right -170px; }
#textGNB .personalInfo #nateID { float:right; margin:0 5px 0 0; padding-top:4px; color:#666666; text-align:right; letter-spacing:0; cursor:default;font-size:11px; }
#textGNB .personalInfo #nateID a { height:15px; background:none; color:#48688f !important; cursor:default; }

#textGNB dl.gnbmenu { position:absolute; top:3px; right:15px !important; }
#textGNB dl.gnbmenu { text-align:right; }
#textGNB dl.gnbmenu dt.hidden { display:none;  }
#textGNB dl.gnbmenu dd { float:left; padding:3px 0 0; }
#textGNB dl.gnbmenu dd.mobile {position:static;margin-top:1px; height:auto;padding:0 0 0 5px; border:none; background:none; overflow:auto;}
#textGNB dl.gnbmenu dd.mobile a {display:block;width:52px;height:16px;background:transparent url('../img/common/btn_mobile.png') no-repeat;text-align:left;  }
#textGNB dl.gnbmenu dd.mobile a.nate {background-position:0 0;}
#textGNB dl.gnbmenu dd.mobile a.cyworld {background-position:0 -16px;}
#textGNB dl.gnbmenu dd.mobile a span { float:left;display:inline;text-indent:-1000em; }

#mobileQrLayer { position: absolute;top: 26px;right: 18px;float: left;width: 315px;height: 142px;margin: 0;padding: 18px 0 0 0;border: 2px solid #5d5d5d;background-color: #FFF;z-index: 9;text-align: left;}
#mobileQrLayer span.arr {position:absolute;top:-6px;right:14px;display:block;width:8px;height:6px; font-size:1px;background:url('../img/common/bg_arr_layer.gif') no-repeat;}
#mobileQrLayer a.close{position:absolute; top:9px; right:9px; display:block; width:11px; height:11px; padding: 0; background:url('../img/common/set_textGnb_2012.gif') no-repeat 0 -230px; text-indent:-1000em; z-index:3;  cursor:pointer}
#mobileQrLayerTarget {margin:0 0 0 15px;width:225px; height:21px;text-align:left;color:#37373;font-weight:bold;}
#mobileQrLayerTarget strong {color:#FF7800;}
#mobileQrLayerTarget strong.nate {color:#F01C0C}
#mobileQrLayer ul {margin: 0 7px;padding:0;list-style:none}
#mobileQrLayer li {margin: 9px 12px;padding:0;float:left;text-align:center;}
#mobileQrLayer li img.qrImg{width: 60px; display:block;padding: 7px; border:1px solid #e8e8e8;}
#mobileQrLayer ul li a:link {display:block;margin-top: 6px;text-decoration: underline;color:#868c98}
#mobileQrLayer ul li a:link em.pointer {background: url('../img/common/pointer.png') no-repeat 4px 5px; display: inline-block; width:7px ; text-indent: -999999px;}
#mobileQrLayer.open { display:block; }
/*  Nate */
.nateGnb { height:25px; }
.nateGnb #GnbWrap { width:100%; }
.nateGnb .personalInfo #directLink .namelink { cursor:pointer !important; }
.nateGnb .personalInfo #directLink a.namelink:hover { text-decoration:none; }

/* 레이어 : 달력 */
.calendar_box { display:none; position:absolute; left:0; width:auto; *width:197px; border:1px solid #666; background:#fff; }
.calendar_box a {cursor:pointer;}
.calendar_box .month { width:196px; padding:7px 0; background:#f8f8f8; border-bottom:1px solid #f1f1f1; }
.calendar_box .month strong { float:left; padding:2px 14px 0 14px; color:#333; font-weight:bold; font-family:Tahoma; font-size:12px; }
.calendar_box .month .btn_prev01 { display:block; float:left; width:19px; height:19px; background:url('../img/icon/set_write.gif') no-repeat 0 -305px; text-indent:-9999px; margin-left:20px; }
.calendar_box .month .btn_prev02 { display:block; float:left; width:18px; height:19px; background:url('../img/icon/set_write.gif') no-repeat -19px -305px; text-indent:-9999px; }
.calendar_box .month .btn_next01 { display:block; float:left; width:19px; height:19px; background:url('../img/icon/set_write.gif') no-repeat 0 -338px; text-indent:-9999px; }
.calendar_box .month .btn_next02 { display:block; float:left; width:18px; height:19px; background:url('../img/icon/set_write.gif') no-repeat -19px -338px; text-indent:-9999px; }
.calendar_box .calendar_table { margin:5px 0 6px 0; border:0; }
.calendar_box .calendar_table span {padding:0; border:0;display:inline-block;width:28px;}
.calendar_box .calendar_table span em { display:block; padding:5px 8px; text-align:center; vertical-align:middle; color:#666; font-family:Tahoma; font-size:11px; cursor: pointer; font-style: normal;}
.calendar_box .calendar_table span.holiday em { color:#f12d2d; }
.calendar_box .calendar_table span.other_month em { color:#e0e0e0; }
.calendar_box .calendar_table span.sat em { color:#2D6CF1; }
.calendar_box .calendar_table span.sat.other_month em { color:#AFC5F5; }
.calendar_box .calendar_table span.holiday.other_month em { color:#fcd5d5; }

/* 레이어 : 스킨설정 */
#LayerSkin { position:absolute; top:125px; left:50%; width:704px; height:567px; margin-left:-352px; border:1px solid #666; background:#fff; z-index:1000; }
#LayerSkin .inbox { padding:40px 70px; }
#LayerSkin .tit { float:left; color:#333; }
#LayerSkin .btm { clear:both; padding:30px 0 0 0;}
#LayerSkin .btm label { float:left; font-size:11px; letter-spacing:-1px; color:#999; margin-top:8px; }
#LayerSkin .btm label input { margin:-3px 3px 0 0; .margin:-6px 0 -2px -4px; padding:0; }
#LayerSkin .btm .btn_area { float:right; }
#LayerSkin .inscroll { overflow-y:scroll; height:379px; margin-top:41px; margin-left:-25px; }
.skin_ctg { float:right; }
.skin_ctg li { list-style:none; float:left; margin-left:12px; }
.skin_ctg li a { color:#999; }
.skin_ctg li.on a { color:#333; text-decoration:underline; }

.skin_list ul { position:relative; }
.skin_list li { float:left; position:relative; list-style:none; margin:0 0 25px 25px; cursor:pointer; }
.skin_list li .title {  width:114px; height:42px; padding:32px 0 0 0; border:1px solid #f2f2f2; background:#fff; font-weight:bold; color:#999; text-align:center; }
.skin_list li a { display:block; width:116px; height:76px; }
.skin_list li a img { width:116px; height:76px; }
.skin_list li .over { display:none; position:absolute; top:0; left:0; width:116px; height:76px; background:url('../img/common/over_skin.png') no-repeat 0 0; }
.skin_list li .over p { position:absolute; bottom:0; left:0; width:116px; height:16px; padding:5px 0 0 0; color:#fff; font-size:11px; letter-spacing:-1px; text-align:center; }
.skin_list li .sel { display:none; position:absolute; top:0; left:0; width:116px; height:76px; background:url('../img/common/on_skin.png') no-repeat 0 0; text-indent:-9999px; }
.skin_list li .loading { display:none; position:absolute; top:0; left:0; width:116px; height:76px; background:url('../img/common/ing_skin.png') no-repeat 0 0; text-indent:-9999px; }
.skin_list li:hover .over { display:block; }
.skin_list li.on .sel { display:block; }
.skin_list li.on .over { display:none; }
.skin_list li.ing .loading { display:block; }
.skin_list li.ing .over { display:none; }
/* 2013.08.08 Jane for Chagne Skin Category */
.skin_list li {display:none;}
.skin_list.cate0 li {display:block;}
.skin_list.cate1 li.cate1 {display: block;}
.skin_list.cate2 li.cate2 {display: block;}
.skin_list.cate3 li.cate3 {display: block;}
.skin_list.cate4 li.cate4 {display: block;}
.skin_list.cate5 li.cate5 {display: block;}
/* 2013.08.08 Jane for Chagne Skin Category -- end */

/* 첨부파일 아이콘 모음 */
.ficon { display:inline-block; width:16px; height:17px; background:url('../img/icon/set_file_type.gif') no-repeat 0 -420px; text-indent:-9999px; vertical-align:middle; }
.ficon.jpg { background-position:0 0; }
.ficon.bmp { background-position:0 -30px; }
.ficon.gif { background-position:0 -60px; }
.ficon.png { background-position:0 -90px; }
.ficon.docx,
.ficon.doc { background-position:0 -120px; }
.ficon.pptx,
.ficon.ppt { background-position:0 -150px; }
.ficon.xlsx,
.ficon.xls { background-position:0 -180px; }
.ficon.hwp { background-position:0 -210px; }
.ficon.pdf { background-position:0 -240px; }
.ficon.ai { background-position:0 -270px; }
.ficon.psd { background-position:0 -300px; }
.ficon.txt { background-position:0 -330px; }
.ficon.wav,
.ficon.wma,
.ficon.ogg,
.ficon.m4a,
.ficon.aac,
.ficon.ape,
.ficon.mpc,
.ficon.mp3 { background-position:0 -360px; }
.ficon.mov,
.ficon.mkv,
.ficon.mp4,
.ficon.wmv,
.ficon.avi { background-position:0 -390px; }
.ficon.3gp { background-position:0 -390px; }
.ficon.etc { background-position:0 -420px; }



/* 레이어 (환경설정ver.) */
.layer01 { display:none; position:absolute; top:300px; left:50%; width:336px; margin-left:-198px; padding:30px; border:2px solid #666; background:#fff; z-index:102; }
.layer01 .title { color:#333; font-weight:bold; padding:0 0 20px 0; line-height:1.4em; }
.layer01 .title strong { color:#f12d2d; }
.layer01 .txt { color:#666; line-height:1.4em; }
.layer01 .txt strong { color:#f12d2d; font-weight:normal; }
.layer01 .stxt { color:#999; font-size:11px; letter-spacing:-1px; font-weight:normal; }
.layer01 .stxt02 { color:#999; font-size:11px; letter-spacing:-1px; font-weight:normal; text-align:left; padding:10px 0 0 25px; line-height:1.4em; }
.layer01 .stxt02 p { padding-top:10px; }
.layer01 .stxt02 strong { color:#f12d2d; font-weight:normal; }
.layer01 .radio { margin:-3px 2px 0 0; .margin:-5px 0 -1px -4px; padding:0; }
.layer01 .go a { font-size:11px; color:#999; text-decoration:underline; }
.layer01 .btn { padding-left:7px !important; padding-right:7px !important;*margin-right:4px; }
.layer01.open { display:block; }

/* 레이어 : 메일함 비우기 */
.ly_boxes { width:336px; margin-left:-200px; text-align:center; padding:30px 0; }

/* 레이어 : 파일첨부중 */
.layer01.file_loading { text-align:center; padding:60px 0; }
.layer01.file_loading .percentage { margin:0; }
.layer01.file_loading .percentage span {display:block; margin:0 auto; padding:0 0 7px; font-family:Tahoma, Dotum; font-size:11px; color:#999999;}
.layer01.file_loading .percentage span strong {color:#f12d2d;}
.layer01.file_loading .percentage .graph {width:172px; margin:0 auto;}
.layer01.file_loading .loading { padding:46px 0 0 0; background:url('../img/icon/ico_loading.gif') no-repeat 50% 0; font-weight:bold; color:#333; }

/* 레이어 : 대용량파일첨부중 */
.layer01.largeFile {width:430px; padding:20px;}
.layer01.largeFile .title {padding:0;}
.layer01.largeFile .fileInfo {padding:25px 0 5px; color:#666666; line-height:18px;}
.layer01.largeFile .fileInfo dt {float:left; padding-right:3px; font-weight:bold;}
.layer01.largeFile .fileInfo strong {color:#ed1c24;}
.layer01.largeFile .fileInfo dd strong {font-weight:normal;}
.layer01.largeFile .detailInfo {padding-top:4px; text-align:right; font-size:11px;}

/* 레이어 : 파일저장 */
.layer01.filesave { width:296px; margin-left:-180px; text-align:center; padding:30px 0; }
.layer01.filesave ul.finfo_list { margin:-15px 0 0 63px; list-style:none; }
.layer01.filesave ul.finfo_list li { padding:0 0 0 7px; line-height:18px; background:url('../img/icon/dot.gif') no-repeat 0 6px; font-size:11px; color:#999999; letter-spacing:-1px; text-align:left; }

/* 레이어 : 메일반송 */
.layer01.mail_reback {width:350px; text-align:center}
.layer01.mail_reback p {padding-bottom:4px;line-height:1.5em;}
.layer01.mail_reback span.stxt2 {font-size:11px;color:#000;padding:0;text-align:center;}
.layer01.mail_reback ul.stxt {list-style:none;margin-top:0;text-align: left;margin-left: 22px;}
.layer01.mail_reback ul li {color:#999;padding-bottom:2px}
.layer01.mail_reback ul li .dot {display:inline-block;width:7px;height:6px;background:url('../img/icon/dot.gif') no-repeat 0 0;}
.layer01.mail_reback ul li strong {color:#f12d2d;font-weight:normal;}
.layer01.mail_reback .btn01 {font-weight:normal;}

/* 레이어 : 메일반송 (작은모델) */
.layer01.mail_reback_small {width:296px; text-align:center}
.layer01.mail_reback_small p {padding-bottom:4px;line-height:1.5em;}
.layer01.mail_reback_small .btn01 {font-weight:normal;}

/* PC save */
.pc_save {}
.pc_save .progress {width:288px; height:33px; margin:0 auto; background:url('../img/option/set_pcsave.gif') no-repeat 0 0; list-style:none;}
.pc_save .progress li {display:block; width:0; height:0; overflow:hidden; text-indent:-9999px;}
.pc_save .inbox {text-align:center;}
.pc_save .inbox p {padding:0 0 3px; font-size:12px; font-weight:bold; color:#333333;}
.pc_save .inbox p strong {color:#f12d2d;}
.pc_save .inbox .guide1 {font-size:11px; color:#999; letter-spacing:-1px; }
.pc_save .inbox .guide2 {font-size:11px; color:#c2c2c2; letter-spacing:-1px; }
.pc_save .inbox .setPeriod {padding:0 0 7px;}
.pc_save .inbox .setPeriod .btn {height:22px; padding:3px 3px 0 3px; font-size:11px; color:#333333; letter-spacing:-1px;}
.pc_save .inbox .setPeriod .input_date {width:124px; height:18px; padding:0 5px; border:1px solid #cecece;}
.pc_save .inbox .percentage span {display:block; margin:35px auto 0; padding:0 0 7px; font-family:Tahoma, Dotum; font-size:11px; color:#999999;}
.pc_save .inbox .percentage span strong {color:#f12d2d;}
.pc_save .inbox .percentage .graph {width:172px; margin:0 auto;}
.pc_save.step1 .progress {background-position: 0 0; margin-bottom:24px;}
.pc_save.step2 .progress {background-position: 0 -40px; margin-bottom:37px;}
.pc_save.step3 .progress {background-position: 0 -80px; margin-bottom:43px;}
.pc_save.step1 .inbox {height:124px;}
.pc_save.step1 .inbox .guide2 {display:block; padding:0 0 25px;}
.pc_save.step2 .inbox {height:111px;}
.pc_save.step3 .inbox {height:52px; padding:53px 0 0 0; background:url('../img/popup/set_pcsave.gif') no-repeat center -120px;}

/* Credit */
#NateMailCredit {position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999;}
#NateMailCredit .bg {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.7; filter:alpha(opacity=70);}
#NateMailCredit .members {position:absolute; left:50%; top:50%; width:814px; height:508px; margin:-254px 0 0 -407px; background:#fff; border-radius:10px; border:1px solid #555; box-shadow:0 0 10px #333; background:url('../img/common/credits_bg.jpg') no-repeat 0 0;}
#NateMailCredit .members .title {padding:35px 25px 10px 465px; font-family:Georgia; font-size:30px; font-weight:bold; color:#000; text-shadow:2px 2px 3px #fff;}
#NateMailCredit .members .btn_close {position:absolute; right:-10px; top:-10px; width:29px; height:29px; overflow:hidden; text-indent:-9999px; background:url('../img/btn/btn_close_credit.png') no-repeat 0 0;}
#NateMailCredit .members ul {position:relative; list-style:none; height:350px; padding:10px; margin:0 40px 0 450px; overflow:auto; background:rgba(255,255,255,0.7);}
#NateMailCredit .members ul::-webkit-scrollbar {width:10px; height:21px; background:url('../img/common/credit_scroll.png') no-repeat -7px 0;}
#NateMailCredit .members ul::-webkit-scrollbar-track {height:21px; background:transparent;}
#NateMailCredit .members ul::-webkit-scrollbar-track-piece {height:21px; background:transparent;}
#NateMailCredit .members ul::-webkit-scrollbar-thumb {height:21px; width:10px; border-radius:20px; border:3px solid #a4a9ac; box-shadow:inset 1px 1px 2px #333;}
#NateMailCredit .members ul::-webkit-scrollbar-thumb:hover {}
#NateMailCredit .member {position:relative; height:60px; padding:0 10px 10px;}
#NateMailCredit .member .pic {position:absolute; left:0; top:0; width:60px; height:60px;}
#NateMailCredit .member strong {color:#000; text-shadow:1px 1px 1px #aaa;}
#NateMailCredit .member p {padding-top:7px;}

.lyr_openid {position:absolute;top: -114px;left: -1px;width:218px;height:113px;background:url('../img/login/bg_login_id.png') no-repeat;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/login/bg_login_id.png',sizingMethod='crop');font-size:11px;z-index:1;}
.lyr_openid .inbox {width:214px; line-height:1.3; color:#2d3740; margin:0; padding:20px 0 0 15px;}
.lyr_openid .txt {line-height:1.5;}
.lyr_openid .txt strong {color:#569bd2;}
.lyr_openid .stxt {color:#f43b3b; letter-spacing:0; text-align:left; margin:5px 0 0 0;}
.lyr_openid a.btn_close {position:absolute; top:2px; right:4px; width:20px; height:20px; text-indent:-99999em; overflow:hidden; display:block;}

.sec_notification {position:absolute; left:0; top:36px; width:100%; height:210px; background:#fff; z-index:2; font-size:11px; letter-spacing:-1px;}
.sec_notification .inbox {padding:45px 10px 10px; text-align:center; line-height:18px; color:#333;}
.sec_notification .task {text-align:center;}
.sec_notification .task a {display:inline-block; text-decoration:underline;}
.sec_notification .task a.upgrade {color:#ee482f; font-weight:bold; margin-right:3px;}
.sec_notification .btn_close {position:absolute; right:19px; top:15px; width:11px; height:11px; overflow:hidden; text-indent:-9999px; background:url('../img/btn/btn_close03.gif') no-repeat 0 0;}
/* modified for available account, one ID 2013.10.23*/
.oneIDnotification {position:absolute; left:50%; top:50%; width:736px; height:256px; margin:-160px 0 0 -368px;}
.oneIDnotification.change {background-image:url('../img/common/set_oneidNotification_oneid.gif');}
.oneIDnotification.terms {background-image:url('../img/common/set_oneidNotification_terms.gif');}
.oneIDnotification.restriction {background-image:url('../img/common/set_oneidNotification_restriction.gif');}
.oneIDnotification.email-id {background-image:url('../img/common/set_oneidNotification_restriction.gif');}
.oneIDnotification .title {display:block; width:0; height:0; overflow:hidden; text-indent:-9999px;}
.oneIDnotification .text {padding:105px 0 15px 51px; color:#333; line-height:20px;}
.oneIDnotification .text em {font-style:normal; color:#ed1c24;}
.oneIDnotification .btnArea {padding-left:51px; text-align:left;}
.oneIDnotification.restriction .text {padding:93px 0 7px 52px;}
.oneIDnotification.restriction a.btn {padding-top:5px;padding-bottom:5px;}
.oneIDnotification.restriction a:hover {text-decoration: none;}

.dormantGuide {position:absolute; left:50%; top:50%; width:659px; margin:-190px 0 0 -330px; border:1px solid #dbdbdb;}
.dormantGuide .notice {margin:40px 40px 35px; padding:11px 0 47px 145px; border-bottom:2px solid #f1f1f1; background:url('../img/common/dormant_img.gif') no-repeat 44px 0; font-size:14px; line-height:25px; color:#333; letter-spacing:-1px;}
.dormantGuide .notice strong {letter-spacing:0;}
.dormantGuide .notice em {font-style:normal; font-weight:bold; color:#f43b3b;}
.dormantGuide .task {position:relative; height:86px; margin:0 60px;}
.dormantGuide .task strong {color:#333;}
.dormantGuide .task p {padding:8px 0 4px; color:#666666; letter-spacing:-1px;}
.dormantGuide .task span {font-size:11px; color:#999; letter-spacing:-1px;}
.dormantGuide .task .btn_endDormant {position:absolute; right:0; top:0; width:223px; height:53px; overflow:hidden; text-indent:-9999px; background:url('../img/common/dormant_btn.gif') no-repeat 0 0;}
.dormantGuide .task .btn_makeMail {position:absolute; right:0; top:0; width:223px; height:53px; overflow:hidden; text-indent:-9999px; background:url('../img/common/makemail_btn.gif') no-repeat 0 0;}
.dormantGuide .detailDescription {height:104px; padding:0 56px 0 56px; background:#fcfcfc; border-top:1px solid #f1f1f1;}
.dormantGuide .detailDescription .title {display:block; height:43px; overflow:hidden; text-indent:-9999px; background:url('../img/common/dormant_what.gif') no-repeat 1px 25px;}
.dormantGuide .detailDescription p {float:left; width:319px; font-size:11px; color:#a8a8a8; letter-spacing:-1px; line-height:18px;}
.dormantGuide .detailDescription ul {float:left; list-style:none;}
.dormantGuide .detailDescription ul li {min-width:200px; padding-left:10px; background:url('../img/icon/ico_dot03.gif') no-repeat 0 6px; font-size:11px; color:#a8a8a8; line-height:18px; letter-spacing:-1px;}
.dormantGuide .detailDescription ul li em {font-style:normal; color:#7d7d7d;}

/* UI introduction layer */
.UiIntroductionLayer {position:fixed; left:0; top:0; width:100%; height:100%; z-index:999999;}
.UiIntroductionLayer .bg {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.3; filter:alpha(opacity=30);}
.UiIntroductionLayer .closeBar {position:absolute; left:0; top:0; width:100%; height:35px; background:url('../img/common/introLayer_topbg.png') repeat-x 0 0; text-align:right; line-height:35px;}
.UiIntroductionLayer .closeBar .neverShow {position:relative; padding-right:165px; z-index:1;}
.UiIntroductionLayer .closeBar label {padding-left:5px; font-size:11px; color:#c3c3c3; text-shadow:0 -1px 0 #000;}
.UiIntroductionLayer .closeBar .btn_close {position:absolute; right:0; top:0; display:block; width:152px; height:34px; overflow:hidden; text-indent:-9999px; background:url('../img/common/introLayer_close.png') no-repeat 0 0; font-size:0; z-index:2;}
.UiIntroductionLayer .features {position:relative; height:100%;}
.UiIntroductionLayer .features .bg {width:100%; height:100%; background:#000; opacity:0.25; filter:alpha(opacity=25);}
.UiIntroductionLayer .features .l {position:absolute; left:0; bottom:45px; width:214px; height:70%; background:url('../img/common/introLayer_l.png') repeat-y 0 0;}
.UiIntroductionLayer .features .lt {position:absolute; left:0; top:35px; width:1089px; height:595px; overflow:hidden; background:url('../img/common/introLayer_lt.png') no-repeat 0 0;}
.UiIntroductionLayer .features .lt * {display:none;}
.UiIntroductionLayer .features .rt {position:absolute; right:16px; top:86px; width:430px; height:180px; background:url('../img/common/introLayer_rt.png') no-repeat 0 0;}
.UiIntroductionLayer .features .lb {position:absolute; left:15px; bottom:25px; width:554px; height:180px; background:url('../img/common/introLayer_lb.png') no-repeat 0 0;}

.IE7layer {position:absolute; left:50%; top:50%; width:340px; height:340px; margin:-170px 0 0 -170px; background:url('../img/common/set_IE7layer.png') no-repeat 0 0;}
.IE7layer .hide {display:block; width:0; height:0; overflow:hidden; text-indent:-9999px;}
.IE7layer .btn_close {position:absolute; right:10px; top:26px; display:block; width:40px; height:40px; overflow:hidden; text-indent:-9999px;}
.IE7layer .gotoOldMail {position:absolute; left:120px; top:253px; display:block; width:90px; height:15px; overflow:hidden; text-indent:-9999px;}
.IE7layer .never {position:absolute; left:125px; top:290px;}
.IE7layer .never label {padding-right:4px; font-size:11px; color:#666; letter-spacing:-1px;}
.IE7layer .never input {*margin:-4px;}

.nmLoadingContainer { position:absolute; left:0; right:0; top:35px; bottom: 0; z-index:1001; background: url('../img/common/ico_loading.gif') no-repeat 50% 45% #FFF;/*opacity: 0.9; filter:alpha(opacity=90);*/border-bottom:1px solid #ccc;}
#NateMailApp .nmLoadingFull {display:none;}
.nmLoadingFull {position:absolute; left:50%; top:50%;width:230px;height:90px; margin:-130px 0 0 -115px;background: #fff;}
.nmLoadingFull p {visibility: hidden;}
.nmLoadingFull .icon,
.nmLoadingFull .gage,
.nmLoadingFull .gage span { background-image:url('../img/common/set_loading.gif'); }
.nmLoadingFull .icon { width:75px; height:67px; margin:0 auto 17px; overflow:hidden; text-indent:-9999px;}
.nmLoadingFull .gage {width:135px; height:6px; background-position:0 bottom; border-radius:3px;}
.nmLoadingFull .gage span {display:block; height:4px; border:1px solid #ae1717; border-radius:3px; background-position:0 -70px;}
.nmLoadingFull .error {width:230px;height:31px;background:url('../img/common/bg_txt_error.gif');margin:10px auto;}

/* 2013.08.29 jane */
.nmLayerPopBox {background: url('../img/popup/bg_top.gif') repeat-x 0 0 #ffffff;border:1px solid #ccc;}
.nmLayerPopBox .pop_header { overflow:hidden; height:30px; }
.nmLayerPopBox .pop_header h1 { margin:10px 0 0 15px; padding:0 0 0 10px; background:url('../img/popup/ico_title.gif') no-repeat 0 0; color:#fff; font-weight:bold; letter-spacing:-1px; }
.nmLayerPopBox .pop_bodyArea {margin: 20px;}
.loadingListState {position: absolute;width: 100%;height: 100%;background-color: #fff;top: 0;left: 0;z-index: 103;opacity: 0.4;filter:alpha(opacity=40);padding: 46px 0 0 0;background: url('../img/common/ico_loading.gif') no-repeat 50% 40% #FFF;font-weight: bold;color: #333;border-radius:10px 6px 5px 10px; }
.dragHolding{position: absolute;width: 100%;background-color: #fff;top: 40px; bottom:0;left: 0;z-index: 990;opacity: 0.2;filter:alpha(opacity=20);padding: 0;font-weight: bold;color: #333;border-radius:10px 6px 5px 10px; }
.viewLoadingState {position: absolute;width: 100%;height: 100%;background-color: #fff;top: 0;left: 0;z-index: 103;background: url('../img/common/ico_loading.gif') no-repeat 50% 40% #FFF;font-weight: bold;color: #333;  }
.viewLoadingState p {visibility: hidden;}
.nmViewContent {position: relative;}
.errorGuide {position: absolute;left:50%;top:50%;width: 500px;margin-left: -250px;margin-top: -110px;text-align: center;}
.errorGuide a {color:#666;margin-left:10px; text-decoration: underline;}
.errorGuide .gotoback {color:#f5605e;font-weight:bold;}
.errorGuide p {margin-top: 32px; font-size: 12px;font-weight: normal;line-height: 1.83;letter-spacing: normal;text-align: center; color: #777777;}
.errorGuide a {width: 126px; height: 12px; font-family: Dotum; font-size: 11.5px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 2.13; letter-spacing: normal; text-align: center; color: #545454; text-decoration: underline;}

/* 2013.11.12 for Alternate Text */
.nmAlterText {font-size:0; line-height: 0;position: absolute;left:0;top:0;width:0;height:0;display:block;}

.logoNate{display:block;width:60px; height:13px; margin:10px 0 0 20px; background:url('../img/common/set_snb.png') no-repeat -15px -10px; text-indent:-9999px;}

/* 20141007 unread email */
/*.l_lycos {position:absolute;left:50%;top:50%;width: 574px;height: 476px;z-index:2000;background: #fff;}*/
#layerHttpsPromotion {position:fixed; width:100%; height:100%; top:0;  z-index:1003; }
#layerHttpsPromotion .div{left:50%;top:50%;margin:-270px 0 0 -302px; width: 604px; height: 540px; position: relative;  }
#layerHttpsPromotion .bg {background: url(../img/popup/https_promotion.gif) no-repeat 0 0;background-position: 0 -39px; font-size: 0; width: 604px;height: 540px;}
#layerHttpsPromotion .aria {overflow:hidden;width: 0;height:0;position: relative;}
#layerHttpsPromotion .close{     font-size: 0; position: absolute; width: 35px; height: 35px; top: 16px; right: 16px; z-index: 10000;}
#layerHttpsPromotion .gobtn {    font-size: 0;position: absolute; width: 264px; height: 63px; right: 170px; bottom: 78px; z-index: 10000;}

/*IE8종료,9업데이트*/
#IEupgradePromotion {position:fixed; width:100%; height:100%; top:0;  z-index:1003; }
#IEupgradePromotion.ie8 .onlyie9 {display:none;}
#IEupgradePromotion.ie8 .onlyie8 {display:inline-block;}
#IEupgradePromotion.ie8 .onlyie8.text {display:block;background: url(../img/popup/ie8-text.png) no-repeat 0 0;width: 100%;height: 216px;font-size: 0;text-indent: -9999em;}
#IEupgradePromotion.ie9 .onlyie9 {display:inline-block;}
#IEupgradePromotion.ie9 .onlyie9.text {display:block;background: url(../img/popup/ie9-text.png) no-repeat 0 0;width: 100%;height: 183px;font-size: 0;text-indent: -9999em;}
#IEupgradePromotion.ie9 .onlyie8 {display:none;}
#IEupgradePromotion .sprite{background: url(../img/popup/ie-common.png) no-repeat 0 0; text-indent:-999em;}
#IEupgradePromotion .div{left:50%;top:50%;margin:-270px 0 0 -302px;width: 520px;height: 400px;position: relative;background: #fff;padding: 60px 40px;}
#IEupgradePromotion .title {display:block;width: 520px;height: 54px;background-position: 0px -174px;margin:27px 0 9px;}
#IEupgradePromotion.ie9.title {margin:30px 0 9px;}
#IEupgradePromotion .browsers {display: block;margin:0 auto;width: 288px;}
#IEupgradePromotion .chrome {display: inline-block;text-align:center;width: 111px;height: 85px;background-position: 0 -87px;top: 24px;}
#IEupgradePromotion .ie{display:inline-block;text-align:center;width: 111px;height: 87px;background-position: 0 -2px;margin-left: 60px;}
#IEupgradePromotion .noshow {    font-size: 0;position: absolute; width: 264px; height: 63px; right: 170px; bottom: 78px; z-index: 10000;}
#IEupgradePromotion .close {display: inline-block;height: 16px;font-size: 12px;color: #5f5f5f;text-decoration: none;}
#IEupgradePromotion .bar {width: 1px;height: 10px;background-color: #d8d8d8;margin: 0 10px -2px;display: inline-block;line-height: 20px;}
#IEupgradePromotion .bottom-buttons {position: absolute;bottom: 16px;right: 20px;}

/*IE9 종료*/
#IEstopPromotion {position:fixed; width:100%; height:100%; top:0;  z-index:1003; background: rgba(0,0,0, .7) }
#IEstopPromotion.ie9 .text {display:block;background: url(../img/popup/ie9.png) no-repeat 0 0;width: 100%;height: 216px;font-size: 0;text-indent: -9999em;}
#IEstopPromotion .sprite{background: url(../img/popup/ie-common.png) no-repeat 0 0; text-indent:-999em;}
#IEstopPromotion .div{left:50%;top:50%;transform: translate(-50%, -50%);width: 520px;height: 400px;position: relative;background: #fff;padding: 60px 40px;}
#IEstopPromotion .title {display:block;width: 520px;height: 54px;background-position: 0px -174px;margin:27px 0 9px;}
#IEstopPromotion.ie9.title {margin:30px 0 9px;}
#IEstopPromotion .browsers {display: block;margin:0 auto;width: 288px;}
#IEstopPromotion .chrome {display: inline-block;text-align:center;width: 111px;height: 85px;background-position: 0 -87px;top: 24px;}
#IEstopPromotion .ie{display:inline-block;text-align:center;width: 111px;height: 87px;background-position: 0 -2px;margin-left: 60px;}
#IEstopPromotion .close {display: inline-block;height: 16px;font-size: 12px;color: #5f5f5f;text-decoration: none;}
#IEstopPromotion .bar {width: 1px;height: 10px;background-color: #d8d8d8;margin: 0 10px -2px;display: inline-block;line-height: 20px;}
#IEstopPromotion .bottom-buttons {position: absolute;bottom: 16px;right: 20px;}


/*싸이메일종료*/
#CymailGoodbye{position:fixed; width:100%; height:100%; top:0;  z-index:1003; }
#CymailGoodbye .div{left:50%;top:50%;margin: -200px 0 0 -150px;width: 320px;height: 180px;position: relative;background: #fff;padding: 60px 40px;}
#CymailGoodbye.v1 .v1only{display:block;width: 324px;}
#CymailGoodbye.v2 .v2only{ display:block }
#CymailGoodbye.v2 .v1only{ display:none }
#CymailGoodbye.v1 .v2only{ display:none }
#CymailGoodbye h3{background: url(../img/popup/cy_mail_end.png) no-repeat 0 0;width: 100%;height: 66px; margin: 0 auto;text-indent: -999em;}
#CymailGoodbye h3.v1only{background: url(../img/popup/cy_mail_end.png) no-repeat 0 0;width: 322px;height: 66px;background-position: 0 -67px;}
#CymailGoodbye .go-detail{background: url(../img/popup/cy_mail_end.png) no-repeat 0 0;width: 165px;height: 50px;margin: 0 auto;text-indent: -999em;background-position: 0 -150px;display: block;margin-top: 28px;}
#CymailGoodbye .noshow {    font-size: 0;position: absolute; width: 264px; height: 63px; right: 170px; bottom: 78px; z-index: 10000;}
#CymailGoodbye .close {display: inline-block;height: 16px;font-size: 12px;color: #5f5f5f;text-decoration: none;}
#CymailGoodbye .bar {width: 1px;height: 10px;background-color: #d8d8d8;margin: 0px 9px 0px;display: inline-block; line-height: 20px;}
#CymailGoodbye .bottom-buttons {position: absolute;bottom: 16px;right: 20px;}


/* 20141007 unread email */
#unreadEmail_dimmed {position:fixed; width:100%; height:100%; top:0; background-color:#000; filter:alpha(opacity=25); background:rgba(0,0,0,.25); z-index:1000; }

/* 웹접근성  for Alternate Text */
.nmAlterText {font-size:0; line-height: 0;position: absolute;left:0;top:0;width:0;height:0;display:block;}
.logoNate{display:block;width:60px; height:13px; margin:10px 0 0 20px; background:url('../img/common/set_snb.png') no-repeat -15px -10px; text-indent:-9999px;}

/* 리스트상단베너 */
.nmBanner{ position:relative; height:46px; border-bottom:1px solid transparent;border-top:1px solid #eaeaea; z-index:100; text-align: center; background: none;}
.nmBanner .link{display:block;position: relative;width: 100%;height: 100%;}
.nmBanner .link .txt{display: block;text-indent: -99999em;width: 395px;height: 49px;margin: 0 auto; background: url('../img/banner/banner_20200728.png') no-repeat;}
.nmBanner .bclose{ position: absolute;top: 17px;right: 10px;display: block;color: #333;}
.nmBanner .bclose input{margin: 0 4px 2px;}
.nmBanner button { width: 100%; height: 100%; background: none; border: none; text-align: center; }

/* layer Event Popup*/
.l_lycos {position:absolute;left:50%;top:50%;width: 574px;height: 476px;margin:-238px 0 0 -238px;z-index:2000;background: #fff;}
.l_lycos .im{background:url(../img/popup/lycos_theend.png) no-repeat 0 0;background-size: 480px auto;text-indent: -9999em;}
.l_lycos .header{width: 480px;height: 108px;background-position: 0 -130px;margin: 60px auto 40px;}
.l_lycos .close{background-position: -350px -242px;text-indent: -1000em;width: 34px;height: 34px;right: 15px;top: 15px;position: absolute;}
.l_lycos .content{background-position: 0 -258px;width: 478px;height: 140px;margin:0 60px;}
.l_lycos .link{text-decoration: underline;bottom: 125px;left: 65px;position: absolute;display: block;background-position: -370px -387px;color: transparent;height: 25px;width: 90px;}
.l_lycos .ok{width: 235px;height: 58px;margin: 24px auto 40px;display: block;background-position: 0 -242px;}
.l_lycos .never{text-decoration: underline;bottom: 40px;right: 36px;position: absolute;display: block;background-position: -240px -242px;color: transparent;height: 26px;width: 101px;}
.l_lycos.after .header{background-position: -4px 0;}
.l_lycos.after .content{background-position: 0 -102px;}


/* 로그인유지 레이어 151020 */
.overlay_info.type_keeplogin {top: -1px;left: -1px;width: 153px;height: 56px;text-align: left;z-index: 1000;}
.overlay_info {position: absolute;top: 46px;left: 8px;width: 261px;height: 28px;border: 1px solid #f5695e;background-color: #fff;}
.overlay_info p {margin-top: 8px;margin-left: 9px;color: #858585;font-size: 11px;letter-spacing: -1px;line-height:14px;}
.overlay_info a {color: #FB4600;font-size: 11px;letter-spacing: -1px;text-decoration: underline;}
.overlay_info .icon_arrow_right_red {display: inline-block;position: relative;top: -1px;margin-left: 1px;}
.icon_arrow_right_red {background-image: url(../img/login/bg_arw.png);width: 3px;height: 5px;}
.overlay_info .icon_x_black {position: absolute;top: 8px;right: 8px;z-index: 1;background-color: transparent;}
.icon_x_black {background-image: url(../img/login/bg_close.png);width: 9px;height: 9px;}
.overlay_info.type_keeplogin button.icon_x_black {margin: 0;padding: 0;border: 0;text-indent: -1000em;cursor: pointer;}

/* http 제공 중단 레이어 */
#mailHttpTransLayer { display:none; position: fixed; left:0; right: 0; top: 0; bottom: 0; z-index:1003; align-items: center; justify-content: center; }
#mailHttpTransLayer .dim { position: absolute; left:0; right: 0; top: 0; bottom: 0; }
#mailHttpTransLayer .inner { position: relative; width: 600px; height: 420px; background: url('../img/popup/http_trans.png'); z-index: 1; }
#mailHttpTransLayer .links a { position: absolute; }
#mailHttpTransLayer .links .go { top: 321px; left: 36px; width: 108px; height: 30px; }
#mailHttpTransLayer .links .watch { top: 381px; left: 456px; width: 86px; height: 30px; }
#mailHttpTransLayer .links .closed { top: 381px; left: 550px; width: 36px; height: 30px; }

/* 광고 메일 삭제 */
#mailDeletePromotion {position:fixed; width:100%; height:100%; top:0;  z-index:1003; background: rgba(0,0,0, .7) }
#mailDeletePromotion .div {left:50%;top:50%;transform: translate(-50%, -50%);width: 520px;height: 300px;position: relative;background: #fff;padding: 40px; border-radius: 10px;}
#mailDeletePromotion .div.img-wrap { background: url(../img/popup/img-web.png) no-repeat 350px 139px;}
#mailDeletePromotion .div .text {display:block;background: url(../img/popup/text.png) no-repeat 0 0;width: 100%;height: 255px;font-size: 0;text-indent: -9999em;}
#mailDeletePromotion .div .link {position: absolute; bottom: 40px;}
#mailDeletePromotion .div .link a {text-decoration: none; font-size: 14px; font-weight: bold; color: #2e353d;}
#mailDeletePromotion .div .link a::after { background: url(../img/popup/btn-arrow.png) no-repeat 0px 0px;   content: ""; display: inline-block; height: 20px; width: 20px; position: absolute; top: -2px; right: -22px;}
#mailDeletePromotion .div .btn_close {background: url(../img/popup/btn-header-close-nor.png) no-repeat 0px 0px; position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; font-size: 0;text-indent: -9999em;}

/* 메일 view 이전메일 다음메일 */
#nmPageFooter {border-top: 1px solid #e3e3e3;}
#nmPageFooter .nmpage.new a {font-weight: bold;}
#nmPageFooter .nmpage:nth-child(2) {border-top: 1px solid #f0f0f0;}
#nmPageFooter .nmpage.prev path {transform: scaleY(-1); transform-origin: center;}
#nmPageFooter .nmpage a {display: block;padding: 15px 20px 9px;font-size: 12px;line-height: 16px;color: #333;text-decoration: none;}
#nmPageFooter .nmpage a:hover .nmPageSubject {text-decoration: underline;}
#nmPageFooter .nmPageIcon {display: inline-flex; margin: 5px 0 0 0; vertical-align: top; width: 7px; height: 5px;}
#nmPageFooter i {position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip-path: polygon(0 0, 0 0, 0 0);}
#nmPageFooter .nmPageName {display: inline-block;padding: 0 8px;width: 104px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#nmPageFooter .nmPageSubject {display: inline-block; vertical-align: top;width: calc(100% - 231px);white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#nmPageFooter .nmPageDate {display: inline-block; vertical-align: top; width: 104px; color: #666; font-weight: 400; text-align: right;}

/* 네이트 관리자 사칭메일 주의 안내 - 24-04-03 */
#nateSmishingWarning .ic.nate {width:16px; height:16px; display:inline-block; background:url('../img/icon/ico_official_nate.svg') center no-repeat; background-size:100%; vertical-align: -2px; margin-right:3px;}
#nateSmishingWarning .ic.shield {width:32px; height:32px; margin-right:4px; vertical-align:-4px; display:inline-block; background:url('../img/popup/ico_shield.png') center no-repeat; background-size:100%;}
#nateSmishingWarning {width:100%; height:100%; position:fixed; left:0; top:0; bottom:0; right:0; z-index:1000; }
#nateSmishingWarning .dim {width:100%; height:100%; position:fixed; left:0; top:0; bottom:0; right:0; background-color:rgba(0,0,0,0.3);}
#nateSmishingWarning .layer_contents  { width:496px; box-sizing:border-box; border:none; top:50%; left:50%; position:fixed; transform:translate(-50%, -50%); padding:284px 28px 32px; border-radius:14px; background:#fff url('../img/popup/popup_smishing.png?v=20240403140000') no-repeat top; background-size:100%; overflow: hidden; }
#nateSmishingWarning .layer_header {width:100%; padding-top:20px; padding-left:0; padding-right:0; padding-bottom:12px; border-bottom:none; }
#nateSmishingWarning .layer_header h2 {text-align:center; letter-spacing: -0.5px; font-weight:700; font-size:26px; line-height:46px; color:#000;}
#nateSmishingWarning .layer_header h2 .blue {color:#3983CE}
#nateSmishingWarning .layer_body {background-color:#fff; }
#nateSmishingWarning .layer_body p {color:#333; font-size:16px; font-weight:400; line-height:24px; letter-spacing:-0.2px; margin-bottom:10px;}
#nateSmishingWarning .layer_body .bold {font-weight:700; color:#333;}
#nateSmishingWarning .layer_body .info_nate_icon {width:100%; height:60px; margin-bottom:24px; background:url('../img/popup/popup_smishing_info.png') no-repeat center; background-size:440px;}

#nateSmishingWarning .layer_footer {background-color:#fff;}
#nateSmishingWarning .layer_footer .btn.positive {display:block; border:none; width:100%; height:48px; line-height:46px; box-sizing:border-box; font-size:16px; font-weight:700; background:none; background-color:#FF6262; color:#fff; border-radius:4px;}
#nateSmishingWarning .layer_footer .btn.positive:hover {border:none; }

@media screen and (max-width: 1273px) {
    .livekeywordWrap {display:none;}
    #nmViewHeader {width:auto;}
}