@charset "utf-8";

#wrapArticle {position: relative; z-index: 2; /*background-color:red;*/}
#wrapArticle .mainWrap{position:relative; background: url('../mycodyimages/m_visual.png') left top no-repeat; background-size: 100% auto;  border-bottom:2px solid #ed0005;}
#wrapArticle .visualWrap{position:relative;}
#wrapArticle .visualWrap p{text-align:center; }
#wrapArticle .visualWrap p img{width: 70%;margin: 12% 0 ;}
/*
#wrapArticle .visualWrap .slogan{width: 70%;padding: 12% 0 ; text-align:center; color:#fff; margin: 0 auto; font-size:1.2em; line-height:1;}
#wrapArticle .visualWrap .slogan .slogan_b{font-size:2em; line-height:1.5; font-weight:bold;}
*/
#wrapArticle .selectMenu{position:relative; display: block;width: 100%;overflow: hidden;}
#wrapArticle .selectMenu ul{ text-align:center;min-width: 320px; width: 320px; margin: 0 auto;}
#wrapArticle .selectMenu li{ display: inline-block; margin-right:10px; min-height:110px; vertical-align: top;}
#wrapArticle .selectMenu li:last-child{margin-right:0;}
#wrapArticle .selectMenu li span{position:relative; top:70px;}
#wrapArticle .selectMenu li span.line1{top:75px;}
#wrapArticle .selectMenu li a{display: block; min-width:66px;  min-height:66px; color:#fff; font-weight:bold; }
#wrapArticle .selectMenu li a.icon01{background: url('../mycodyimages/m_icon01.png') left top no-repeat; background-size: 66px auto;}
#wrapArticle .selectMenu li a.icon02{background: url('../mycodyimages/m_icon02.png') left top no-repeat; background-size: 66px auto;}
#wrapArticle .selectMenu li a.icon03{background: url('../mycodyimages/m_icon03.png') left top no-repeat; background-size: 66px auto;}
#wrapArticle .selectMenu li a.icon04{background: url('../mycodyimages/m_icon04.png') left top no-repeat; background-size: 66px auto;}

