/************************************************************************
********************************* 서브 *********************************/
#sub {width:100%; min-width:1200px; float:left;}

/* 카테고리별 상단 */
#sub .subtop {width:100%;height:354px;position:relative;background-position:top center; background-image:url(images/subtop.jpg);text-align:center;padding-top:160px;}
#sub .subtop > * {text-shadow: 0 0 10px rgba(0,0,0,0.4);}
#sub #sub1 {background-image:url(images/subtop1.jpg);}
#sub #sub2 {background-image:url(images/subtop2.jpg);}
#sub #sub3 {background-image:url(images/subtop3.jpg);}
#sub #sub4 {background-image:url(images/subtop4.jpg);}
#sub #sub5 {background-image:url(images/subtop5.jpg);}

/* 서브메뉴 */
#sub .snb {width:100%; height:70px; line-height:70px; background-color:#f5f5f5;}
#sub .snb ul {float:right;position:relative;left:-50%;}
#sub .snb ul li {float:left;position:relative;left:50%;}
#sub .snb ul li:before {content: "|";left:0;position:absolute;font-weight:100;color:#bbb;}
#sub .snb ul li.first:before {content: "";}
#sub .snb ul li a {display:block;font-size:20px;-webkit-transition:all 0.3s ease-out;transition:all 0.3s ease-out;padding:0 30px;}
#sub .snb ul li a:hover {background-color:rgba(0,0,0,0.1);}
#sub .snb ul li a.on {color:#5bb40a;font-weight:700}


.jbFixed {position: fixed !important; top: 0px !important; z-index:999; margin-top:0 !important; box-shadow: 0 0 10px rgba(0,0,0,0.3);}


/* 서브 내용 */
#sub #content {width:100%; margin:100px 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 .history_area {height:auto;background:url(images/sub1_4.jpg) top center no-repeat;}
#sub #content .history_area .line {width:1px;height:100%;background:url(images/history_bg.gif) bottom center no-repeat #d0d0d0; position:absolute;left:50%; top:15px;}
#sub #content .history_area .hbox {width:100%; display:inline-block; margin-bottom:58px; clear:both; padding-left:47%;position:relative;z-index:1}
#sub #content .history_area .hbox.right {padding-left:0;padding-right:47%;}
#sub #content .history_area .hbox > * {float:left;}
#sub #content .history_area .hbox h3.year {color:#00529b; font-weight:bold; margin-bottom:15px;}
#sub #content .history_area .story {width:88%;}
#sub #content .history_area .circle {width:12%;text-align:center}
#sub #content .history_area .circle span {width:20px;height:20px;border-radius:20px;border:2px #00529b solid;display:inline-block;background-color:#fff; margin-top:10px;display:inline-block;}
#sub #content .history_area ul.bullet li {color:#555}
#sub #content .history_area .right ul.bullet li {margin-bottom:5px;padding-right:16px;}
#sub #content .history_area .right ul.bullet li:before {float:right; margin-left:10px; margin-right:-16px;}





/* 리스트 */
#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}