@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,700;0,900;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Brush+Script&display=swap');


* { -webkit-text-size-adjust: none;} /* ¾ÆÀÌÆù ÅØ½ºÆ® ÀÚµ¿È®´ë ¸·±â */
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: none; }
a.link:hover { text-decoration: underline;	 }
.colorBlack { color: #111 !important; }
.colorPink { color: #d41385 !important; }
body { min-width:1300px; }
.mobile { display: none !important; }
.pc { display: block !important; }
.pc_table { display: table !important; }
.mobile_table { display: none !important; }

/*
³ëÅä»ê½º 'Noto Sans KR - 3,4,5,7,9'
³ª´®½ºÄù¾î 'NanumSquare - 3,4,7,8'
Roboto - 1,3,4,5,7
font-family: 'Titillium Web', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'NanumSquare', sans-serif;
*/



/* top */
header { width: 100%; position: relative; }
.top-Bg { width: 100%; border-bottom: 1px solid rgba(255,255,255,0.25); }
.top_wrap { }
.top_wrap .logo { width: 1200px; height: 115px; margin: 0 auto; overflow: hidden; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; box-sizing: border-box; }
.top_wrap .logo .logo_left img { cursor: pointer; }

.global { float: right; overflow: hidden; }
.global li { float: left; font-size: 13px; padding: 0 12px 0 9px; cursor: pointer; margin-left: 5px; background: url("/users/fdprc2021/image/common/global_line.jpg") right center no-repeat; transition:0.2s; letter-spacing: -0.5px; }
.global li:last-child { background: none; padding-right: 0; }
.global li:hover { color: #f36f21; }

/* gnb */
.gnb_wrap { width: 100%; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd;	}
.gnb { width: 1200px; height: 49px; margin: 0 auto; position: relative; border-left: 1px solid #dddddd; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; }
.gnb > li { width: 200px; height: 49px; font-weight: 400; letter-spacing: -0.5px; position: relative; cursor: pointer; color: #fff; box-sizing: border-box; border-right: 1px solid #dddddd; text-align: center;}
.gnb > li a { display: block; height: 49px; color: #111; font-size: 17.5px; font-weight: 400; letter-spacing: -0.5px; line-height: 110%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; transition:0.2s;}
.gnb > li:hover a, .gnb > li.on a { color: #f36f21;  }
.snb_bg { width: 100%; height: 280px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; position: absolute; left: 0; top: 165px; z-index: 99; background: #fff; display: none; }
.snb { width: 100%; height: 260px; border-right: 1px solid #ddd; border-left: 1px solid #ddd; position: absolute; top: 48px; z-index: 999;  display: none; left: -1px; padding: 10px 0;}
.snb > li { font-size: 16px; cursor: pointer; letter-spacing: 0; padding: 7px 0; text-align: center; line-height: 135%;}
.snb > li:hover { color: #275cab; }
.snb > li:last-child { border-bottom: none; }

.gnb_en.gnb > li a { font-size: 16px; padding: 0 10px; box-sizing: border-box;}
.gnb_en.gnb .snb { height: 350px; }
.gnb_en.gnb .snb > li { font-size: 15px; }
.snb_bg_en.snb_bg { height: 388px; }

/* visual */
.visual { width: 100%; height: 650px; position:relative; overflow:hidden;}
.visual .swiper-slide { width: 100%; height: 650px;	}
.swiper-slide.visual_01 { background: url("/users/fdprc2021/image/main/visu_01.jpg") center no-repeat; text-align:center; color:#fff; background-size: cover; }
.swiper-slide.visual_02 { background: url("/users/fdprc2021/image/main/visu_02.jpg") center no-repeat; text-align:center; color:#fff; background-size: cover; }

.visuTxt_wrap { width: 1200px; height: 100%; position: absolute; left: 0; right: 0; top: -35px; z-index: 9; display: flex; flex-direction:column; justify-content: center; align-items: flex-end; margin: 0 auto;  }
.visuTxt_box { width: 100%; display: flex; flex-direction:row; justify-content: space-between; align-items: stretch;  }
.visuTxt { color: #fff; text-shadow: 2px 0 3px rgba(255,255,255,0.35); line-height: 140%; letter-spacing: -0.5px; } 
.visuTxt01 { font-size: 28px; font-weight: 500; color: #111; text-align: left;}
.visuTxt02 { font-size: 50px; font-weight: 600; color: #1c5bae; }
.visuTxt03 { font-size: 15px; font-weight: 500; color: #111; }
.visuLine { display: block; width: 50px; height: 2px; background: #fff; margin: 30px 0; }
.visuTxt04 { font-size: 30px; font-weight: 500; color: #fff;  text-shadow: 0px 0 20px rgba(0,0,0,0.43); letter-spacing: -1px; line-height: 120%; }

.visuTxt_inner_en .visuTxt02 { line-height: 120%; }

/* mNotice_wrap */
.mNotice_wrap { width: 1200px; height: 74px; background: rgba(0,0,0,0.6); position: absolute; bottom: 0; left: 0; right: 0; z-index: 99999; margin: 0 auto; }
.mNotice { width: 1200px; height: 74px; margin: 0 auto; }
.mNotice_title a { width: 160px; height: 100%;  font-size: 21px; color: #fff; float: left; line-height: 74px; background: #275cab;text-align: center; font-weight: 500; letter-spacing: -1px; }
.mNotice_title a:hover { color: #111; }
.mNoticle_contents { width: calc(100% - 160px); height: 100%; line-height: 74px; float: left; color: #fff; background: url("/users/fdprc2021/image/main/mPolygon.png") left center no-repeat; }
.mNotice ul li { overflow: hidden; padding: 0 50px 0 65px; }
.mNotice ul li .subject { width: 665px; float: left; color: #fff; font-size: 17px; font-weight: 500; line-height: 74px; display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;position: relative;}
.mNotice ul li .subject img { margin-right: 3px; margin-top: -5px; }
.mNotice ul li a:hover span { text-decoration: underline;	}
.mNotice ul li .date { width: 100px; float: right; color: #fff; font-size: 17px; font-weight: 500; line-height: 74px; }

/* mContents_wrap */
.mContents_wrap {padding: 70px 0;}
.mContents_inner { width: 1200px; margin: 0 auto; overflow: hidden; }
.mTitle:before { content:''; display: block; width: 43px; height: 1px; background: #111; margin: 0 auto 20px;}
.mTitle { font-size: 30px; font-weight: 500; color: #111; text-align: center;}

.menu_quick { display: flex; flex-direction:row; flex-wrap:wrap; justify-content: space-between; align-items: stretch; margin-top: 50px;  }
.menu_quick li { width: 276px; height: 250px; padding: 35px 30px; margin-bottom: 30px; box-sizing: border-box; cursor: pointer; }
.menu_quick li:nth-child(1) { width: 580px; background: url('/users/fdprc2021/image/main/mQuick_bg.png') left center no-repeat; background-size: cover;	display: flex; flex-direction:row; justify-content: space-between; align-items: stretch;}
.menu_quick li:nth-child(1) .quick_right { width: 50%; }
.menu_quick li:nth-child(1) .quick_right img { margin-top: -35px; margin-right: -30px; }
.menu_quick li:nth-child(2) { background: #7e7e7e;}
.menu_quick li:nth-child(3) { background: #f36b1e;}
.mQuick_txt { color: #fff; font-weight: 300; font-size: 17px; margin-bottom: 35px; letter-spacing: -0.5px; }

.mQuick_title { color: #fff; font-size: 22px; font-weight: 500; margin-bottom: 20px; line-height: 100%;}
.quick_arr { transition:0.3s; }
.mQuick li { position: relative; }
.mQuick li:hover .quick_arr { margin-left: 20px; }
.quick_ico { position: absolute; bottom: 25px; right: 30px; }

.mResearch_wrap {background: url('/users/fdprc2021/image/main/mResearch_bg.png') center no-repeat; background-size: cover; background-attachment: fixed; }
.mResearch_wrap .mTitle { color: #fff; }	
.mResearch_wrap .mTitle:before { background: #fff; }
.mResearch { display: flex; flex-direction:row; justify-content: space-between; align-items: stretch; margin-top: 40px; }
.mResearch li { width: 275px; height: 385px; background: #fff; box-sizing: border-box;  position: relative; transition:0.3s; cursor: pointer;}
.mResearch li:hover { margin-top: -20px; }
.mResearch li:nth-child(2n):hover { margin-top: 40px; }
.mResearch li .mQuick_title { color: #111; line-height: 120%; }
.mResearch li .mQuick_title:after { content:''; display: block; background: #111; width: 26px; height: 1px; margin: 15px 0;}
.mResearch li:nth-child(2n) { margin-top: 60px;  }
.mResearch li + li { margin-left: 33px; }
.mResearch_txt_wrap { padding: 30px 25px 20px; }
.mResearch_txt { letter-spacing: -1.5px; }
.mResearch_img { position: absolute; left: 0; bottom: 0; }

.menu_quick_en .quick_arr { position: absolute; left: 30px; bottom: 30px; }
.mResearch_wrap_en .mResearch li { height: 580px; line-height: 140%; }
.mResearch_wrap_en .mResearch_txt { letter-spacing: -0.5px; font-size: 16px; }

/* mSponsor_wrap */
.mSponsor_wrap { width: 100%; margin: 70px auto 0; border-top: 1px solid #ddd;  }
.mSponsor_list { width: 1200px; height: 95px; margin: 0 auto; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content:center;  }
.mSponsor_list li { cursor: pointer; }
.mSponsor_list li:hover img { opacity: 0.8; }
.mSponsor_list li img { margin: 0 20px; transition:0.3s; }

/* footer */
footer { width: 100%; padding: 35px 0; background: #363636;  }
.footerTxt { width: 1200px; margin: 0 auto; position: relative; letter-spacing: -0.5px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; color: #888; font-size: 14px; }
.top-btn-wrap { position: fixed; left: 50%; margin-left: 536px; bottom:36px; width: 64px; height: 64px; background: url('/users/fdprc2021/image/common/bottom_top.png') center no-repeat; display: flex; flex-wrap: wrap; justify-content:center; align-items: center; z-index: 9999; cursor: pointer; transition: background 0.3s; opacity: 0.5; }
.top-btn-wrap:hover { opacity: 0.7; }
.top-btn { margin-bottom: 5px; }


/**** sVisual ****/
.sVisual { width:100%; height: 280px; background: url('/users/fdprc2021/image/sub/sVisu.jpg') 0 0 no-repeat; background-size:cover; position: relative; }
.sVisutxt_wrap { width: 1200px; height: 100%; display: flex; flex-direction:column; justify-content: center; align-items: flex-end; margin: 0 auto;  }
.sVisutxt_box { width: 100%; display: flex; flex-direction:row; justify-content: space-between; align-items: stretch;  }
.sVisutxt { color: #fff; text-shadow: 2px 0 3px rgba(255,255,255,0.35); line-height: 140%; letter-spacing: -0.5px; } 
.sVisutxt01 { font-size: 24px; font-weight: 500; color: #111; text-align: left;}
.sVisutxt02 { font-size: 43px; font-weight: 600; color: #1c5bae; }
.sVisutxt03 { font-size: 13px; font-weight: 500; color: #111; }
.sVisuLine { display: block; width: 44px; height: 2px; background: #fff; margin: 25px 0; }
.sVisutxt04 { font-size: 26px; font-weight: 500; color: #fff;  text-shadow: 0px 0 20px rgba(0,0,0,0.43); letter-spacing: -1px; line-height: 120%; }

.sVisutxt_inner_en .sVisutxt01 { font-size: 24px; font-weight: 500; color: #111; text-align: left;}
.sVisutxt_inner_en .sVisutxt02 { font-size: 38px; font-weight: 600; color: #1c5bae; line-height: 120%;}
.sVisutxt_inner_en .sVisutxt03 { font-size: 13px; font-weight: 500; color: #111; }
.sVisutxt_inner_en .sVisuLine { display: block; width: 44px; height: 2px; background: #fff; margin: 20px 0; }
.sVisutxt_inner_en .sVisutxt04 { font-size: 20px; font-weight: 500; color: #fff;  text-shadow: 0px 0 20px rgba(0,0,0,0.43); letter-spacing: -1px; line-height: 120%; }

/* sContainer */
.sContainer { width: 1200px; margin: 0px auto; overflow: hidden; }
.lnb_box {width:100%; width: 230px; float: left; margin-top: 45px; }
.lnb_titile { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; line-height: 110%;  height: 135px; background: url("/users/fdprc2021/image/sub/lnb_bg.jpg") 0 0 no-repeat; text-align: center; color: #fff; font-size: 32px; font-weight: 500; letter-spacing: -2px; }
.lnb > li + li { margin-top: -1px; }
.lnb > li > a { width: 100%; height: 50px; color: #666; font-size: 17px; font-weight: 400; position: relative; padding: 0 20px 0 20px; box-sizing: border-box;  border: 1px solid #dfdfdf; transition: background 0.3s; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: center; line-height: 120%; background-position: 200px center;}
.lnb > li:hover > a, .lnb > li.on > a { color: #111111; position: relative; z-index: 1; border: 1px solid #555; background: url('/users/fdprc2021/image/sub/lnb_ov.png') 210px center no-repeat; border-color: #0069b3;}
.lnb > li > ul { margin-top: -1px; border: 1px solid #dfdfdf;}
.lnb > li.on > ul { border: 1px solid #111; position: relative; z-index: 1; } 
.lnb > li > ul > li > a { display: block; width: 100%; line-height: 40px; font-weight: 400; padding-left: 23px; border-bottom: 1px solid #fff; box-sizing: border-box; }
.lnb > li > ul > li.on a, .lnb > li > ul > li > a:hover { color: #111; font-weight: 500;}
.lnb > li.on > ul { display: block; }

.lnb_titile_en.lnb_titile { font-size: 26.5px; padding: 0 10px; box-sizing: border-box;}

.lnb_box .lnb_titile { font-size: 26px; padding: 10px; box-sizing: border-box;}
.en_lnb_box .lnb > li > a { font-size: 15px; }
.en_lnb_box .lnb_en.lnb > li > a { font-size: 13.5px; }


/* sub contents */
.right { width: 915px; min-height:700px; float: right; margin-bottom: 100px;}
.title { margin: 0 auto; text-align:center; display:block; padding: 0 0 20px; border-bottom: 1px solid #e4e4e4; margin-bottom: 50px; }
.title h2 { margin-top: 25px; font-size:32px; color:#111; font-weight:500; letter-spacing:-0.5px; line-height:100%; display:block; text-align:left;}
.title h2 span { float: right; color: #959595; margin-top: 5px; font-size: 15px;font-weight: 300; }
.title .location { text-align: right; margin-top: 45px;}
.title .location > li {height:12px; line-height:12px; font-size: 15px; letter-spacing: -0.5px; padding:0 10px; display: inline-block; color:#888; background:url('/users/fdprc2021/image/sub/locationDot.png') no-repeat left center; box-sizing: border-box;}
.title .location > li:first-child { background:url('/users/fdprc2021/image/common/home.jpg') no-repeat left 0px; }
.title .location > li:last-child { padding-right: 0; }

.sContents { margin: 0 auto; min-height:400px; box-sizing: border-box; position: relative; word-break:keep-all; }
.sContents h4 { font-size: 25px; margin:45px 0 15px; line-height: 33px;font-weight: 500; color: #111; overflow: hidden; padding-left: 30px;  background: url('/users/fdprc2021/image/sub/conTitle.jpg') left 7px no-repeat; }
.sContents h4:nth-child(1) { margin-top: 0; }
.sContents h5 { font-size: 20px; font-weight: 500; color:#0c51a0; margin: 35px 0 10px; text-decoration: underline;}
.sContents h6 { font-size: 17px; font-weight: 500; color:#111; margin: 25px 0 10px; }
.boardTable + .boardTable { margin-top: 30px; }
.boardTable + .table-scroll { margin-top: 30px; }
.txtBox + .imgBox { margin-top: 20px; }
.imgBox + .boardTable { margin-top: 30px; }
.sContents h4 + h5 { margin-top: 0; }
.boardTable + .txtBox { margin-top: 10px; }
.txtBox { overflow: hidden; text-align: justify;}
.line_imgBox { margin-bottom: 45px; }
.lineBox { padding: 50px; border: 2px solid #ccc; } 

.sub_tab { width: 100%; margin: 0 auto 60px; overflow: hidden; padding-top: 1px; box-sizing: border-box; padding-left: 1px;}
.sub_tab li { float: left; line-height: 45px; text-align: center; margin-left: -1px; margin-top: -1px;}
.sub_tab li a { border: 1px solid #a1a1a1; display: block; width: 100%; position: relative; box-sizing: border-box;}
.sub_tab li:last-child { border-right: 0; }
.sub_tab li:hover a { color: #111; border: 1px solid #a1a1a1; z-index: 99;}
.sub_tab li.on a { background: #a1a1a1; color: #fff; }
.sub_tab.s3 li { width: calc(33.33% + 0.7px); }
.sub_tab.s4 li { width: calc(25% + 0.7px); }
.sub_tab.s4 li:nth-child(4n+1) { margin-left: 0; }
.sub_tab.s6 li { width: 16.66%; }
.sub_tab.s6 li a { display: block; width: 100%; height: 100%; }
.sub_tab.awards_tab li:first-child, .sub_tab.awards_tab li:nth-child(3n+1) { margin-left: 0; }

/* greeting */
.greeting_name { text-align: right; margin-top: 45px; }
.greeting_name span { display: block; font-size: 36px; margin-top: 15px; font-weight: 700; color: #111; font-family: 'Nanum Myeongjo', cursive; }

/* area */
.area_list { border-bottom: 1px solid #d4d4d4; padding-bottom: 15px; margin-bottom: 50px; }
.area_list li { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: flex-start; box-sizing: border-box; margin-bottom: 35px;}
.area_img { margin-right: 40px; }
.area_function { overflow: hidden; } 
.area_function li { float: left; width: 48%; }
.area_function li:nth-child(2n) { float: right; }

/* sitemap */
.sitemap {display: flex; flex-direction:row; flex-wrap:wrap; justify-content: space-between; align-items: stretch; }
.sitemap > li {width:288px; margin-bottom: 50px;}
.sitemap > li > dl > dt {width:100%; padding: 20px 0; background:#eee; border-top:3px solid #275cab; text-align:center; font-weight:600; color:#333;}
.sitemap > li > dl > dd > a {width:100%; padding: 10px 30px; border-bottom:1px solid #ddd; background:url('/images/common/dot.jpg') no-repeat 18px center; display:block; box-sizing: border-box;}
.sitemap > li > dl > dd > a:hover {color:#333;}




/*¼Ö·ç¼Ç °Ô½ÃÆÇ ½ºÅ¸ÀÏº¯°æ*/
.tabletexthead {width:100%; padding:10px 0px; display:block; font-size:15px; font-weight:500; background:#f7f7f7; border-top:1px solid #666; border-bottom:1px solid #ddd; color:#333; font-family: 'Noto Sans KR', sans-serif }
.tabletextlist {padding:15px 0px; display:inline; font-size:15px; line-height:38px; color:#666; }
.tabletextlist b {padding:20px 0px; display:inline; font-size:15px; line-height:160%; color:#666; }
.textplain {font-size:15px; color:#666; font-family: 'Noto Sans KR', sans-serif }
.text {padding:7px px; display:inline-block;  font-size:15px; color:#666; font-family: 'Noto Sans KR', sans-serif }
input.textbox {border:1px solid #ccc; padding:0px 3px 0px 0px; background:#fff; width:200px; box-sizing: border-box; height: 30px; vertical-align: middle; font-family: 'Noto Sans KR', sans-serif	} 
input.tabletextlistbox {border:1px solid #ccc; padding:3px 0px 5px 0px;  margin:5px 0px; background:#fff; font-family: 'Noto Sans KR', sans-serif } /* ±Û¾´ÀÌ,¾ÏÈ£,º¸¾ÈÄÚµå,¼öÁ¤ ¹× »èÁ¦ ¿·, ÀÎÇ² */
textarea.tabletextlistbox {border:1px solid #ccc; background:#fff; width: 90% !important;  font-family: 'Noto Sans KR', sans-serif  } /*Ä¿¸àÆ®´Þ±â ÀÎÇ²*/
/**/
textarea.test_textarea_01, 
textarea.test_textarea_02,
textarea.test_textarea_03 {border:1px solid #ccc; background:#fff; height:200px; padding:20px; margin-bottom:15px;}
textarea.textbox {border:1px solid #ccc; background:#fff; width:100%;}
select.selectbox {border:1px solid #ccc; height:34px; background:#fff;} 
.boardWriteBtn img { margin-bottom: 5px; } /*±Û¾²±â ¹öÆ°*/


/*°¡À± ÁöÁ¤*/
.sContents > table { width: 100%; margin: auto;}
.sContents > table a { display: inline; width: auto; height: auto; }
.sContents > table a:hover { text-decoration: underline; color: #111; }
.tabletextlist { font-size: 15px; }

.textplain .tit { color: blue; font-size: 25px; display: none;	} 
.textplain img { max-width: 100%; height: auto;  } 
.textplain div {  font-size: 15px; } 
.sContents > table > tbody > tr:nth-child(2) > td:nth-child(1) > table > tbody >  tr:nth-child(2) > td { padding: 10px 0 15px; } /*±Û¾²±â ¾ÆÀÌÄÜ*/
.sContents > table > tbody > tr:nth-child(4) > td:nth-child(1) > div > table > tbody > tr > td > table > tbody > tr > td:nth-child(1)  { width: 15% ; font-size: 14px; font-weight: 400;padding: 0 5px; vertical-align: middle; text-align: center;	} /* ´ñ±Û ±Û¾´ÀÌ, ¾ÏÈ£, Ä¿¸ÇÆ®´Þ±â, º¸¾ÈÄÚµå ±Û¾¾*/
.board_readTitle_th { width: 15%; } 
.board_readTitle_td { width: 35%;  } 

/* °Ô½ÃÆÇ ¸»ÁÙÀÓ */
.board_table_basic { table-layout:fixed }
.board_table_basic tr td.board_table_subject { overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/*°¡À± ÁöÁ¤*/
.wht td {font-size:14px !important; border-right:1px solid #d3d3d3; border-left:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; height: 50px; height: 45px ; box-sizing: border-box;  	 }
.wht td:nth-child(1) { width: 10%; }
.wht td:nth-child(3) { width: 10%; }

.table_sub05_02  { width: 100%; overflow: hidden; margin: 0 auto 30px;} 
.table_sub05_02 li { width: 23.5%; margin-right: 2%; margin-bottom: 2%; border:1px solid #d3d3d3; float: left; padding: 10px; text-align: center; box-sizing: border-box;  }
.table_sub05_02 li:nth-child(2n) { margin-right: 2%; }
.table_sub05_02 li > a > img { width: 100%; height: 150px; }	
.table_sub05_02 li:hover { background-color: #f9f9f9; }
.table_sub05_02 li:hover h5 { color: #111; 	 }
.table_sub05_02 li:nth-child(4n) { margin-right: 0; }	
.table_sub05_02 li h5{ font-weight: 300; width: 95%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  margin-top: 10px; color: #666;  background: none; font-size: 16px; padding: 0 10px; box-sizing: border-box; margin-bottom: 0;}	
.table_sub05_02 li h6, .table_sub05_02 li p{ font-weight: 300; color: #666;  }



/* table */
.boardTable {width:100%; border-top:2px solid #666; border-collapse:collapse;}
.boardTable th, .boardTable td {border:1px solid #ddd; padding:16px; }
.boardTable th {text-align:center;}
.boardTable th {background:#f3f3f3; color:#111; font-weight:400;}


.down {padding:17px 70px 17px 30px; border:2px solid #0069b3; text-decoration:none !important; background:url('/users/fdprc2021/image/sub/downBtn.png') no-repeat 90% -5px; display:inline-block; font-weight:500 !important; color:#0069b3 !important;
border-radius:10px; margin-bottom: 25px; margin-top: 40px; }
.down:hover {background-position:90% -74px; background-color:#0069b3; color:#fff !important;}

.btn_over:before { display: block; content:''; width: 120%; height: 100%; position: absolute; left: 0; top: 0; background: #fff; transform: translateX(-101%) skewX(-17.620001deg); transform-origin: right top; transition: transform .55s cubic-bezier(.52, .08, .18, 1), -webkit-transform .55s cubic-bezier(.52, .08, .18, 1); }
.btn_over { display: inline-block; border: 1px solid #15427b; background: #15427b; color: #fff;cursor: pointer; position: relative; overflow: hidden; transition: color .55s; text-align: center; }
.btn_over:hover a { color: #15427b; }
.btn_over:hover::before { background: #fff; -webkit-transform:translateX(0) skewX(-17.62deg); -ms-transform:translateX(0px) skewX(-17.620001deg); transform: translateX(0px) skewX(-17.620001deg); -webkit-transform-origin: left top; -ms-transform-origin: left top; transform-origin: left top; }
.btn_over a { display: block; width: 100%; height: 100%; position: relative; z-index: 100; transition: color .55s;}

/* ¿¬±¸¼ÒÀå ÁÖ¿ä ÀÌ·Â */
.timeline { position: relative; max-width: 900px; margin: 0 auto; }
.timeline::after { content: '';  position: absolute; top: 0; bottom: 0; left: 50%; width: 4px; background-color: #1c5bae; margin-left: -2px; z-index: 0; }
.timeline-item { position: relative; width: 50%; padding: 10px 20px; box-sizing: border-box; opacity: 0; animation: fadeIn 1s forwards; z-index: 1; }
.timeline-item.tl { left: 0; text-align: right; }
.timeline-item.tr { left: 50%;  text-align: left; }
.timeline-item.tl .card { margin-right: 40px;  position: relative; }
.timeline-item.tr .card { margin-left: 40px; position: relative; }
.card { background: #ffffff; padding: 15px; border-radius: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s; }
.card:hover { transform: translateY(-5px); }
.card h3 { color: #1c5bae; font-size: 1.5em; margin: 0 0 10px; font-weight: 600; }
.card p { color: #555; font-size: 1.1em; margin: 0; line-height: 1.5; }
.timeline-item.tl .card { background-color: #e0f7fa; }
.timeline-item.tr .card { background-color: #fde2d3; }
.timeline-item::before { content: ''; position: absolute; top: 50%; width: 20px; height: 20px; background-color: #1c5bae; border: 3px solid #fff; border-radius: 50%; transform: translateY(-50%); z-index: 2; }
.timeline-item.tl::before { right: -12px; }
.timeline-item.tr::before { left: -12px; }
.timeline-item.tl .card::after, .timeline-item.tr .card::after { content: ''; position: absolute; top: 50%; height: 2px; background-color: #1c5bae; transform: translateY(-50%); z-index: 2; }
.timeline-item.tl .card::after { right: -40px; width: 40px; }
.timeline-item.tr .card::after { left: -40px; width: 40px; }

@keyframes fadeIn {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/* ¿¬±¸¼Ò ÁÖ¿ä ¿¬±¸¼º°ú */
.contentsTable tr:nth-child(even) { background-color: #f9f9f9; }
.contentsTable tr:hover { background-color: #eef7ff; }
.contentsTable a { color: #003366; text-decoration: none; font-weight: bold; border: 1px solid #003366; border-radius: 5px; padding: 5px 10px; transition:0.3s; }
.contentsTable a:hover { background: #003366; color: #fff !important; text-decoration: none !important; }
