@charset "utf-8";

html { } /* .overflow:scroll; .overflow-x:auto; */

html,body { margin:0; padding:0; color:#666; }
body { 	width: 100%; height: 100%; min-width:960px; background-color:#fff; color:#666; font-size:12px; font-family:돋움, Dotum, Verdana, sans-serif; -webkit-text-size-adjust:none; background-repeat:repeat; background-position:0 0;}

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; }

fieldset,img,iframe { border:0; }
button { margin:0; padding:0; border:none; cursor:pointer;vertical-align:top; font-family:돋움, Dotum, Verdana, 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; outline:none; }
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:돋움, Dotum, Verdana, sans-serif; vertical-align:middle; }
select { height:19px; border:1px solid #bfbebc; color:#666; }

label { cursor:pointer; }

a, a:link { color:#000; text-decoration:none; cursor:pointer; }
a:visited { color:#000; }
a:hover, a:active { color:#000; text-decoration:underline; }

/* 바로가기  */
#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;}


#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:'돋움','Dotum','AppleGothic','sans-serif'; font-size:11px; line-height:1.3em; letter-spacing:-1px; }


/* Min-Width */
#Container { padding-left:960px; height: 1px; }
#PageContainer { height: 1px; }
#PageContent { margin-left:-960px; position: relative; height: 1px; }

/* Header */
#Header {position:relative;height: 34px;border-bottom: 1px solid #9f9f9f;z-index:1000;min-width: 980px;background-color: #efefef;}
#Header h1 {float: left;width: 77px;height: 34px;background: url('../img/common/set_snb_new.png') no-repeat 0 0;text-indent: -9999px;}
#Header h1 a { display:block; width:77px; height:35px; overflow:hidden; }
#Header h2 { display:none; }

/* SNB */
#SnbWrap {position: absolute;left: 77px;top: 0;height: 34px;overflow: hidden;}
.snbList { float:left; }
.snbList li { float:left; position:relative; height:35px; list-style:none;  }
.snbList a { display:block; height:35px; background:url('../img/common/set_snb_new.png') no-repeat left top; text-indent:-9999px; overflow:hidden; }
#SnbWrap ul li a {width: 78px;}

#SnbWrap ul li.comm_mail a {background-position:-77px 0;}
#SnbWrap ul li.comm_mail a.on {background-position:-77px -50px;}
#SnbWrap ul li.comm_note a {background-position: -156px 0;}
#SnbWrap ul li.comm_note a.on {background-position:-156px -50px;}
#SnbWrap ul li.comm_note a.num{width:auto;}
#SnbWrap ul li.comm_chat a{background-position: -235px 0;}
#SnbWrap ul li.comm_chat a.on {background-position:-235px -50px;}
#SnbWrap ul li.comm_sms a {background-position: -314px 0;}
#SnbWrap ul li.comm_sms a.on {background-position:-314px -50px;}
#SnbWrap ul li.comm_pims a {background-position: -393px 0;width: 80px;}
#SnbWrap ul li.comm_pims a.on {background-position:-393px -50px;}

.SnbNewsBar {/*float: right;padding-right: 160px;*/height: 34px;line-height: 34px;color: #666;font-size: 11px;font-family: dotum, 돋움, 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; }

/**************** 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:'돋움','Dotum','AppleGothic','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:'돋움','Dotum','AppleGothic','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:'돋움','Dotum','AppleGothic','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; }

.container{text-align:center;height: 350px;width:800px;margin: -175px -400px;top: 50%;left: 50%;position: absolute;}
.container h1 {
  font-size: 24px;
  line-height: 1;
  text-align: center;
  color: #000000;
	margin:28px 0 41px;
}
.container  em {
  color: #fa4646;
  font-style:normal
}
.container  p{
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.71;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}
.container  .info{
	margin:32px 0 19px 0;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.83;
  letter-spacing: normal;
  text-align: center;
  color: #777777;
}
.container 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;
}
.container  a img{   
	vertical-align: middle;
    margin-left: 3px;
}