@charset "utf-8";

/***** Common *****/
/*html { overflow:auto; overflow-y:scroll; }*/
body { margin:0; padding:0; background-color:#FFFFFF; color:#666666; font:normal 9pt 돋움, Dotum, Verdana, Arial, AppleGothic, sans-serif; }
div, ul, ol, li, dl, dt, dd, form, fieldset, p, h1, h2, h3, h4, h5, h6, blockquote, iframe { margin:0; padding:0; }

/* Layout */
ol, ul, li, dl, dt, dd { list-style:none; }
hr { display:none; clear:both; }
img { border:0; vertical-align:middle; }
table   { table-layout:fixed; border-collapse:collapse; border-spacing:0; }
th, td { border-collapse:collapse; }
legend, caption { display:none; clear:both; font:bold 9pt 돋움, Dotum, Verdana, Arial, AppleGothic, sans-serif; }

.clear { clear:both; float:none; width:0; height:0; padding:0; font:0/0 Arial; line-height:0; }

/* Font */
h1, h2, h3, h4, h5 { clear:both; font:bold 9pt 돋움, Dotum, Verdana, Arial, sans-serif; }
i, em, u, cite { font-style:normal; }
.emp { color:#ed2000; }

/* Form */
form    { display:inline; }
select, input, textarea { color:#666666; font-family:돋움, Dotum, Verdana, Arial, AppleGothic, sans-serif; font-size:100%; vertical-align:middle; }
fieldset, blockquote, iframe { border:none; }

.cur_hand { cursor:pointer; }

/* Link */
a:link, a:visited, a:active { color:#575757; font-family:돋움, Dotum, Verdana, Arial, AppleGothic, sans-serif; font-size:9pt; text-decoration:none; }
a:hover { text-decoration:underline; }

/* header */
.hide { overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px; }
/* header */
#header { position:relative; font-family: "Malgun Gothic", "맑은 고딕", -apple-system, BlinkMacSystemFont, helvetica, "Apple SD Gothic Neo", sans-serif; margin:0 0 20px 0;}
#header .svcwrap { border-bottom: 1px solid #eee; }
#header .gnbWrap { position:relative; width:970px; height:70px; margin:0 auto; padding-top:55px; }
#header .gnbWrap h1 { float:left; }
#header .gnbWrap .natebi { position:relative; top:9px; float:left; width:57px; height:17px; background:url(../img/set_snbx2.png) 0 0 no-repeat; text-indent:-9999em; overflow:hidden; background-size:157px 90px; }
#header .gnbWrap .svcname { position:relative; top:5px; float:left; width:157px; height:29px; margin-left:12px; background:url(../img/set_snbx2.png) 0 -20px no-repeat; text-indent:-9999em; overflow:hidden; background-size:157px 90px; }

#header .gnbWrap .relsvc { position:relative; top:10px; float:left; margin-left:19px; }
#header .gnbWrap .relsvc li { float:left; padding-right:15px; }
#header .gnbWrap .relsvc li a { display:block; height:17px; background:url(../img/set_snbx2.png) 0 -20px no-repeat; text-indent:-9999em; overflow:hidden; background-size:100px 90px; }
#header .gnbWrap .relsvc li:nth-child(1) a { width:48px; background-position:0 -90px; }
#header .gnbWrap .relsvc li:nth-child(2) a { width:30px; background-position:-50px -90px; }
#header .gnbWrap .relsvc li:nth-child(3) a { width:15px; background-position:-50px -110px; }
#header .gnbWrap .relsvc li:nth-child(4) a { width:30px; background-position:0 -110px; }
#header .gnbWrap .s_weather { position:absolute; top:75px; right:265px; height:27px; line-height:27px; }
#header .gnbWrap .s_weather a { display:block; font-size:13px; color:#000; text-align: right; }
#header .gnbWrap .s_weather a:link, #header .gnbWrap .s_weather a:hover, #header .gnbWrap .s_weather a:active, #header .gnbWrap .s_weather a:visited{ color:#000; text-decoration:none;} 
#header .gnbWrap .s_weather a img{ vertical-align:middle; }

#header .navWrap { border-bottom:1px solid #999; }
#header .snbArea { position:relative; width:970px; margin:0 auto; height:54px; }
#header .snbArea li { float:left; margin:0 24px 0 0; }
#header .snbArea li a { position:relative; display:block; height:54px; line-height:54px; font-size:16px; color:#000; letter-spacing:-1px; font-family: "Malgun Gothic", "맑은 고딕", -apple-system, BlinkMacSystemFont, helvetica, "Apple SD Gothic Neo", sans-serif;}
#header .snbArea li a:hover { color:#ff2c2e; text-decoration:none; }
#header .snbArea li a:hover:before { content:''; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background-color:#ff2c2e; }
#header .snbArea li.on a { font-weight:bold; color:#ff2c2e; }
#header .snbArea li.on a:before { content:''; position:absolute; left:0; bottom:-1px; width:100%; height:2px; background-color:#ff2c2e; }

#header .snbArea .svcLink { position:absolute; top:0; right:0; }
#header .snbArea .svcLink img { display:block; }

#header .lnbWrap { width:970px; height:50px; margin:0 auto; border-bottom:1px solid #dfdedc; }
#header .lnbWrap li { float:left; margin:0 20px 0 0; }
#header .lnbWrap li a { position:relative; display:block; height:50px; line-height:50px; font-size:14px; color:#454545; letter-spacing:-1px; }
#header .lnbWrap li a:hover, #header .lnbWrap li.on a { font-weight:bold; }
#header .lnbWrap li.on a:before, #header .lnbWrap li a:hover:before { content:''; position:absolute; left:0; top:35px; width:100%; height:1px; background-color:#454545; }

@media \0screen {
    #header .gnbWrap .natebi, #header .gnbWrap .svcname, #header .gnbWrap .relsvc li a, #header .gnbWrap #searchWrap .searchBtn, #header #searchWrap #selectTxt:before  {
        background-image: url(../img/set_snb.png);
    }
}

/* contents */
#container { position:relative; width:970px; margin:0 auto 0 auto; padding-bottom:75px; line-height:1.7em; }
span.block { float:left; display:block; height:3px;}
#float_top { position:absolute; right:-8px; }
h3 { display:block; width:298px; background:url('//main.nateimg.co.kr/img/v3/rules/set_tab_2011.gif') no-repeat; text-indent:-1000em; overflow:hidden; cursor:pointer; }
h3.nate_on { position:absolute; top:18px; left:0; height:36px; background-position:0 0; }
h3.nate_off { position:absolute; top:18px; left:0; height:36px; background-position:0 -40px; }
h3.cyworld_on { position:absolute; top:18px; left:300px; height:36px; background-position:-150px 0; }
h3.cyworld_off { position:absolute; top:18px; left:300px; height:36px; background-position:-300px -40px; }
.policy h3 { width:145px; background:url('//main.nateimg.co.kr/img/v3/rules/set_tab_2011.gif') no-repeat; text-indent:-1000em; overflow:hidden; cursor:pointer; }
.policy h3.nate_on { position:absolute; top:18px; left:0; height:36px; background-position:0 0; }
.policy h3.nate_off { position:absolute; top:18px; left:0; height:36px; background-position:-300px 0; }
.policy h3.cyworld_on { position:absolute; top:18px; left:142px; height:36px; background-position:-150px 0; }
.policy h3.cyworld_off { position:absolute; top:18px; left:142px; height:36px; background-position:-450px 0; }
#container .policy_view { clear:both; float:left; margin-top:20px; padding-top:2px; background:url('//main.nateimg.co.kr/img/v3/rules/bg_tab.gif') repeat-x left top; }
#container iframe { .float:left; width:970px; height:7000px; .height:7100px; border:0; }
#view1 { display:none; }
.termBox { position:absolute; top:20px; left:658px; width:350px; height:38px; padding:0; overflow:hidden; }
.termBox .term { margin-top:10px; }
.term { position:absolute; _float:right; top:0; right:16px; width:350px; margin-top:16px; height:20px; color:#666666; text-align:right; font-weight:bold; line-height:1; }
    .term select { margin:-1px 0 0 2px; color:#8B8B8B; vertical-align:middle; }
    .term img { margin:-1px 0 1px -2px; vertical-align:middle; }
h4 { height:22px; margin-top:55px; color:#000000; font-size:11pt; text-indent:0; }
h4.additional { height:31px; margin-top:39px; }
    #view_prerules { width:230px; }
#policy { position:relative; clear:both; float:left; width:100%; margin-top:0; }
#policy p { float:none; margin:10px 0 19px 0; }
#policy ol { float:none; margin:10px 0 3px 29px; }
    #policy ol li { position:relative; padding-left:16px; }
    #policy ol li em { position:absolute; display:block; top:0; left:0; }
    #policy ol li ol { margin:0 0 0 16px; }
    #policy ol li ol li { padding-left:16px; }
* html #policy ol li, * html #policy ol li ol li { padding-top:2px; }
* html #policy ol li em { left:-20px; }
* html #policy ol li ol li em { left:-15px; }
*:first-child+html #policy ol li, *:first-child+html #policy ol li ol li { padding-top:2px; }

#wrap { position:relative; width:970px; color:#666666; line-height:1.7em; }
#wrap.agreement { width:970px; }
.headline_text { padding-top:80px; }
#wrap h3 { background:none; display:none; }
#wrap .term { clear:both; float:right; margin-top:10px; }
#wrap .term select { width:230px; margin-right:5px; }
#wrap .print { position:absolute; top:60px; right:0; z-index:9; }
#wrap p strong { color:#379ee3; font-weight:normal; }
#wrap #skipbox { position:relative; clear:both; float:left; width:970px; margin-top:27px; padding:0; overflow:hidden; }
    #wrap #skipbox ol { float:left; width:468px; margin-right:34px; border-top:3px solid #555555; }
        #wrap #skipbox ol.type2 { margin-right:0; }
    #wrap #skipbox ol li { height:24px; padding-top:4px; border-bottom:1px solid #999999; }
    #wrap #skipbox ol li a { padding-right:9px; background:url('//main.nateimg.co.kr/img/v3/rules/ico_arrow.gif') no-repeat right 2px; color:#333333; font-weight:bold; }
#policy h5 { margin:12px 0 -8px 0; color:#379ee3; font-size:9pt; font-weight:normal; }
#policy ol.policy { margin-bottom:-13px; }
#policy ol.policy li { padding-bottom:8px; }
    #policy ol.policy li ol li { padding-bottom:0; }
#policy dl { float:left; width:100%; height:23px; margin:0; padding-top:4px; border-bottom:1px solid #999999; }
#policy dl.admin1 { margin-top:-12px; border-top:3px solid #555555; }
#policy dl.admin2 { margin:0 0 28px 0; }
    #policy dl dt { float:left; width:153px; padding-left:28px; color:#379ee3; font-weight:bold; }
    #policy dl dd { float:left; }
    #policy dl dd span { margin:0 16px; }
#policy .center_link { float:left; width:100%; margin:3px 0 0 0; padding:9px 0 9px 0; }
#policy .center_link dl dt { width:211px; }
#policy dl.center1 { position:relative; margin-top:-25px; border-top:3px solid #555555; }

#policy table { width:970px; margin-top:42px; border-top:3px solid #555; }
#policy th { height:27px; border-bottom:1px solid #999; color:#379ee3 }
#policy td { height:27px; border-bottom:1px solid #dadada; text-align:center; color:#666; }
#policy .svLast td { border-bottom-color:#999; }

#youth { clear:both; float:left; width:100%; margin-top:166px; }
#youth h3 { position:table; bottom:100px; display:block; width:357px; height:84px; margin:0; background:url('//main.nateimg.co.kr/img/v3/rules/h3_youth.gif') no-repeat left top; }
#youth dl.admin1 { margin-top:16px; }
#youth dt { width:140px; }


#policy #top_title { width:100%; height:20px; margin-bottom:-29px; text-indent:-1000em; overflow:hidden; }
#policy .title01 { margin-top:60px; background:url('//main.nateimg.co.kr/img/v3/rules/img_1dep_title.gif') no-repeat 0 0; }
#policy .title02 { margin-top:57px; background:url('//main.nateimg.co.kr/img/v3/rules/img_1dep_title.gif') no-repeat 0 -30px; }
#policy .title03 { margin-top:77px; background:url('//main.nateimg.co.kr/img/v3/rules/img_1dep_title.gif') no-repeat 0 -60px; }
#policy .title04 { margin-top:57px; background:url('//main.nateimg.co.kr/img/v3/rules/img_1dep_title.gif') no-repeat 0 -90px; }
#policy .title05 { margin-top:68px; background:url('//main.nateimg.co.kr/img/v3/rules/img_1dep_title.gif') no-repeat 0 -120px; }
#policy .title06 { margin-top:58px; background:url('//main.nateimg.co.kr/img/v3/rules/img_1dep_title.gif') no-repeat 0 -150px; }

.subtab_wrap { float:left; width:970px; height:38px; border-bottom:1px solid #d7e7f3; background:#e6f3fb url('//main.nateimg.co.kr/img/v3/rules/bg_sub_tab.gif') repeat-y left top; }


ul.policy_nate { _float:left; position:absolute; top:3px; left:310px; _position:relative; _top:25px; padding:0; margin:0; width:340px; }
ul.policy_nate li { float:left; }
ul.policy_nate li a { display:block;  height:14px; text-indent:-9999px; background:url('//main.nateimg.co.kr/img/v3/rules/set_tab_sub.gif') no-repeat left top; overflow:hidden; }
ul.policy_nate li.nate_person { margin:0 12px 0 0; width:158px; background-position:157px -125px; }
ul.policy_nate li.nate_person a { width:145px; }

ul.policy_nate li.nate_cp { width:160px; }
ul.policy_nate li.nate_cp a { width:145px; }

ul.policy_cy { float:left; padding:0; margin:10px 0 0 18px; }
ul.policy_cy li { float:left; }
ul.policy_cy li span { padding:0 8px; font-size:10px; color:#bdc7ce; }

h3.protect { width:970px; height:29px; margin-top:30px; background:#FFFFFF; border-bottom:1px solid #f1f1f1; cursor:default; }
h3.protect span { position:absolute; float:left; display:block; width:238px; height:34px; margin-bottom:-2px; background:url('//main.nateimg.co.kr/img/v3/rules/set_tab.gif') no-repeat 0 -120px; text-indent:-1000em; overflow:hidden; }
* html h3.protect span { position:relative; }
*:first-child+html h3.protect span { position:relative; }

/* youth */
.youth .heading { padding-top:46px; width:972px; height:288px; background:url('//main.nateimg.co.kr/img/v6/policy/txt_top.png') right bottom no-repeat; }
.youth .heading h3, .youth .heading p { width:0; height:0; font:0/0 arial; text-indent:-9999px; }

.youthList { margin-left:54px; }
.youthList li { margin-top:50px; }
.youthList li p { display:block; margin-top:15px; margin-left:38px; line-height:1.7; }
.contact { margin:30px 0 0 92px; color:#242424; }
.contact a { color:#2051da; }

/* protection */
.protection .heading { padding-top:0; width:970px; height:335px; background:url('//main.nateimg.co.kr/img/v6/policy/txt_top7.png') right bottom no-repeat; }
.protection .heading h3, .protection .heading p { width:0; height:0; font:0/0 arial; text-indent:-9999px; }

/* Footer */
#footer { clear:both; margin:0 auto; width:970px; height:70px; border-top:2px solid #e4e4e4; text-align:center; }
    #footer a:link, #footer a:visited, #footer a:active, #footer a:hover { color:#333333; }
    #footer dl.footer_list { padding:15px 0 10px 0; width:100%; }
    #footer dl.footer_list dt { display:none; }
    #footer dl.footer_list dd a { letter-spacing:-1px; text-decoration:none; }
    #footer dl.footer_list dd a:hover { text-decoration:underline; }
    #footer dl.footer_list dd span { padding:0 5px; color:#e9e9e9; }
    #footer p.copyright { float:left; width:100%; font-family:Verdana; font-size:9px; }
    #footer p.copyright a { text-decoration:none; color:#F60;}
    #footer p.copyright a:hover { text-decoration:underline; }
    #footer p.copyright strong { font-family:Verdana; font-size:10px; font-weight:bold; color:#F60; }
    #footer p.copyright strong span.sk { font-family:Verdana; font-size:10px; color:#ff2400; }