@charset "utf-8";
@import url("default.css");
@import url("layout.css");
@import url("common.css");
@import url("board.css");

/* 알림 common */
/* .게시판 */
.boardStyle_1 th {background:#ad9053; border-color:#957a45; color:#272727;}
.paging li strong {color:#737373;}
/* anchor */
a:hover { text-decoration:underline; color:#737373; }/* 마우스 올여 놓았을때 색상 */
/* .titContents */
.titContents {background:url("../images/sub03/bg_tit.gif") left bottom no-repeat;}
.titContents h2 {color:#7B653C;}
/* 탭 (기본틀) */
.tabDepth1 {background:url("../images/sub03/bg_tab_b.gif") 0 bottom repeat-x; font-family: "굴림", gulim;}
.tabDepth1 li {float:left; height:22px; margin-right:4px; text-align:center; font-weight:bold; color:#999; padding-top:9px;}
.tabDepth1 li a {color:#737373;}
.tabDepth1 li a:hover {text-decoration:none;}
.tabDepth1 li.active {color:#9d834c;}
.tabDepth1 li.active a {color:#9d834c;}

/* notice 공지사항 */
.notice .tabDepth1 li {width:110px; background:url("../images/sub03/bg_tab_notice.gif") no-repeat;}
.notice .tabDepth1 li.active {background:url("../images/sub03/bg_tab_notice_active.gif") no-repeat;}
.notice .tabDepth1 {margin-bottom:23px;}

/* .calendar 월별주요일정 */
.calendar .titTxtBox {width:710px; height:132px; border:solid 1px #eaeaea; background:#f8f8f8 url("../images/sub03/bg_calendar_tit.gif") 164px 22px no-repeat; }
.calendar .titTxtBox h3 {float:left; font-size:1.333em; font-weight:bold; color:#aa8c53; padding:52px 0 0 30px;}
.calendar .titTxtBox .right {float:right; width:520px; padding-top:15px; height:117px; overflow:auto; color:#333;}
.calendar .titTxtBox .right h4 {font-weight:bold; float:left; padding-right:18px;}
.calendar .titTxtBox .right ul li ul {float:left;}
.calendar .titTxtBox .right ul li.clearFix {padding-bottom:5px;}
.calendar .titTxtBox .right ul li .time {padding-right:8px;}
.calendar .calendarTit {height:31px; padding-top:7px; background:url("../images/sub03/bg_cal_tit.gif") repeat-x; border:solid 1px #d5d5d5; border-bottom:none; margin-top:9px;}
.calendar .calendarTit ul {margin:0 auto; width:175px; }
.calendar .calendarTit li {float:left;}
.calendar .calendarTit li.ac {font-size:20px; font-family:"Arial"; font-weight:bold; margin:-2px 23px 0 23px;}
/* 달력css */
.calendar .calendarArea th {color:#fff; background:#c2a573; height:29px; font-weight:bold; border-right:solid 1px #d5d5d5;}
.calendar .calendarArea th.sun {background:#c15a5c; border-left:solid 1px #c15a5c;}
.calendar .calendarArea th.sat {background:#7d7d7d; border-right:solid 1px #7d7d7d;}
.calendar .calendarArea td {color:#333; height:84px; background:#fafafa; border-bottom:solid 1px #d5d5d5; border-right:solid 1px #d5d5d5; text-align:right; vertical-align:top; padding:4px 8px 0 6px;}
.calendar .calendarArea td.inActive {color:#999;}
.calendar .calendarArea td.active {font-weight:bold; background:#efefef;}
.calendar .calendarArea td.first {border-left:solid 1px #d5d5d5;}
.calendar .calendarArea td div {text-align:left; font-size:0.92em;}
.calendar .calendarArea td div.num {color:#c4600d;}
/* .calLayerPop 레이어팝업 */
.calLayerPop {width:550px; height:400px; background:#fff; position:fixed; left:50%; top:50%; margin:-200px 0 0 -275px; z-index:9999; display:none;}
.calLayerPop {_position:absolute;}
.calLayerPop .innerWrap {width:509px; margin:0 auto; padding-top:22px;}
.calLayerPop .innerWrap h3 {height:30px; color:#fff; font-size:1.333em; font-weight:bold; padding:6px 0 0 30px; background:url("../images/popup/bg_cal_tit.gif") 0 0 no-repeat;}
.calLayerPop .innerWrap table {margin:9px 0 20px 0; border-color:#ebebeb; border-top:solid 1px #aa8c53; border-bottom:solid 1px #aa8c53;}
.calLayerPop .innerWrap table th {border-color:#ebebeb; background:#f9f9f9; text-align:left; padding:8px 0 8px 17px; font-weight:bold;}
.calLayerPop .innerWrap table td {border-color:#ebebeb; padding:8px 10px 8px 17px;}
.calLayerPop .innerWrap table td.con {height:160px; vertical-align:top;}
.calLayerPop .innerWrap .btnArea {text-align:center;}
#mask {position:absolute; left:0; top:0; z-index:9000; background-color:#000; display:none; z-index:9000;}

/* .didim 사보디딤돌 */
.didim .titTxtBox {height:110px; border:solid 1px #eaeaea; background:#f8f8f8; margin-bottom:20px;}
.didim .titTxtBox dl {float:left; padding:18px 0 0 22px;}
.didim .titTxtBox dt {font-weight:bold; padding-bottom:5px;}
.didim .titTxtBox dl span {display:block; padding-left:12px;}
.didim .titTxtBox ul {float:right; width:262px; padding-top:28px;}
.didim .titTxtBox ul li {padding-bottom:6px; margin-left:20px;}

/* .bro 브로슈어다 운로드 */
.bro .broBox {height:550px; background:#f8f8f8; border:solid 1px #eaeaea;}
.bro .broBox .left {float:left; padding:40px 0 0 96px; width:145px;}
.bro .broBox .left ul li {float:left; padding-top:5px;}
.bro .broBox .right {float:right; width:436px; padding-top:38px;}
.bro .broBox .right h4 {font-weight:bold; padding-bottom:8px;}
.bro .broBox .right ul {padding:8px 0; width:290px; border:solid 1px #dfdfdf; border-right:none; border-left:none; line-height:1.7;}

/* .app 사보디딤돌 구독 신청 */
.app {margin-top:50px;}
.app h3 {font-weight:bold; color:#333; margin-bottom:15px;}
.app .formStyle_1 {border:solid 1px #aa8c53; border-left:solid 1px #ebebeb; border-right:solid 1px #fff;}
.app .formStyle_1 th {background:#f9f9f9; border-color:#ebebeb;  padding:10px 0 10px 20px; font-weight:bold; color:#4c4c4c; text-align:left; }
.app .formStyle_1 td { border-color:#ebebeb; padding:8px 0 8px 10px;}
.app .formStyle_1 td input.text {border:solid 1px #ccc; height:16px; padding-top:4px; padding-left:3px;}
.app .formStyle_1 td input.textStyle_1 {width:71px;}
.app .formStyle_1 td input.textStyle_2 {width:139px;}
.app .formStyle_1 td input.textStyle_3 {width:180px;}
.app .formStyle_1 td input.textStyle_4 {width:250px;}
.app .formStyle_1 td select {border:solid 1px #ccc; width:70px; height:22px; padding:2px 0;}
.app .formStyle_1 td select.eMailSelect {width:140px;}
.app .formStyle_1 td li.pdb {padding-bottom:9px;}
.app .formStyle_1 td span.jumCheck {padding-left:30px;}
.app .btnArea_1 {text-align:right; margin:15px 0 50px 0}
.app .textArea {height:200px; background:#f8f8f8; border:solid 1px #eaeaea; margin-top:8px; overflow:auto;}
.app .textArea h4 {margin-top:10px; color:#333; font-weight:bold;}
.app .bottomAppArea {margin-top:20px;}
.app .bottomAppArea .consent {float:left; color:#333; padding-left:20px; padding-top:4px;}
.app .bottomAppArea .consent .first {padding-right:17px;}
.app .bottomAppArea .btnArea {float:right;}


.app .tabDepth1 li {width:110px; background:url("../images/sub03/bg_tab_notice.gif") no-repeat;}
.app .tabDepth1 li.active {background:url("../images/sub03/bg_tab_notice_active.gif") no-repeat;}
.app .tabDepth1 {margin-bottom:23px;}


/* 팝업관련 설정  */

#pop_area {width:100%;}
.pop_title {background:url("/img/pop_title_icon.gif") no-repeat 5px 13px #aa8c53; padding-top:13px; padding-bottom:12px; color:#ffffff; font-weight:bold; padding-left:25px; font-size:14px;}
.pop_content {margin:20px 0 15px 0; width:100%;}
.org_find {margin:0 auto; text-align:center;}
.org_find02 {margin:0 auto; text-align:left;}
.pop_sh_box div {display:inline;}
.pop_sh_box .pw {padding-bottom:10px; clear:both; overflow:hidden; width:280px; margin:0 auto;}
.pop_sh_box .pw dt {width:160px; float:left; margin-top:5px; text-align:left;}
.pop_sh_box .pw dd {float:left;}


.id_txt {font-size:14px; margin-bottom:20px; margin-top:20px;}


.pop_text {border:1px solid #E7D9C0; background-color:#FAF8E8; width:100%; margin-top:20px; margin-bottom:20px; position:relative;}
.pop_text .pop_txt_area {padding:10px; line-height:18px;}
.pop_text .b_t_l {position:absolute; top:-1px; left:-1px;}
.pop_text .b_t_r {position:absolute; top:-1px; right:-1px;}
.pop_text .b_b_l {position:absolute; bottom:-1px; left:-1px;}
.pop_text .b_b_r {position:absolute; bottom:-1px; right:-1px;}
.pop_text .pop_sh_box div {display:inline;}
.pop_text .btn {position:absolute; top:20%; right:3%;}

.alt_text_blue {border:1px solid #CBDBE0; background-color:#F2F9FB; width:100%; margin-top:20px; margin-bottom:20px; position:relative;}
.alt_text_blue .pop_txt_area {padding:10px; line-height:18px; text-align:left;}
.alt_text_blue .b_t_l {position:absolute; top:-1px; left:-1px;}
.alt_text_blue .b_t_r {position:absolute; top:-1px; right:-1px;}
.alt_text_blue .b_b_l {position:absolute; bottom:-1px; left:-1px;}
.alt_text_blue .b_b_r {position:absolute; bottom:-1px; right:-1px;}
.alt_text_blue .pop_sh_box div {display:inline;}
.alt_text_blue .btn {position:absolute; top:20%; right:3%;}
.alt_text_blue .alt_icon {background:url("/img/alt_txt_icon.gif") no-repeat; padding-left:20px;}
.alt_text_blue .spk_icon {background:url("/img/spk_txt_icon.gif") no-repeat 0 8px; padding:5px 0 5px 20px;}



.pop_c_btn {width:100%; text-align:center; clear:both; margin-top:20px;}
.or_txt {color:#ED7A53;}


.mid_tab {background:url("/img/mid_tab_bg.gif") repeat-x; border:1px solid #D5D5D5; height:30px; margin-bottom:20px; clear:both;}
.mid_tab li {float:left; border-right:1px solid #D5D5D5; height:30px;}

.mid_tab li a.off:link	  {padding:10px 20px; display:block;}
.mid_tab li a.off:visited {padding:10px 20px; display:block;}
.mid_tab li a.off:active  {padding:10px 20px; display:block;}
.mid_tab li a.off:hover   {padding:10px 20px; display:block; background-color:#ffffff; color:#aa8c53; font-weight:bold; letter-spacing:-1px;}

.mid_tab li a.on:link	 {padding:10px 20px; display:block; background-color:#ffffff; color:#aa8c53; font-weight:bold; letter-spacing:-1px;}
.mid_tab li a.on:visited {padding:10px 20px; display:block; background-color:#ffffff; color:#aa8c53; font-weight:bold; letter-spacing:-1px;}
.mid_tab li a.on:active  {padding:10px 20px; display:block; background-color:#ffffff; color:#aa8c53; font-weight:bold; letter-spacing:-1px;}
.mid_tab li a.on:hover   {padding:10px 20px; display:block; background-color:#ffffff; color:#aa8c53; font-weight:bold; letter-spacing:-1px;}

.page_subtitle {background:url("/img/page_subtitle_icon.gif") no-repeat 0 0; padding-left:15px; margin:30px 0 15px 0 ; font-weight:bold; position:relative; clear:both; text-align:left;}
.page_subtitle span {font-weight:normal;}

.write_table04 {border-bottom:1px solid #EDEDED;}
.write_table04 th {border-bottom:1px solid #EDEDED; border-top:1px solid #EDEDED; background-color:#F7F7F7; color:#333333; padding:10px 0 10px 10px; text-align:center;}
.write_table04 td {padding:7px 0 7px 10px; text-align:center;}
.write_table04 td.td_l {text-align:left;}

/* koddi 통계 e-letter */
.photoList {width:712px;}
.photoList ul{width:100%;}
.photoList ul:after{content:"";clear:both;display:block;}
.photoList ul li{float:left;width:230px;height:270px;padding-left:7px;}
.photoList ul li .pic{border:1px solid #bbbbbb;}
.photoList ul li .date{float:left;padding:10px 0 0 0;}
.photoList ul li .down{float:right;padding:5px 0 14px 0;}
.photoList ul li .txt{line-height:18px;margin:3px 0 10px 0;text-align:center;}
.photoList ul li .txt a{color:#333;}