@charset "utf-8";
html {overflow-x:hidden;}

img {
  -webkit-user-drag: none;
  pointer-events: none; /* 이미지 위 우클릭 차단 */
}

/*섹션 큰box*/
#section {width:100%; background-color:#ececec; float:left;}
#section #s_wrap {max-width:1200px; margin:0 auto; padding:18px 0; overflow:hidden;}
#section #s_wrap .box01 {width:25.4%;float:left;background: #fff;margin:0 1.6% 1.6% 1px}
#section #s_wrap .box02 {width:45.8%;float:left;background: #fff;margin:0 1.6% 1.6% 0}
#section #s_wrap .box03 {width:25.4%;float:left;background: #fff;margin:0 0 1.6% 0}
#section #s_wrap .box04 {width:99.8%;float:left;background: #fff;margin:0 0 1.6% 1px}
#section #s_wrap .box05 {width:25.4%;float:left;margin:0 1.6% 1.6% 1px}
#section #s_wrap .box06 {width:25.4%;float:left;margin:0 0 1.6% 0}

#section #s_wrap .box_end {width:305px; height:207px; margin:8px 0 0 0; float:left; box-sizing:border-box;}


/*로그인*/
#section #s_wrap .login {height:320px; box-sizing:border-box; position:relative;}
#section #s_wrap .login dd {clear:both;}
#section #s_wrap .login dt {height:27px; background-color:#3598db; color:#fff; font-size:18px;padding:17px 0 5px 23px;font-weight:bold}
#section #s_wrap .login ul li {float:left;font-size:23px; font-weight:bold; line-height:150%; color:#454545}
#section #s_wrap .login ul li input[type="text"] {width:183px; height:32px; background:#e6e6e6;margin-left:23px;margin-top:29px;border:0;padding-left:6px; color:#454545}
#section #s_wrap .login ul li input[type="password"] {width:183px; height:32px; background:#e6e6e6;margin-left:23px;margin-top:5px;border:0;padding-left:6px; color:#454545}
#section #s_wrap .login ul li input[type="image"] {width:70px; margin-top:29px;}
#section #s_wrap .login .mjoin {float:left; margin:12px 0px 32px; width:100%;font-weight:500;}
#section #s_wrap .login .mjoin p a {color:#454545;background:url('../img/ico01.png') 22px 0 no-repeat;padding:0 0 15px 44px;}
#section #s_wrap .login .btn_main {padding-top:15px;height:89px; background:#f0f6fd}
#section #s_wrap .login .btn_main p{margin-left:22px;margin-top:8%;color:#F00;font-weight:600;font-size:16px;color:#093587;}
#section #s_wrap .login .btn_main .btn_back{background:#2271b6;margin-left:14px;vertical-align:middle;padding:6px 14px;color:#fff;font-size:13px}


/*메인이미지*/
#section #s_wrap .v_image {height:320px;position:relative;}
#section #s_wrap .v_image .pu_title {z-index:3; position:absolute; left:0; bottom:0; margin:0 auto; color:#fff; padding: 0 0 17px 20px }
#section #s_wrap .v_image ul li {float:left;}
#section #s_wrap .v_image .pu_img {width:100%; height:100%; position:absolute; left:0; top:0; z-index:1;}
#section #s_wrap .v_image .pu_img .prev{left:23px;top:126px;z-index:4;position:absolute;}
#section #s_wrap .v_image .pu_img .next{right:23px;top:126px;z-index:4;position:absolute;}



/*이달의 일정*/
#section #s_wrap .schedule {height:320px;box-sizing:border-box;position:relative;background:#ffffff;}
#section #s_wrap .schedule dl dt {height:27px;color:#fff; font-size:17px;padding:17px 0 5px 23px;background:#3598db;font-weight:bold}
#section #s_wrap .schedule dl dt .day {float:right;margin-top:-2px}
#section #s_wrap .schedule dl dt span.le {float:left;padding:2px 10px 0 0}
#section #s_wrap .schedule dl dt span.ri {float:right;padding:2px 20px 0 0}
#section #s_wrap .schedule dl dt span.txt16b {color:#fff; font-size:17px;padding:0 12px 17px 3px;line-height:100%}

#section #s_wrap .schedule .T01 {text-align:center;width:90%; line-height:26px; font-size:13px;margin:10px 12px}
#section #s_wrap .schedule .T01 tr img {padding:10px;}
#section #s_wrap .schedule .T01 th {color:#626262;}
#section #s_wrap .schedule .T01 td a{line-height:26px;color:#444444;}
#section #s_wrap .schedule .T01 td.onday a{color:#fff; font-weight:bold;background:#3598db;display:inline-block; width:19px;line-height:20px}
#section #s_wrap .schedule .T01 td.today a{color:#fff; font-weight:bold;background:#2c3852;display:inline-block; width:19px;line-height:20px}
#section #s_wrap .schedule .scheduleList {padding-top:6px;height:89px;border-top:1px solid #d8d8d8;}
#section #s_wrap .schedule .scheduleList ul {margin:12px 0 5px 24px}
#section #s_wrap .schedule .scheduleList ul li {color:#191919;line-height:200%;font-size:14px;}


