@charset "utf-8";

body { background-color:#337359; }
#body_wrap { position: relative; margin:0 auto; padding:0; width:1000px; }
.nohand { cursor:default; }
.clearBoth { clear:both; height:0px; margin:0; padding:0; }
.textCenter, .tCenter { text-align:center; }

a.button,
span.button input,
.buttonOfficial,
.btnKoala {text-decoration:none !important;display:inline-block;*display:inline; padding:0px 12px !important; margin:0 !important; font-weight:bold; font-size:12px; line-height:22px; height:24px; color:#909090 !important; text-align:center; vertical-align:top; cursor:pointer; overflow:visible; background-color:#ffffff !important; border-top:1px solid #d0d0d0 !important; border-left:1px solid #d0d0d0 !important; border-bottom:1px solid #c0c0c0 !important; border-right:1px solid #c0c0c0 !important; }
.btnKoala:hover,
.btnKoala:active,
.btnKoala[disabled]{color:#ff6600 !important; background-color:#FEEFE2 !important; border:1px solid #F7B885 !important}

/** 헤드 영역 정의 **/
#header { width:970px; height:90px; padding:15px 15px 15px 15px; background:url('../img/head.png') no-repeat 0 0; }
#head_logo a { position:absolute; left:25px; top:25px; width:400px; height:50px; }

#side_menu {margin-bottom:10px !important;}

#head_menu { position:absolute; width:870px; height:30px; top:88px; left:0px; margin:0 15px; padding:0 50px;}
#head_menu li.hm_item { width:107px; cursor:default; color:#ffffff; display:inline-block; *display:inline; line-height:27px; padding:0; margin:0; font-size:13px; font-weight:bold; font-family:"malgun gothic";}
#head_menu li.hm_item.current { color:#ffcf00; }

#full_menu { font-family:"malgun gothic"; display:none; overflow:hidden; position:absolute; z-index:99999; top:-700px; left:340px; padding:0px 10px; border:2px solid #678abd; border-left:5px solid #678abd; background-color:#ffffff; }
#full_menu li img { vertical-align:middle; }
#full_menu li.top_level { font-size:12px; letter-spacing:-1px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin:0; padding:0; }
#full_menu li.top_level .top_level { font-size:13px; font-weight:bold; display:block; margin:0 0 5px 0; padding:0 0 5px 0; border-bottom:1px solid #678abd; }
#full_menu li.top_level ul { margin:4px 0 6px 0; padding:0; line-height:12px;}
#full_menu li.top_level .mitem a { color:#707070; display:block; width:80px; height:16px; margin:0; padding:4px 0px 2px 23px; line-height:12px; background:url('../img/mitem.gif') no-repeat 5px 3px; border:1px solid #ffffff; border-left:3px dashed #ffffff; }
#full_menu li.top_level .mitem.new a { background:url('../img/mitem_new.gif') no-repeat 5px 2px; }
#full_menu li.top_level .mitem.current a { font-weight:bold; color:#ff6600; background:url('../img/mitem_current.gif') no-repeat 3px 3px; }
#full_menu li.top_level .mitem a:hover { font-weight:bold; color:#ff6600; background:#FEEFE2 url('../img/mitem_hover.gif') no-repeat 3px 3px; border:1px solid #F7B885; border-left:3px solid #F7B885; }
#full_menu li .separater { display:block; margin:3px 0px; *margin-bottom:-12px; border-top:1px solid #eaeaea;}

#header .top_search { position:absolute; right:30px; top:35px; width:105px; padding-left:25px; border:none; background:url('../img/top_search.gif') no-repeat 0 0; }
#header .top_search legend { display:none; }
#header .top_search .keywd { font-size:11px; display:inline; float:left; width:80px; border:0 none; margin:0; padding:5px 1px 0 0; background:transparent url('../img/top_search_txt.gif') no-repeat 0 5px; }
#header .top_search .keywd.foucs { background-image:none !important; }
#header .top_search .doSearch { text-indent:-80px; overflow:hidden; float:left; width:20px; height:20px; margin:0; padding:0; border:none; background:transparent; cursor:pointer; }

/** **/
#cpage { overflow:hidden; padding:20px; line-height:100%;}
#cpage p { margin:0; padding:0; }
#cpage h3 { line-height:20px; margin:0 0 15px 0; padding:5px 10px; color:#555555; background-color:#ffffff; border:1px solid #d8d8d8; border-left:7px solid #555555; font-weight:bold; font-size:1.4em; font-family:"돋움", Dotum, AppleGothic, Sans-serif;}
#cpage h4 { line-height:20px; margin:0 0 12px 0; padding:0 0 3px 0; color:#425E89; border-bottom:1px solid #425E89; font-weight:bold; font-size:1.2em; font-family:"맑은 고딕", "굴림", Gulim, "돋움", Dotum, Tahoma, AppleGothic, Sans-serif;}
#cpage table { background-color:#F7F7F7; text-decoration:none; border-collapse:collapse; border-top:3px solid #708090;}
#cpage table th { border:1px solid #B8C0C8; padding:5px 8px; color:#708090; font-weight:bold; background-color:#D8E0E8; text-align:center; }
#cpage table td { border:1px solid #B8C0C8; padding:5px 8px; color:#707070; }

/** 바디 영역 정의 **/
#cbody { width:970px; padding:0px 15px; background:url('../img/body.png') repeat-y 0 0; }
#cbanner { width:970px; height:85px; background:url('../img/banner_ladies.jpg') no-repeat 0 0; }

/** 사이드바 영역 정의 **/
#sidebar { float:left; width:180px; padding:15px 0px 20px 20px; }
#sidebar .side_banner { margin-bottom:10px;}

#cbody .mbox1 { letter-spacing: -1px; color:#707070; line-height:20px; width:180px; background:url('../img/box180_1_head.gif') no-repeat 0 0; }
#cbody .mbox1 .head { color:#b0b0b0; text-align:center; padding:13px 15px 12px 15px; height:15px; line-height:12px; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; }
#cbody .mbox1 .body { padding:0px 10px; background:url('../img/box180_1_body.gif') repeat-y 0 0; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; }
#cbody .mbox1 .body ul li .group { cursor:default; display:block; width:118px; height:18px; margin:5px 5px 0 5px; padding:8px 5px 0px 25px; line-height:12px; background:url('../img/bulletbox.gif') no-repeat 5px 8px; border-top:1px dashed #c8c8c8; }
#cbody .mbox1 .body ul li .first { border-top:1px dashed #ffffff; margin-top:0px; }
#cbody .mbox1 .body ul li a,
#cbody .mbox1 .body ul li a:hover { display:block; color:#808080; width:118px; height:16px; margin:0 5px; padding:5px 5px 0px 25px; font-weight:normal; line-height:12px; background:url('../img/bullet01.gif') no-repeat 15px 9px; border:1px solid #ffffff; border-top:1px dashed #e8e8e8; }
#cbody .mbox1 .body ul li a:hover { font-weight:bold; color:#ff6600; width:118px; margin:0 5px; padding-left:25px; background:#FEEFE2 url('../img/bullet02a.gif') no-repeat 15px 8px; border:1px solid #F7B885; }
#cbody .mbox1 .foot { height:15px; background:url('../img/box180_1_foot.gif') no-repeat 0 0; }

#cbody .mbox2 { letter-spacing:-1px; color:#707070; line-height:20px; width:180px; background:url('../img/box180_1_head.gif') no-repeat 0 0; }
#cbody .mbox2 .head { text-align:center; padding:13px 15px 12px 15px; height:15px; line-height:12px; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; }
#cbody .mbox2 .head .desc { margin-left:15px; color:#9A9060;}
#cbody .mbox2 .body { padding:0px 10px; background:url('../img/box180_1_body.gif') repeat-y 0 0; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; }
#cbody .mbox2 .body .group { cursor:default; display:block; width:120px; height:16px; margin:5px 5px 0 5px; padding:8px 5px 1px 28px; line-height:12px; border-top:1px solid #eaeaea; }
#cbody .mbox2 .body .group.opened { background:url('../img/mgroup_opened.gif') no-repeat 7px 5px; }
#cbody .mbox2 .body .group.closed { background:url('../img/mgroup_closed.gif') no-repeat 7px 5px; }
#cbody .mbox2 .body .first { border-top:1px dashed #ffffff; margin-top:0px; }
#cbody .mbox2 .body li a.new { background:url('../img/mitem_new.gif') no-repeat 5px 2px;}
#cbody .mbox2 .body li a.current { font-weight:bold;color:#ff6600; background:url('../img/mitem_current.gif') no-repeat 5px 2px;}
#cbody .mbox2 .body li a,
#cbody .mbox2 .body li a:hover { display:block; color:#808080; width:115px; height:16px; margin:0 5px; padding:3px 5px 0px 25px; font-weight:normal; line-height:12px; background:url('../img/mitem.gif') no-repeat 5px 2px; border:1px solid #ffffff; border-left:3px dashed #ffffff; }
#cbody .mbox2 .body li a:hover { font-weight:bold; color:#ff6600; background:#FEEFE2 url('../img/mitem_hover.gif') no-repeat 5px 2px; border:1px solid #F7B885; border-left:3px solid #F7B885; }
#cbody .mbox2 .foot { height:15px; width:180px; background:url('../img/box180_1_foot.gif') no-repeat 0 0; }
#cbody .mbox2 .body li a.indent1,
#cbody .mbox2 .body li a.indent1:hover { width:105px; padding-left:35px; background-position:15px 2px; }
#cbody .mbox2 .body li .separater { display:block; margin:3px 10px; border-top:1px solid #eaeaea;}

#cbody .mbox3 { letter-spacing:-1px; color:#707070; margin:0 -10px; line-height:20px; width:190px; background:url('../img/box180_3_head.png') no-repeat 0 0; }
#cbody .mbox3 .head { text-align:center; padding:24px 0px 6px 0px; height:30px; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; }
#cbody .mbox3 .body { width:150px; padding:5px 15px 0px 30px; background:transparent url('../img/box180_3_body.png') repeat-y 0 0; }
#cbody .mbox3 .body li li,
#cbody .mbox3 .body li.hmb_separater { background:none; }
#cbody .mbox3 .body li a,
#cbody .mbox3 .body li a:hover { display:block; height:20px; width:130px; text-indent: -10000px; }
#cbody .mbox3 .foot { height:20px; width:190px; background:url('../img/box180_3_foot.png') no-repeat 0 0; }

#cbody .mbox { letter-spacing:-1px; color:#707070; margin:0 -10px; line-height:20px; width:190px; background:url('../img/box180_3_head.png') no-repeat 0 0; }
#cbody .mbox .head { text-align:center; padding:24px 0px 6px 0px; height:30px; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; }
#cbody .mbox .head .desc { margin-left:15px; color:#9A9060;}
#cbody .mbox .body { padding:0 0 0 20px; background:url('../img/box180_3_body.png') repeat-y 0 0; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; }
#cbody .mbox .body .group { cursor:default; display:block; width:120px; height:16px; margin:5px 5px 0 5px; padding:8px 5px 1px 28px; line-height:12px; border-top:1px solid #eaeaea; }
#cbody .mbox .body .group.opened { background:url('../img/mgroup_opened.gif') no-repeat 7px 5px; }
#cbody .mbox .body .group.closed { background:url('../img/mgroup_closed.gif') no-repeat 7px 5px; }
#cbody .mbox .body .first { border-top:1px dashed #ffffff; margin-top:0px; }
#cbody .mbox .body li a.new { background:url('../img/mitem_new.gif') no-repeat 5px 2px;}
#cbody .mbox .body li a.current { font-weight:bold;color:#ff6600; background:url('../img/mitem_current.gif') no-repeat 5px 2px;}
#cbody .mbox .body li a,
#cbody .mbox .body li a:hover { display:block; color:#808080; width:115px; height:16px; margin:0 5px; padding:3px 5px 0px 25px; font-weight:normal; line-height:12px; background:url('../img/mitem.gif') no-repeat 5px 2px; border:1px solid #ffffff; border-left:3px dashed #ffffff; }
#cbody .mbox .body li a:hover { font-weight:bold; color:#ff6600; background:#FEEFE2 url('../img/mitem_hover.gif') no-repeat 5px 2px; border:1px solid #F7B885; border-left:3px solid #F7B885; }
#cbody .mbox .foot { height:20px; width:190px; background:url('../img/box180_3_foot.png') no-repeat 0 0; }
#cbody .mbox .body li a.indent1,
#cbody .mbox .body li a.indent1:hover { width:105px; padding-left:35px; background-position:15px 2px; }
#cbody .mbox .body li .separater { display:block; margin:3px 10px; border-top:1px solid #eaeaea;}

#cbody .sbox1 .head .more,
#cbody .sbox  .head .more,
#cbody .sbox3 .head .more { float:right; font-size:11px; font-weight:normal; }

#cbody .sbox { letter-spacing: -1px; color:#707070; margin-bottom:12px; line-height:20px; width:180px; background:url('../img/box180_2_head.gif') no-repeat 0 0;}
#cbody .sbox .head { padding:15px 15px 10px 15px; height:15px; line-height:12px; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; }
#cbody .sbox .body { padding:7px 15px 0px 15px; font-size:12px; background:transparent url('../img/box180_2_body.gif') repeat-y 0 0; }
#cbody .sbox .body ul li { padding:2px 0 2px 10px; line-height:16px; background:transparent url('../img/bullet01.gif') no-repeat 0 8px; }
#cbody .sbox .body ul li.group { margin-left:-10px; background-image:none !important;}
#cbody .sbox .body ul li.hmb_separater { padding:0; margin:3px 0 0 0; height:8px; *font-size:0px; +line-height:10px;}
#cbody .sbox .body ul li.tail_info { padding:3px 0 4px 17px; background:url('../img/bulletbox.gif') no-repeat 0 6px; color:#505050;}
#cbody .sbox .foot { height:10px; background:url('../img/box180_2_foot.gif') no-repeat 0 0; }

#cbody .sbox1 { letter-spacing: -1px; color:#707070; margin-bottom:12px; line-height:20px; width:180px; background:url('../img/box180_1_head.gif') no-repeat 0 0;}
#cbody .sbox1 .head { padding:13px 15px 12px 15px; height:15px; line-height:12px; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; }
#cbody .sbox1 .body { padding:0px 15px; font-size:12px; background:transparent url('../img/box180_1_body.gif') repeat-y 0 0; }
#cbody .sbox1 .body ul li { padding:4px 0 0 15px; line-height:16px; background:transparent url('../img/bullet01.gif') no-repeat 5px 8px; }
#cbody .sbox1 .foot { height:15px; background:url('../img/box180_1_foot.gif') no-repeat 0 0; }

#cbody .sbox2 { letter-spacing: -1px; color:#707070; margin-bottom:12px; line-height:20px; width:180px; background:url('../img/box180_2_head.gif') no-repeat 0 0;}
#cbody .sbox2 .head { padding:15px 15px 10px 15px; height:15px; line-height:12px; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; }
#cbody .sbox2 .body { padding:7px 15px 0px 15px; font-size:12px; background:transparent url('../img/box180_2_body.gif') repeat-y 0 0; }
#cbody .sbox2 .body ul li { padding:2px 0 2px 10px; line-height:16px; background:transparent url('../img/bullet01.gif') no-repeat 0 8px; }
#cbody .sbox2 .body ul li.group { margin-left:-10px; background-image:none !important;}
#cbody .sbox2 .body ul li.hmb_separater { padding:0px; margin:0; height:10px; }
#cbody .sbox2 .foot { height:10px; background:url('../img/box180_2_foot.gif') no-repeat 0 0; }

#cbody .sbox3 { letter-spacing: -1px; color:#707070; margin:0 -10px 12px -10px; line-height:20px; width:190px; background:url('../img/box180_3_head.png') no-repeat 0 0; }
#cbody .sbox3 .head { padding:24px 20px 6px 25px; height:30px; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; }
#cbody .sbox3 .body { width:150px; padding:0px 15px 0px 25px; font-size:12px; background:transparent url('../img/box180_3_body.png') repeat-y 0 0; }
#cbody .sbox3 .body ul li { padding:5px 0 0 10px; line-height:15px; background:transparent url('../img/bullet02.gif') no-repeat 0px 8px; }
#cbody .sbox3 .foot { height:15px; background:url('../img/box180_3_foot.png') no-repeat 0 bottom; }

#cbody .cbox1 .head b,
#cbody .cbox2 .head b,
#cbody .cbox3 .head b,
#cbody .cbox_info .head b { color:#ff5050; }
#cbody .cbox4 .head b,
#cbody .cbox4 .subhead b { color:#ffcf00; }

#cbody .cbox1 { letter-spacing: -1px; color:#707070; line-height:20px; width:180px; background:url('../img/box180_1_head.gif') no-repeat 0 0;}
#cbody .cbox1 .head { padding:13px 15px 12px 15px; height:15px; line-height:12px; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; }
#cbody .cbox1 .body { padding:0px 15px; font-size:12px; background:transparent url('../img/box180_1_body.gif') repeat-y 0 0; }
#cbody .cbox1 .body ul li { padding:4px 0 0 15px; line-height:16px; background:transparent url('../img/bullet01.gif') no-repeat 5px 8px; }
#cbody .cbox1 .foot { height:15px; background:url('../img/box180_1_foot.gif') no-repeat 0 0; }

#cbody .cbox1_w250 { width:250px; background-image:url('../img/box250_1_head.gif');}
#cbody .cbox1_w250 .body { background-image:url('../img/box250_1_body.gif'); }
#cbody .cbox1_w250 .foot { background-image:url('../img/box250_1_foot.gif'); }
#cbody .cbox1_w400 { width:400px; background-image:url('../img/box400_1_head.gif');}
#cbody .cbox1_w400 .body { background-image:url('../img/box400_1_body.gif'); }
#cbody .cbox1_w400 .foot { background-image:url('../img/box400_1_foot.gif'); }
#cbody .cbox1_w650 { width:650px; background-image:url('../img/box650_1_head.gif');}
#cbody .cbox1_w650 .body { background-image:url('../img/box650_1_body.gif'); }
#cbody .cbox1_w650 .foot { background-image:url('../img/box650_1_foot.gif'); }

#cbody .cbox2 { letter-spacing: -1px; color:#707070; margin-bottom:12px; line-height:20px; width:180px; background:url('../img/box180_2_head.gif') no-repeat 0 0;}
#cbody .cbox2 .head { padding:15px 15px 10px 15px; height:15px; line-height:12px; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; }
#cbody .cbox2 .body { padding:7px 15px 0px 15px; font-size:12px; background:transparent url('../img/box180_2_body.gif') repeat-y 0 0; }
#cbody .cbox2 .body ul li { padding:4px 0 0 10px; line-height:16px; background:transparent url('../img/bullet01.gif') no-repeat 0 8px; }
#cbody .cbox2 .body ul li.group { margin-left:-10px; background-image:none !important;}
#cbody .cbox2 .body ul li.hmb_separater { padding:0px; margin:0; height:10px; }
#cbody .cbox2 .foot { height:10px; background-image:url('../img/box180_2_foot.gif'); }

#cbody .cbox2_w250 { width:250px; background-image:url('../img/box250_2_head.gif');}
#cbody .cbox2_w250 .body { background-image:url('../img/box250_2_body.gif'); }
#cbody .cbox2_w250 .foot { background-image:url('../img/box250_2_foot.gif'); }
#cbody .cbox2_w400 { width:400px; background-image:url('../img/box400_2_head.gif');}
#cbody .cbox2_w400 .body { background-image:url('../img/box400_2_body.gif'); }
#cbody .cbox2_w400 .foot { background-image:url('../img/box400_2_foot.gif'); }
#cbody .cbox2_w650 { width:650px; background-image:url('../img/box650_2_head.gif');}
#cbody .cbox2_w650 .body { background-image:url('../img/box650_2_body.gif'); }
#cbody .cbox2_w650 .foot { background-image:url('../img/box650_2_foot.gif'); }

#cbody .cbox4 { letter-spacing: -1px; color:#707070; margin-bottom:10px; line-height:20px; width:250px; background:url('../img/box250_4_head.gif') no-repeat 0 0;}
#cbody .cbox4 .head { color:#ffffff; padding:9px 5px 11px 15px; height:15px; line-height:12px; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; }
#cbody .cbox4 .subhead { color:#ffffff; padding:13px 5px 7px 15px; height:15px; line-height:12px; font-weight:bold; background:transparent url('../img/box250_4_subhead.gif') no-repeat 0 0; }
#cbody .cbox4 .head a, 
#cbody .cbox4 .subhead a { color:#ffffff;}
#cbody .cbox4 .body { padding:0px 5px 3px 15px; font-size:12px; background:transparent url('../img/box250_4_body.gif') repeat-y 0 0; }
#cbody .cbox4 .body ul li { padding:4px 0 0 10px; line-height:16px; background:transparent url('../img/bullet03.gif') no-repeat 0 8px; }
#cbody .cbox4 .body ul li.group { margin-left:-10px; background-image:none !important;}
#cbody .cbox4 .body ul li.hmb_separater { padding:0px; margin:0; height:10px; }
#cbody .cbox4 .foot { height:10px; background:transparent url('../img/box250_4_foot.gif') no-repeat left top; }

#cbody .cbox4_w250 { width:250px; background-image:url('../img/box250_4_head.gif');}
#cbody .cbox4_w250 .body { background-image:url('../img/box250_4_body.gif'); }
#cbody .cbox4_w250 .foot { background-image:url('../img/box250_4_foot.gif'); }

#cbody .cbox5 { color:#707070; margin:0; padding:0; width:460px; }
#cbody .cbox5 .head { margin:0; padding:0; height:15px; background:url('../img/box460_5_head.gif') no-repeat left top;}
#cbody .cbox5 .body { padding:0px 15px; background:transparent url('../img/box460_5_body.gif') repeat-y 0 0; }
#cbody .cbox5 .foot { height:15px; background:transparent url('../img/box460_5_foot.gif') no-repeat left top; }

#cbody .cbox_info { color:#707070; line-height:20px; width:650px; margin-left:20px; background:url('../img/box650_4_head.gif') no-repeat 0 0;}
#cbody .cbox_info .icon { position:relative; float:left; width:40px; padding:15px 0px 10px 15px; }
#cbody .cbox_info .head { padding:15px 15px 5px 0px; height:15px; line-height:12px; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; }
#cbody .cbox_info .body { padding:0px 15px 0px 55px; font-size:12px; background:transparent url('../img/box650_4_body.gif') repeat-y 0 0; }
#cbody .cbox_info .body li { height:16px;  padding:4px 0 0 15px; line-height:12px; background:transparent url('../img/bullet01.gif') no-repeat 5px 8px; }
#cbody .cbox_info .foot { height:25px; width:650px; background:url('../img/box650_4_foot.gif') no-repeat 0 0; }

#cbody .msgbox { margin:0 auto; color:#707070; line-height:20px; width:400px; background:url('../img/box400_1_head.gif') no-repeat 0 0;}
#cbody .msgbox .head { padding:13px 15px 12px 40px; height:15px; line-height:12px; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; background:url('../img/icon16_info.png') no-repeat 15px 13px; }
#cbody .msgbox .body { padding:0px 15px; font-size:12px; background:transparent url('../img/box400_1_body.gif') repeat-y 0 0; }
#cbody .msgbox .body li { height:16px;  padding:4px 0 0 15px; line-height:12px; background:transparent url('../img/bullet01.gif') no-repeat 5px 8px; }
#cbody .msgbox .foot { height:15px; width:400px; background:url('../img/box400_1_foot.gif') no-repeat 0 0; }

#cbody .askbox { margin:0 auto; color:#707070; line-height:20px; width:400px; background:url('../img/box400_1_head.gif') no-repeat 0 0;}
#cbody .askbox .head { padding:13px 15px 12px 40px; height:15px; line-height:12px; font:bold 12px "Malgun Gothic", Arial, gulim, sans-serif; background:url('../img/icon16_help.png') no-repeat 15px 13px; }
#cbody .askbox .body { padding:0px 15px; font-size:12px; background:transparent url('../img/box400_1_body.gif') repeat-y 0 0; }
#cbody .askbox .body li { height:16px;  padding:4px 0 0 15px; line-height:12px; background:transparent url('../img/bullet01.gif') no-repeat 5px 8px; }
#cbody .askbox .foot { height:15px; width:400px; background:url('../img/box400_1_foot.gif') no-repeat 0 0; }

/** 컨텐츠 영역 정의 **/

#content { margin:0 0 0 200px; padding:0; }
#content .content_sign { clear:both; height:0px; }

#content .sbox1,
#content .sbox,
#content .sbox3,
#content .cbox { float:right; margin: 0 0 15px 15px; }

/* Article */
#content .article_title { margin-top:-50px; padding:15px 20px 10px 20px; background:url('../img/ctitle_bg.gif') no-repeat left top; }
#content .article_title .icon { width:64px; height:64px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
#content .article_title .heading { *display:inline-block /* for IE7*/; margin: -60px 0px 0px 80px; }
#content .article_title .heading h3 { color:#6f9dc4; padding-top:2px; font:bold 18px "Malgun Gothic", gulim, Arial, sans-serif; }
#content .article_title .heading h3 .subtitle { *display:inline-block /* for IE7*/; font-size:14px; margin-left:15px; padding-left:15px; background:transparent url('../img/subtitle_vline.gif') no-repeat left 2px;}
#content .article_title .heading .description { line-height:120% !important; margin-top:5px; color:#6f9dc4; padding-top:5px; font:normal 12px "Malgun Gothic", gulim, Arial, sans-serif; }
#content .article_title .heading .description a { font-weight:bold;}

#content .article { float:right; width:730px; padding:10px 20px 15px 20px; }
#content .article .section { margin-bottom:30px;}
#content .article .section:after { content:""; display:block; float:none; clear:both;}

#content .article .section h4,
#content .article .section .title { line-height:13px; height:18px; margin-bottom:10px; padding:7px 0 5px 30px; color:#505050; font:bold 13px "Malgun Gothic", Arial, gulim, sans-serif; background-image: url('../img/section_title.png'); }
#content .article .section .title .desc { margin-left:20px; color:#9A9060; font-size:12px; }
#content .article .section .title .desc strong { color:#ff5050; }
#content .article .section .content { margin-left:15px;}
#content .article .section .content h5 { font-size:12px; font-weight:bold; line-height:20px; margin:15px 0 5px 0; padding:0 0 2px 0; color:#425E89; border-bottom:1px solid #d8d8e0; }
#content .article .section .content h5 .desc { margin-left:15px; color:#9A9060; }
#content .article .section .content h5 .desc strong { color:#ff5050; }
#content .article .section .content h5 .rightBox { float:right;}
#content .article .section .content table { background-color:#F7F7F7; text-decoration:none; border-collapse:collapse; border-top:3px solid #708090;}
#content .article .section .content table th { border:1px solid #B8C0C8; padding:5px 8px; color:#708090; font-weight:bold; background-color:#D8E0E8; text-align:center; }
#content .article .section .content table td { border:1px solid #B8C0C8; padding:5px 8px; color:#707070; }
#content .article .section .content table .ox { text-align:center; }
#content .article .section .content ul { list-style:none; }
#content .article .section .content li { padding-left:30px; background:url('../img/bullet_li.gif') no-repeat 17px 7px; }
#content .article .section .content blockquote { margin:0; padding:8px 8px 8px 32px; border-collapse: collapse; background:#ffffdf url(../img/icon16_info.gif) no-repeat 10px 10px; border: 1px solid #D8D8C8; border-right:1px solid #B0B0A0; border-bottom:1px solid #B0B0A0;}

#content .article .headTabBox { margin-bottom:10px;}
#content .article .headTab { padding:0; margin:0; border-bottom:1px solid #c0c0c0; height:27px;}
#content .article .headTab:after { content:""; display:block; clear:both;}
#content .article .headTab li{ position:relative; float:left; margin:0 3px 0 0; *margin-bottom:-2px; background:url(../img/tabRight.gif) right top no-repeat;}
#content .article .headTab li a { line-height:14px; height:19px; *height:17px; +height:19px; padding:9px 13px 0 11px; display:inline-block; letter-spacing:-1px; font-weight:bold; color:#909090; background:url(../img/tabLeft.gif) left top no-repeat; text-decoration:none !important; behavior:url('/layouts/koala/css/nofocus.htc'); }
#content .article .headTab img { vertical-align:text; }
#content .article .headTab li a:hover{ color:#ff6600;}
#content .article .headTab li.selected { background-position:right -28px;}
#content .article .headTab li.selected a { background-position:left -28px; color:#303030 !important; height:20px; padding-top:8px; }
#content .article .headTab li.rightTab { float:right; margin:0 0 0 3px; *margin-bottom:-2px; }
#content .article .headTab li.intense { background-image:url(../img/tabRight_intense.gif); }
#content .article .headTab li.intense a { color:#ffffff; background-image:url(../img/tabLeft_intense.gif); }
#content .article .headTab li.noTab { margin:0; padding:9px 0 0 0; background-image:none;}
#content .article .headTab li.noTab a { margin:0; padding:0; background-image:none;}

#content .article .headTabPageBox {}
#content .article .headTabPage {display:none;}
#content .article .headTabPage.selected {display:block;}

#content .tooltip { color:#707070; cursor:help; padding:0px 2px; *padding-top:1px; border:1px solid #d8d8d8; background-color:#ffffff;}

/** 꼬리 영역 정의 **/

#footer { clear:both; width:970px; height:98px; padding:0px 15px; background:url('../img/foot.png') no-repeat 0 0; }
#footer .logo_box { padding:10px 20px;}
/* web brower_campaign */
#footer .wbc { padding:15px}

/** 기본태그 스타일 재정의 **/
#cbody img { vertical-align:middle; }
#content .hr { width:550px; height:20px; margin:0 auto; margin-top:20px; background:transparent url('../img/hr.gif') no-repeat 0 0; }
#content .hr hr { display:none; }


/** For XE **/
.nick_name { margin:0; padding:0; cursor:pointer; letter-spacing:-1px; font-size:12px; font-family:"Malgun Gothic"; font-weight:bold; color:#808080; }

#popup_menu_area { border:none; padding:10px; margin:0;}
#popup_menu_area:focus { outline:none;}
#popup_menu_area ul { padding:0; margin:0;}
#popup_menu_area li { padding:0 0 0 5px; margin:0; background:transparent url('../img/bullet02.gif') no-repeat 0 7px; }
.addon_menu_new { margin-left:5px; vertical-align:text;}

.page_guide .content h5 .wdfix { display:inline-block; width:120px;}
.page_guide .content ul li { margin-left:-15px; }
.page_guide .content ul li .wdfix { display:inline-block; width:120px; font-weight:bold; color:#808080;}
.page_guide .content ul li a.wdfix { color:#9a9060;}
.page_guide .content ul li a.wdfix:hover { color:#ff6600;}
.page_guide h5 .desc { font-weight:normal; }