/************************************************************************
********************************* 서브 *********************************/
#sub {width:100%;background-color:#fff;min-height:800px;float:left;}


/* 서브 상단 */
#sub .subtop {width:100%;height:420px;position:relative;background-position:top center; background-image:url(images/subtop.jpg);text-align:center;padding-top:200px;}
#sub .subtop > * {text-shadow: 0 0 10px rgba(0,0,0,0.4);}


/* 서브메뉴 */
#sub .snb {width:100%; padding:20px 10px; background-color:#f5f5f5;}
#sub .snb ul {display: inline-block;}
#sub .snb ul li {float:left; width: 290px; margin: 5px 10px; border-radius: 6px; overflow: hidden; border: 1px #d0d0d0 solid; line-height: 55px;}
#sub .snb ul li a {display:block; font-size:22px; text-align: center; background-color: #fff;}
#sub .snb ul li a.on {background-color: #59b009; color:#fff; font-weight:700}


/* 서브 내용 */
#sub #content {width:100%; margin:80px auto;     overflow: hidden;}
#sub #content .paragraph {width:100%;display:inline-block; position:relative}
#sub #content .row {width:100%;display:inline-block;position:relative;clear:both}
#sub #content .col {display:flex;}
#sub #content .bg_white {background-color:#fff;}
#sub #content .bg_gray {background-color:#f5f5f5;}
#sub #content hr.part {width:100%;height:1px;background-color:#d0d0d0;border:0;}
#sub #content h3.subject {background:url(images/subject.png) left no-repeat; padding-left:32px;margin-bottom:20px;font-weight:600;}
#sub #content .shadow {box-shadow:5px 7px 10px rgba(40,40,40,0.1);border:1px #e0e0e0 solid;}
#sub #content p.linebox {padding:10px 15px;border:1px #e0e0e0 solid; margin-bottom:5px;}
#sub #content p.bullet {margin-left: 8px;}
#sub #content p.bullet::before {content:"\2022"; padding-right: 0;margin-left: -8px;}


#sub #content .bluebox {width:160px;height:190px;background-image:url(images/bluebox.svg);background-size:contain;background-repeat:no-repeat; color:#fff;text-align:center;padding-top:40px;}
#sub #content .relative {position:relative;}
#sub #content .absolute {position:absolute;}
#sub #content .top0 {top:0;}
#sub #content .left0 {left:0;}

#sub #content table.no_border {width:100%;}
#sub #content table.no_border td {padding:3px 0;vertical-align:top;}



/* 리스트 */
#sub #content ul.bullet li {padding-left:16px;margin-bottom:4px;}
#sub #content ul.bullet li:before {content: "-"; float:left; position:relative; top:4px; margin-right:9px;margin-left:-16px;font-weight:200;}



/* 테이블 */
#sub #content table.basic {border-top:2px #555 solid;border-bottom:1px #d0d0d0 solid;width: 100%; border-collapse: collapse;}
#sub #content table.basic th,#sub #content table.basic td {padding:10px 20px;}
#sub #content table.basic .bg {background-color:#f3f9ed;}
#sub #content table.basic th {border-bottom:1px #d0d0d0 solid;background-color:#f5f5f5;}
#sub #content table.basic td {border-bottom:1px #e0e0e0 solid; border-left: 1px #e0e0e0 solid;}
#sub #content table.basic td.first {border-left: 0;}




/* 탭 */
#sub #content ul.tabs {width:100%; display: flex; }

#sub #content ul.tabs li { line-height: 60px;text-align:center; font-size:20px; -webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out; flex:1; border: 5px #ddd solid; background-color: #ddd;}
#sub #content ul.tabs li a {display:block;}
#sub #content ul.tabs li:hover,#sub #content ul.tabs li.active {color:#5bb40a; border: 5px #5bb40a solid; line-height: 60px; background-color: #fff; font-weight:  600;}
#sub #content .tab_container {width:100%;display:inline-block; }
#sub #content .tab_content {width:100%;min-height:280px;display:inline-block;}



/* 게시판 */
#sub #content .board_box {width:100%;display:inline-block;font-size:18px;line-height:1.7;min-height:500px}
#sub #content .board_box font {font-family:inherit !important;font-size:inherit !important;}