@charset "utf-8";
@import "common.css";
.body_bg{position:relative; }
.header{width:100%;	height:180px; background:url('/images/header_bg.jpg') repeat-x; 	position:fixed;	top:0; z-index:999;}

.header_wrap{ width:1000px; margin:0 auto; }
.lnb_wrap{clear:both; width:1000px; margin:0 auto; }
h1{float:left;}
.gnb{width:1000px; margin:0 auto;}
.gnb ul{float:right;}
.gnb li{list-style-type:none; float:left; height:31px; line-height:31px; margin-left:20px;}
.gnb li a{font-family:'NanumGothic'; font-size:12px; color:#000;}

.lnb{position:relative;   z-index:999;clear:both; }
.lnb>li{float:left; list-style-type:none; text-align:center; margin-top:25px;}
.lnb li a{font-size:18px; color:#fff; font-family:'NotoLight'; letter-spacing:-0.5px; padding:11px 37px 13px 37px; display:block}
.lnb>li:hover a{color:#ffff00; background-color:#202020;}
.lnb li:hover .sub{opacity: 0.95; visibility: visible; }
.lnb .sub{position:absolute; top:71px;
   opacity: 0;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   visibility: hidden;
}
.lnb .sub li{list-style-type:none;  border-bottom:1px solid #5d5d5d; text-align:left;}
.lnb .sub li a{font-size:14px; font-weight:bold; color:#fff; font-weight:bold; display:block; padding:10px 0px 7px 15px;}
.lnb .sub li a:hover{color:#ffff00;}
#sub1{left:0px; width:200px;}
#sub1{left:0px; width:200px;}
#sub2{left:138px; width:200px;}
#sub3{left:276px; width:200px;}
#sub4{left:453px; width:200px;}
#sub5{left:575px; width:200px;}
#sub6{left:697px; width:200px;}
#sub7{right:-21px; width:200px;}


.main_img{  z-index:-999; margin-top:173px; text-align:center;}
.main_img img{width:100%;}

.swiper-container {width: 100%; margin:auto;}
.swiper-container img {width: 100%;}


.top_img{text-align:center; background:url('/images/main_bg_01.jpg') repeat-y center top #222;}
.top_img2{background:url('/images/main_bg_02.jpg') repeat-y  center top #fff; padding:52px 0; overflow:hidden;}


.main_container{ background:url('/images/main_bg_03.jpg') no-repeat center top #111;  overflow:hidden; padding:50px 0;}


.year_title{text-align:center; color:#fff;  font-size:36px; font-family:'NotoRegular'; margin-bottom:50px;}
.year_plan{overflow:hidden; width:1000px; margin:0 auto;}
.year_plan ul li{list-style:none; color:#fff; padding:15px 10px; border:1px solid #fff; width:301px; float:left; font-family:'NotoRegular'; margin:0 10px 10px 0; background-color:#deeefa; opacity:0.9; color:#000;position:relative;}
.year_plan ul li span{display:block; font-family:'DinR'; color:#333; letter-spacing:-0.5px; font-size:12px;}
.year_plan ul li .d1{position:absolute; top:25px; right:10px; font-family:'NotoRegular'; color:#1163a1;  text-align:right; font-size:12px;}
.year_plan ul li .d2{position:absolute; top:22px; right:10px; font-family:'NotoRegular'; color:#1163a1;  text-align:right; font-size:12px; line-height:16px;}
.year_plan ul li .d3{position:absolute; top:16px; right:10px; font-family:'NotoRegular'; color:#1163a1;  text-align:right; font-size:12px; line-height:16px;}
.year_plan ul li .d4{position:absolute; top:8px; right:10px; font-family:'NotoRegular'; color:#1163a1;  text-align:right; font-size:12px; line-height:15px;}
.year_plan a li:hover{background-color:#1163a1; color:#fff; border:1px solid #1163a1;}
.year_plan a li:hover span{color:#fff;}
.year_plan a li:hover p{color:#fff;}
.year_plan ul li:nth-child(3) {margin-right:0px !important;}


.fam_site{width:150px; border:none; border:1px solid #ddd; padding:2px 10px; font-size:12px; font-family:'NanumGothic'; letter-spacing:0.5px; margin-bottom:5px;}

.main_board{width:1000px; margin:0 auto; overflow:hidden;}
.container{width:1300px; margin:0 auto; overflow:hidden; padding-top:172px; display: flex;}
.main_board{overflow:hidden;}
.notice{ width:490px; float:left; position:relative;background-color:#fff; padding-bottom:20px; box-shadow: 0px 0px 20px 0 rgba(0,0,0,0.3);}
.notice ul li{list-style:none; padding-left:30px; overflow:hidden; margin-bottom:10px;}
.notice ul li a:before{content:"-"; display:inline-block; margin-right:5px;}
.notice ul li .subject{float:left; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:350px; color:#000; }
.notice ul li .subject a{color:#000;}
.notice ul li .date{float:right; padding-right:20px; color:#7a7a7a; font-size:12px;}

.main_con{ width:490px; float:right; position:relative;background-color:#fff; padding-bottom:20px; box-shadow: 0px 0px 0px 0 rgba(0,0,0,0.3);}
.main_con ul li{list-style:none; padding-left:30px; overflow:hidden; margin-bottom:10px;}
.main_con ul li a:before{content:"-"; display:inline-block; margin-right:5px;}
.main_con ul li .subject{float:left; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; width:350px; color:#000; }
.main_con ul li .subject a{color:#000;}
.main_con ul li .date{float:right; padding-right:20px; color:#7a7a7a; font-size:12px;}

.main_bn{overflow:hidden; margin:20px auto; width:1000px;}
.con_banner{float:left; margin-right:10px;}
.mem_join{float:left;}
.main_journal{float:right;}

.contents{width:1000px; margin:0 auto;}
.cont{padding:30px 0;}
.menu{ float:left; width:220px; border-left:1px solid #cbcbcb; border-right:1px solid #cbcbcb; margin-right:10px;}
.menu p{text-align:center; font-size:24px; color:#fff; padding:40px 0 30px 0; background:url('/images/left_top.jpg') no-repeat center top #0474e0; font-weight:bold;}
.menu p span{display:block; font-size:12px; font-family:'Calibri'; ; color:#fff; padding-top:7px;}
.menu li{list-style-type:none; padding:15px 0 15px 20px; border-bottom:1px solid #ddd;color:#000; font-size:14px;  background-color:#fff}
.menu ul li:hover{color:#213493; font-weight:bold;}
.menu ul li.over{ background:url('/images/left_icon.jpg') #f5f5f5 no-repeat 186px 18px; color:#213493; font-weight:bold; font-size:14px;}
.menu ul li.over:hover{}
.title{border-bottom:1px solid #ddd; padding:36px 0 36px 0; overflow:hidden;}
.title_text{float:left;font-size:30px; color:#333; padding-left:0px; font-family:'NotoRegular'}
.navi{float:right; padding-right:10px; font-size:11px;}
.navi img{margin:7px 5px 0 0;}

.banner{width:1200px; margin:0 auto; list-style:none; margin-bottom:20px;display:flex; justify-content:flex-start;  flex-wrap:wrap; }
.banner li{float:left; margin-right:5px; border:1px solid #ddd; margin-bottom:5px;}
.banner li.width{width:230px; text-align:center;}

.banner2{width:1200px; margin:0 auto; display:flex; justify-content:flex-start; flex-wrap:wrap; }
.banner2 li{list-style:none;}


.footer_bg{background-color:#808182; width:100%; padding:20px 0;}
.footer{width:1000px; margin:0 auto;}
.footer address, .footer address a{font-style:normal; color:#fff; font-size:12px;}
.footer address span{color:#ffff00;}
.footer p{width:150px;  background-color:#e6e6e6; text-align:center; font-size:12px; margin-bottom:7px;}

.gallery{width:1000px; margin:30px auto 60px auto;}
.gallery p{width:130px; float:left;  font-family: 'MyriadC'; font-size:28px; border-top:3px solid #000; padding:60px 0; border-bottom:1px solid #666; text-align:center; height:60px;}
.gallery p strong{ font-family: 'MyriadBC';}
.gallery ul{width:870px; float:right;}
.gallery ul li{width:280px; list-style:none; float:left; margin-left:10px;}
.gallery ul li a span{ font-family:'NotoLight';}
.gallery ul li img{width:280px; height:157px; margin-bottom:8px;}
.gallery ul li span{width:270px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display:block; text-align:center;}
.photo_more{font-size:11px; display:block; border:1px solid #ddd; margin-top:20px;}

.txt{ text-align: justify;  word-wrap: break-word; word-break: keep-all;  }

/*공통 블릿기호*/
.guide_01{ font-size:18px; font-weight:bold; padding:2px 0 3px 19px; margin-bottom:15px; position:relative;}
.guide_01:before { position:absolute; content:''; width:12px; height:12px; border-radius:12px; top:9px; left:0; background:#1f1caa;}
.guide_02{ font-weight:bold; padding-left:33px; margin-bottom:7px;font-size:15px; position:relative;}
.guide_02:before {position:absolute; content:''; width:8px; height:8px; top:9px; left:18px; background:#1d3372;}
.guide_03{font-weight:bold; padding-left:33px; margin-bottom:7px;font-size:15px; position:relative;}
.guide_03 li{ list-style: none;}
.guide_03 li:before {  font-family: 'FontAwesome'; content: '\f105';  z-index: 10;  padding-right:8px; }


.guide_05{ font-size:18px; font-weight:bold; padding:2px 0 3px 5px; margin-bottom:10px;}
.guide_06{ font-size:16px; font-weight:bold; padding:2px 0 3px 15px; margin-bottom:5px;}

.guide_07{ padding-left:50px; margin-bottom:7px;font-size:15px; }
.guide_07 li{ }
.guide_08{ padding-left:20px; margin-bottom:7px;font-size:15px; }
.guide_08 li{ }


/*공통 버튼*/
.basic_btn{display:flex; justify-content:center; flex-wrap:wrap; }
.basic_btn li{ list-style:none; width: calc(100%/3);
 border-radius:10px; text-align:center; padding: 15px; margin: 20px 10px;}
.basic_btn li a{ color:#fff; display:block; font-weight: bold;}
.basic_btn li:hover a span{color:#FF0;}
.basic_btn li a span{ border-radius: 50px; padding: 10px;}
        
.basic_btn li:nth-child(1) { background:#2965a1;} 
.basic_btn li:nth-child(2) { background:#29a19d;}
.basic_btn li:nth-child(3) { background:#8129a1;}
.basic_btn li:nth-child(4) { background:#df5a5a;}

.basic_btn li:nth-child(1) span{ background:#14375a;} 
.basic_btn li:nth-child(2) span{ background:#125a58;}
.basic_btn li:nth-child(3) span{ background:#58196f;}
.basic_btn li:nth-child(4) span{ background:#893030;}

.s_btn{ }
.s_btn a{ padding: 10px 20px; color:#fff; background:#14375a;} 



/*공통 테이블*/
.basic_tbl{border-collapse:collapse;}
.basic_tbl thead th, .basic_tbl thead td, .basic_tbl tbody th, .basic_tbl tbody td { border: 1px solid #ddd; padding: 10px;}
.basic_tbl thead th{background-color:#064a96; color:#fff;}
.basic_tbl tbody th{background-color:#f0f0f0; color:#000;}