@charset "UTF-8";

/* 초기화 */
html,body{width:100%;}
body,table,ul,div,dl,dd,h1,h2,h3,h4,h5,h6 {margin:0; padding:0;}
body,input,textarea,select,table,label,button {font-family:'돋움',Dotum,Helvetica,AppleGothic,Sans-serif;font-size:12px;color:#606060; line-height:120%}
input {height:18px;vertical-align:middle; margin:0; padding:0 2px;border:1px solid #c8c8c8;line-height:17px;}
select {height:20px; vertical-align:middle;margin:0;padding:0;border:1px solid #c8c8c8;line-height:17px;}
h1,h2,h3,h4,h5,h6{font-size:12px;text-align:left;color:#b9a776;}
ul,li{list-style:none;}
table {width:100%; border-collapse:collapse;border:0px solid #d9dde0;}
caption {display:none;}
tr,td { font-weight:normal;padding:4px 6px; background-color:#fff;word-wrap:break-word;}
thead,th { background:#f4f5f6;padding:6px 12px;font-weight:bold;border:1px solid #d9dde0;border-bottom:0px solid; }
img,fieldset{border:0 none; vertical-align:middle}
textarea{padding:0 0 0 4px;}
.blind, legend{display:block;overflow:hidden;position:absolute;left:0;top:-5000px}
em{font-style:normal}

a {text-decoration:none; color:#cbab39; font-family:'맑은고딕',Malgun Gothic,arial;}
a:hover,a:active,a:focus {text-decoration:none; color:#5997e0;}
a.yellowlink{color:#cbab39}
a.yellowlink:hover{color:#5997e0}

/* display 제어 */
.hidden_element {display:none;}
.input_disabled {background-color:#f3f4f5;}
.input_read_only {border:#d8d8d8 1px solid; background-color:#f3f4f5;}
.select_disabled {background-color:#f3f4f5;}
.selectbox_readonly{background-color:#f3f4f5;}
.selectbox_disabled{background-color:#f3f4f5;}
.noline{border:0 solid #fff}

/* 정렬 */
.center_align {text-align:center;}
.start_align {text-align:left;}
.end_align {text-align:right;}
.middle_vertical {vertical-align:middle;}
.top_vertical {vertical-align:top;}
.bottom_vertical {vertical-align:bottom;}

/* 좌정렬시 center, 우정렬시 right - KDC추가(2012.01.09)
   <table> 에서만 사용 */
.locale_var_center {text-align:center;}

/* header */
.title1_h1 {display:inline-block;color:#965e3a;background:url(../images/title_bullet.png) 0 100% no-repeat; padding:10px 0 3px 25px;  }
.title2_h2 {display:inline-block; float:left;color:#a18352;}
.title2_h2 img {margin-right:5px; vertical-align:middle}
.title3_h3 {display:inline-block; text-align:left;color:#61afe6;}
.title3_h3 img {margin-right:5px;}
.title4_h4 {color:#fff; line-height:30px}
.title4_h4_error {text-align:left;color:#fff799;line-height:30px}
.title5_h5 {color:#fff;line-height:26px}
.title6_h6 {display:inline-block; text-align:left;color:#dc762f;background:url(../images/bullet_data_10.gif) 0 8px no-repeat; padding:3px 3px 3px 10px;}
.title7_h7 {display:inline-block; text-align:left;color:#cbab39;padding:3px;}
.shop_h1 {display:inline-block; background:url(../images/title_bullet.png) 0 100% no-repeat;color:#1d99e0;padding:10px 0 3px 25px; }
.shop_h2 {display:inline-block; float:left;color:#cbab39;}
.mainbullet{background:url('../images/reddot.png') no-repeat left 50%; padding-left:15px;}


/* list style */
.horizontal_list {list-style: none;}
.horizontal_list li {display:inline-block; vertical-align:middle;}

/* 공간 */
.space5_blank {clear:both;height:5px;}
.space10_blank {clear:both;height:10px;}
.space15_blank {clear:both;height:15px;}
.space20_blank {clear:both; height:20px;}
.space30_blank {clear:both;height:30px;}
.space40_blank {clear:both;height:40px;}


/* 가로여백 */
.backspace20_blank{ display:inline-block;margin-right:20px}

/* font */
.header38_font { font-size:38px; font-weight:bold;}
.header25_font { font-size:25px; font-weight:bold;}
.header20_font { font-size:20px; font-weight:bold;}
.header18_font { font-size:18px; font-weight:bold;}
.header15_font { font-size:15px; font-weight:bold;}
.header13_font { font-size:13px; font-weight:bold;}
.header12_font { font-size:12px; font-weight:bold;}

.strong14_font { font-size:14px; font-weight:bold;}
.strong12_font { font-size:12px; font-weight:bold;}

.article20_font{ font-size:14px;}
.article14_font { font-size:14px;}
.article12_font { font-size:12px;}
.article11_font {font-family:arial; font-size:11px;}
.bold{font-weight:bold}



/*color*/
.skymint{color:#76a0b3}
.brown{color:#ad8d5f}
.orange{color:#ec6321}
.bage{color:#c8b386}

/* text area */
.textarea_container {width:100%;}
.article_textarea {height:40px; resize:none; margin:2px; padding:2px; overflow-x:hidden; overflow-y:scroll;border:1px solid #c8c8c8;}


/* Th TD indent bullet*/
 th.bg{background:#f9f6e7 url(../images/articlebg2.gif) 0 0 repeat-x;}
.indent_td {padding-left:10px;}
.bullet_Rad{background:#f4f5f6 url(../images/bullet_red.gif) no-repeat 3px 50%;}
.re{padding:1px 10px 1px 22px;background:url(../images/icon_rely2.gif) no-repeat 10px 6px;}
.re_second{padding:1px 10px 1px 32px;background:url(../images/icon_rely2.gif) no-repeat 20px 6px;}
.attach{padding:0 0 0 15px;background: url(../images/clip.png) no-repeat 4px 50%;}
.comment{padding:0 0 0 15px;background: url(../images/comment.gif) no-repeat 4px 50%;}

/* 일반 text 묶음 - 우정렬 줄바꿈 용 */
.article_text {display:inline-block;  margin:0 5px; padding:0; vertical-align:middle; text-indent:0;}

/* input form style 모음*/
/* 입력 text 폼 크기 */
.article25_text {width:25px;}
.article50_text {width:50px;}
.article75_text {width:75px;}
.article100_text {width:100px;}
.article150_text {width:150px;}
.article175_text {width:175px;}
.article200_text {width:200px;}
.article300_text {width:300px;}
.article400_text {width:400px;}
.article500_text {width:500px;}
.article550_text {width:550px;}
.article600_text {width:600px;}
.article600_shop {width:600px;}

/* 레이블용 폰트 */
.label20_font {font-size:20px;}

/* 체크박스 */
.article_checkbox {border:0px solid #fff;vertical-align:middle;}

/* 라디오버튼 */
.article_radio {border:0px solid #fff;vertical-align:middle;}

/* 콤보 박스 / 셀렉트 박스 */
.article_selectbox {}


/* 버튼 영역 */
.button_area {width:auto;}

/* 테이블 밖 투명 버튼 */
.glass_button {height:22px;border-radius:3px; padding:0 6px;font-weight:bold;line-height:15px; color:#bea855; cursor:pointer; padding-bottom:2px;background:url('../images/btn_bg.gif') repeat-x 0 0;border:1px solid #e0e1e2;}
.glass_button:hover {background:url('../images/btn_gloass.gif') repeat-x 0 0;color:#fff;}

/* 테이블 내 회색 버튼 */
.gray_button {height:23px;border-radius:3px; padding:0 4px;font-weight:bold;line-height:15px; color:#fff; cursor:pointer; padding-bottom:2px;background:url('../images/btn_gloass.gif') repeat-x 0 0;border:0px solid #e0e1e2;}
.gray_button:hover {background:url('../images/btn_gloassover.gif') repeat-x 0 0;color:#fff;}

/* 테이블 밖 버튼 */
.form_button {border-radius:3px; padding:2px 6px 4px 6px;font-weight:bold;line-height:14px;color:#fff;cursor:pointer; background:url('../images/btn_search.gif') repeat-x 0 0;border: 0px solid #fff;}
.form_button:hover {background:url('../images/btn_bghover3.gif') repeat-x 0 0;}

.formdown_button {display:block;height:auto;border-radius:3px; padding:2px 6px 4px 6px;font-weight:bold;line-height:15px;color:#fff;cursor:pointer;background:url('../images/btn_search.gif') repeat-x 0 0;border:0 solid #99c4d8;white-space:normal;width:100%;}
.formdown_button:hover {background:url('../images/btn_bghover3.gif') repeat-x 0 0;}



/* 조회조건 검색 버튼 */
.search_button {height:22px;padding:0 6px;font-weight:bold;line-height:15px; color:#fff; cursor:pointer;padding-bottom:2px; border:0 solid;	background:url('../images/btn_bg4.gif') repeat-x 0 0;padding: 0.3em 0.5em 0.7em 0.5em;}
.search_button:hover {background:url('../images/btn_bg4hover.gif') repeat-x 0 0; color:#fff;}

/* 일반 기능 버튼 */
.function_button {border-radius:3px;background:url('../images/btn_bg5hover.gif') repeat-x 0 0;border:0px solid;height:23px; cursor:pointer;padding: 0.3em 0.5em 0.7em 0.5em;margin-left:3px;color:#fff; font-weight:bold}
.function_button:hover {background:url('../images/btn_bg5.gif') repeat-x 0 0;border:0px solid; color:#fff;}


/* 쇼핑몰 width 150px 버튼 */
.function_button2 {border-radius:3px;background:url('../images/btn_bg5hover.gif') repeat-x 0 0;border:0px solid;height:23px; cursor:pointer;padding: 0.2em 0.5em 0.7em 0.5em;margin-left:3px;color:#fff;width:150px; font-weight:bold}
.function_button2:hover {background:url('../images/btn_bg5.gif') repeat-x 0 0;border:0px solid; color:#fff;}


/* 큰버튼 */
.big_button {border-radius:5px;background:url('../images/btn_bg5.gif') repeat-x 0 0;border:0px solid; cursor:pointer;padding:0.4em 0.6em 0.7em 0.6em;margin-left:3px;color:#fff; font-weight:bold; font-size:15px;height:30px; }
.big_button:hover {background:url('../images/btn_bluedowno.gif') repeat-x 0 0;}


.biggray_button {border-radius:5px;background:url('../images/btn_gray2.png') repeat-x 0 0;border:0px solid; cursor:pointer;padding:0.4em 0.6em 0.7em 0.6em;margin-left:3px;color:#fff; font-weight:bold; font-size:15px;height:30px; }
.biggray_button:hover {background:url('../images/btn_gray3.png') repeat-x 0 0;}


/* 큰톤다운버튼 */
.bigdown_button {border-radius:5px;background:url('../images/btn_bluedown.gif') repeat-x 0 0;height:30px;border:0px solid; cursor:pointer;padding:0.2em 0.5em 0.7em 0.5em;margin-left:3px;color:#fff; font-weight:bold; font-size:16px;height:33px; }
.bigdown_button:hover {background:url('../images/btn_bluedowno.gif') repeat-x 0 0;}

/* 작은 기능 버튼 */
.option1_button {background:url('../images/btn_bg3.gif') repeat-x 0 0px;border-radius:3px; border:1px solid #c9c9c9;height:20px;cursor:pointer;color:#979696; font-size:11px; margin:2px 0;line-height:12px;padding: 0.2em 0.5em 0.7em 0.5em;}
.option1_button:hover {background:url('../images/btn_gloass.gif') repeat-x 0 0; color:#fff}


/* 쇼핑몰 width 90px 버튼 */
.option2_button {height:auto;background:url('../images/btn_bg3.gif') repeat-x 0 0px;border-radius:3px; border:1px solid #c9c9c9;cursor:pointer;color:#979696; font-size:11px; margin:2px 0;padding: 0.3em 0.5em 0.2em 0.5em; width:90px; white-space:normal}
.option2_button:hover {background:url('../images/btn_gloass.gif') repeat-x 0 0; color:#fff}

/* shoppingmall 버튼 */
.shop_search_button {background:url('../images/btn_yellow_bg.gif') repeat-x 0 0;height:27px; cursor:pointer;padding: 0.5em 0.5em 0.7em 0.5em;margin-left:3px;color:#fff; font-weight:bold; margin-top:36px;}
.shop_search_button:hover {background:url('../images/btn_bg5.gif') repeat-x 0 0; color:#fff;border:1px solid #8ab1d8;}
.shop_btn:hover{background:url('../images/btn_shop_gray.gif') repeat-x 0 0;color:#fff;border:1px solid #c9c9c9;}
.shop_btn{background:url('../images/btn_shop_sky.gif') repeat-x 0 0;color:#5bb2e7; border:1px solid #dee6eb;height:18px;padding:0 6px;cursor:pointer; font-size:10px; font-weight:bold;}


/* .sub_button {height:22px; margin-right: 3px; margin-left:3px;} */
/* IE(~8) Hack 사용. '\9' button 안의 이미지, 텍스트 크기가 다를 경우 offset이 달라지는 IE의 특성상 Hack 사용.  */
.calendar_button {vertical-align:bottom; width:15px; height:16px; border:0; background:url(../images/calendar.png) no-repeat;}
@media \0screen {.calendar_button {vertical-align:bottom; width:15px; height:16px; border:0; background:url(../images/calendar.png) no-repeat;}}

/* page navigation */
/* page navigation */
.paging_area{width:100%; margin-bottom:15px;margin-top:7px;}
.paging_area:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.page_info{ float:right;display:inline-block ;}
.page_info li{display:inline-block;}
.page_info .strong14_font {color:#c8ac41;}

.page_navigation { clear:both; width:100%; }
.page_navigation ul { text-align:center; }
.page_navigation li {vertical-align:middle; **:display:inline;}
.page_navigation li a {text-decoration:none; font-size:12px;padding:0 6px; background:url(../images/pageline.gif) no-repeat 0 50%; color:#666}
.page_navigation li a.bgnone{background:none}
.page_navigation li a:hover {color:#5997e0}
.page_navigation li.selected a {font-size:13px; font-weight:bold;color:#ec6321;}

.prev_page {width:15px; height:13px; background:url(../images/left_arrow.png);margin:0 2px; cursor:pointer;}
.next_page {width:15px; height:13px; background:url(../images/right_arrow.png); margin:0 2px;cursor:pointer;}

.first_page {width:15px; height:13px; background:url(../images/first_arrow.png);cursor:pointer;margin:0 2px;}
.last_page {width:15px; height:13px; background:url(../images/last_arrow.png);cursor:pointer;margin:0 2px;}

.modalpopup {position:absolute; left:40%; top:50%; width:350px; height:100px; margin:-120px 0 0 -120px; padding:20px; z-index:20;word-wrap:break-word;}
.layer .closeBtn {margin-top:20px; text-align:center;}
button {background:none; border:1px solid #999; border-radius:2px; font-size:12px; cursor:pointer; color:#0066aa;}
.dimmed {position:absolute; top:0; left:0; width:100%; height:100%; background:#ffffff; z-index:10; opacity:0.3;}