* { -webkit-text-size-adjust: none;} /* ¾ÆÀÌÆù ÅؽºÆ® ÀÚµ¿È®´ë ¸·±â */
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: none; }
a.link:hover { text-decoration: underline;	 }
.colorPink { color: #d41385 !important; }
body { min-width:320px; }
.pc { display: none !important;	 }
.mobile { display: block !important; }
.pc_table { display: none !important; }
.mobile_table { display: table !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%; min-width:320px; background: #fff; position: relative; }
.top-Bg { width: 100%; border-bottom: 1px solid rgba(255,255,255,0.25); background: #000;}

.top_wrap { width: 100%; height: 50px; position: absolute; left:0%; right: 0; top: 0; margin: auto; z-index: 999; box-sizing: border-box; padding: 0 2.5%;}
.top_wrap .logo { width: 100%; height: 50px; margin: 0; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center;  }
.logo_left img { height: 35px; cursor: pointer;}

.top {padding-bottom: 15px; position: relative;}
.top_title { width: 600px; text-align: right;position: absolute; right: 0; bottom: 10px; color: #fff; font-size: 2vw; font-weight: 600; font-style: italic; letter-spacing: -1px; margin-right: 0px; text-shadow: 0 0 3vw #fff; animation: neon 8s ease infinite; margin-top: 7vh;}
.top_title span { display: inline-block; }

.global { float: right; overflow: hidden; }
.global li { float: left; font-size: 14.5px; padding: 0 10px 0 9px; color: #fff; cursor: pointer; margin-left: 5px; background: url("/images/common/global_line.jpg") right center no-repeat;}
.global li:last-child { background: none; padding-right: 0; }
.global li:hover { color: #5270ff; }


/* gnb */
header {position:fixed;top:0;left:0;right:0;z-index:999999;min-height:50px; }
.all_menu {position:absolute;right:20px;top:16px;display:none;width:20px;height:18px;font-size:0;line-height:0;margin: 0; padding: 0; cursor: pointer; background: transparent; outline:none; border: 0; z-index: 999999;}
.all_menu .ico_cate, .all_menu .ico_cate:before, .all_menu .ico_cate:after {display:block;position:absolute;left:0;width:100%;height:2px;background:#111;content:'';-webkit-transition: .25s ease-in;transition: .25s ease-in}
.all_menu .ico_cate {top:8px}
.all_menu .ico_cate:before {top:-8px}
.all_menu .ico_cate:after {top:8px}
.all_menu.close .ico_cate {background-color:transparent}
.all_menu.close .ico_cate:before {transform:rotate(135deg);top:0}
.all_menu.close .ico_cate:after {transform:rotate(45deg);top:0}

header .gnb_wrap {width:100%; min-width:320px; height: 80px;}
header .gnb_wrap h1 {position:absolute;top:0px;right: 0; bottom: 0; left:0;margin:auto;float:none; text-align: center;}
header h1 img { width: auto; height: 50px; }
header .all_menu {display:block}
header .gnb_m {display: none;position:fixed;right:-100%;width:100%;top:50px;bottom:0;height:auto;padding-bottom:65px;overflow-x:hidden;overflow-y:auto;z-index:102;background-color:#fff;-webkit-transition: .25s ease-in;transition: .25s ease-in;}
header .gnb_m.block,.gnb_m.block .gnb_fix {right:0}
header .gnb_m > ul { border-top: 1px solid #e1e1e1; }
header .gnb_m > ul > li > ul {position:static}
header .gnb_m > ul > li {position:relative;float:none;width:auto}
header .gnb_m > ul > li > a:after {bottom:0}
header .gnb_m > ul > li > ul {height:auto;width:100%}
header .gnb_m > ul > li > span {display: flex; flex-direction:row; justify-content: flex-start; align-items: center; position:relative;height:50px;padding-left:27px;font-size:16px;color:#363636;text-align:left;text-transform: uppercase;cursor: pointer;	}
header .gnb_m > ul > li:before {content:'';position:absolute;z-index:2;left:15px;top:23px;width:3px;height:3px;background-color:#dcddde;border-radius:50%}
header .gnb_m > ul > li > span:after {position:absolute;bottom:0;left:0;right:0;height:1px;background-color:#e1e1e1;content:''}
header .gnb_m > ul > li.on {background-color:#f1f2f2}
header .gnb_m > ul > li.on > span {color:#f36f21;font-weight: 600;background-color:#fff}
header .gnb_m > ul > li.on > span:before {transform:rotate(180deg)}
header .gnb_m > ul > li > span:before {content:'';position:absolute;right:20px;top:50%;margin-top:-4px;width:10px;height:7px;transition: .25s ease-in; background: url('/images/common/gnb_arr.svg') 0 0 no-repeat; }
header .gnb_m > ul > li > span.backNone:before { background: none; }
header .gnb_m > ul > li > ul {padding:0;border-bottom:1px solid #e3e6e8d;display: none;}
header .gnb_m > ul > li > ul > li {display: block;width: 100%; padding: 15px 0; padding-left:27px;font-size:15px;text-align:left; cursor: pointer;}
header .gnb_m > ul > li > ul > li.on, header .gnb_m > ul > li > ul > li:hover { text-decoration: underline;}
header .gnb_m > ul > li > ul > li ~ li {border-top:1px solid #e3e6e8}

.gnb_fix {position:fixed;z-index:3;right:-100%;bottom:0;width:100%;height:65px;padding-top:17px;text-align:center;border-top:1px solid #1e1a1b;background-color:#fff;-webkit-transition: .25s ease-in;transition: .25s ease-in}
.gnb_fix:after {content:'';display:table;clear:both}
.gnb_fix .global_m, .gnb_fix .select_history {position:static;display: block;width:calc(100% - 20px);margin:0 10px;vertical-align:middle}
.global_m ul { overflow: hidden; text-align: center;}
.global_m ul li { padding: 3px 12px;line-height: 22px; border: 1px solid #ccc; font-size: 12.5px; color: #898989; text-align: center; box-sizing: border-box; letter-spacing: 0px; font-weight: 400; display: inline-block;} 
.global_m ul li + li { margin-left: 1px; }
.global_m ul li:hover { background: #ccc; color: #fff; }

/**** visual****/
.visual {width:100%; min-width:320px; height:55vw; min-height:250px; margin: 0 auto; position:relative; overflow:hidden; margin-top: 50px; }
.visual .swiper-container { width: 100%; height:55vw; min-height:250px; }
.visual .swiper-slide {width:100%; height:100%; }

.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 { position: absolute; width: 95%; height: 50vw;  min-height:200px; left: 2.5%; top: 0; z-index: 99; display: flex; flex-direction:column; justify-content: center; align-items: flex-end; align-content:center; }
.visuTxt_inner { width: 60%; }
.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: 2.3vw; font-weight: 500; color: #111; text-align: left;}
.visuTxt02 { font-size: 4vw; font-weight: 800; color: #1c5bae; }
.visuTxt03 { font-size: 1.9vw; font-weight: 500; color: #111; }
.visuLine { display: block; width: 4vw; height: 2px; background: #fff; margin: 2vw 0; }
.visuTxt04 { font-size: 3vw; font-weight: 500; color: #fff;  text-shadow: 0px 0 20px rgba(0,0,0,0.43); }

.visuTxt_inner.visuTxt_inner_en { width: 70%; }
.visuTxt_inner_en  .visuTxt01 { font-size: 2.3vw; font-weight: 500; color: #111; text-align: left;}
.visuTxt_inner_en  .visuTxt02 { font-size: 4vw; font-weight: 800; color: #1c5bae; }
.visuTxt_inner_en  .visuTxt03 { font-size: 1.9vw; font-weight: 500; color: #111; }
.visuTxt_inner_en  .visuLine { display: block; width: 4vw; height: 2px; background: #fff; margin: 2vw 0; }
.visuTxt_inner_en  .visuTxt04 { font-size: 2.7vw; font-weight: 500; color: #fff;  text-shadow: 0px 0 20px rgba(0,0,0,0.43); }


/* mNotice_wrap */
.mNotice_wrap { width: 100%; height: 40px; background: rgba(0,0,0,0.6); position: absolute; bottom: 0; left: 0; right: 0; z-index: 99999; margin: 0 auto; }
.mNotice { width: 100%; height: 40px; margin: 0 auto; }
.mNotice_title a { width: 110px; height: 100%;  font-size: 16px; color: #fff; float: left; line-height: 40px; background: #275cab;text-align: center; font-weight: 500;}
.mNotice_title a:hover { color: #111; }
.mNoticle_contents { width: calc(100% - 110px); float: left; color: #fff; line-height: 40px;  background: url("/users/fdprc2021/image/main/mPolygon.png") left center no-repeat; background-size: 10px; }
.mNotice ul li { overflow: hidden; height: 40px; padding: 0 10px 0 20px; box-sizing: border-box;}
.mNotice ul li .subject { width: calc(100% - 100px); float: left; color: #fff; font-size: 13px; font-weight: 500; line-height: 40px; 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: 80px; float: right; color: #fff; font-size: 13px; font-weight: 500; line-height: 40px; }


/* mContents_wrap */
.mContents_wrap {padding: 35px 0;}
.mContents_inner { width: 95%; margin: 0 auto; overflow: hidden; }
.mTitle:before { content:''; display: block; width: 33px; height: 1px; background: #111; margin: 0 auto 20px;}
.mTitle { font-size: 22px; font-weight: 500; color: #111; text-align: center;}

.menu_quick { width: 100%; display: flex; flex-wrap:wrap; flex-direction:row; justify-content: space-between; align-items: stretch; margin-top: 50px; }
.menu_quick li { width: 49%; height: 200px; padding: 3vw; margin-bottom: 15px; box-sizing: border-box; cursor: pointer; }
.menu_quick li:nth-child(1) { width: 100%; display: flex; flex-direction:row; justify-content: space-between; align-items: stretch; -webkit-background-size: cover;
background-size: 60% 100%; padding-right: 0; }
.menu_quick li:nth-child(1) .quick_right img { margin-top: 0; margin-right: 0; height: 200px; width: 100%; margin-top: -3vw; }
.menu_quick li:nth-child(1) .quick_left { width: 65%; padding-right: 2%; box-sizing: border-box;}
.menu_quick li:nth-child(1) .quick_right { width: 67%; }
.menu_quick li:nth-child(2) { background: #7e7e7e; margin-right: 2%;}
.menu_quick li:nth-child(3) { background: #f36b1e;}
.mQuick_txt { color: #fff; font-weight: 300; font-size: 13px; margin-bottom: 35px; letter-spacing: -0.5px; }

@media all and (max-width:500px) {  /**/
	.menu_quick li { width: 100%; height: 150px; }
	.menu_quick li:nth-child(1) .quick_right img { margin-top: -3vw; margin-right: 0; height: 150px; }
	.menu_quick li:nth-child(2) { margin-right: 0; }
	.menu_quick li:nth-child(1) .quick_left { width: 70%; }
	.menu_quick li:nth-child(1) .quick_right { width: 50%; }
}/**/


.mQuick_title { color: #fff; font-size: 17px; font-weight: 500; margin-bottom: 18px;}
.quick_arr { transition:0.3s; }
.mQuick li { position: relative; }
.mQuick li:hover .quick_arr { margin-left: 20px; }
.quick_ico { position: absolute; bottom: 3vw; right: 3vw; }

.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; flex-wrap:wrap; justify-content: space-between; align-items: stretch; margin-top: 30px; }
.mResearch li { width: 49%; height: 330px; background: #fff; box-sizing: border-box;  position: relative; transition:0.3s; cursor: pointer; margin-top: 20px; }
.mResearch li:hover { margin-top: 10px; }
.mResearch li:nth-child(2n):hover { margin-top: 10px; }
.mResearch li .mQuick_title { color: #111;  }
.mResearch li .mQuick_title:after { content:''; display: block; background: #111; width: 26px; height: 1px; margin: 2vw 0 1.5vw 0;}
.mResearch li:nth-child(2n) { margin-top: 20px; margin-left: 2%;  }
.mResearch li + li { margin-left: 0px; }
.mResearch_txt_wrap { padding: 30px 25px 20px; }
.mResearch_img { position: absolute; left: 0; bottom: 0; width: 100%; max-height:160px;	}

.menu_quick_en .quick_arr { position: absolute; left: 3vw; bottom: 3vw; }
.mResearch_wrap_en .mResearch li { height: 420px; line-height: 140%; font-size: 12px; }
.mResearch_wrap_en .mResearch_txt { letter-spacing: -0.5px;  }

@media all and (max-width:1000px) {  /**/
	.mResearch_wrap_en .mResearch li { width: 100%; height: auto; line-height: 140%; padding-bottom: 160px; }
	.mResearch_wrap_en .mResearch li:nth-child(2n) { margin-left: 0; }
}/**/


@media all and (max-width:500px) {  /**/
	.mResearch li { width: 100%; }
	.mResearch li:nth-child(2n) { margin-left: 0; }
}/**/

/* mSponsor_wrap */
.mSponsor_wrap { width: 100%; margin: 35px auto 0 ;  }
.mSponsor_title { color: #111; }
.mSponsor_list { width: 95%; height: auto; margin: 0 auto; padding: 20px 0 15px; overflow: hidden; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content:center; overflow: hidden; float: right; }
.mSponsor_list li { margin-bottom: 5px; }
.mSponsor_list li img { margin: 0 20px; height: 38px; }


/* footer */
footer { width: 100%; padding: 20px 0; background: #363636; clear: both; }
.footerTxt { width: 95%; margin: 0 auto; position: relative; letter-spacing: -0.5px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; color: #888; font-size: 14px; text-align: center; }
.top-btn { position: fixed; left: 50%; margin-left: 586px; bottom:36px; width: 64px; height: 64px; background: rgba(174,174,174,0.7); display: flex; flex-wrap: wrap; justify-content:center; align-items: center; z-index: 9999; cursor: pointer; transition: background 0.3s; display: none !important;}
.top-btn:hover { background: rgba(174,174,174,1); }
.top-btn { margin-bottom: 5px; }



/**** sVisual ****/
.sVisual { width:100%; height:30vw; min-height:150px; max-height:450px;	overflow:hidden; margin-top: 50px; background: url('/users/fdprc2021/image/sub/sVisu.jpg') 0 0 no-repeat; background-size:cover; position: relative;}
.sVisuTxt_wrap { width: 100%; height: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center;  }
.sVisuTxt { font-size: 4.2vw; font-weight: 600; color: #fff; text-shadow: 2px 0 3px rgba(0,0,0,0.7); line-height: 140%; letter-spacing: -0.5px; }



/**** sVisual ****/
.sVisual { width:100%; height: 30vw; background: url('/users/fdprc2021/image/sub/sVisu.jpg') 0 0 no-repeat; background-size:cover; position: relative; }
.sVisutxt_wrap { width: 95%; 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: 2.3vw; font-weight: 500; color: #111; text-align: left;}
.sVisutxt02 { font-size: 4vw; font-weight: 600; color: #1c5bae; }
.sVisutxt03 { font-size: 1.4vw; font-weight: 500; color: #111; }
.sVisuLine { display: block; width: 3vw; height: 2px; background: #fff; margin: 2vw 0; }
.sVisutxt04 { font-size: 2.6vw; 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: 2.3vw; font-weight: 500; color: #111; text-align: left;}                                                                       
.sVisutxt_inner_en .sVisutxt02 { font-size: 3.4vw; font-weight: 600; color: #1c5bae; }                                                                                       
.sVisutxt_inner_en .sVisutxt03 { font-size: 1.4vw; font-weight: 500; color: #111; }                                                                                        
.sVisutxt_inner_en .sVisuLine { display: block; width: 3vw; height: 2px; background: #fff; margin: 2vw 0; }                                                                
.sVisutxt_inner_en .sVisutxt04 { font-size: 2.6vw; 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: 100%; margin: 0px auto; overflow: hidden; }
.lnb_box {width:100%; width: 240px; float: left; margin-top: 45px; display: none;}
.m_area_subnav { width:100%; height:35px; line-height:35px; color: #fff; background: #275cab; box-sizing: border-box; position: relative; }
.m_area_subnav .sub_arr { position: absolute; right: 2.5%; top: 14.5px; transform:rotate(180deg); cursor: pointer; transition:0.3s; }
.m_area_subnav .sub_arr.rotate { transform:rotate(0deg);  }
.m_area_subnav .m_sub_nav_title { font-size: 14px; display: block; padding-left: 2.5%; cursor: pointer; }
.m_area_subnav .m_sub_nav { width:100%; padding:0; margin:auto; border-bottom: 1px solid #ddd; background: #fff; box-shadow: 0 2px 15px rgba(0,0,0,0.2); padding:0 2.5%; display: none;	position: absolute; left: 0; top: 35px;	 z-index: 9999; }
.m_area_subnav .m_sub_nav:after { clear:both; display:block; content:"";}
.m_area_subnav .m_sub_nav .menu { width:100%; height:100%;	margin:0; font-size:14px; line-height: 35px; color:#111; float:left; display:block;	 display:block; cursor: pointer; }
.m_area_subnav .m_sub_nav .menu:hover { color: #275cab; }

.m_area_ssubnav { width:100%; height:35px; line-height:35px; color: #fff; background: #595959; box-sizing: border-box; position: relative; margin-bottom: 20px; }
.m_area_ssubnav .ssub_arr { position: absolute; right: 2.5%; top: 14.5px; transform:rotate(180deg); cursor: pointer; transition:0.3s; }
.m_area_ssubnav .ssub_arr.rotate { transform:rotate(0deg);  }
.m_area_ssubnav .m_ssub_nav_title { font-size: 14px; display: block; padding-left: 2.5%; cursor: pointer; }
.m_area_ssubnav .m_ssub_nav { width:100%; padding:0; margin:auto; border-bottom: 1px solid #ddd; background: #fff; box-shadow: 0 2px 15px rgba(0,0,0,0.2); padding:0 2.5%; display: none;	position: absolute; left: 0; top: 35px;	 z-index: 99; }
.m_area_ssubnav .m_ssub_nav:after { clear:both; display:block; content:"";}
.m_area_ssubnav .m_ssub_nav li { width:100%; height:100%;	margin:0; font-size:14px; line-height: 35px; color:#111; float:left; display:block;	 display:block; cursor: pointer; }
.m_area_ssubnav .m_ssub_nav li:hover { color: #015bae; }

/* sub contents */
.right { width: 95%; min-height:500px; float: none !important; margin: 0 auto 50px; }
.title { margin: 0 auto; text-align:center; display:block; padding: 0 0 20px; border-bottom: 1px solid #e4e4e4; margin-bottom: 30px; }
.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: 9px; font-size: 11.5px;font-weight: 300; }
.title .location { text-align: right; margin-top: 5px; display: none;}

@media all and (max-width:500px){/**/
	.title h2 span { display: block; float: none; margin-top: 0;  text-align: right;}
}/**/ 

.sContents { margin: 0 auto; min-height:400px; box-sizing: border-box; position: relative; word-break:keep-all; overflow: hidden; padding-bottom: 10px;}
.sContents h4 { font-size: 18px; margin:30px 0 15px; line-height: 130%;font-weight: 500; color: #111; overflow: hidden; padding-left: 25px;  background: url('/users/fdprc2021/image/sub/conTitle.jpg') left 3px no-repeat; background-size: 17px;}
.sContents h4:nth-child(1) { margin-top: 0; }
.sContents h5 { font-size: 15px; font-weight: 500; color:#275cab; margin: 20px 0 10px; text-decoration: underline;}
.sContents h6 { font-size: 13px; font-weight: 500; color:#111; margin: 25px 0 10px; }
.sContents h4 + h5 { margin-top: 0; }
.boardTable + .txtBox { margin-top: 10px; }
.txtBox { overflow: hidden; }
.imgBox img { max-width:100%; }

.boardTable + .boardTable { margin-top: 20px; }
.boardTable + .table-scroll { margin-top: 20px; }
.txtBox + .imgBox { margin-top: 15px; }
.imgBox + .boardTable { margin-top: 20px; }
.sContents h4 + h5 { margin-top: 0; }
.boardTable + .txtBox { margin-top: 10px; }
.txtBox { overflow: hidden; }
.line_imgBox { margin-bottom: 30px; }
.lineBox { padding: 20px; border: 2px solid #ccc; } 


.table-scroll { width: 100%; overflow-x:auto; margin-bottom: 40px; }
.table-scroll table.boardTable { width: 100%; table-layout:fixed; min-width:600px; margin-bottom: 10px;}
.table-scroll table td { word-break:break-all; }

@media screen and (max-width:600px) {
  .table-scroll { overflow-x:auto;  }
}

.sub_tab { width: 100%; margin: 0 auto 40px; overflow: hidden; }
.sub_tab li { float: left; line-height: 30px; text-align: center; margin-left: -1px;}
.sub_tab li a { border: 1px solid #d0d0d0; display: block; width: 100%; position: relative;}
.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.5px); }
.sub_tab.s4 li { width: calc(25% + 0.7px); }
.sub_tab.s6 li { width: calc(33.33% + 0.5px); }
.sub_tab.s6 li a { display: block; width: 100%; height: 100%; }
.sub_tab.awards_tab li { width: calc(50% + 0.5px); }
.sub_tab.awards_tab li:first-child, .sub_tab.awards_tab li:nth-child(3n+1) { margin-left: -1px; }

/* greeting */
.greeting_name { text-align: right; margin-top: 30px; }
.greeting_name span { display: block; font-size: 26px; margin-top: 10px; font-weight: 700; color: #111; font-family: 'Nanum Myeongjo', cursive; }

/* area */
.area_list { border-bottom: 1px solid #d4d4d4; padding-bottom: 5px; margin-bottom: 35px; }
.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: 30px;}
.area_img { margin-right: 30px; }
.area_img img { width: 200px; }
.area_function li { float: left; width: 48%; }
.area_function li:nth-child(2n) { float: right; }

@media screen and (max-width:600px) {
  .area_function li { width: 100%; margin-bottom: 25px; }
  .area_img { width: 100%; text-align: center; margin-bottom: 10px; margin-right: 0; }
  .area_img img { width: 100%; }
  .area_list li { flex-wrap:wrap }
}

/* sitemap */
.sitemap {display: flex; flex-direction:row; flex-wrap:wrap; justify-content: space-between; align-items: stretch; }
.sitemap > li {width:31%; float:left; margin-bottom: 50px;}
.sitemap > li > dl { }
.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 20px; 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;}

@media all and (max-width:500px){/**/
 .sitemap > li {width: 49%; }
}/**/


@media all and (max-width:700px){/**/
 .sitemap_en.sitemap > li {width: 49%; }
}/**/

@media all and (max-width:550px){/**/
 .sitemap_en.sitemap > li {width: 100% !important; }
}/**/


.down {padding:10px 50px 10px 20px; border:2px solid #0069b3; text-decoration:none !important; background:url('/users/fdprc2021/image/sub/downBtn.png') no-repeat 90% -3px; display:inline-block; font-weight:500 !important; color:#0069b3 !important;
border-radius:10px; background-size: 15px; margin-bottom: 25px; margin-top: 40px; }
.down:hover {background-position:90% -53px; background-color:#0069b3; color:#fff !important;}


.table_sub05_02  { width: 100%; overflow: hidden; margin: auto;} 
.table_sub05_02 li { width: 49%; margin-right: 2%; margin-bottom: 5%; border:1px solid #d3d3d3; float: left; padding: 10px; text-align: center; box-sizing: border-box;  } 	
.table_sub05_02 li:nth-child(2n) { margin-right: 0; }
.table_sub05_02 li:hover { background-color: #f9f9f9; }
.table_sub05_02 li:hover h5 { color: #111; 	 }
.table_sub05_02 li > a > img { width: 100%; height: 150px; }		
.table_sub05_02 li h5{ font-weight: 300; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  margin-top: 10px; color: #666;  }	
.table_sub05_02 li h6, .table_sub05_02 li p{ font-weight: 300; color: #666;  }

.board_table_basic > tbody > tr > td.board_readTitle_th { width: 15% !important; } /*°Ô½ÃÆÇ µé¾î°¡¸é ±Û¾´ÀÌ, ÀÛ¼ºÀÏ*/
.board_table_basic > tbody > tr > td.board_readTitle_td { width: 35% !important;  } /*°Ô½ÃÆÇ µé¾î°¡¸é °ü¸®ÀÚ, ÀÛ¼ºÀÏ(¼ýÀÚ)*/




@media screen and (max-width: 768px) {
  .timeline::after {
	left: 20px;
  }
  .timeline-item {
	width: 100%;
	padding-left: 50px;
	text-align: left;
  }
  .timeline-item::before {
  	width: 15px; height: 15px;
  }
  .timeline-item.tl,
  .timeline-item.tr {
	left: 0;
	text-align: left !important;
  }
  .timeline-item.tr::before {
	left: 9px;
  }
  .timeline-item::before {
	left: 9px;
	right: auto;
  }
  .timeline-item.tl .card,
  .timeline-item.tr .card {
	margin: 0;
  }
  .timeline-item.tl .card::after,
  .timeline-item.tr .card::after {
	display: none;
  }
}


    /* ¹ÝÀÀÇü ó¸® */
    @media (max-width: 768px) {
      .contentsTable, thead, tbody, th, td, tr {
        display: block;
      }
      .contentsTable thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
      }
      .contentsTable tr {
        margin-bottom: 15px;
        border: none;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
      }
      .contentsTable td {
        border: none;
        position: relative;
        padding-left: 30%;
        text-align: right;
      }
      .contentsTable td::before {
        content: attr(data-label);
        position: absolute;
        left: 15px;
        width: 35%;
        padding-right: 10px;
        font-weight: bold;
        text-align: left;
        color: #003366;
      }
    }