/* 탭게시판 */
.tab_list{height:120px; z-index:1000; border-top:1px solid #a60039 }
.tab_list ul{position:relative ;top: 10px; margin:0;padding:0;list-style:none;border-bottom:1px solid #ccc;font-family:Tahoma, Sans-serif;font-size:12px;*zoom:1}
.tab_list ul:after{content:"";display:block;clear:both}
.tab_list li{float:left;margin-bottom:-1px; background-color: #fff;}
.tab_list li a{position:relative;float:left;  text-align:center; text-decoration:none; background:url('images/main_tap_m01_off.gif') no-repeat; color:#666; z-index:1000; }
.tab_list li a span{display:inline-block; width:63px; padding:6px 15px 6px 15px; letter-spacing:-1px;cursor:pointer; font-size:14px; }
.tab_list li ul{width:100%;position:absolute;top:40px;left:0;list-style:none;border:0;margin:0;padding:0;*zoom:1}
.tab_list li ul:after{content:"";display:block;clear:both}
.tab_list li li{float:none;position:relative;margin:0 ; padding: 8px 0; text-align:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; border-bottom: 1px solid #d8d8d8;}
.tab_list li li a{float:none;padding:0;margin:0;border:0 !important;color:#666 !important;font-weight:normal; background:none !important; letter-spacing:normal}
.tab_list li li a:hover,
.tab_list li li a:active,
.tab_list li li a:focus{color:#000 !important;}
.tab_list li li time,
.tab_list li.active a{ margin-top:-1px; background:url('images/main_tap_m01_on.gif') no-repeat; color:#333; border-top:1px solid #d8d8d8 ; border-right:1px solid #d8d8d8 ; border-left:1px solid #d8d8d8 ;}
.tab_list li.active a span{padding-top:7px;font-weight:bold}

.tab_list li li a{margin-left: 20px;}

/*서브*/
#wrapArticle.sub{margin-bottom:50px;}
#wrapArticle .subWrap{position:relative; background:none; border-bottom:0;}
#wrapArticle .subWrap .navi{overflow: hidden; width: 100%; padding:10px 0; text-align:right; background-color:#666666;}
#wrapArticle .subWrap .navi li{display: inline-block; color:#fff; padding:0 10px 0 5px;background: url('../mycodyimages/icon_navi.png') right 3px no-repeat;}
#wrapArticle .subWrap .navi li:last-child{background:none; font-weight:bold;}

#wrapArticle .subWrap h2{text-align:center; border-bottom:1px solid #dadada; font-size:28px; color:#333333; padding:15px 0; margin-bottom:20px; background: url('../mycodyimages/s_con_bg.png') left top no-repeat; background-size:100% auto}
#wrapArticle .subWrap .sub_con{margin:0 10px 20px 10px; min-height: 300px;}
#wrapArticle .subWrap .sub_con h3{padding-top:5px; margin-bottom:10px; font-size:15px; color:#01509b; background: url('../mycodyimages/icon_h3.png') left top no-repeat; }
#wrapArticle .subWrap .sub_con h4{padding-left:11px; margin-bottom:10px; font-size:13px; color:#555555; background: url('../mycodyimages/icon_h4.png') left 5px no-repeat; }

#wrapArticle .subWrap .sub_con .depth1{margin-left:10px; margin-bottom:25px;}
#wrapArticle .subWrap .sub_con .ul li{padding-left:10px; background: url('../mycodyimages/li.png') left 8px no-repeat;}
#wrapArticle .subWrap .sub_con .ol li{margin-left: 20px; list-style:decimal}
#wrapArticle .subWrap .sub_con .depth1 .p{margin-bottom:8px;}
/* #wrapArticle .subWrap .sub_con p img{width: 100%;} */

.p, .ul, .ol{line-height:1.7; margin-bottom:15px;}

.p a { color:#444; }
.p a:hover { text-decoration: underline; color:#e98901; }

.s_tab{width:100%; height:41px; margin-bottom: 30px; border-bottom:1px solid #cfcfcf; }
.s_tab li{float:left; height:40px; border:1px solid #cfcfcf; margin-left:-1px; background-color:#f6f6f6;}
.s_tab li.first{margin-left:0}
.s_tab li a{display:block; padding:12px 50px; font-weight:600; font-size:15px;}
.s_tab li.on{height: 38px; border-top:3px solid #13569a; background-color:#fff; border-bottom: 0; border-bottom:1px solid #FFF;}
.s_tab li.on a{color:#13569a;}

.tpoint1 {color:#eb6872;}/*붉은*/
.tpoint2 {color:#ff8400;}/*주황*/
.tpoint3 {color:#65ad1f;}/*녹색*/
.tpoint4 {color:#009da5;}/*민트*/
.tpoint5 {color:#046dcf;}/*파랑*/
.tpoint6 {color:#9855c3;}/*보라*/
.tbu {font-weight:bold; text-decoration:underline;}

.mT10 {margin-top:10px;}
.mT20 {margin-top:20px;}
.mT30 {margin-top:30px;}
.mT40 {margin-top:40px;}
.mT50 {margin-top:50px;}

.pL10 {padding-left:10px;}
.pL15 {padding-left:15px;}
.pL20 {padding-left:20px;}
.pL25 {padding-left:25px;}

/*게시판*/
.board-list {position:relative; border-top:2px solid #666666; }
.board-list table {width:100%; }
.board-list tbody {width:100%; }
.board-list tbody tr:nth-child(2n){background-color:#f2f2f2; border-bottom: 1px solid #e3e3e3;}
.board-list tbody td {position:relative; border-bottom:1px solid #dadada; text-align:center; height:60px; color:#666;  }
.board-list tbody td p {position:absolute;top:20px; width:90%; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; margin-left: 5px;}
.board-list tbody td a {color:#555555; font-weight:bold; font-size:14px; }
.board-list tbody td.title {text-align:left; }
.board-list .icon-reply {margin-right:10px; }

.page-navigation {text-align:center; padding:20px 0; }
.page-navigation a, .page-navigation strong  {display:inline-block; vertical-align:middle; padding:0 5px;  }
.page-navigation a { color:#666; font-weight: 100;}
.page-navigation a.btn {border:none; padding:0; }
.page-navigation a.btn.prev {margin-right:10px; }
.page-navigation a.btn.next {margin-left:10px; }
.page-navigation strong {color:#01509b; font-weight:800;}
.page-navigation * {vertical-align:middle; }

.board-view {border-top:2px solid #666666;}
.board-view .view-header {padding:17px 0; font-weight:bold; position:relative; text-align: center; font-size:14px;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.board-view .view-head{height: 25px;background-color:#f2f2f2; border-bottom:1px solid #dadada; padding-top:10px ;}
.board-view .view-head ul{overflow: hidden; float:right}
.board-view .view-head li{float:left;margin-right:5px; padding-right:5px; background:url('../mycodyimages/boardview_bar01.gif') right 4px no-repeat; }
.board-view .view-head li:last-child{background:none;}

.board-view .view-con-wrap {padding:25px 10px; color:#666; line-height:20px; border-bottom:1px solid #dadada;  }

.view-btn-area {margin-top:10px;position: relative;text-align: right;}
.btn-gray {height: 25px;border: 1px solid #666666; border-radius: 4px;background: #666666;text-align: center;line-height: 25px;color: #fff !important;padding: 0 10px;display: inline-block;font-weight: bold;}


.mainThum{width:100%; text-align:center; overflow:hidden;}
.mainThum li a{margin:0 !important}
.mainThum li{width:25% !important; display:inline-block; margin:0 10px !important; padding:0; border-bottom:none !important;}
.mainThum li p{margin:5px 0;}
.mainThum li img{width:100% !important; }