/*자주찾는서비스*/
#section #s_wrap .box_quick {height:144px;}
#section #s_wrap .box_quick ul {text-align:center; margin-top:27px;overflow:hidden;padding-left:30px}
#section #s_wrap .box_quick ul li {position:relative; float:left; width:10.9%; text-align:center; font-size:13px; z-index:1;}
#section #s_wrap .box_quick ul li a { display:block; padding-top:70px;background-repeat:no-repeat; background-position:center 2px; }
#section #s_wrap .box_quick ul li.ic01 a { background-image:url('../img/banr_ic01.png'); font-size:13px; }
#section #s_wrap .box_quick ul li.ic02 a { background-image:url('../img/banr_ic02.png'); font-size:13px; }
#section #s_wrap .box_quick ul li.ic03 a { background-image:url('../img/banr_ic03.png'); font-size:13px;}
#section #s_wrap .box_quick ul li.ic04 a { background-image:url('../img/banr_ic04.png'); font-size:13px; }
#section #s_wrap .box_quick ul li.ic05 a { background-image:url('../img/banr_ic05.png'); font-size:13px; }
#section #s_wrap .box_quick ul li.ic06 a { background-image:url('../img/banr_ic06.png'); font-size:13px; }
#section #s_wrap .box_quick ul li.ic07 a { background-image:url('../img/banr_ic07.png'); font-size:13px; }
#section #s_wrap .box_quick ul li.ic08 a { background-image:url('../img/banr_ic08.png'); font-size:13px; }
#section #s_wrap .box_quick ul li.ic09 a { background-image:url('../img/banr_ic09.png'); font-size:13px; }


/*위원장바란다&본부임원방*/
#section #s_wrap .ceo {height:104px; background:url('../img/bg_ceo.png') no-repeat right bottom;}
#section #s_wrap .ceo h2 { padding-top:28px; font-size:14px; color:#fff;text-align:center;font-weight:normal}
#section #s_wrap .ceo p a {display:block; font-size:18px; color:#fff; padding:10px 0;text-align:center;font-weight:bold}
#section #s_wrap .ceo span { display:none;}
#section #s_wrap .imwon {height:104px; background:url('../img/bg_imwon.png') no-repeat right bottom;margin-top:20px}
#section #s_wrap .imwon h2{display:block; font-size:18px; color:#fff; padding-top:24px;text-align:center;font-weight:bold}
#section #s_wrap .imwon p{display:block;width:77px;margin:15px auto 0;}
#section #s_wrap .imwon .btn_enter{border:1px solid #fff; padding:4px 12px;color:#fff;text-align:center;font-size:13px;}
#section #s_wrap .imwon span { display:none;}


/*계좌&설문조사*/
#section #s_wrap .bank {height:104px; background:url('../img/bg_bank.png') no-repeat right bottom;}
#section #s_wrap .bank h2{display:block; font-size:18px; color:#fff; padding-top:30px;text-align:center;font-weight:bold}
#section #s_wrap .bank p a {display:block; font-size:14px; color:#fff; padding:10px 0;text-align:center;font-weight:normal}
#section #s_wrap .bank span { display:none;}
#section #s_wrap .research {height:104px; background:url('../img/bg_research.png') no-repeat right bottom;margin-top:20px}
#section #s_wrap .research h2{padding:30px 15px 10px; font-size:14px; color:#fff;font-weight:normal}
#section #s_wrap .research p a {font-size:18px; color:#fff;padding-left:15px;font-weight:bold}
#section #s_wrap .research  span { display:none;}


