@charset "utf-8";
/* CSS Document */

@media screen and (max-width:1880px){
.logoW { width: 16em;}
/* #header .gnb_wrap .gnb > li .dp1 .tt { font-size: 1.1em;} */
#header .wrap_in { gap: 0 3em;}
#header .box0 { padding: 0 2em;}
#header .mem_wrap { gap: 0 1em; padding-left: 1em;}
#header .gnb_wrap .gnb { width: 100%;}

.box1.cal .calendar .days li { width: 13.9%;}
.box1.cal .calendar .months li { width: 7.8%;}
}


@media screen and (max-width:1600px){
.box0 { padding: 0 2em;}
.logoW { width: 16em;}

/* #header .gnb_wrap .gnb > li .dp1 .tt { font-size: 1em;} */
#header .wrap_in { gap: 0 2em;} 

.box1.cal .calendar .col .content { padding: 3em 2em;}
.box1.cal .calendar .leftCol h1 { margin-bottom: 1.5em;}
.box1.cal .calendar h1, .box1.cal .calendar h2 { font-size: 2.5em;}
.box1.cal .calendar .days li { height: 6em;}

.bg_gray.se_pad.bgfix .box2 > .sub_tit { display:none;}
.bg_gray.se_pad.bgfix .box2,
.doc .box2 { width:100%;}

.role_wrap .role_list > li { display: block; padding: 3em 2em;}
.role_wrap .role_list > li .role_left .sub_tit { margin-bottom: 1em;}
.role_wrap .role_list > li .role_left .sub_tit ul { margin-top: 1em; padding: 1em 2em;border-radius: 1em;margin-top: 2em;}
.role_wrap .role_list > li .role_left .sub_tit ul > li { font-size: 1.1em;justify-content: center;}
.role_wrap .role_list > li .role_right > img { border-radius: 1em;}
.role_wrap .role_list > li .role_left .sub_tit .list_t { text-align: center;font-size: 2.4em;font-weight: 700;}
.role_wrap .role_list > li .role_right { height: 15em;}
}

@media screen and (max-width:1500px){
.logoW { margin: 1em 0;width: 18em;}
.headerH { display:block;height: 7em;}

.headerH {  height: 100%;}
/* #header .gnb_wrap { padding-bottom: 1em;} */
#header .gnb_wrap .gnb > li .dp1 .va {/*  height: 1.5em; */}
#header .gnb_wrap .gnb > li .dp1 .va:after { left: 46%; bottom: 0;}
#header .gnb_wrap .gnb > li.on .dp1 .va:after ,
#header .gnb_wrap .gnb > li.hover .dp1 .va:after { width: 100%;}
#header .gnb_wrap .gnb > li .dp2:before {display:none;}
#header .gnb_wrap .gnb > li.more .dp2 { padding-left: 2em;}
#header .gnb_wrap .gnb > li.m_project .dp2 { padding-left: 2em; padding-right: 14em;}
	
/* #headerQ .all_wrap .bg { height: 202vh;} */
#headerQ .all_wrap .wrap_in { height: 200vh;}
#headerQ .all_wrap .wrap_in .gnb > li { flex: 1 1 25%;}

.history_bgw .line_wrap { height: 10em;}
.history_bgw .txt_wrap .en { font-size: 2em;}
.history_bgw .txt_wrap .kr { font-size: 1.25em; font-weight: 400;}

.about .sub_tit .t2 { font-size: 1.6em;}
.about .sub_tit .t4 { font-size: 1.1em;}

.about .gree_bg .g_bg_t { padding: 3em 3em 0 3em;}
.about .gree_bg { height: 21em;}
.about .sub_tit .t5 { font-size: 2em;}
.about .gree_con .g_t { width: 90%; gap: 3em;padding: 4em 3em 0 4em;}

.map_wrap .map_info { display: block; width: 90%;}
.map_wrap .map_info .map_right { width: 100%; box-sizing: border-box;}
.map_wrap .map_info .map_left { width: 100%;}
}

