@charset "euc-kr";

/* Type Selector */
*{margin:0; padding:0; font-size:12px; font-style:normal; font-family:±¼¸², Gulim, µ¸¿ò, Dotum, AppleGothic, Sans-serif; color:#666;}
body{_text-align /**/:center; background:#fff;}
img, fieldset{border:none;}
hr, legend{display:none;}
li{list-style:none;}
a{color:#417c01; text-decoration:none;}
a:hover, a:active, a:focus{text-decoration:underline;}

/* Layout Selector */
#wrap{position:relative; width:670px; margin:0 auto; _text-align /**/:left;}
#header{margin:0 0 35px 0; height:88px;}

/* Class Selector */
.arrow{padding:0 0 0 7px; background:url(http://wstatic.naver.com/rules/r8/bu_arrow1.gif) no-repeat 0 2px;}
.skip_to_content{display:block; position:absolute; width:0; height:0; overflow:hidden;}
.gotop{position:fixed; _position:absolute; left:50%; top:456px; width:870px; margin-left:-480px; text-align:right; clear:both;}
.gotop a{display:block; float:right; position:relative; right:-22px; padding:6px 1px 2px 1px; font:10px Verdana; color:#666; background:url(http://wstatic.naver.com/rules/r8/bu_arrow3.gif) no-repeat 6px 2px;}

/* Header */
.gnb{width:100%; height:22px; overflow:hidden;}
h1{position:relative; height:35px; overflow:visible;}
h1 a{position:absolute;}
h1 .naver{top:-4px; left:14px;}
h1 .section{position:absolute; top:-2px; left:102px;}
.lnb{height:31px; background:url(http://wstatic.naver.com/rules/r8/bg_tab_last.gif) no-repeat right top;}
.lnb li{position:relative; float:left; margin:0 -1px 0 0; z-index:1; background:url(http://wstatic.naver.com/rules/r8/bg_tab_right.gif) no-repeat right 0;}
.lnb li a{display:block; float:left; padding:9px 14px 7px 15px; height:15px; _height:14px; _padding-top:10px; color:#fff; text-decoration:none !important; background:url(http://wstatic.naver.com/rules/r8/bg_tab_left.gif) no-repeat 0 0; cursor:pointer;}
*:first-child+html .lnb li a{padding-top:10px;padding-bottom:6px;}
.lnb li.first a{padding-left:20px; background:url(http://wstatic.naver.com/rules/r8/bg_tab_first.gif) no-repeat 0 0;}
.lnb li a:hover,
.lnb li a:focus{background-position:0 -31px;}
.lnb li.on{background-position:right -62px !important; z-index:3 !important;}
.lnb li.on a{font-weight:bold; letter-spacing:-1px; background-position:0 -62px !important;}

/* Footer */
#footer{margin:0; clear:both; text-align:center; padding:0 0 28px 0; width:670px; margin:0 auto; border-top:1px solid #e1e1e1;}
#footer *{margin:0; padding:0; color:#444; list-style:none; font-size:12px; line-height:normal; font-family:µ¸¿ò, Dotum, ±¼¸², Gulim, AppleGothic, Sans-serif;}
#footer img{border:none;}
#footer a{text-decoration:none; color:#444;}
#footer a:visited{text-decoration:none; color:#666;}
#footer a:hover{text-decoration:underline;}
#footer ul.policy{margin:0 0 16px 0; padding:7px 0 0 0;}
#footer ul.policy li{display:inline; position:relative; padding:0 1px 0 6px; font-size:11px; white-space:nowrap; background:url(http://static.naver.com/common/footer/line_v_footer10.gif) no-repeat 0 0;}
#footer ul.policy li *{font-size:11px;}
#footer ul.policy li.first{background:none; padding:0 1px 0 0;}
#footer ul.policy a{letter-spacing:-1px;}
#footer .company ul{display:inline; overflow:visible; position:relative; top:-1px;}
#footer .company li{display:inline; overflow:visible; padding:0 7px 0 11px; background:url(http://static.naver.com/common/footer/line_v_footer14.gif) no-repeat 0 4px;}
#footer .company li img{vertical-align:top; display:inline-block;}
#footer .company li.first{background:none;}
#footer .company li.juniver img{border-top:4px solid #fff;}
#footer .company li.hangame img{border-top:3px solid #fff;}
#footer address{display:inline; margin:0 14px 0 0;}
#footer address,
#footer address *{font:9px Verdana;}
#footer address .ci_nhn{position:relative; top:1px; margin:0 8px 0 0;}
#footer address a{font:bold 9px Tahoma; color:#00535d;}

/* Content */
#content .title{position:relative; padding:0 0 25px 41px; border-bottom:1px solid #e5e5e5; overflow:visible; _height:1%;}
#content .title .nav1{overflow:hidden; _height:1%; margin:0 0 8px 0;}
#content .title .nav1 li{float:left; padding:0 14px 0 15px; background:url(http://wstatic.naver.com/rules/r8/line_v_e5.gif) no-repeat 0 0;}
#content .title .nav1 li.first{padding-left:0; background:none;}
#content .title .nav1 li h2{display:inline;}
#content .title .nav1 li a{float:left; display:block; padding:0 1px 1px 1px;}
#content .title .nav1 li a:hover{border-bottom:1px solid #a6a6a6;}
#content .title .nav1 li.on a{border-bottom:1px solid #a6a6a6;}
#content .title .p_h2{clear:both;}
#content .title .nav2{position:absolute; right:39px; bottom:22px; text-align:right;}
#content .title .nav2 p{margin:7px 0 0 0;}
#content .title .nav2 ol{float:left; margin:0 0 -3px 0;}
#content .title .nav2 li{text-align:left; height:16px; white-space:nowrap;}
#content .title .nav2 .ol1{width:187px;}
#content .title .nav2 .ol2{width:215px;}
#content .title .nav2 ol a{font-weight:bold; letter-spacing:-1px;}

#content .index{position:relative; padding:20px 20px 9px 20px; border-bottom:1px solid #e5e5e5; width:670px; _width /**/:auto;}
#content .index .print{position:absolute; top:34px; right:40px; clear:both;}
#content .index p{line-height:18px; margin-bottom:20px;}
#content .index .dl{overflow:hidden; _height:1%;}
#content .index .dl dl{width:439px; overflow:hidden;}
#content .index .dl .dl1{float:left;}
#content .index .dl .dl2{float:right;}
#content .index .dl dt{width:48px; height:22px; float:left;}
#content .index .dl dd{width:391px; height:22px; float:right;}
#content .index .dl dd a{font-weight:bold; letter-spacing:-1px;}
#content .index h3{margin:0 0 20px 0; font:bold 14px µ¸¿ò, Dotum; letter-spacing:-1px; color:#333;}
#content .index .ol{overflow:hidden; _height:1%;}
#content .index .ol ol{width:435px; float:left;}
#content .index .ol li{height:22px;}
#content .index .ol .first_letter{display:block; float:left; text-align:right; padding-right:8px;}
#content .index .ol .ol1 .first_letter{width:14px;}
#content .index .ol .ol2 .first_letter{width:18px;}
#content .index .ol a{font-weight:bold; letter-spacing:-1px;}

#content .section{padding:20px 20px 25px 20px; text-align:justify;}
#content .section p,
#content .section li{line-height:18px; position:relative;}
#content .section .mt43{margin-top:43px;}
#content .section .mt20{margin-top:20px !important;}
#content .section .mt10{margin-top:10px;}
#content .section .mb0{margin-bottom:0;}
#content .section .pb3{padding-bottom:3px;}

#content .section .contact{margin:5px 0 23px 18px; padding:20px 30px 20px 0; background:#f7f7f7;}
#content .section .contact table{border-collapse:collapse; border-spacing:0; width:100%; _width /**/:auto;}
#content .section .contact .line{border-left:1px solid #e5e5e5;}
#content .section .contact th{text-align:left; color:#333; padding:5px 0 9px 29px; letter-spacing:-1px;}
#content .section .contact td{padding:3px 0 3px 29px;}

/* Content by Case */
#content.agreement .section h3{color:#333; margin:20px 0 10px 0; letter-spacing:-1px;}
#content.agreement .section h3.first{margin-top:0;}
#content.agreement .section h3 a{color:#333; text-decoration:none;}
#content.agreement .section ol,
#content.agreement .section .ex{padding-left:16px;}
#content.agreement .section ol li .first_letter,
#content.agreement .section ol .ex .first_letter{margin:0 4px 0 -16px;}
#content.agreement .section ul{padding-left:10px;}
#content.agreement .section ul li .first_letter{margin:0 4px 0 -10px;}
#content.agreement .section .past{margin:8px 0 0 0;}
#content.agreement .section em{color:#417c01;}
#content.agreement .section .u{text-decoration:underline;}

#content.privacy .title h2{position:relative; margin:-11px 0 -10px 0;}
#content.privacy .title h2 .ver{position:absolute; top:19px; left:308px; font-weight:bold; font-family:µ¸¿ò, Dotum; color:#333;}
#content.privacy .section h4{margin:47px 0 0 0; font:bold 14px µ¸¿ò, Dotum; color:#333; letter-spacing:-1px;}
#content.privacy .section h4.first{margin:0;}
#content.privacy .section h4 a{font:bold 14px µ¸¿ò, Dotum; color:#333; letter-spacing:-1px; text-decoration:none;}
#content.privacy .section h5{margin:20px 0 0 15px; color:#333;}
#content.privacy .section p{margin-top:5px;}
#content.privacy .section ul{margin-bottom:-2px;}
#content.privacy .section ul.ex{padding-left:9px;}
#content.privacy .section ul.ex .first_letter{margin-left:-9px;}
#content.privacy .section ul ul{margin:0 0 10px 10px;}
#content.privacy .section .depth1{margin-left:13px;}
#content.privacy .section .depth2{margin-left:20px;}
#content.privacy .section .past{margin:10px 0 0 10px;}
#content.privacy .section .contact .col1{width:135px;}
#content.privacy .section .contact .col2{width:130px; padding-left:0;}
#content.privacy .section .contact .col3{width:135px;}
#content.privacy .section .contact .col4{padding-left:0;}

#content.teenagers .title h2{position:relative; margin:-11px 0 -6px 0;}
#content.teenagers .section h3{font:bold 14px µ¸¿ò, Dotum; color:#333; letter-spacing:-1px;}
#content.teenagers .section h4{font-weight:normal; color:#333; margin:30px 0 0 0; letter-spacing:-1px;}
#content.teenagers .section h4 *{color:#333;}
#content.teenagers .section h4 .first_letter{font-weight:bold;}
#content.teenagers .section p{margin:10px 0 0 0;}
#content.teenagers .section .depth1{margin-left:16px;}
#content.teenagers .section .contact{margin:5px 0 5px 17px;}
#content.teenagers .section .contact .col1{width:145px;}
#content.teenagers .section .contact .col2{width:100px; padding-left:0;}
#content.teenagers .section .contact .col3{width:140px;}
#content.teenagers .section .contact .col4{padding-left:0;}

#content.spam .section h3{margin:45px 0 0 0; font:bold 14px µ¸¿ò, Dotum; color:#333; letter-spacing:-1px;}
#content.spam .section h3.first{margin:0;}
#content.spam .section h4{margin:22px 0 0 18px; color:#333; letter-spacing:-1px;}
#content.spam .section h4 a{text-decoration:none; color:#333;}
#content.spam .section ul p{margin:0 0 10px 10px;}
#content.spam .section .depth1{margin-left:3px;}
#content.spam .section .depth2{margin-left:5px;}
#content.spam .section .arrow.spam{position:absolute; right:0; bottom:0; background-position:0 4px;}
#content.spam .section ul.ex{padding-left:10px;}
#content.spam .section ul.ex .first_letter{margin-left:-10px;}
#content.spam .section .contact{margin:5px 0 13px 0; padding:23px 29px 18px 29px;}
#content.spam .section .contact dt{height:26px; color:#333; font-weight:bold;}
#content.spam .section .contact dd{height:20px;}

#content.responsibility .section{padding:0 40px 45px 40px;}
#content.responsibility .section h2{margin:45px 0 0 0; font:bold 14px µ¸¿ò, Dotum; color:#333; letter-spacing:-1px;}
#content.responsibility .section h2.first{margin:0;}
#content.responsibility .section h2 a{font:bold 14px µ¸¿ò, Dotum; color:#333;}
#content.responsibility .section p{margin:20px 0 0 0;}
#content.responsibility .bx{padding:28px 29px 25px 29px; margin:5px 0 23px 0; background:#f7f7f7; overflow:hidden; _height:1%;}
#content.responsibility .bx ol{ width:100%;}
#content.responsibility .bx ol ol{ width:auto; padding:43px 0 0 0;}
#content.responsibility .bx li{ float:left; font-weight:bold; color:#333;}
#content.responsibility .bx li.first{ _margin:0 -1px 0 0;}
#content.responsibility .bx li li{float:left; width:116px; margin:0 1px 0 0; font-weight:normal;}
#content.responsibility .bx li.first li{ color::#417c01;}
#content.responsibility .bx li.second li{ color:#333;}
#content.responsibility .bx li strong{ position:relative; left:1px; text-indent:-1px; margin:5px 0 -1px 0; padding:5px 0 0 0; font:bold 11px ±¼¸², Gulim;}
#content.responsibility .bx li.first strong{ display:block; border-top:4px solid #55a426; color:#2f9000;}
#content.responsibility .bx li.second strong{ display:block; border-top:4px solid #333; color:#444;}
#content.responsibility .bx li li .c99{ color:#999;}
#content.responsibility .bx li li .fs11{ font:11px µ¸¿ò, Dotum;}
#content.responsibility .mt18{ margin-top:18px !important;}
#content.responsibility .mt8{ margin-top:8px !important;}
#content.responsibility .btn{ padding:20px 0 1px 0; text-align:center;}
#content.responsibility .btn a{ margin:0 6px 0 0;}

#content.robots .section{padding:40px 40px 27px 40px;}
#content.robots .section h3{margin:45px 0 0 0; font:bold 14px µ¸¿ò, Dotum; color:#333; letter-spacing:-1px;}
#content.robots .section h3.first{margin:0;}
#content.robots .section p,
#content.robots .section ol{margin:20px 0 0 12px;}
#content.robots .section ol{padding-left:24px;}
#content.robots .section ol .first_letter{margin:0 3px 0 -24px;}
#content.robots .section ol li{margin-bottom:18px;}
#content.robots .section ul li{margin:0;}
#content.robots .section li p{margin:8px 0 0 0;}
#content.robots .section .etc{margin:0 0 0 12px; padding:23px 29px 20px 29px; background:#f7f7f7;}
#content.robots .section .etc .first,
#content.robots .section .etc .first *{margin:0; color:#333;}
#content.robots .section .etc .second{margin:3px 0 0 36px; padding:0;}

#content.iso .title h2{position:relative; margin:-9px 0 -10px 0;}
#content.iso .title2{padding:26px 40px 20px 40px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
#content.iso p{margin:0 0 20px 0; line-height:18px;}
#content.iso .section1{padding:38px 40px 70px 40px;}
#content.iso .section1 dl{padding:25px 29px 22px 29px; background:#f7f7f7;}
#content.iso .section1 dt{height:26px; font-weight:bold; color:#333;}
#content.iso .section2 {padding:38px 40px 49px 40px; overflow:hidden; _height:1%;}
#content.iso .section2 .thumb{display:block; float:left; margin:-8px 39px 0 0;}
#content.iso .section2 li{margin-bottom:4px;}

/* Pop1 */
#pop1 *{ margin:0; padding:0; font-size:12px; font-style:normal; font-family:±¼¸², Gulim, µ¸¿ò, Dotum, AppleGothic, Sans-serif;}
#pop1 li{ list-style:none;}
#pop1 #wrap{ width:670px;}
#pop1 #header{ height:88px; position:relative; background:url(http://wstatic.naver.com/rules/r8/bg_bug_header.gif) no-repeat;}
#pop1 #content{ clear:both; padding:34px 35px 0 35px; background:url(http://wstatic.naver.com/rules/r8/bg_content_top.gif) repeat-x left top;}
#pop1 #footer.f1{ padding:0 0 40px 0; margin:-18px 0 0 0; text-align:center; width:auto; border:none;}
#pop1 #footer *{ vertical-align:middle;}

#pop1 h1{ position:absolute; top:12px; right:34px;}
#pop1 h1 img{ display:block;}
#pop1 h2{ position:absolute; top:39px; left:35px;}
#pop1 h2 img{ display:block; float:left;}
#pop1 h3{ padding:0 0 0 7px; height:27px;}
#pop1 .summary{ padding:2px 0 0 4px; margin:0 auto 49px auto;}
#pop1 .summary p.ir_txt{ display:block; width:0; height:0; overflow:hidden;}
#pop1 .section{ position:relative; margin:0 0 35px 0; padding:23px 10px 20px 18px; background:#f3f9f9 url(http://wstatic.naver.com/rules/r8/bg_section.gif) no-repeat left top; border:1px solid; border-top-color:#cbdddd; border-bottom-color:#cbdddd; border-left-color:#e0eff0; border-right-color:#e0eff0;}
#pop1 .section p,
#pop1 .section li{ color:#6b898f; line-height:18px;}
#pop1 .section .mb13{ margin-bottom:13px ;}
#pop1 ol.t1{ margin:-1px 0 -12px 0;}
#pop1 ol.t1 li{ padding:1px 0 0 24px; margin:0 0 12px 0; _height:1%;}
#pop1 ol.t1 li.n1{ background:url(http://wstatic.naver.com/rules/r8/ico_n1.gif) no-repeat 1px 0;}
#pop1 ol.t1 li.n2{ background:url(http://wstatic.naver.com/rules/r8/ico_n2.gif) no-repeat 1px 0;}
#pop1 ol.t1 li.n3{ background:url(http://wstatic.naver.com/rules/r8/ico_n3.gif) no-repeat 1px 0;}
#pop1 ol.t1 li.n4{ background:url(http://wstatic.naver.com/rules/r8/ico_n4.gif) no-repeat 1px 0;}
#pop1 ul.t1{ padding:10px 0 0 0;}
#pop1 ul.t1 li{ padding:0 0 0 20px; margin:0; background:url(http://wstatic.naver.com/rules/r8/ico_arrow1.gif) no-repeat 8px 6px; color:#016773;}
#pop1 .reg{ font:13px/19px Arial !important; color:#016773;}

/* For Print */
@media print{
.gnb{display:none;}
h1 a{position:static; display:inline;}
.lnb{border:1px solid #ccc;}
.lnb a{border-right:1px solid #ccc; font-weight:bold; letter-spacing:-1px;}
#content .title,
#content .index,
#content .section,
#content .section1,
#content .section2{padding-left:0 !important; padding-right:0 !important;}
}