html, body { margin:0px; margin-left:17px; background-color:#f1efe3; } body, table, th, td { font-family:Dotum,Dotumche,Verdana; font-size:12px; color:#a4a092; line-height:18px; } /******* Common Style Start ********************************************/ .left {float:left;} .right {float:right;} .clear {clear:both;} .al { text-align:left;} .ac { text-align:center;} .ar { text-align:right;} .at { vertical-align:top; } .am { vertical-align:middle; } .ab { vertical-align:bottom; } table {border-collapse:collapse;word-break:break-all;} form, div, p, span, ul, li, dl, dt, dd, textarea {margin:0px; padding:0px; word-break: keep-all;} ul {list-style:none;} img {border:0px;} label {height:20px; cursor:default; font-size:12px;} input.box_01 {height:20px; border:1px solid #e9e6db; background-color:#ffffff; color:#d1ad74; font-size:12px; font-family:Dotum,Dotumche; line-height:14px; padding-top:3px; padding-left:5px;} select.box_01 {height:20px; border:1px solid #e9e6db; background-color:#ffffff; color:#d1ad74; font-size:12px; font-family:Dotum,Dotumche; line-height:14px; padding-top:3px; padding-left:5px;} div.sc_01, textarea.sc_01 { color:#8a8a8a; font-size:12px; font-family:Dotum,Dotumche; border-width:0px; background-color:#f9f9f4; padding:18px 20px 15px 20px; overflow-y:auto; scrollbar-face-color:#d4d0c8; scrollbar-shadow-color:#d4d0c8; scrollbar-highlight-color:#d4d0c8; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-track-color:#ffffff; scrollbar-arrow-color:#808080; } /* SelectBox Style */ .selectBoxTypeA_SelectedArea {color:#d1ad74; background-color:#ffffff; font-size:12px; font-family:Dotum,Dotumche; padding-top:3px; line-height:16px; padding-left:5px;} .selectBoxTypeA_SelectedAreaFocus {color:#d1ad74; background-color:#ffffff; font-size:12px; font-family:Dotum,Dotumche; padding-top:3px; line-height:16px; padding-left:5px;} .selectBoxTypeA_Option {color:#d1ad74; background-color:#ffffff; font-size:12px; font-family:Dotum,Dotumche; padding-top:3px; line-height:16px; padding-left:5px;} .selectBoxTypeA_OptionOver {color:#d1ad74; background-color:#ffffff; font-size:12px; font-family:Dotum,Dotumche; padding-top:3px; line-height:16px; padding-left:5px;} .selectBoxTypeA_OptionInnerLayer {overflow:auto; padding-left:5px; background-color:#ffffff; scrollbar-face-color:#bc9963; scrollbar-shadow-color:#bc9963; scrollbar-highlight-color:#bc9963; scrollbar-3dlight-color:#ffffff; scrollbar-darkshadow-color:#ffffff; scrollbar-track-color:#ffffff; scrollbar-arrow-color:#ffffff; } /* TOP Menu */ #topmenu li {display:inline;} #topmenu li.eng {padding-left:24px;} #topmenu li.eng img {margin-top:2px;} #topmenu img.bar {margin-left:3px; margin-right:3px;} /* Text */ .fc_darkyellow {color:#c2692e;} .fc_blue {color:#0d8884;} .eng, .num {font-size:11px; font-family:Tahoma; line-height:20px;} .eng_s, .num_s {font-size:10px; font-family:Tahoma; line-height:11px;} /* Link */ a:link { font-size:12px;color:#a4a092;font-family:Dotum,Dotumche; text-decoration:none } a:visited { font-size:12px;color:#a4a092;font-family:Dotum,Dotumche; text-decoration:none } a:active { font-size:12px;color:#1a7d78;font-family:Dotum,Dotumche; text-decoration:underline } a:hover { font-size:12px;color:#1a7d78;font-family:Dotum,Dotumche; text-decoration:underline } .width_con {width:626px;} /* Space */ .h_sp2 {height:2px; width:1px; line-height:0px; font-size:0px; clear:both;} .h_sp4 {height:4px; width:1px; line-height:0px; font-size:0px; clear:both;} .h_sp8 {height:8px; width:1px; line-height:0px; font-size:0px; clear:both;} .h_sp15 {height:15px; width:1px; line-height:0px; font-size:0px; clear:both;} .h_sp20 {height:20px; width:1px; line-height:0px; font-size:0px; clear:both;} .h_sp30 {height:30px; width:1px; line-height:0px; font-size:0px; clear:both;} /******* //Common Style End ********************************************/ /* ##### Layout Style Start ########################################### */ #topmenu {width:886px; text-align:right; height:22px; padding-top:7px; padding-right:25px;} #leftbanner {margin-top:20px;} #middle {background:#ffffff url('../images/common/bg_con_bottom.gif') bottom left no-repeat;} #contents {background:url('../images/common/bg_con_top.gif') top left no-repeat; padding-top:6px; padding-left:26px; padding-bottom:55px;} #footer {height:58px; margin-top:35px; clear:both;} /* 라인맵 */ #linemap {text-align:right; padding-right:26px; padding-bottom:5px;} #linemap li {display:inline; color:#737373; background:url('../images/common/bu_linemap.gif') 0 1px no-repeat; padding-left:11px;} #linemap li.home {background:url(none);} #linemap a:link {color:#737373; text-decoration:none;} #linemap a:visited {color:#737373; text-decoration:none;} #linemap a:active {color:#737373; text-decoration:underline;} #linemap a:hover {color:#737373; text-decoration:underline;} /* 타이틀 이미지 */ #title {width:626px; background:url('../images/common/bu_title.gif') bottom left repeat-x; padding-bottom:14px; margin-top:2px; margin-bottom:8px;} #stitle {background:url('../images/common/bu_stitle.gif') 0 2px no-repeat; padding-left:18px; margin-bottom:17px;} /* ##### //Layout Style End ########################################### */ /* ##### Popup Style Start ########################################### */ body.popup { margin-left:0px; background-color:#f2f0e0; } #p_wrap {width:400px;} #p_contents {width:400px; background:url('../images/common/popup/p_middle_bg.gif') repeat-y; padding-left:30px; padding-right:30px; padding-bottom:18px;} #p_footer {width:400px; height:44px; text-align:right; background:url('../images/common/popup/p_footer_bg.gif') no-repeat;} #p_footer img {cursor:pointer; margin-top:24px; margin-right:24px;} /* 팝업 타이틀 이미지 */ #p_title {background:url('../images/common/popup/p_bg_title.gif') bottom left no-repeat; padding-bottom:21px; margin-bottom:12px; margin-top:3px;} #p_title img {margin-left:18px;} #p_con_box01 {width:340px; height:87px; background:url('../images/common/popup/p_bg01.gif') no-repeat; padding:15px 0px 0px 13px;} #p_con_box02 {width:340px; height:117px; background:url('../images/common/popup/p_bg02.gif') no-repeat; padding:15px 0px 0px 13px;} #p_con_box01 .stlt, #p_con_box02 .stlt {border-bottom:1px solid #e2dec6; padding-left:3px; padding-bottom:8px; text-align:left; margin-right:13px; margin-bottom:9px;} #p_con_box01 center, #p_con_box02 center {margin-right:13px;} /*우편번호 검색결과 리스트*/ #zipcode_list {background-color:#f1f1f1; padding:7px 17px 7px 17px;} #zipcode_list td {padding-top:3px; color:#5b5b5b;} #zipcode_list td.btn {padding-top:0px; text-align:right;} /* ##### //Popup Style End ########################################### */ /* BBS_리스트 */ #bbs_list {width:608px; border:1px solid #e9e6db; padding:8px; margin-top:8px;} #bbs_list table {margin-bottom:11px;} #bbs_list td {text-align:center; padding-top:7px; padding-bottom:3px;} #bbs_list td.al {text-align:left; padding-left:5px;} #bbs_list td.btn {padding-top:5px;} /* BBS_읽기 */ #bbs_view {width:620px; height:65px; background:url('../images/notice/bg_notice_view.gif') no-repeat; padding-left:30px;} #bbs_view table {margin-top:3px;} #bbs_view th img {margin-top:2px;} #bbs_view td {color:#947c4d; padding-top:7px; padding-bottom:3px; padding-left:8px;} #bbs_view td.num {padding-bottom:6px;} #bbs_view td.input {padding-top:4px;} #bbs_view td.input input {border:1px solid #d9bc86; color:#947c4d;} #bbs_view_contents {width:584px; border:1px solid #e9e6db; padding:18px 20px 15px 20px; margin-top:8px;} #bbs_view_contents .answer_tlt {width:98%; height:32px; background-color:#f1efe3; padding-left:14px; padding-top:8px; margin-bottom:6px;} #bbs_view_contents .answer {padding:12px 14px 9px 14px;} #bbs_view_contents .imgDiv {width:358px; height:246px; background:url('../images/notice/bg_notice_image.gif') no-repeat; margin-top:19px; margin-bottom:4px;} /**/ #bbs_view_contents .imgDiv img {width:340px; height:228px; margin-top:9px;} /**/ /* 버튼 */ #btn_basic_R {width:632px; text-align:right; margin-top:14px;} #btn_basic_R img {cursor:pointer} /* 페이징 */ #paging {text-align:center; margin-top:16px;} #paging li {display:inline; font-size:10px; font-family:Tahoma; line-height:11px; font-weight:bold;} #paging img.bar {margin-left:4px; margin-right:4px; margin-top:2px;} #paging img.prev {margin-right:8px;} #paging img.next {margin-left:8px;} #paging a:link {font-size:10px; font-family:Tahoma; color:#a4a092; text-decoration:none;} #paging a:visited {font-size:10px; font-family:Tahoma; color:#a4a092; text-decoration:none;} #paging a:active {font-size:10px; font-family:Tahoma; color:#c59141; text-decoration:none;} #paging a:hover {font-size:10px; font-family:Tahoma; color:#c59141; text-decoration:none;} /* 상담_검색 */ #counsel_search {height:64px; background:url('../images/counsel/img_counsel_visual.gif') no-repeat; padding-left:102px; padding-top:4px;} #counsel_search table {margin-left:12px; margin-top:12px;} /* 로그인 */ #login {width:626px; height:266px; background:url('../images/member/login_bg.jpg') no-repeat; text-align:right; padding-right:30px;} #login input.box_01 {width:179px; border:1px solid #cccbca; margin-left:10px; color:#888; font-family:Tahoma; font-size:11px;} #login td {height:30px;} /*약관 동의*/ #agreement {width:590px; background:url('../images/member/bg_box_m.gif') repeat-y; padding:15px 32px 40px 30px;} #agreement .sc_01 {width:565px; height:294px; border:1px solid #e6e5dc; margin-top:20px;} /* 회원가입_기본정보 입력 */ #member_info {width:628px; background:url('../images/member/bg_box_m.gif') repeat-y; padding:8px 25px 30px 23px;} #member_info table {margin-top:11px; margin-bottom:10px;} #member_info th, #member_info td {border-bottom:1px solid #ededed;} #member_info th {text-align:left; vertical-align:top; padding-left:13px; padding-top:7px;} #member_info td {padding:4px 0px; color:#d3d2c6;} #member_info td.btn {padding:0px;} #member_info td table {margin:0px;} #member_info td table td {padding:0px; border-bottom-width:0px;} #member_info input.box_01 {border:1px solid #d3d2c6; color:#777;} /* 회원가입_부가정보 입력 */ #member_info .textDiv {float:left; margin-left:40px;} #member_info .checkDiv {float:right; width:152px; height:29px; background:url('../images/member/bg_member01.gif') no-repeat; text-align:center; padding-top:4px; margin-right:40px;} #member_info .checkDiv input {margin:0 -4px;} /* 아이디 / 비밀번호 찾기 */ #search_idpw {width:628px;} #search_id {float:left; width:301px; height:223px; background:url('../images/member/bg_idpw01.gif') no-repeat; padding-left:23px;} #search_pw {float:right; width:301px; height:223px; background:url('../images/member/bg_idpw01.gif') no-repeat; padding-left:23px;} #search_idpw th {text-align:left; padding-left:12px;} #search_idpw th img {margin-right:14px;} #search_idpw td {padding:6px 0;} #search_idpw input.box_01 {width:161px; border:1px solid #d3d2c6; color:#777;} #search_idpw center {margin-right:25px;} /* ##### //Update (2014.5.6) ########################################### */ /* Top Bar SubMenu */ #topbar_sub1 td {color:#C7BB9F; font-size:11px; font-weight:bold; letter-spacing:-1; } #topbar_sub2 td {color:#C7BB9F; font-size:11px; font-weight:bold; letter-spacing:-1; } #topbar_sub3 td {color:#C7BB9F; font-size:11px; font-weight:bold; letter-spacing:-1; } #topbar_sub4 td {color:#C7BB9F; font-size:11px; font-weight:bold; letter-spacing:-1; } #topbar_sub5 td {color:#C7BB9F; font-size:11px; font-weight:bold; letter-spacing:-1; } #topbar_sub6 td {color:#C7BB9F; font-size:11px; font-weight:bold; letter-spacing:-1; } #topbar_sub7 td {color:#C7BB9F; font-size:11px; font-weight:bold; letter-spacing:-1; }