@media screen and (max-width:1400px){
.box1{ width:94%}

.gree_bg { border-radius: 0;}
.gree_bg:after { border-radius: 0;}
.gree_bg.out { height: 7em;}
.gree_con .g_t { width: 100%;padding: 4em 0em 8em 0em;border-radius: 0; top: 0em; gap: 2em;}
.gree_con.out .sub_tit .t2 .v_base { font-size: 1.2em;}
.gree_con.out .sub_tit .t2 .overTop { top: 1.5em; font-size: .8em;}

.about .gree_con .g_t {width: 100%;gap: 3em;padding: 3em 0em 0 0em;}
.about .gree_bg { height: 14em;}

.box1.cal .calendar .days li { width: 13.8%;}
.box1.cal .calendar .months li { width: 7.7%;}

.search_box .sech_con { flex: 1 1 47%;  justify-content: center;  margin: 0.5em 0}
.search_box { padding: 1em}

.main_link .wrap_con .box0L{padding-right: 1em;}

}

@media screen and (max-width:1280px){
body{ font-size:15px}

#header .gnb_wrap .gnb > li .dp2:before { width: 12em;}
#header .gnb_wrap .gnb > li .dp2 { padding-left: 22em;}

.chartWrap { gap: 0 1em;}

.page_bottom > .list > li:nth-child(1) .resize { border-top-left-radius: 0;}
.page_bottom > .list > li:nth-child(3) .resize { border-top-right-radius: 0;}

.sub-tab-list-style2 { padding: 0em;}
.search_box .sech_con { flex: 1 1 40%;}

.board_performance { gap: 1em 0;}

.mypageCal .calendar .months li { width: 7.8%;}
.mypageCal .calendar .days li { width: 13.8%;}
}