/*공지사항*/
#section #s_wrap .box_notice {width:100%;height:42px}
#section #s_wrap .box_notice li {float:left; height:51px; line-height: 51px;}
#section #s_wrap .box_notice #tab01.on {width:calc(25% - 15px);  border-bottom:2px solid #1d4ca4; text-align:center; display:block; border-right:1px solid #e5e5e5;}
#section #s_wrap .box_notice #tab01.on a {font-size:16px; color:#093587; font-weight:bold; }
#section #s_wrap .box_notice #tab01.off {width:calc(25% - 15px);   font-size:16px;color:#595959;  border-bottom:1px solid #e5e5e5; border-right:1px solid #cecece; text-align:center; font-weight:bold;}
#section #s_wrap .box_notice #tab02.on {width:calc(25% - 15px);   background-color:#fff; border-top:2px solid #1d4ca4; border-right:1px solid #e5e5e5; text-align:center; display:block;}
#section #s_wrap .box_notice #tab02.on a {font-size:15px; color:#093587;}
#section #s_wrap .box_notice #tab02.off {width:calc(25% - 15px);   font-size:16px; color:#595959;border-right:1px solid #e5e5e5; border-bottom:1px solid #cecece; text-align:center; font-weight:bold; }
#section #s_wrap .box_notice #tab03.on {width:calc(25% - 15px);   background-color:#fff; border-top:2px solid #1d4ca4; border-right:1px solid #e5e5e5; text-align:center; display:block;}
#section #s_wrap .box_notice #tab03.on a {font-size:16px; color:#093587;}
#section #s_wrap .box_notice #tab03.off {width:calc(25% - 15px);   font-size:16px; color:#595959;border-right:1px solid #e5e5e5; border-bottom:1px solid #cecece; text-align:center; font-weight:bold; }
#section #s_wrap .box_notice #tab04.on {width:calc(25% - 15px);   background-color:#fff; border-top:2px solid #1d4ca4; border-right:1px solid #e5e5e5; text-align:center; display:block;}
#section #s_wrap .box_notice #tab04.on a {font-size:16px; color:#093587;}
#section #s_wrap .box_notice #tab04.off {width:calc(26% - 15px);   font-size:16px; color:#595959;border-right:1px solid #e5e5e5; border-bottom:1px solid #cecece; text-align:center; font-weight:bold; }
#section #s_wrap .box_notice .more {float:right; position: relative;}
#section #s_wrap .ncontent {width:100%;margin:35px auto 15px; }
#section #s_wrap .ncontent #tab01_view {display:block;}
#section #s_wrap .ncontent #tab01_view ul{margin-left:20px}
#section #s_wrap .ncontent #tab01_view li {background:url('../img/board_bl.png') 0 2px no-repeat; padding:0 0 15px 15px; font-size:14px;}
#section #s_wrap .ncontent #tab01_view li span {float:right; font-size:14px; padding-top:3px;padding-right:22px}
#section #s_wrap .ncontent #tab02_view {display:none;}
#section #s_wrap .ncontent #tab02_view li {background:url('../img/board_bl.png') 0 2px no-repeat; padding:0 0 15px 15px; font-size:14px;}
#section #s_wrap .ncontent #tab02_view li span {float:right; font-size:14px; padding-top:3px;}




/* 사진게시판 */
#section #s_wrap .stitle {width:100%;height:42px}
#section #s_wrap .stitle li{height:51px;line-height: 51px;float:left; }
#section #s_wrap .stitle .title{width:calc(23% - 15px);font-size:16px; color:#093587;border-bottom:2px solid #1d4ca4;float:left;height:51px;display:block;padding-left:20px;font-weight:bold;}
#section #s_wrap .stitle .bottomline{width:calc(69.9% - 15px);border-bottom:1px solid #cecece;}
#section #s_wrap .stitle .more{float:right;position: relative;}

#section #s_wrap .mphoto {width:100%;}
#section #s_wrap .mphoto ul {text-align:center;margin-top:40px;padding-left:21px}
#section #s_wrap .mphoto ul li{position:relative; float:left; width:23.9%; text-align:center; font-size:13px; z-index:1;}
#section #s_wrap .mphoto ul li a{display:block;padding-top:8px;font-size:14px;height:44px;text-align:center}



/* 복지 */
#section #s_wrap .bokji {height:209px; box-sizing:border-box; position:relative;}
#section #s_wrap .bokji dd {clear:both;}
#section #s_wrap .bokji dt {height:29px; border-bottom:1px solid #d8d8d8; color:#093587; font-size:16px;padding:17px 0 5px 23px;font-weight:bold}
#section #s_wrap .bokji dl dd span.prev {position:absolute; left:15px; top:116px;}
#section #s_wrap .bokji dl dd span.next {position:absolute; right:15px; top:116px;}
#section #s_wrap .bokji dl dd ul li {padding-bottom:10px}
#section #s_wrap .bokji dl dd ul.banner_box {display:block;width:198px;margin:20px auto;padding:10px 10px}


/* 전자투표 */
#section #s_wrap .vote {height:209px;background:url('../img/bg_vote.png') }
#section #s_wrap .vote ul li { position:relative;padding-top:27px;margin:0 auto;}
#section #s_wrap .vote ul li a{display:block; padding-top:135px;background-repeat:no-repeat;font-size:17px;font-weight:bold }
#section #s_wrap .vote ul li.ic01 a{ background-image:url('../img/img_vote.png');width:135px;margin:0 auto;background-position:center 2px;}



/*배너*/
#section #s_wrap .moumm02 {height:81px;}
#section #s_wrap .moumm02 li {float:left;margin-left:11px;padding:19px 0}



#footer {width:100%; background:#565656; padding:30px 0 35px 0; font-size:13px; float:left; position:relative;}
#footer #f_wrap {max-width:1200px; margin:0 auto;}
#footer #f_wrap .add {padding:1px 0;display:block; float:left; color:#ffffff;}
#footer #f_wrap:after {clear:both; display:block; content:"";}
#footer #f_wrap .fonttext {color:#bbbbbb;}
#footer #f_wrap .total {float:right;border:1px solid #6f6f6f; padding:15px 10px;width:220px;}
#footer #f_wrap .tit p{float:left;color:#f6b0b0;width:40%;padding-left:10px; font-size:15px;vertical-align:middle}
#footer #f_wrap .no{float:right;color:#fff;padding-right:10px; font-size:12px;}