@charset 'euc-kr';

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&display=swap&subset=korean');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
/*
³ëÅä»ê½º 'Noto Sans KR - 3,4,5,7,9'
³ª´®½ºÄù¾î 'NanumSquare - 3,4,7,8'
*/


body { min-width:320px; }
.pc { display: none !important; }
.mobile { display: block !important; }
* a, a:hover, a:visited { text-decoration: none; }


/* header */
header { position: fixed; top:0;left:0;right:0;z-index:100000; min-width:320px; padding: 0; }
.header_top .inner { justify-content:space-between; align-items:center; }
header.active { background-color: rgba(255,255,255,0.8); }

.all_menu {width:30px;font-size:0;line-height:0; cursor: pointer; background: transparent; outline:none; border: 0; position: relative;}
.all_menu .ico_cate, .all_menu .ico_cate:after, .all_menu .ico_cate:before {display:block;left:0;width:100%;height:3px;background:#16171D;content:'';-webkit-transition: .25s ease-in;transition: .25s ease-in; position: absolute; }
.mobile_menu .ico_cate {top:0; background: transparent;}
.mobile_menu .ico_cate:before {top:-8px}
.mobile_menu .ico_cate:after {top:8px}
.mobile_menu.close .ico_cate {background-color:transparent}
.mobile_menu.close .ico_cate:before {transform:rotate(135deg);top:0;}
.mobile_menu.close .ico_cate:after {transform:rotate(45deg);top:0;}

.gnb_wrap_pc, .global { display: none !important; }
header .gnb_m_global { display: flex !important; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; align-content: center; width:100%; height: unset; margin: 30px auto 0; padding:0 20px 25px }
.gnb_m_global_right {  display: flex !important; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; align-content: center; flex: none; gap:5px;}
.gnb_wrap h1 {position:absolute;top: 20px; left: 20px; z-index: 1000;}*/
h1 a { display:flex !important; flex-direction:row; justify-content:center; align-items:center; gap:5px; }
h1 a img { height: 30px}

.gnb_m {display: none;position:fixed;right:-100%;width:100%;top:0;bottom:0;height:auto;padding-bottom:65px;overflow-x:hidden;overflow-y:auto;z-index:1100;background-color:#fff;-webkit-transition: .25s ease-in;transition: .25s ease-in;}
.gnb_m.block,.gnb_m.block .gnb_fix {right:0}
.gnb_m_global { display: flex !important; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 15px 20px; }
.gnb_m > ul { border-top: 1px solid #ddd; padding-top: 20px; }
.gnb_m > ul > li > ul {position:static}
.gnb_m > ul > li {position:relative;float:none;width:auto}
.gnb_m > ul > li > a:after {bottom:0}
.gnb_m > ul > li > ul {height:auto;width:100%}
.gnb_m > ul > li > span {position:relative;display:block;font-size:20px;font-weight: 600; color:#222;text-align:left;padding: 20px 20px ;}
.gnb_m > ul > li.on > span {color:#001a4d;background-color:#fff}
.gnb_m > ul > li.on > span:before {transform:rotate(180deg)}
.gnb_m > ul > li > span:before {content:'';position:absolute;right:20px;top:50%;margin-top:-4px;width:17px;height:10px;transition: .25s ease-in; background: url('/images/common/gnb_arr.png') 0 0 no-repeat; }
.gnb_m > ul > li > ul {padding:10px 0;display: none; background: #F7F7F7;}
.gnb_m > ul > li > ul > li:first-child {padding-top:0}
.gnb_m > ul > li > ul > li > a {display: block;width: 100%;padding:10px 20px;font-size:18px;font-weight: 500;text-align:left;cursor: pointer; }
.gnb_m > ul > li > ul > li > a:hover { color:#001a4d; }

.gnb_fix {position:fixed;z-index:3;right:-100%;bottom:0;width:100%;height:65px;padding-top:12px;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 {display: inline-block; position: relative; }
.global_m ul li a { text-align: center; box-sizing: border-box; letter-spacing: 0px; font-weight: 400; display: block; margin-top: 5px; }
.global_m ul li + li { position: relative; margin-left: 12px; padding-left: 15px; }
.global_m ul li + li:before { content:''; width: 3px; height: 3px; border-radius: 3px; background: #555; display: block; position: absolute; left: 0; top: 15px; }
.global_m ul li a:hover { color: #001a4d ;}

.gnb_bg { display: none !important; }


/* visual */
.visual{ position:relative; width:100%; height:400px; overflow:hidden; margin-top: 50px; }
.visuSwiper, .visuSwiper .swiper-slide{ width:100%; height:100%; }
.visual_01{ background:#fff url('/images/main/visu_01.png') no-repeat center 85%; background-size:cover;}
.visual_02{ background:#fff url('/images/main/visu_02.png') no-repeat center center; background-size:cover;}
.visual_03{ background:#fff url('/images/main/visu_03.png') no-repeat center center; background-size:cover; }
.visuTxt_wrap{ width: 100%; width: 100%; max-width:1440px; padding: 0 20px; position:absolute; margin: -80px auto 0 ; left: 0; right: 0; top:50%; transform:translateY(-50%); z-index:10; color:#fff; }

.visuTxt01{ font-size:30px; font-weight:600; line-height:1.15; color: #16171D; }
.visuTxt02 { font-size: 30px; font-weight:600; color: #001a4d;}
.visuTxt03{ font-size:14px; color:#666; font-weight: 400; margin-top: 10px; }

.visu-pagination{ position:absolute; left:0; right:0; bottom:50%; transform:translateY(-50%);  margin: 0 auto -80px; z-index:20; width:100%; max-width:1440px; padding:0 20px; }
.page-numbers{ display:flex; gap:30px; margin-bottom:10px; } 
.page-num{ background:none; border:0; padding:0; cursor:pointer; font-size:15px; font-weight:600; color:#8a8a8a; transition:.3s;  text-align: left; }
.page-num.active{ color:#000a73; }
.progress{ position:relative; width:135px; height:3px; background:#d9dfee; }
.progress-bar{  position:absolute; left:0; top:0; width:33.333%; height:100%; background:#000a73; transition:transform .4s ease; }


/* quick-menu_wrap */
.quick-menu-wrap { margin: 0 auto; max-width:1440px; padding: 0 20px; position: relative; z-index: 1000; }
.quick-menu { width: 100%;  display: flex; flex-wrap: wrap; flex-direction:row; justify-content: space-between; align-items:stretch; padding: 30px 25px; margin: -75px auto 0; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.2); box-sizing: border-box; border-radius: 20px;  }
.quick-menu li { width: 20%; text-align: center; position: relative;}
.quick-menu li + li:before { content:''; width: 1px; height: 70px; background: #ddd; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; }
.quick-menu .quick-menu_img { width: 65px; height: 65px; background: #f4f5f9; border-radius: 200px; display: flex; flex-wrap: nowrap; flex-direction:row; justify-content: center; align-items:center; transition:0.3s; margin: 0 auto; }
.quick-menu .quick-menu_img img { height: 40px; transition:0.3s; }
.quick-menu li:hover .quick-menu_img { transform:translateY(-10px); }
.quick-menu li:nth-child(2) img { margin-left: 10px; }
.quick-menu li:hover .quick-menu_title { color: #001a4d; }
.quick-menu .quick-menu_title { font-size: 15px; line-height: 140%; font-weight: 500; position: relative; margin-top: 15px; display: inline-block;}
.quick-menu .quick-menu_title:after { content:''; display: inline-block; width: 0; height: 3px; position: absolute; left: 0; right: 0; margin: auto; bottom: -5px;  transition:0.3s; background: #001a4d; }
.quick-menu li:hover .quick-menu_title:after { width: 100%; }

@media (max-width: 768px) {
	.quick-menu { justify-content: flex-start; gap:15px; }
	.quick-menu li { width: calc(33% - 15px); }
	.quick-menu li::before { display: none !important; }
}


/*  */
.mContainer { padding: 25px 0 50px; }
.mContents { width: 100%; max-width:1440px; padding: 0 20px; margin: 0 auto;  }
.mTitle { color: #001a4d; font-size: 21px; font-weight: 600; }
.mTitle .plus { transition: .3s; }

.main_section { display: flex; flex-wrap: wrap; flex-direction:row; justify-content: space-between; align-items:stretch; margin: 0 auto; }
.main_section > div { width: 100%; }

/* mBoard */
.mBoard_wrap { padding: 15px 25px; box-shadow: 0 0 5px rgba(0,0,0,0.2); border-radius: 20px; position: relative; }
.mBoardTab { border-bottom: 1px solid #ddd; display: flex; flex-wrap: wrap; flex-direction:row; justify-content: flex-start; align-items:center; gap:2px; }
.mBoardTab a { font-size: 15px; font-weight: 500; padding-bottom: 15px; position: relative; padding: 10px 10px 10px 10px; }
.mBoardTab a:after { content:''; width: 0; height: 3px; display: block; background: #0776c8; position: absolute; left: 0; right: 0; bottom: 0; transition:0.3s; margin: 0 auto;	}
.mBoardTab a.active, .mBoardTab a:hover { color:#0776c8; font-weight:700; }
.mBoardTab a.active:after, .mBoardTab a:hover:after { width: 100%;  }
.mBoard_btn { position: absolute; right: 40px; top: 30px;  }
.mBoard_btn a img { width: 18px; transition:0.3s; }
.mBoard_btn a:hover img { transform:rotate(180deg); }
.mBoard { display:none; }  
.mBoard.active { display:block; }
.mBoard { margin-top: 10px; }
.mBoard li { position: relative; padding-left: 17.5px; border-bottom: 1px solid #ddd; padding: 15px;}
.mBoard li:last-child { border-bottom: 0; }
.mBoard li:before { content:''; width: 5px; height: 5px; border-radius: 5px; background: #16171D; position: absolute; left: 0; top: 25px; display: block;}
.mBoard li a { display: flex; flex-wrap: no-wrap; flex-direction:row; justify-content: space-between; align-items:center; gap:45px; }
.mBoard li a:hover .mBoard_subject { color: #0776c8; }
.mBoard_subject { font-weight: 500; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; display: block; position: relative;  }
.mBoard_date { flex:none; }


/* ¸ÞÀÎ ¹è³Ê */
.main-banner { position: relative; width: 100%; height: 50vw; border-radius: 20px; overflow: hidden; margin: 25px 0 0 0 !important; } 
.main-banner .swiper-wrapper { align-items: stretch; }
.main-banner__item {  }
.main-banner__item a { display: block; height: 100%; position: relative; }
.main-banner__item img { width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; }

.main-banner__prev,
.main-banner__next { width: 42px; height: 42px; border-radius: 50%; background: rgba(255,255,255,.9); box-shadow: 0 2px 10px rgba(0,0,0,.15); }
.main-banner__prev::after,
.main-banner__next::after { font-size: 16px; font-weight: 700; color: #01143c; }
.main-banner__prev { left: 15px; }
.main-banner__next { right: 15px; }
.main-banner__prev::after,
.main-banner__next::after { display: none; }
.main-banner__prev,
.main-banner__next { width:25px !important; height: 25px !important; background-repeat: no-repeat; background-position: center; background-size: 14px; background-color: rgba(255,255,255,.9); border-radius: 50%; top: unset !important; bottom: 15px; margin-top: 0; }
.main-banner__next { background-image: url('/images/main/arrow-right.png'); right: 15px !important; background-size: 7px; }
.main-banner__prev { background-image: url('/images/main/arrow-right.png'); transform: rotate(180deg); left: unset !important; right: 50px !important; background-size: 7px; }

/* mGallery */
.mGallery_wrap { background: url('/images/main/mGallery_bg.png') 0 0 no-repeat; background-size: cover; }
.mGallery_inner { width: calc(95% + 10px); margin: 0px auto; overflow: hidden; display: flex; flex-wrap:wrap;; justify-content: space-between; align-items:stretch;	 }
.mGallery_left { position: relative;  }
.mGallery_left .mTitle .plus { transition:0.3s; margin-top: -7px;}
.mGallery_left .mTitle a:hover .plus { transform:rotate(180deg); }
.mGallery_right { width: calc(100% - 210px); }
.mGallery_list { padding: 0 5px 3px 0px !important;}
.mGallery_list .swiper-slide { position: relative; }
.mGallery_list .swiper-slide .mGallery_img { width: 100%; height: 100%; height: 22.3vw; }
.mGallery_list .swiper-slide .mGallery_img img	{ width: 100%; height: 100%; }
.mGallery_list .swiper-slide .mGallery_title { color: #252525; font-size: 18px; font-weight: 600; letter-spacing: -1px; margin-top: 12px; max-width: 100%; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; position: relative; display: inline-block; }
.mGallery_list .swiper-slide .mGallery_date { font-size: 13px; font-weight: 300; }
.mGallery_nav { margin-top: 25px; position: relative; height: 20px; z-index: 1000; }
.mGallery_prev { width: 33px !important; height: 33px !important; border-radius: 33px; top: 40px; left: 0 !important; background: rgba(255,255,255,0.6) url('/images/main/arrow-right.png') center no-repeat; transform: rotate(180deg); border: 1px solid #ddd;}
.mGallery_next { width: 33px !important; height: 33px !important; border-radius: 33px; top: 40px; left: 45px !important; right: unset; background: rgba(255,255,255,0.6) url('/images/main/arrow-right.png') center no-repeat; border: 1px solid #ddd;} 
.mGallery_subject { font-size: 16px; font-weight: 600; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mGallery_date { margin-top: 0; color: #666; font-size: 14px; font-weight: 400; }


.mGallery_left .mGallery_prev:hover, .mGallery_left .mGallery_next:hover { opacity: 0.8; }

@media all and (max-width:800px){/**/
	.mGallery_list .swiper-slide .mGallery_img { height: 29.5vw; }
}/**/

@media all and (max-width:600px){/**/
	.mGallery_left { width: 100%; }
	.mGallery_right { width: calc(100% - 10px); margin-left: 0; padding: 20px 0 0 0; }
	.mGallery_list .swiper-slide .mGallery_img { height: 32vw; }
	.mGallery_nav { position: absolute; right: 0; top: 0; }
	.mGallery_left .mGallery_prev { top: 0 !important; left: unset !important; right: 40px !important; }
	.mGallery_left .mGallery_next { top: 0 !important; right: 0 !important; left:unset !important;  }
	.mGallery_swiper .swiper-slide .mGallery_img { width: 100%; height: 35vw; border-radius: 20px; box-shadow: 2px 2px 7px rgba(0,0,0,.35); overflow: hidden; position: relative;}
}/**/

/* sponsor */
.partner-section { padding: 25px 20px 30px; }
.partnerSwiper_wrap { position: relative; border: 1px solid #e5e5e5; border-radius: 12px; background: #fff; margin-top: 15px; overflow: hidden; padding: 0 80px; box-shadow: 0 0 5px rgba(0,0,0,0.1); }

.partnerSwiper .swiper-slide { display: flex; align-items: center; justify-content: center; height: 90px; }
.partnerSwiper .swiper-slide img { max-width: 100%; max-height: 60px; object-fit: contain; transition: all .3s ease; }
.partnerSwiper .swiper-slide img:hover { transform: scale(1.05); }
.partnerSwiper_wrap .swiper-button-prev, 
.partnerSwiper_wrap .swiper-button-next { width: 40px; height: 40px; color: #0d2b6b; background: #fff; border-radius: 50%; border: 1px solid #ddd; }
.partnerSwiper_wrap .swiper-button-prev { left: 20px !important; }
.partnerSwiper_wrap .swiper-button-prev:after,
.partnerSwiper_wrap .swiper-button-next:after { font-size: 16px; font-weight: bold; }

@media (max-width: 768px) {
	.partner-title { font-size: 22px; }
	.partnerSwiper { padding: 15px 40px; }
	.partnerSwiper .swiper-slide { height: 70px; }
	.partnerSwiper .swiper-slide img { max-height: 45px; }
}


/* Footer */
footer { width: 100%; background: #00153b; }
.footer_wrap { width:100%; max-width: 1485px; padding: 30px 20px; display: flex; flex-direction:row; justify-content: flex-start; align-items:center; gap:50px; margin: 0 auto; }
.footer_logo {  }
.footer_logo img { height: 30px; }
.footer_txt { font-size: 12px; font-weight: 300; color: #fff; }
.footer-info{ display:flex; flex-wrap:wrap; gap:5px 10px; color:rgba(255,255,255,.7); font-size: 12px; }
.footer-info span:not(:last-child)::after{ content:"|"; margin-left:10px; color:rgba(255,255,255,.5); }
.footer-policy{ margin:5px 0; font-size: 12px; }
.footer-policy a { color:rgba(255,255,255,.7); }
.copyright{ margin-top:10px; font-size: 11.5px; color:rgba(255,255,255,.7); }

@media (max-width:768px){
	.footer-info{ justify-content:center; }
	.footer_wrap { flex-direction:column; gap:30px; }
	.footer_txt { text-align: center; }
	.copyright{ margin-top:10px; }
}

#btnTop{ position:fixed; right:max(20px, calc((100vw - 1440px) / 2 + 20px)); bottom:30px; width:60px; height:60px; z-index:999; opacity:0; visibility:hidden; transform:translateY(20px); transition:all .3s ease; width: 50px; height: 50px; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px;background: #2e3e5a; display:flex; justify-content: center; align-items:center; }
#btnTop img{ width: 20px; display:block; }
#btnTop.show{ opacity:1; visibility:visible; transform:translateY(0); }



/* sVisual */
.sVisual { width:100%; height: 250px; background-size:cover; position: relative; margin-top: 60px;}
.sVisuTxt_wrap { max-width: 100%; margin: 0 auto; height: 100%; position: relative; overflow: hidden; display: flex; flex-direction:column; justify-content: center; align-items:center; text-align: center; }
.sVisuTxt_1 { font-size: 29px; font-weight: 700; position: relative; z-index: 10; }
.sVisuTxt_1:after { content:''; width: 40px; height: 3px; display: block; background: #16171D; margin: 20px auto; }
.sVisuTxt_2 { font-size: 16px; font-weight: 500; position: relative; z-index: 10; }
.sVisuTxt_2 span { color: #1e4185; }
.sVisual_bg { position: absolute; top: 0; width: 100%; height: 100%; animation: sv_ani 1s ease-in-out; animation-fill-mode: forwards; }

.sVisual01 { background: url('/images/main/Visu_01.png') center no-repeat; background-size:cover;  }
.sVisual02 { background: url('/images/sub/sVisu_02.png') center no-repeat; background-size:cover;  }
.sVisual03 { background: url('/images/sub/sVisu_03.png') center no-repeat; background-size:cover;  }
.sVisual04 { background: url('/images/sub/sVisu_04.png') center no-repeat; background-size:cover;  }
.sVisual05 { background: url('/images/sub/sVisu_05.png') center no-repeat; background-size:cover;  }

/* sContainer */
.sContainer { width: 100%; height: 100%; margin: 0 auto 30px; overflow: hidden; }
.sContainer .title { width: 100%; margin: 0 auto ; text-align:center; display:block;  }
.sContainer .title h2 { font-size:32px; color:#001a4d; font-weight:600; letter-spacing:-0.5px; line-height:100%; display:block; text-align:center; padding: 35px 0; }

/* sContents */
.sContents { width: 1485px; padding: 0 20px 20px; margin: 0 auto; min-height:400px; box-sizing: border-box; position: relative; word-break:keep-all;}
.sContents h4 { font-size:22px; font-weight:600; line-height:100%; margin: 30px 0 20px; padding-left: 15px; }
.sContents h4:nth-child(1) { margin-top: 0; }
.sContents h4:before{ content:''; display: block; position: absolute; left: 0; top: 3px; width:4px; height:20px; border-radius:20px; background:#001a4d; }
.sContents h5 { font-size: 18.5px; margin:20px 0 15px; font-weight: 500; color: #16171D; display: flex; flex-wrap: wrap; flex-direction: row;  align-items: center; position: relative; }
.sContents h5 .h5_num { width: 25px; height: 25px; line-height: 25px; border-radius: 25px; background: #001a4d; font-size: 13px; color: #fff; text-align: center; margin-right: 7.5px; }


.sContents { width: 100%; }
.sContents h4 + h5 { margin-top: 0; }
.boardTable + h5 { margin-top: 20px; }
.sContents .imgBox { margin-bottom: 20px; }
.txtBox { text-align: left; }
.contentsTable tr th { background: #0b2343; color: #fff; font-weight: 600; }
.lineBox { background: #F5F8FE; padding: 20px 20px; }
.table-scroll { overflow-x: auto; }
.table-scroll table { min-width:400px; }

.sContents h5 .btn_over { margin-left: 15px; }
.sContents h5 .btn_over:before { background: #001a4d; }
.sContents h5 .btn_over { border: 1px solid #001a4d; background: #fff; border-radius: 20px;}
.sContents h5 .btn_over a { color: #001a4d;  padding: 5px 20px; font-size: 13px;  }
.sContents h5 .btn_over:hover a { color: #fff; }
.sContents h5 .btn_over:hover::before { background: #001a4d; }


/* sContainer sub_nav */
.m_area_subnav { width:calc(100% - 40px); height:50px; line-height:35px; color: #fff; background: #001a4d; box-sizing: border-box; position: relative; margin: auto; border-radius: 5px; margin-top: 15px;}
.m_area_subnav .sub_arr { position: absolute; right: 20px; top: 20px; transform:rotate(0); cursor: pointer; transition:0.3s; }
.m_area_subnav .sub_arr.rotate { transform:rotate(180deg);  }
.m_area_subnav .m_sub_nav_title { font-size: 16px; display: block; padding-left: 15px; cursor: pointer; line-height: 50px;	 }
.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: 5px 0; display: none;	position: absolute; left: 0; top: 50px; z-index: 99; }
.m_area_subnav .m_sub_nav:after { clear:both; display:block; content:'';}
.m_area_subnav .m_sub_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_subnav .m_sub_nav li:last-child { border-bottom: 0; }
.m_area_subnav .m_sub_nav li a { display: block; padding: 0 15px; }
.m_area_subnav .m_sub_nav li:hover { color: #001a4d; }

.sub_tab { width: 100%; height: auto; text-align: center; margin: 30px auto 20px; overflow: hidden;  display: flex; flex-wrap: wrap; flex-direction: row;  align-items: stretch; padding-top: 1px; padding-left: 1px;}
.sub_tab > li { min-height: 40px; margin-left: -1px; margin-top: -1px; box-sizing: border-box; width: 100%; text-align: center; font-size: 13px; color: #666; box-sizing: border-box; border: 1px solid #d0d0d0; font-weight: 400; position: relative; display: flex; flex-wrap: wrap; flex-direction: column; justify-content: center; align-items: center; }
.sub_tab > li > a { display: flex; flex-wrap: wrap; flex-direction: row;  align-items: stretch; }
.sub_tab > li.on { color: #fff; background: #595959; }
.sub_tab > li:after {content:''; z-index:-1; position:absolute; left:0; top:0; display:block; width:100%; height:0%; background:#f9f9f9; transition: all 0.3s ease 0s; }
.sub_tab > li:hover:after,.sub_tab > li:focus:after {height:51px; transition: all 0.3s ease 0s;}

.sub_tab.s2 > li {width:calc(50% + 1px);}
.sub_tab.s3 > li {width:calc(33.3333% + 1px);}
.sub_tab.s4 > li {width:calc(25% + 1px);}
.sub_tab.s5 > li {width:calc(20% + 1px);}
.sub_tab.s6 > li {width:calc(16.666% + 1px);}
.sub_tab.s7 > li {width:calc(14.285% + 1px);}
.sub_tab.s8 > li {width:calc(12.5% + 1px);}

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

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

/* purpose */
.purpose_wrap { display: flex; flex-wrap:wrap; flex-direction:row; justify-content: space-between; align-items:stretch; margin-bottom: 20px; }
.purpose { width: 49.5%; padding: 20px; border: 1px solid #eff0f2; display: flex; flex-direction:row; justify-content: space-between; align-items:stretch; }
.purpose_bisuiness { width: 100%; margin-top: 10px; }
.purpose_img { width: 70px; }
.purpose_txt { width: calc(100% - 100px); }
.purpose_title { font-size: 18.5px; font-weight: 600; margin-bottom: 10px; letter-spacing: -0.5px; }

@media screen and (max-width:600px) {
	.purpose { width: 100%; gap:20px; margin-top: 10px; }
	.purpose_img { width: 50px; }
	.purpose_img img { width: 100%; }
	.purpose_txt { width: calc(100% - 70px); }
} 

/* greeting */
.president_wrap { display: flex; flex-wrap:wrap; flex-direction:row; justify-content: space-between; align-items:flex-start;  }
.president_left { width: 180px; border-radius: 15px; overflow: hidden; background: #F5F8FE;}
.president_left img { width: 100%; }
.president_name { padding: 30px 20px; }
.president_name span { font-size: 18px; font-weight: 500; }
.president_right  { width: calc(100% - 220px); }

.president_greeting { border-bottom: 1px solid #ddd; padding-bottom: 30px; margin-bottom: 30px;}
.president_greeting_emphasis { font-size: 21px; font-weight: 600;color: #01173b; }
.president_greeting_emphasis:after { content:''; display: block; width: 40px; height: 2px; background: #0776c8; margin: 15px 0;}
.greeting_president_date { text-align: right; }
.greeting_president_date span { font-weight: 600; font-size: 15px;  }

@media screen and (max-width:600px) {
	.president_left { margin: 0 auto 25px;}
	.president_right { width: 100%; }
} 


/* history */
.history_led_title { border-top: 1px solid #ddd; padding-top: 50px; margin: 50px 0 20px;}
.history {  }
.history > li {padding:20px 30px 25px 20px; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: flex-start;}
.history_year{width:80px;font-size: 21px;font-weight:600;color:#0c51a0;display:inline-block;padding:7px 0 0px 0px;margin:0 45px 0 0; vertical-align:top; word-break:keep-all; text-align: left;position: relative; line-height: 100%;}
.history_year:after { display: block; content:''; width: 1px; height: 28px; position: absolute; right: 0; top: 5px; }

.history > li:last-child { padding-bottom: 0; }
.history .history_content {display:inline-block;margin-top:0px; width: calc(100% - 125px);}
.history .history_content ul { margin-top: 5px; }
.history .history_content ul li { display: flex; flex-wrap: nowrap; flex-direction: row; justify-content: space-between; align-items: flex-start; }
.history .history_content ul li div { vertical-align: top; }
.history .history_content ul li div.history_date { width: 70px; color: #111; }
.history .history_content ul li div.history_txt { width: calc(100% - 70px); }
.history .history_content ul li + li { margin-top: 10px; }

@media screen and (max-width:600px) {
	.history_year:after { display: block; content:''; width: 28px; height: 1px; position: static; margin-top: 10px; }
	.history .history_content {display:inline-block;margin-top:10px; width: 100%; }
	.history .history_content ul li div.history_txt { width: 100%; } 	
} 


/* formerPresident */
.formerPresident_group{ margin-bottom:50px; }
.formerPresident_head{ min-height:60px; height: unset; display:flex; align-items:center; padding:10px 20px; border-radius:18px 18px 0 0; background:#011946; background-position:right center; background-repeat:no-repeat; position: relative; overflow: hidden;}
.formerPresident_head::after{ content:""; position:absolute; top:0; right:0; width:45%; height:100%; background:url('/images/sub/formerPresident_bg.jpg') right bottom no-repeat; background-size: auto 230%; opacity:.7; pointer-events:none; }
.formerPresident_head h3{ font-size:22px; font-weight:700; color:#fff; position: relative; z-index: 10;}

.formerPresident_list{ display:grid; grid-template-columns:repeat(2,1fr); gap:20px; padding:20px; border:1px solid #e7edf5; border-top:0; border-radius:0 0 18px 18px; background:#fff; }
.formerPresident_card{ display:flex; gap:30px; padding:25px; border:1px solid #ececec; border-radius:15px; background:#fff; transition:.3s; }
.formerPresident_card:hover{ transform:translateY(-6px); box-shadow:0 15px 35px rgba(0,0,0,.08); }
.formerPresident_card.full{ grid-column:1/3; }
.formerPresident_photo{ width:150px; flex:none; }
.formerPresident_photo img{ border-radius:10px; }

.formerPresident_info{ flex:1; }
.formerPresident_num{ display:inline-flex; align-items:center; justify-content:center; height:36px; padding:0 18px; border-radius:6px; background:#7fa3d8; color:#fff; font-size:15px; font-weight:600; }
.formerPresident_info h4{ margin-top:18px; margin-bottom: 0; font-size:20px; font-weight:700; }
.formerPresident_date { display:block; margin:10px 0 20px; color:#1556c5; font-size:18px; font-weight:700; }
.formerPresident_info ul{ display:flex; flex-direction:column; gap:3px; }
.formerPresident_info li{ position:relative; margin-bottom: 0; color:#666; }

.formerPresident_engineering .formerPresident_num {background:#4F7CC9;}
.formerPresident_engineering .formerPresident_date{color:#0A2E73;}
.formerPresident_led .formerPresident_num { background: #32B48D;}
.formerPresident_led .formerPresident_date { color:#0F8A6C;}
.formerPresident_lighting span { background:#D97706; }
.formerPresident_optical span {  background:#6D4DD8; }

.formerPresident_bottom{ display:grid; grid-template-columns:repeat(2,1fr); gap:35px; }
.formerPresident_box{ border:1px solid #e7edf5; border-radius:15px; overflow:hidden; background:#fff; box-shadow:0 12px 35px rgba(0,0,0,.05); }
.formerPresident_timeline{ padding:25px; }
.formerPresident_timeline li{ display:flex; gap:25px; position:relative; padding-bottom:25px; }
.formerPresident_timeline li:last-child{ padding-bottom:0; }
.formerPresident_timeline li:before{ content:""; position:absolute; left:17px; top:32px; width:2px; height:calc(100% - 18px); background:#d5dff5; }
.formerPresident_timeline li:last-child:before{ display:none; }
.formerPresident_timeline span{ width:36px; height:36px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-size:14px; font-weight:700; flex:none; position: relative; z-index: 10; }
.formerPresident_timeline strong{ display:block; font-size:18px; color:#222; }
.formerPresident_timeline p{ margin-top:5px; color:#777; }


@media(max-width:1024px){
	.formerPresident_info ul{ text-align:left; }
	.formerPresident_list{ grid-template-columns:1fr; }
	.formerPresident_card.full{ grid-column:auto; }
	.formerPresident_bottom{ grid-template-columns:1fr; }
}

@media(max-width:600px){
	.formerPresident_photo { margin: 0 auto; }
	.formerPresident_card { flex-wrap:wrap; flex-direction:column; }
}


/* Committee Select */
.committeeSelect{ position:relative; width:420px; margin:0 auto 50px; z-index:50; }
.committeeSelect_btn{ position:relative; display:flex; align-items:center;  width:100%; height:50px; padding:0 60px 0 24px; border:1px solid #dbe3ef; border-radius:12px; background:#fff; cursor:pointer; transition:.25s; box-shadow:0 6px 18px rgba(0,0,0,.05); }
.committeeSelect_btn:hover{ border-color:#0b4db7; box-shadow:0 10px 25px rgba(0,0,0,.08); }
.committeeSelect_txt{ display:flex; align-items:center; gap:14px; }
.committeeSelect_txt strong{ font-size:17px; font-weight:700; color:#222; line-height:1; }
.committeeSelect_txt em{ position:relative; padding-left:14px;  font-size:13px; font-style:normal; font-weight:500; color:#8a8a8a; line-height:1; }
.committeeSelect_txt em:before{ content:""; position:absolute; left:0; top:50%; width:1px; height:14px; margin-top:-7px; background:#d6dce6; }
.committeeSelect_btn i{ position:absolute; right:24px; top:50%; width:9px; height:9px; margin-top:-7px; border-right:2px solid #666; border-bottom:2px solid #666; transform:rotate(45deg); transition:.25s; }
.committeeSelect_btn.active i{ margin-top:-2px; transform:rotate(-135deg); }
.committeeSelect_list{ display:none; position:absolute; left:0; top:54px; width:100%; background:#fff; border:1px solid #dbe3ef; border-radius:12px; overflow:hidden; box-shadow:0 15px 35px rgba(0,0,0,.08); max-height:360px; overflow-y:auto; }
.committeeSelect_list.open{ display:block; }
.committeeSelect_list li{ display:flex; justify-content:space-between; align-items:center; padding:12px 22px; cursor:pointer; transition:.2s; }
.committeeSelect_list li+li{ border-top:1px solid #edf1f7; }
.committeeSelect_list li:hover{ background:#f6f9ff; }
.committeeSelect_list li.on{ background:#0b4db7; }
.committeeSelect_list li span{ font-size:14px; font-weight:600; color:#222; }
.committeeSelect_list li em{ font-size:12px; font-style:normal; color:#8d8d8d; }
.committeeSelect_list li.on span{ color:#fff; }
.committeeSelect_list li.on em{ color:rgba(255,255,255,.75); }
.committeeContent{ display:none; }
.committeeContent.on{ display:block; }


/* rule */
.rule b { display: inline-block; margin-bottom: 5px; }
.rule .numList li { margin-top: 5px; }
.tab-wrap{ display:flex; border-radius:7px; overflow:hidden; border:1px solid #dbe1e8; width: 50%; margin: 0 auto 50px; }
.tab{ flex:1; text-align:center; cursor:pointer; font-weight:600; background:#fff; transition:.3s; } 
.tab.active{ background:#0F6CBD; color:#fff; }
.tab:not(.active){ background:#f8fafc; color:#555; }
/*.tab:hover { background: #0c589b; color: #fff; }*/
.tab a { width: 100%; height: 100%; padding: 10px 16px; }

@media screen and (max-width:700px) {
	.tab-wrap { width: calc(100% - 40px); }	
} 

.accordion-item{ margin-bottom:14px; }
.accordion-header{ width:100%; border:none; background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:18px; cursor:pointer; display:flex; align-items:center; justify-content:space-between; font-size:16px; font-weight:600; transition:.25s; }
.accordion-header:hover{ background:#f8fbff; border-color:#0F6CBD; } 
.arrow{ width:14px; height:14px; border-right:3px solid #222; border-bottom:3px solid #222; transform:rotate(45deg); transition:.3s; }
.accordion-item.active .arrow{ transform:rotate(-135deg); }
.accordion-content{ max-height:0; overflow:hidden; transition:max-height .4s ease; }
.content-inner{ background:#fff; border:1px solid #e5e7eb; border-top:none; border-radius:0 0 12px 12px; padding:20px;  line-height:1.9; color:#333; border-left:5px solid #0F6CBD; box-shadow: 0 4px 10px rgba(0,0,0,.03); }
.content-inner h4{ margin-bottom:10px; color:#0F6CBD; font-size: 16px; }
.content-inner p{ margin-bottom:12px; }


/* award */
.tab-wrap-award { width: 100%; flex-wrap:wrap; }
.award_line { width: 100%; height: 1px; background: #ddd; margin: 50px 0 30px; }
.award_inner { display: inline-block; box-shadow: 0 0 4px rgba(0,0,0,0.2); border-radius: 15px; padding: 20px 30px; }
.award_title { margin-bottom: 20px; font-size: 16px; font-weight: 600; color: #001a4d; text-align: center; }
.award_winner { display: flex; flex-wrap: nowrap; flex-direction:row; align-items: flex-start; justify-content: flex-start; gap:30px;  text-align: center; }
.winner_img { width: 130px; border-radius: 15px; overflow: hidden; }
.winner_img img { }
.winner_name { font-size: 15px; margin-top: 15px; font-weight: 600; }
.winner_affiliation { margin-top: 5px; font-size: 13px; line-height: 1.4; }
.winner_round{ display:inline-block; margin-top:8px; padding:5px 14px; border-radius:999px; background:#eef5ff; color:#0b4191; font-size:12px; font-weight:700; }

@media screen and (max-width:600px) {
	.tab-wrap-award .tab { width: 50%; flex:unset; border: 1px solid rgba(219,225,232,0.4);	}	
} 

/* abstract */
.abstract_box { display: flex; flex-wrap: nowrap; flex-direction:row; align-items: center; justify-content: center; gap:30px;  }
.abstract_list { display: flex; flex-wrap: wrap; flex-direction:row; align-items: stretch; justify-content: flex-start;  gap:40px 2.6%; }
.abstract_list li { width: 23%; border-radius: 20px; box-shadow:0 0 5px rgba(0,0,0,0.3); overflow: hidden; transition:0.3s; }
.abstract_list li:hover { box-shadow:0 0 5px rgba(7,118,200,0.2); transform:translateY(-10px);}
.abstract_info { padding: 20px 60px 20px 20px; position: relative; }
.abstract_year { font-weight: 600; color: #0776c8; }
.abstract_name { font-size: 16px; font-weight: 500; }
.abstract_down { width: 40px; position: absolute; right: 20px; bottom: 20px; }

@media screen and (max-width:1000px) {
	.abstract_list { gap:20px 2.6%; }
	.abstract_list li { width: 31.5%; flex:unset; border: 1px solid rgba(219,225,232,0.4);	}	
} 

@media screen and (max-width:600px) {
	.abstract_list { gap:20px 2.6%; }
	.abstract_list li { width: 48%; flex:unset; border: 1px solid rgba(219,225,232,0.4); }
	.abstract_down { bottom: unset; top: 25px; }
} 

/* btn_over */
.btn_over:before { display: block; content:''; width: 120%; height: 100%; position: absolute; left: 0; top: 0; background: #FFF; -webkit-transform-origin: right top; -ms-transform:translateX(-101%) skewX(-17.620001deg); transform: translateX(-101%) skewX(-17.620001deg); -webkit-transform-origin: right top; -ms-transform-origin: right top; 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: 2px solid #001a4d; background: #001a4d; position: relative; overflow: hidden; transition: color .55s; text-align: center; border-radius: 30px;}
.btn_over a { display: block; width: 100%; height: 100%; color: #FFF; position: relative; z-index: 100; transition: color .55s; padding: 10px 30px; font-size: 13px;  }
.btn_over:hover a { color: #001a4d; }
.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_navy { border-color: #0b2343; background: #0b2343; /*border-radius: 10px;*/ }
.btn_navy:hover { border-color: #0b2343 !important; }
.btn_navy::before { background: #fff; }
.btn_navy:hover::before { background: #fff; }
.btn_navy a { color: #fff; position: relative; }
.btn_navy a:hover { color: #0b2343; }

.link_btn.btn_over { border-color: #20aac6 !important; background: #20aac6 !important; }
.link_btn.btn_over a { font-weight: 500; display: block; height: 100%; padding: 8px 55px 8px 35px; color: #fff !important; background: url('/images/sub/btn_link.png') calc(100% - 30px) center no-repeat !important; line-height: 140%; background-size: 15px !important; }
.link_btn.btn_over:before { background: #fff !important; }
.link_btn.btn_over:hover a {  background: transparent url('/images/sub/btn_link_ov.png') calc(100% - 30px) center no-repeat !important; color: #20aac6 !important; position: relative; background-size: 15px !important;}

.down_btn.btn_over { border-color: #20aac6 !important; background: #20aac6 !important; }
.down_btn.btn_over a { font-weight: 500; display: block; height: 100%; padding: 8px 55px 8px 35px; color: #fff !important; background: url('/images/sub/down_wh.png') calc(100% - 30px) center no-repeat !important; line-height: 140%; background-size: 15px !important; }
.down_btn.btn_over:before { background: #fff !important; }
.down_btn.btn_over:hover a {  background: transparent url('/images/sub/down_turque.png') calc(100% - 30px) center no-repeat !important; color: #20aac6 !important; position: relative; background-size: 15px !important;}

.down_navy_btn.btn_over { border-color: #0b2343 !important; background: #0b2343 !important; }
.down_navy_btn.btn_over a { font-weight: 500; display: block; height: 100%; padding: 8px 55px 8px 35px; color: #fff !important; background: url('/images/sub/down_wh.png') calc(100% - 30px) center no-repeat !important; line-height: 140%; background-size: 15px !important; }
.down_navy_btn.btn_over:before { background: #fff !important; }
.down_navy_btn.btn_over:hover a {  background: transparent url('/images/sub/down_navy.png') calc(100% - 30px) center no-repeat !important; color: #0b2343 !important; position: relative; background-size: 15px !important;}

.before { text-align: center; }
/*.before .btn_over { border-radius: 10px; }*/
.before .btn_over a { width: 250px; padding: 15px; }
.before .btn_over a:hover {  }


/* popup */
.popup_wrap {width:100%; min-width:320px; height:100%; background: url('/images/main/popBg.png'); position:fixed; top:0; left:0; z-index:999999; }
.popup {width:95%; max-height:calc(100% - 100px); top: 25px; background:#fff; overflow:auto; position: relative;}
.popTitle { width: calc( 95% - 18px ); min-width:256px; height:40px; background: #3962db; box-sizing: border-box; position: fixed; border-bottom: 1px solid #3962db; font-size: 15px; z-index: 99; }
.popTitle div { width: calc( 100% - 50px );line-height:40px; color: #fff; font-weight:500; font-size: 20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding: 0 20px; }
.popTitle p.close_bt { position:absolute; top:5px; right:10px; z-index:999999;}
.popTitle p.close_bt img { width: 30px;  }
.popup_load { padding-bottom: 30px; }
.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}


/* ¸ÞÀÎÆ˾÷ */
/*.ui-widget-content.ui-draggable.main-popup { width: 90% !important; height:auto !important;	box-sizing: border-box; top: 65px !important; left: 5% !important; }
.ui-widget-content.ui-draggable.main-popup img { width: 100% !important; height: auto !important;  box-sizing: border-box; }
.ui-widget-content.ui-draggable.main-popup > div { width: 100% !important; }
.ui-widget-content.ui-draggable.main-popup .main-popup-contents { height: auto !important; }
.ui-widget-content.ui-draggable.main-popup .main-popup-contents iframe { width: 100%; height: 48.45vw; }
.ui-widget-content.ui-draggable.main-popup .donot_ment { padding: 10px 0 0 !important; }
*/




/* °Ô½ÃÆÇ */
.post_title { font-weight: 600; margin-bottom: 20px; }
.postContent { padding: 50px 30px; border-bottom: 1px solid #DDDDDD; }
.postContent #bContentArea + #pContentArea { margin-top: 20px; }
.postContent #bContentArea img { max-width: 100%; height: auto; }

.post-nav_list-btn-wrap { text-align: right; margin: 35px 0 10px; }
.post-nav_list-btn { line-height:40px; font-size: 13px; font-weight: 500; padding:0px 15px; border: 1px solid #091F5B; background:#091F5B; color: #fff !important; transition:0.3s; }
.post-nav_list-btn:hover { background: #fff; color: #091F5B !important; }

.post-nav { border-top: 2px solid #333; border-bottom: 1px solid #ddd; font-size: 13px; }
.post-nav_item { display: flex; align-items: center; padding: 10px 0; border-top: 1px solid #eee; }
.post-nav_item:first-child { border-top: none; }
.post-nav_label { width: 80px; font-weight: 600; color: #222; position: relative; padding-left: 20px; }
.post-nav_label::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 14px; background: #ddd; }
.post-nav_title { flex: 1; padding: 0 20px; color: #555; text-decoration: none; transition: 0.2s; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.post-nav_title:hover { color: #000; text-decoration: underline; }



.online_btn{ display:flex; flex-wrap:wrap; gap:20px; }
.btn_link{ width:290px;  }
.btn_link a{ display:flex; align-items:center; justify-content:space-between; padding:10px 20px; font-size:13px; font-weight:700; letter-spacing:-0.03em; }
.btn_link .link_arrow{ position:relative; width:32px; height:32px; flex-shrink:0; }
.btn_link .link_arrow::before{ content:""; position:absolute; left:7px; top:50%; width:11px; height:11px; border-top:2px solid currentColor; border-right:2px solid currentColor; transform:translateY(-50%) rotate(45deg); transition:.35s ease; }
.btn_link:hover .link_arrow::before{ transform:translate(6px,-50%) rotate(45deg); }

@media (max-width:1024px){
	.online_btn{ justify-content:center; }
	.btn_link{ width:290px; }
}

@media (max-width:768px){
	.online_btn{ flex-direction:column; gap:15px; }
	.btn_link{ width:100%; }
}

@media (max-width:480px){
	.btn_link i{ width:16px; height:16px; }
	.btn_link i::before{ width:9px; height:9px; }
}