@media screen and (max-width:1150px){
.headerH { display:flex;height: 5em; justify-content: start;}


#header .gnb_wrap { display:none;}
#headerQ .all_wrap .wrap_in .in { padding: 2em;}
 
#footer .sitemap .gnb > li { flex: 1 1 33.33%;}

.layout2 #contents .layout2_wrap { margin-top: -3em;border-radius: 1em 1em 0 0;}

.main_news .list > li { width: 25%;}
.main_etc .wrap_in .btn { width: 9em;height: 9em;}
.main_etc .wrap_in .btn .con .t1 { font-size: 1.05em;}

.mypage_box .link > li > a { padding: 0.5em .5em;}
.mypage_box.my .box_con { padding: .5em;}

.chartWrap { display: block;}
.chartWrap .chartObj.w1 { width: 100%;}
.chartWrap .chartObj.grow { margin-top: 2em;}

.about .sub_tit .t2 { font-size: 1.6em;}
.about .sub_tit .t5 { font-size: 1.75em;}
.about .gree_bg { height: 14em;}
.about .gree_bg .g_bg_t { width: 100%; padding: 3em 3em 0;}

.box1.cal .calendar { display: block;}
.box1.cal .calendar .rightCol { width: 100%;}
.box1.cal .calendar .leftCol { width: 100%;}

.sub_history_wrap { padding-left: 5em;}
.sub_history_wrap .sub_history_line { display:none;}
.sub_history_wrap .sub_history > li { margin-top:2em; padding-bottom: 2em; border-bottom: 0px dotted #ccc !important;}
.sub_history_wrap .sub_history > li .history { padding: 0;}
.sub_history_wrap .sub_history > li .history .year { font-size: 2.5em;}
.sub_history_wrap .sub_history > li .history .list .tt { font-size: 1.1em;}

.table_st td ul.w_35 > li { width: 45%;}

.chartWrap canvas { top: -4em;}

.div-container00 { width:100%; overflow:auto;}
.div-container00 .divCon00 {display: block; width: 900px; padding: 0 2em 2em;}

.mypageCal .calendar .months li { width: 7.75%;}
.mypageCal .calendar .days li { width: 13.75%;}

.doc .box1 .page_list2.logo dd.thr img { width: 24em;}
}

@media screen and (max-width:1024px){
body{ font-size:14px}

.soon.flex { display: block;}
.soon .xi { font-size: 11em; display:block; text-align: center;}
.soon .tt { text-align:center;}
.soon .tt .t1 { font-size: 2em;}

#contents .sub_nav_control .list { flex-wrap: wrap;}
#contents .sub_nav_control .list > li { flex: 1 1 50%;}
#contents .sub_nav_control .list .home { display:none;}

.main_etc .box0 { padding: 0em;}
.main_etc .wrap_in { height: 40em;}
.main_etc .wrap_in .wrap_bg { border-radius: 0 !important;}
.main_etc .wrap_in .wrap_con .in { margin-top: -15em;}
.main_etc .wrap_in .btn { right: 43%; bottom: 7em;}
.main_etc .wrap_in .btn { width: 11em;height: 11em;}
.main_etc .wrap_in .btn .con .t1 { font-size: 1.25em;}

#footer {  margin-top: 0em;}
.doc { padding-bottom: 8em;}

.sub-tab-list-style2 .clearfix > li { width: 100% !important;}

.div-container01 { width:100%; overflow:auto;}
.div-container01 .divCon01 {display: block; width: 850px;}
.div-container01.grap .divCon01.grap { width: 500px;}

.mypageCal .calendar .col .content { padding: 1em 1.5em;}

.doc .box1 .page_list2.logo dd.fir,
.doc .box1 .page_list2.logo dd.sec,
.doc .box1 .page_list2.logo dd.thr,
.doc .box1 .page_list2.logo dd.four { padding: 1em;}

.doc .box1 .page_list2.logo dd.fir { width: 30%;}
.doc .box1 .page_list2.logo dd.sec { width: 55%;}
.doc .box1 .page_list2.logo dd.thr { width: 41%;}
.doc .box1 .page_list2.logo dd.four { width: 46%;}

.doc .box1 .page_list2.logo dd.four img,
.doc .box1 .page_list2.logo dd.thr img,
.doc .box1 .page_list2.logo dd.sec img { width: 100%;}

.grIntro .introTit .t1 {font-size: 2.5em;}

}

@media screen and (max-width:900px){
/* .noM {display:none;} */

#headerQ .all_wrap .wrap_in .gnb > li { flex: 1 1 33%;}
/* #headerQ .all_wrap .bg { height: 280vh;} */
#headerQ .all_wrap .wrap_in { height: auto;}

#contents .sub_visual .wrap_con .slogan_wrap .dp2_wrap .gnb { display:none;}
#contents .sub_visual .wrap_con .slogan_wrap { padding-top: 1em;}

.main_news .list > li { width: 33.333%;}

.main_etc .wrap_in .btn { right: 40%; bottom: 7em;}

.main_link .wrap_con .box0L { display: block;padding:0 2em;}
.main_link .wrap_con .box0L .mainLinkSlide { position: relative; z-index: 999;}
.main_link .wrap_obj.a1 { left: 91%;top: 45%;width: 5em;}
.main_link .wrap_obj.a2 { right: 2%;top: 15%;width: 20em;}
.main_link .wrap_con .box0L > .mainLinkSlide > .swiper-wrapper { display:block;/*flex-wrap: wrap;*/}
.main_link .wrap_con .box0L .mainLinkSlide .el { width: 100%; height: auto;margin-top: 1em;}
.main_link .wrap_con .box0L .scrollS { display:none;}
.main_link .wrap_con .box0L .mainLinkSlide .wrap_in.w1 { width: 48.5%;}
.main_link .wrap_con .box0L .mainLinkSlide .el .control.w1 { width: 9em;}
.main_link .wrap_con .box0L .mainLinkSlide .el .control { left: 75%;}
.main_link .wrap_con .box0L .mainLinkSlide .el .swiper-slide.st1 { display: block;}
.main_link .wrap_con .box0L .mainLinkSlide .el .swiper-slide.st1 > * { width: 70%;}

.main_data .box0L { display:block;padding-left: 2em;padding-right: 2em;}
.main_data .wrap_search { width: 100%;margin-right: 0;padding-top: 2em;padding-bottom: 2em;}

.layout2 #contents .layout2_wrap { display: block;}
.layout2 #contents .layout2_wrap .layout2_lnb { border-right: 0px dashed #ddd;width: 100%; padding: 2em 2em 1em;}

.mypage_box.my .box_con { padding: 1.5em;}

.board_masonry > li { width: 33.3333%;}
.board_cate > li { width: 33.333%;}

.gree_con .g_t { display: block;}
.gree_con .g_t .g_right { margin-top: 2em; height: 15em;}
.gree_con.out .g_t .g_right.pad01 { height: 15em;}
.about .gree_con .g_t .g_right{height:0em; margin-top: 0em;}
.about .gree_con .g_t .g_right > img,
.about .gree_con .g_t .g_left > img {display:none;}
.about .gree_con .g_t:last-child { padding: 2em 0em 0 0em;}

.table_st td ul { padding: 0 0em;}
.board_search_detail .wrap_con { padding: 1em 1em 0.5em;}

.process { display: block;}
.process > li { width: calc(100%) !important;margin-bottom: 1em !important;}
.process > li::after {display:none;}
.progMany .process > li:nth-child(5),
.progMany .process > li:nth-child(6),
.progMany .process > li:nth-child(7),
.progMany .process > li:nth-child(8) { margin: 0em 0 1em;}
.progMany .process > li:nth-child(8)::before {display:none;}

.se_pad { padding: 1em 0;}

.sub_tit .t3 { font-size: 1.1em;}
.sub_tit .t4 { font-size: 1em;}
.rule_box .rule_ttl { font-size: 1em;}

.doc .box1 .page_list2.logo { display: block;}

.doc .box1 .page_list2.logo dd.fir,
.doc .box1 .page_list2.logo dd.sec,
.doc .box1 .page_list2.logo dd.thr,
.doc .box1 .page_list2.logo dd.four { width: 90%; margin:0 !important;}

.doc .box1 .page_list2.logo dd.fir,
.doc .box1 .page_list2.logo dd.thr { border-right: 0px solid #ddd;}


.dp1_deptC.dp2_apply .formApply_view {background: unset;}
.dp1_deptC.dp2_apply .form_lab {display: block;}
.dp1_deptC.dp2_apply .form_lab .lab_tit {width: 100%;}
.dp1_deptC.dp2_apply .form_lab .lab_con {padding: .5em;}
.dp1_deptC.dp2_apply .form_lab .lab_con .max1 {max-width: 100%;}
.dp1_deptC.dp2_apply .form_lab .lab_con .w50 {width: 100%;}
.w_300 { width: 25%;}

}

@media screen and (max-width:830px){
.box1.cal .calendar .days li { padding: 0.25em;  height: 3.5em;}
.volun.flex_table > li .wrap_in .cell.c_img { width: 15em;}

.mbBlock { display:block;}
.mbHide { display:none;}
}

@media screen and (max-width:780px){
#contents .sub_tab .gnb .dp3 { flex-wrap: wrap;}
#contents .sub_tab .gnb .dp3 > li { flex: 1 1 50%;}
#contents .sub_tab .gnb .dp3 > li > a { display: block;}

#footer .sitemap .gnb > li { padding: 0 0.25em;}

.main_news .list > li { width: 50%;}
.main_etc .wrap_in .btn { right: 37%; bottom: 7em;}
.main_etc .wrap_in .wrap_con .t2 { font-size: 1.1em;}

#contents .sub_nav_control .list > li:hover .navWrap,
#contents .sub_nav_control .list > li.on .navWrap{}
	
.mypage_box .box_con.p1 { padding: 0.5em 0.5em;}
.mypage_box .link { display: block;}
.tt_cate { min-width: 6em;}
.w_tit { width: 10em;}
.w_date { width: 6em;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}

.box1.cal { width: 100%;}
.box1.cal .calendar { border-radius: 0;}
.box1.cal .calendar h1, .box1.cal .calendar h2 { font-size: 2.2em;}
.box1.cal .calendar .leftCol h1 { margin-bottom: 1.2em;}

.div-container03 { width:100%; overflow:auto;}
.div-container03 .divCon03 {display: block; width: 700px;}

.w_no,
.w_cate,
.w_name,
.w_date,
.w_hit {display: none;}

.board_performance > li .wrap_in .img_wrap .resize {padding-bottom: 50%;}

.page_col > .tit .t1 *{display: inline;}
.page_col > .tit .t1 br{display: none;}



}

@media screen and (max-width:700px){


#contents .sub_nav_control .list > li .navWrap { width: 100%;}
#contents .sub_nav_control .list > li .navBtn:hover { position: relative; z-index: 999;}
#contents .sub_nav_control .list > li .navBtn .tt {position: relative;z-index: 0;}
#contents .sub_nav_control .list > li .navBtn:before { width: 0px;}
#contents .sub_tab .gnb .dp3 > li > a {  padding: 0.5em 1.5em;}
#contents .sub_nav_control .list > li:hover .navWrap, #contents .sub_nav_control .list > li.on .navWrap {z-index: 99;}

.board_search { display: block;}
.board_search .total { justify-content: start;}
.board_search .search { display: block;margin-top: 2em;}
.board_masonry > li { width: 50%;}

.about .sub_tit .t5 { display:none;}
.about .gree_bg { height: auto; }
.about .gree_bg .g_bg_t{ padding: 2em 1.5em 7em;}
.about .sub_tit .t3 { font-size: 1em;}

.box1.cal .calendar .days li { width: 13.7%;}
.box1.cal .calendar .months li { width: 7.6%;}
.box1.cal .calendar .col.rightCol .content { padding: 2em 1em;}

.prod_tab_wrap .list_tab li { width: 100%;}
.prod_tab_wrap .list_tab { display: block;overflow: hidden;}

.div-container02 { width:100%; overflow:auto;}
.div-container02 .divCon02 {display: block; width: 699px;}

.map_info1 .t1 span {font-size: 1em;}
.map_info1 { border-radius: 0 0 0 0em; padding: 1.5em;}

.history_bgw { border-radius: 0em;}

.rule_wrap { padding: 0em 0 0.5em;}
.rule_wrap .textarea_box .rule_top { padding: 0.5em;}
.rule_wrap .textarea_box .rule_box { padding: 1.5em 0.5em;}

.board_performance > li .wrap_in .con_wrap { padding: 1em;}
.board_performance > li .wrap_in .con_wrap .t1 { font-size: 1.25em;}
.board_performance > li .wrap_in .img_wrap .more { padding: 0.5em;}

.search_box .sech_con { flex: 1 1 100%;}

.mypage_box .total { display: block;}
.mypage_box .total > li .wrap_in { padding: 0.5em;}

.search_box .sech_con .sech_left {width: 20%;}
.search_box .sech_con .sech_left p {text-align: center;}
.search_box .sech_con .sech_right {width: 100%;}
.search_box .sech_con .sech_right label {width: 100%;}
.search_box .sech_con .sech_right label .input_st {width: 100%;}

.dp2_volunteer.dp2_volunteer .table_st tbody th { width: 100px;}

.grWrap {position: relative; background: #3d251f;}
.grWrap .grUtil {position: absolute; height: 17em; width: 100%;}
.grWrap .grUtil .wrap_in {padding: 1em; gap: 1em 0;}
.grWrap .grUtil .logo {width: 60%; margin: 0 auto;}
.grWrap .grUtil .figureListWrap .subject .t1 {font-size: 1.05em;}
.grWrap .grUtil .figureListWrap .figureList {height: 5em; min-height: 3em;}


.gr-gallery .figure iframe { width: 500px !important; height: 500px !important;}
.gr-gallery .figure {top: 250px !important;}
.load .grIntro {display: none;}
.gr-gallery nav span.gr-prev .img,
.gr-gallery nav span.gr-next .img {display: none;}
.grIntro .introTit .t1 {font-size: 2.5em; text-align: center;}

}

@media screen and (max-width:600px){
.box0 { padding: 0 1em;}
.noM_2 { display:none;}

#footer .sitemap { display:none;}
#footer .info_wrap .box0 { display: block;}
#footer .info_wrap .box0 .menu_wrap { margin-top: 3em;}

.main_etc .wrap_in .btn { right: 34%; bottom: 7em;}
.main_etc .wrap_in .wrap_con .t1 { font-size: 1.6em;}

.main_link .wrap_con .box0L { padding:0 1em;}
.main_link .wrap_con .box0L .mainLinkSlide .wrap_in.w1 { width: 100%;}
.main_link .wrap_con .box0L .mainLinkSlide .wrap_in.h1 { height: 13em;}
.main_link .wrap_con .box0L .mainLinkSlide .wrap_in.h1.hack {/* height: 20em;*/}
.main_link .wrap_con .box0L .mainLinkSlide .wrap_in .bg { border-radius: 1em;}
.main_link .wrap_con .box0L .mainLinkSlide .wrap_in.c1 .bg { border-radius: 1em;}
.main_link .wrap_con .box0L .mainLinkSlide .wrap_in.c2 .bg { border-radius: 1em;}
.main_link .wrap_con .box0L .mainLinkSlide .wrap_in.c3 .bg { border-radius: 1em;}
.main_link .wrap_con .box0L .mainLinkSlide .el .swiper-slide .layer { border-radius: 1em;}
.main_link .wrap_con .box0L .mainLinkSlide .el .swiper-container, .main_link .wrap_con .box0L .mainLinkSlide .el .swiper-wrapper, .main_link .wrap_con .box0L .mainLinkSlide .el .swiper-slide { height: 100%; border-radius: 1em;}

.main_data .box0L { padding-left: 1em;padding-right: 1em;}
.main_data .wrap_search { padding-top: 1em;padding-bottom: 1em;}
.main_data .wrap_search .search .inp { border-radius: 1em;}
.main_data .wrap_con .notice { display:block;}
.main_data .notice { height: 5em; padding: 1em 2em; border-radius: 1em;}
.main_data .wrap_con .mainNoticeSlide_control { height: 3em;display:none;}
.main_data .wrap_con .mainNoticeSlide .el .in .date { margin-left: 0.5em;}

.visualSlider_wrap .name .t1 { padding-left: 3em;}
.visualSlider_wrap .slogan .t1 { font-size: 2.3em;}

.layout2 #contents .layout2_wrap .layout2_con .doc { padding: 2em 1em 8em 1em;}
.layout2 #contents .layout2_wrap .layout2_lnb { padding: 2em 1em 1em;}
.w_tit { width: 8em;}

.board_table .w_cate { width: 4em;}
.board_table .w_cate2 { width: 4em;}
.board_table th, .board_table td { text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.dp1_deptC.dp2_apply .board_table th,
.dp1_deptC.dp2_apply .board_table td {text-overflow: unset; white-space: unset; font-size: 0.86em;}
.board_table .rFaq th, .board_table .rFaq td { text-overflow: clip;white-space: break-spaces;}

.w_300 {width: 27%;}

.myinfo_wrap .myinfo_con .tit { width: 7em;}

/*.page_tbl_wrap.in_St .response.sub1_2_st th { width: 6em;}*/

.volun.flex_table > li .wrap_in { display: block;}
.volun.flex_table > li .wrap_in .cell.c_img { width: 100%;margin-bottom: 1.5em;}

.role_wrap .role_list > li .role_left .sub_tit .list_t {  font-size: 2em;}
.role_wrap .role_list > li .role_left .sub_tit ul > li { font-size: 1em; justify-content: start;}
.role_wrap .role_list > li { padding: 2em 1em;}

.board_viewT .info { display: block;}
.board_viewT .info > li { margin: 0.25em 0;}

.history_bgw .line_wrap { height: 6em;}
.history_bgw .txt_wrap .en { font-size: 1.7em;padding-bottom: 0;}
.history_bgw .txt_wrap .kr { font-size: 1.1em; display:none;}
.sub_history_wrap .sub_history > li .history .year { font-size: 2em;}
.sub_history_wrap .sub_history > li { margin-top: 0em;}
.sub_history_wrap .sub_history > li:first-child { margin-top: 2em;}

.flex_table > li .wrap_in {display: block;}
.flex_table > li .wrap_in .cell.c_img {width: 100%; margin-bottom: 1em;}
.flex_table > li .wrap_in .cell.c_grow {width: 100%;}

}

@media screen and (max-width:540px){
#contents .sub_visual .wrap_con { height: 10em;}
#contents .sub_visual .wrap_con .slogan_wrap { padding-top: 0;padding-bottom: 1em;}
#contents .sub_tit_wrap .tit { font-size: 1.57em;}
#contents .sub_visual .wrap_con .slogan_wrap .slogan .t1 {font-size: 1.71em;}

.main_link .wrap_con .box0L .mainLinkSlide .el .control { left: 65%;}

.mypage_box .board_table .w_cate { width: 4em;}
.mypage_box .board_table .w_tit { width: 4em;}
.mypage_box .board_table .w_date { width: 3em;}

.gree_con.out .sub_tit .t2 .overTop { display:none;}
.g_line { height: 1px; margin: 1em 0 1.5em;}

.page_step_wrap .step > li .in { min-width: 5em; padding: 0 1em;}

.box1.cal .calendar .days li { width: 13.6%;}
.box1.cal .calendar .months li { width: 7.5%;}

.board_performance > li .wrap_in .con_wrap .t1 { font-size: 1.1em;}

.mypage_box .chartWrap { padding-bottom: 48%;}

.gr-gallery .figure iframe { width: 400px !important; height: 400px !important;}

}

@media screen and (max-width:500px){
#headerQ .all_wrap .wrap_in .in { padding: 1em;}
	
#contents .sub_nav_control .box0 { padding: 0 0em;}
#contents .sub_tit_wrap { height: 7em;}
#contents .sub_tab .gnb .dp3 > li > a .va { font-size: 0.86em;}
#contents .sub_nav_control .list > li { flex: 1 1 100%;}
	
.main_etc .wrap_in .btn { right: 32%; bottom: 6em;}

/*.mypage_box .total { display: block;}*/
.mypage_box:not(:first-child) { overflow: hidden;}
.mypage_box .total > li .wrap_in { padding: 1em;}
.chartWrap .chartObj.grow { margin-top: 2em;}
.chartWrap { width: 100%; overflow: auto;}
.chartWrap .chartObj { width:23em;}
.chartWrap .chartObj.w1 { width:23em;}

.board_search .search { margin-top: 0em;}
.board_search .search > label { width: 100%;}
.board_search .search .input_st { width: 100%; margin-top: 0.5em;}
.board_pg { margin-top: 2em;}
.board_cate > li { width: 50%;}

.page_list2 { padding: 1em;}
.page_col .page_tit { margin-bottom: -0.25em;}
.page_tit .tt { font-size: 1.3em;}
.page_list2 > dt { font-size: 1.2em; padding-bottom: 0.5em;}
.page_col { margin-top: 2em;}

.about .sub_tit .t2 { font-size: 1.4em;}
.about .sub_tit .t2 br{display: none;}

.board_viewT .vTit { font-size: 1.2em;}

/*BOARD*/
.board_search,
.board_search .search { display: block;}
.board_search .total { justify-content: flex-start;}
.board_search .search .input_st { margin-top: 0.5em;}
.board_search .search label,
.board_search .search .input_st,
.board_search .search .select,
.board_search .search .inp { width: 100%;} 

}

@media screen and (max-width:460px){ 
.noM_3 {display:none;}

.soon .tt .t1 {font-size: 1.7em;}
.soon { height: 50vh;}

html:not(.pop) body { padding-left: 0em;}

#headerQ .quick_wrap { width: 22em;}
#headerQ .fix_wrap { background: none;transition:.3s;}
#headerQ .mem_wrap { background: #fff;padding: 0.5em 0.4em 2em;border-radius: 2em;transition:.3s;}
#headerQ .fix_wrap:before { width: 0px;transition:.3s;}
#headerQ .quickBtn {width: 3.5em;line-height: 3.5em; border-radius: 0%;}
#headerQ .quickBtn { left: 2.5em;}
/*#headerQ .quickBtn { bottom: -1em;}*/
#headerQ .quickBtn {bottom: 16em;width: 5em;border-radius: 0 1.75em 1.75em 0;}
/*#headerQ .goTop{ margin-bottom: 5em;}*/
#headerQ .goTop {margin-bottom: 13em; width: 5em;border-radius: 0 1.75em 1.75em 0;}
#headerQ .mem_wrap {display:none;}
.scroll #headerQ .allBtn { background: #fff;color: #193988;border-right: 1px solid rgba(0,0,0,.05);transition:.3s;}
.scroll #headerQ .quickBtn { bottom: 4em;transition:.3s;}
.scroll #headerQ .goTop{ margin-bottom: 1.75em;transition:.3s;}
#headerQ .quick_wrap .logo { margin-left: 1em;}
#headerQ .all_wrap .wrap_in .gnb{gap: 0 1em;}
#headerQ .all_wrap .wrap_in .gnb > li { flex: 1 1 50%;}
/* #headerQ .all_wrap .bg {height: 380vh;} */

#headerQ.quickOn { width: 25em;transition:.3s;}
#headerQ.quickOn .fix_wrap { background: #fff;transition:.3s;}
#headerQ.quickOn .fix_wrap:before { width: 1px;transition:.3s;}
#headerQ.quickOn .mem_wrap {display:block;}

#contents .sub_nav_control .list > li .navBtn { padding-right: 3em;}
#contents .sub_nav_control .list > li .navWrap .gnb { padding: 0.5em;}
#contents .sub_nav_control .list > li .navBtn .tt{font-size: .928em;}

#footer .info > li { margin-bottom: 0.5em;}
#footer .info > li:before { width: 0px;}
	
.main_news .list > li { width: 100%;}
.main_news .list > li .wrap_in:before { border-radius: 1em;}

.main_data .notice { padding: 1em;}

.main_link .wrap_con .box0L .mainLinkSlide .el .swiper-slide.st1 > * { width: 80%;}
.main_link .wrap_con .box0L .mainLinkSlide .this .wrap_pd { padding: 2em 0em 4em 2em;}

.mypage_box.my .box_con { padding: 1em;}

.gree_bg.out { display:none;}
.gree_con .g_t { padding: 0em 1em 6em 1em;}
.gree_con.out .sub_tit .t2 { text-align: center; font-size: 1.8em;}
.gree_con.out .sub_tit .t2 .v_base { font-size: 1em;}

.gree_con.out .sub_tit .t2 { font-size: 1.35em;}

.member_wrap .member_form { padding: 1.5em 1em;}

.gr-gallery .figure iframe { width: 350px !important; height: 350px !important;}

.rule_box .rule_ttl{font-size: 0.93em;}


}

@media screen and (max-width:400px){	
html:not(.pop) body {  padding-left:0;}
.headerH { height: 3.5em; }
.logoW { margin: 0em 0;width: 17em;}

.main_etc .wrap_in .btn { right: 30%; bottom: 6em;}

.main_link .wrap_con .box0L .mainLinkSlide .el .control { left: 55%;}
.main_link .wrap_con .box0L .mainLinkSlide .el .board_st .data { width: 4em; }

#headerQ { width: 3.5em;}
#headerQ.quickOn { width: 23.5em;}
#headerQ .fix_wrap { width: 3.5em;}
#headerQ .allBtn { height: 3.5em;}
#headerQ .quickBtn { width: 3em; line-height: 3em;}
#headerQ.quickOn .quick_wrap { transform: translateX(3.5em);}
#headerQ .quick_wrap .wrap_in { gap: 1em 0;}
#headerQ .quickBtn { width: 3.5em;line-height: 3.5em;}
#headerQ .quickBtn { left: 1.7em;}
#headerQ .goTop { width: 3.5em;}
#header .box0 { padding: 0 0em;}
.logoW { width: 15em;}
.scroll #headerQ .quickBtn { bottom: 4em;transition:.3s;}
.scroll #headerQ .goTop{ margin-bottom: 1.75em;transition:.3s;}
#headerQ .all_wrap .wrap_in .gnb > li .dp1 .va{ padding: 0 1em; font-size: 0.925em;}
#headerQ .all_wrap .wrap_in .gnb > li .dp1 .va > *{display: inline;}

#contents .sub_tab .gnb .dp3 > li > a { padding: 0.5em 1em;}
#contents .sub_nav_control { top: 3.5em;}

.visualSlider_control { margin-top: 2em;}
.visualSlider_wrap .slogan .t1 { font-size: 2em;}
.visualSlider_wrap .slogan { margin-top: 1em;}
.visualSlider_wrap .slogan .t2 { font-size: 1.1em;}
.visualSlider_wrap .name .t1 { padding-left: 2em;}

.main_etc .wrap_in .wrap_con .t2 { margin-top: 1.75em;}

.layout2 #contents .layout2_wrap {margin-top: -2em;border-radius: 2em 2em 0 0;}
.layout2 #contents .layout2_wrap .layout2_lnb { padding: 2em 0em 1em;}
.layout2 #contents .layout2_wrap .layout2_con .doc { padding: 1em 0em 6em 0em;}

.board_masonry > li { width: 100%;}
.w_faq { width: 2em;}

.headerT { padding-top: 3.5em;}

.board_table .w_cate { width: 0em;}



}

@media screen and (max-width:360px){
#headerQ { height: 100%;}
#headerQ.quickOn { width: 22em;}
#headerQ .quick_wrap { width: 18em;}
#headerQ .quick_wrap .link .list > li { width: 50%;}
#headerQ {width: 4.5em;}
#headerQ.quickOn { width: 20.5em;}
#headerQ .quick_wrap .logo { margin-left: 0em;}



.main_link .wrap_obj.a1 { left: 74%;top: 45%;width: 5em;}
.main_link .wrap_obj.a2 { right: 13%;top: 15%;width: 20em;}
.main_link .wrap_con .box0L .mainLinkSlide .el .control { left: 50%;}

.main_etc .wrap_in .btn { right: 26%; bottom: 6em;}

.layout2 #contents .layout2_wrap { margin-top: 0em;}
.board_table .w_date { width: 4em;}

.mypage_box .board_table .w_cate { width: 4em;}
.mypage_box .board_table .w_tit { width: 4em;}
.mypage_box .board_table .w_date { width: 3em;}
.mypage_box .total > li .wrap_in .tit .t1 { font-size: 1.1em;}
.mypage_box .total > li .wrap_in { padding: 0.5em;}
.board_search_detail .wrap_tit { left: 0.5em;}

.unInfo .mypageP .idx .board_search_detail .list .pd1 { padding: 1em 0 !important;}
.input_st { padding: 0.5em 1em;}
}

@media screen and (max-width:300px){
.logoW { width: 15em;}

#headerQ .quick_wrap { width: 17em;}
.headerL { padding-left: 4em;}

.main_link .wrap_obj.a1 { display:none;}
.main_link .wrap_obj.a2 { display:none;}
.main_link .wrap_con .box0L .mainLinkSlide .el .control { left: 48%;}

.w_tit { width: 7em;}
.main_etc .wrap_in .btn {right: 23%;}
}

@media screen and (max-width:280px){

}

@media all and (orientation:landscape){

}