@charset "utf-8";
@import "default.css";



#one_col_layout #content { width:880px; margin:30px 10px 50px 10px; padding:1px; z-index:1; }
#cate_product_center #product_center,
#page_bg #product_center,
#cate_help_center #help_center,
#cate_thinkfree_online #thinkfree_online,
#cate_company #company { color:#fff; background:url(/resources/images/user/gnb_tab_bg_on.gif) no-repeat 0 0; }
a.p { line-height:1.5em; }

a.blue_link:link, a.blue_link:visited, a.blue_link:active { color:#1492d2; text-decoration:underline; }
a.blue_link:hover { color:#1492d2; text-decoration:none; }

.fc_pink { color:#fc238f; }
 
/* header */
#header_top { position:relative; height:54px; background:url(http://www.thinkfree.com/resources/images/user/header_top_bg.gif) repeat-x 0 0; }
#header_top h1 { position:absolute; top:20px; background:url(http://www.thinkfree.com/resources/images/user/logo.gif) no-repeat left top; width:73px; height:16px; }
#header_top h1 a { display:block; width:100%; height:100%; text-indent:-10000px; overflow:hidden; }
#header_top .gnb { float:right; color:#63696d; text-align:right; font-family:Arial, Verdana, Gulim; margin-top:15px; }
#header_top .gnb select { font-size:12px; margin-left:6px; }
#header_top .gnb a { color:#8d9fb2; text-decoration:none; }
#header_top .gnb a:hover { text-decoration:underline; }
#header_menu { position:relative; background:url(http://www.thinkfree.com/resources/images/user/header_menu_bg.gif) repeat-x 0 0; }
* html #header_menu ul { height:1%; }
* +html #header_menu ul { height:1%; }
#header_menu ul:after { content:" "; display:block; clear:both; height:0; visibility:hidden; }
#header_menu li { float:left; width:323px; height:33px; display:inline; }
#header_menu li a { display:block; width:100%; height:100%; line-height:33px; font-family:Verdana; font-size:11px; font-weight:bold; text-decoration:none; text-align:center; text-transform:uppercase; background:url(/resources/images/user/gnb_tab_bg.gif) no-repeat 0 0; }
#header_menu li a:link, #header_menu li a:visited, #header_menu li a:active, #header_menu li a:hover { color:#a1a9ad; }

/* 레이어서브메뉴 */.menu_sub { position:absolute; top:87px; width:320px; z-index:10; border:1px solid #bec8cd; border-top:none; background:#fff; }

/* 카테고리별 2depth 메뉴 위치 및 높이 설정 */
.menu_sub#menu_product { left:1px; }
.menu_sub#menu_help { left:324px; }
.menu_sub#menu_company { left:647px; }

/* 2depth 메뉴가 내용에 가려지는 문제 때문에 제작된 IE용 코드 - IE는 html 페이지 마크업에 pos 속성값으로 위치가 조정됩니다. */
* html .menu_sub#menu_product { left:expression((document.body.clientWidth-this.style.width)/2-this.getAttribute("pos")); }
* html .menu_sub#menu_help { left:expression((document.body.clientWidth-this.style.width)/2-this.getAttribute("pos")); }
* html .menu_sub#menu_company { left:expression((document.body.clientWidth-this.style.width)/2-this.getAttribute("pos")); }
* +html .menu_sub#menu_product{ left:expression((document.body.clientWidth-this.style.width)/2-this.getAttribute("pos")); }
* +html .menu_sub#menu_help { left:expression((document.body.clientWidth-this.style.width)/2-this.getAttribute("pos")); }
* +html .menu_sub#menu_company { left:expression((document.body.clientWidth-this.style.width)/2-this.getAttribute("pos")); }

.menu_sub ul { margin:10px 20px; }
.menu_sub li { clear:both; display:block; margin:0; height:24px; font-size:11px; background:url(/resources/images/user/dotline.gif) repeat-x 0 100%; }
.menu_sub li a { display:block; height:24px; padding-left:14px; background:url(/resources/images/user/blt_submenu.gif) no-repeat 0 50%; line-height:24px; font-family:Verdana; }
.menu_sub li.long a:hover { letter-spacing:-1px; }
.menu_sub li a:link, .menu_sub li a:visited, .menu_sub li a:active, .menu_sub li a:hover { color:#596a73; text-decoration:none; }
.menu_sub li a:hover { font-weight:bold; }
.menu_sub li.last { background:none; }
.menu_sub .long_menu {height:40px; background:url(/resources/images/user/dotline.gif) repeat-x 0 100%;line-height:16px;padding-top:2px;}
.menu_sub .long_menu a { height:40px;background:url(/resources/images/user/blt_submenu.gif) no-repeat 0 10px;line-height:16px;padding-top:2px;}

/* footer */
#footer { clear:both; position:relative; background:#fff; padding:10px 0; border-top:1px solid #e1e6e8; font-family:Verdana,Tahoma,Arial,sans-serif;}
#footer #footer_menu { position:absolute; left:285px; top:10px; }
#footer li { float:left; }
#footer li a { background:url(http://www.thinkfree.com/resources/images/user/footer_divider.gif) no-repeat left center; padding:0 15px; font-weight:bold; color:#838589; text-decoration:none; font-size:11px; }
#footer li a.first { background-image:none; padding:0 15px 0 0; }
#footer #copyright { position:absolute; left:285px; top:30px; color:#7e8084; font-size:11px; }
#footer #verisign { font-size:0; }
#footer #verisign img { margin-right:15px; }
#footer #hncLogo { position:absolute; top:0; left:847px; }



/* 클래스 */
.wrapper_header { position:relative; width:970px; margin:0 auto; }
.wrapper_menu_sub { position:relative; width:970px; margin:0 auto; } /* IE에는 적용되지 않음 */
.wrapper_footer { position:relative; width:970px; margin:0 auto; }
.wrapper { position:relative; width:900px; margin:0 auto; }
.clear { clear:both; }
.dotline { display:block; height:1px; border:none; background:url(http://www.thinkfree.com/resources/images/user/dotline.gif) repeat-x left top; margin:20px 0; }
.rbox1 { position:relative; background:url(http://www.thinkfree.com/resources/images/user/rbox1_bg.gif) repeat-x left top; height:175px; }
.rbox1_left { position:absolute; left:0; top:0; z-index:1; width:10px; height:125px; background:url(http://www.thinkfree.com/resources/images/user/rbox1_left.gif) no-repeat left top; }
.rbox1_right { position:absolute; right:0; top:0; z-index:2; width:10px; height:125px; background:url(http://www.thinkfree.com/resources/images/user/rbox1_right.gif) no-repeat left top; }
.rbox1_content { position:absolute; left:25px; top:12px; z-index:3; }
.rbox2 { position:relative; background:url(http://www.thinkfree.com/resources/images/user/rbox2_bg.gif) repeat-x left top; height:124px; }
.rbox2_left { position:absolute; left:0; top:0; z-index:1; width:10px; height:124px; background:url(http://www.thinkfree.com/resources/images/user/rbox2_left.gif) no-repeat left top; }
.rbox2_right { position:absolute; right:0; top:0; z-index:2; width:10px; height:124px; background:url(http://www.thinkfree.com/resources/images/user/rbox2_right.gif) no-repeat left top; }
.rbox2_content { position:absolute; left:20px; top:4px; z-index:3; }
.rbox2_content h2 { font-size:12px; }
.rbox2 .image { border:1px solid #bababa; float:left; margin:4px 9px 0 0; }
.attach_image { margin:20px 0; }

/* 라운드형 테이블 */
.table_wrapper { position:relative; background:url(http://www.thinkfree.com/resources/images/user/dot2.gif) repeat-y right top; }
div.sdline_left { position:absolute; width:1px; height:65px; left:0; top:5px; background:url(http://www.thinkfree.com/resources/images/user/dot2.gif) repeat-y left top; z-index:1; }
div.sdline_right { position:absolute; width:1px; height:65px; right:0; top:5px; background:url(http://www.thinkfree.com/resources/images/user/dot2.gif) repeat-y left top; z-index:2; }
* html div.sdline_right { 	right:1px; }
table.bl,
table.gr { width:100%; background:url(http://www.thinkfree.com/resources/images/user/dot2.gif) repeat-y left top; }

/* top left */table.bl .top_left { background:url(/resources/images/user/table_bl_top.gif) no-repeat left top; }
table.bl .top_right { background:url(/resources/images/user/table_bl_top.gif) no-repeat right top; }
table.gr .top_left { background:url(/resources/images/user/table_gr_top.gif) no-repeat left top; }
table.gr .top_right { background:url(/resources/images/user/table_gr_top.gif) no-repeat right top; }
table.bl th,
table.gr th { background:url(/resources/images/user/dot2.gif) repeat-x left top; background-color:#dbe9ef; height:35px; }
table.gr th { background-color:#e2e2e2; }
table.bl thead td,
table.gr thead td { background:url(/resources/images/user/dot2.gif) repeat-x left top; background-color:#dbe9ef; padding:7px 0; }
table.gr thead td { background-color:#e2e2e2; }
table.bl td,
table.gr td { background:url(/resources/images/user/dot2.gif) repeat-x left top; line-height:1.6em; padding:10px 30px; }
table.gr td { text-align:center; }table.gr td.title { text-align:left; }
div.table_bottom { height:5px; width:880px; background:url(/resources/images/user/table_bottom.gif) no-repeat left bottom; }
* html div.table_bottom { 	margin:-9px 0 0 0; }

/* paging */
.list_paging { padding:15px 0 30px 0; }
.list_paging a { background:url(/resources/images/user/divider_paging.gif) no-repeat left 50%; padding:0 3px 0 7px; font-size:11px; }
.list_paging a.first { background-image:none; }
.list_paging { position:relative; text-align:center; }
.paging_wrapper div { display:inline; }
div.paging_prev,
div.paging_next,
div.paging { vertical-align:middle; }
.list_paging #sel_page { font-weight:bold; }
.table_paging .paging_prev,
.table_paging .paging_next { padding-top:15px; }
.article_paging a { font-size:11px; color:#003366; background:none; }

/* Added by Cheonbo shim 2008-03-19 */
#option_area { color:red; font-weight:bold; width:100%; height:40px; padding-top:35px; margin-top:40px; text-align:center; border-top:1px dashed #808080; }
#option_area a { color:red; }

/* 관리자툴 작성 내용 */
#board_content .title_head { margin:0 0 30px 0; font-size:20px; font-weight:bold; color:#000; }
#board_content .title_sub { margin:0 0 7px 0; font-size:14px; font-weight:bold; color:#1192d4; }
#board_content .p { font-size:12px; color:#64676b; }
#board_content .gray { color:#999; }
#board_content .blue { color:#07b3fb; }
#board_content .pink { color:#fc238f; }
#board_content a:link, #board_content a:visited, #board_content a:active, #board_content a:hover { color:#1492d2; text-decoration:underline; }



/* popup */
#popup {width:550px; background:#eceef0 url("/resources/images/user/pop/bg_popup_top.gif") repeat-x; color:#4b4b4b; margin:0 auto;}
#popup * {line-height:19px;}
#popup h1 {height:55px; font-size:12px; background:url("/resources/images/user/pop/logo_popup.gif") no-repeat 21px 11px;}
#popup h1 span {display:none;}
#popup h2 {font-size:15px; font-weight:bold; text-align:center; width:380px; margin:0 auto; line-height:21px;}
#popup #wrapper {background:#fff url("/resources/images/user/pop/bg_popup_ring.gif") no-repeat bottom right; border:5px solid #d7dbe7; margin:0 20px; padding:42px 24px 36px 24px; font-family:Verdana, Tahoma ,Arial, Dotum, AppleGothic, Sans-serif;}
#popup .date {font-size:11px; font-weight:bold; color:#f60; text-align:center; margin:14px 0 20px 0;}
#popup #close {float:right; margin:5px 5px 0 0;}
#popup #copy {text-align:center; font-size:10px; padding:4px 0; color:#848d94;}
#popup .fc_green {color:#28bdfc;}

/* notice */
.notice_wrapper { width:100%; background:url(http://www.thinkfree.com/resources/images/user/main/notice_bg.gif) repeat-x 0 0 #30383c; }
.notice { position:relative;width:970px; margin:0 auto; padding:20px 0; }
.notice h2 { margin-bottom:5px; font-size:14px; color:#a6e1ff; }
.notice p,
.notice strong { font-size:11px; color:#b8bec1; line-height:1.4em; }
.notice strong { color:#84d262; }
.notice p a:link,
.notice p a:visited,
.notice p a:active { color:#b8bec1; text-decoration:none; }
.notice p a:hover { color:#b8bec1; text-decoration:underline; }
.notice .btn { cursor:pointer; margin-left:10px; vertical-align:middle; }


#container .wrapper_title { background:url(/resources/images/user/bg.png) repeat-x; }
#container .wrapper_title h1 { width:900px; margin:0 auto; color:#353e44; font-size:20px; font-weight:bold; padding:30px 0 0 0; }


/* terms of use & privacy */

#common { width:960px; background:#f5f5f5 url("/resources/images/user/common/bg_common.gif") repeat-x; margin:0 auto; font-family:Verdana, Arial, Tahoma, Dotum, AppleGothic, Sans-serif; color:#333; }
#common #wrapper { padding:40px 50px; margin:30px auto 10px auto; border:5px solid #d7dbe7; background-color:#fff; }
#common #wrapper a { color:#1492d2; text-decoration:underline; }
#common #wrapper a:hover { text-decoration:none; } 
#common h1 { padding-top:6px; height:36px; text-indent:-1000px; }
#common h1 span {   }
#common h1 span a { display:block; width:90px; height:29px; background:url(/resources/images/user/common/logo_common.gif) no-repeat 5px 0; }
#common h2 { width:100%; padding-bottom:12px; margin-bottom:30px; font-size:19px; text-align:left; background:url("/resources/images/user/common/bg_title.gif") no-repeat bottom right; }
#common h3 { font-size:12px; font-weight:bold; margin:26px 0 5px 0; }
#common #copy { position:relative; text-align:center; font-size:10px; padding:20px 0; color:#848d94; }
#common #copy a { position:absolute; top:0; right:0; }
#common .privacy_list { margin:30px 0; line-height:200%; }
#common .privacy_list li { list-style:disc; margin-left:20px; }
#common .link_top { font-size:11px; text-align:right; height:30px;  }

/* width 100% */
.widthAuto { width:100% !important; }
.widthAuto div {  margin:0 10px !important; }
.widthAuto div div { margin:0 !important; }
.widthAuto div #wrapper { margin-top:15px !important; padding:30px 25px 20px !important; }
.widthAuto h1 { background-position:5px 10px !important; font-size:0 !important; text-indent:-1000px}
.widthAuto h1 span a p { visibility:hidden; }
.widthAuto div#copy { margin:0 !important; padding:20px 0 0 10px !important; text-align:left !important; }
.widthAuto div#copy a { position:relative !important; float:left !important; margin-top:-10px; margin-right:10px; }