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

.res { display:none } 

@media screen and (max-width:1680px) {.box2 { width:95% } 

.tri-circle > li .in { width: 20vw; height: 20vw; } 
 }

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

#header .top_wrap .gnb_wrap { max-width: 85vmin; } 
#header .top_wrap .gnb_wrap .gnb > li > .dp1 .va .tt { font-size: 1.125em; } 
}

@media screen and (max-width:1400px) {.res.w1400 { display: block } 

#header .top_wrap .logo { height: 2.3em; } 
#header .top_wrap .etc_wrap .mem_memu > li > a { padding: 0 1em; } 
#header .top_wrap .all_wrap .allBtn { width: 3.5em; height: 3.5em; } 
/* #header .top_wrap .gnb_wrap { max-width: 80vmin; } */

#contents .pageTopWrap .wTop .wrapF { gap: 1em 2.5em; } 
.pgSearch .searchKey { gap: 1em; } 
.pgSearch .searchKey .tit { gap: 1em; } 
.pgSearch .searchKey .list { gap: 0 .5em; } 
.mainTopCon .conW { gap: 2.5em; } 

#contents .subGnb .gnb > li.on .dp2 > li > a .va .tt { font-size: 1.125em; } 

/* */
.tri-circle > li .tt_en { font-size: 1.25em; } 
.tri-circle > li .t1 { font-size: 1.3em; } 
}

@media screen and (max-width:1380px) {.boxSub { width: 95%; } 
 }
@media screen and (max-width:1280px) {.res.w1280 { display: block } 
body { font-size:15px } 

}

@media screen and (max-width:1200px) {#header .top_wrap .wrapF { justify-content: space-between; } 
#header .top_wrap .gnb_wrap { display: none; } 

#contents .pageTopWrap .wTop .wrapF { flex-wrap: wrap; gap: 3em 2.5em; } 

.mainVisualSlideWrap { width: 100%; } 
.businessSlide .el { width: 20%; } 

.mainTopCon { margin-top: 3em; } 

.main_layout { flex-wrap: wrap; gap: 2em; } 
.main_layout .left { width: 100%; } 
.main_layout .left .main_title_wrap { margin: 1em 0 1em; } 
.main_title_wrap .tit2 br { display: none; } 

.reserve_btn { display: flex; gap: .5em; } 
.reserve_btn li { margin-bottom: unset; width: 12em; } 
.reserve_list li:last-child { display: none; } 

.main_archive .archive_cat { bottom: unset; left: unset; z-index: 0; right: 10%; } 

.main_notice .notice_tab { flex-direction: unset; } 
.main_notice .notice_tab li .plus::before { width: 1px; height: 4em; right: 1.2em; } 
}

@media screen and (max-width:1100px) {.infographic_wrap .infographic_group { width: 100%; } 
 }
@media screen and (max-width:1024px) {.res.w1024 { display: block } 
body { font-size:13px } 

.ps { margin-top: 6vmin !important; } 

#header .top_wrap .etc_wrap .mem_memu { display: none; } 

#docbar { display:block; } 

#footer .wrapF { gap: 1.5em; } 
#footer .logo_wrap { flex-wrap: wrap; gap: 1.5em; } 
#footer .menu_wrap { width: 100%; margin: unset; } 

/* sub */
#contents .subTab .gnb .dp2 > li.on .dp3 > li > a { padding: 0 1.5em; } 

.infographic_wrap .infographic_group .item { width: 13em; height: 13em; } 
.project_detail li .img { height: 15em; } 

.myInfoWrap { flex-wrap: wrap; } 
.myInfoWrap .wrapR { width: 100%; margin-top: 1em; } 

.ci_layout { flex-wrap: wrap; } 
.ci_layout .img { width: 100%; } 

.certconBox .mjinfo { width: 100%; } 
.certconBox .mjImg { display: none; } 

html.pop .popWrap.st2 { max-width: 70vw; } 


 /*BOARD*/
.board_st.list td.w_tit > a { display:inline !important; white-space:normal !important; vertical-align:baseline; color:#000; font-weight:500; } 
.board_st.list td.w_tit > a ~ .board_icon { display:inline; vertical-align:baseline; } 

.board_table thead,
.board_table .w_name,
.board_table .w_hit,
.board_table .w_date { display:none; } 

.galleryView { flex-wrap: wrap; gap: 3em; } 
.galleryView .wrapImg { width: 96%; margin: 0 auto; } 
.galleryView .wrapCon { flex: 1 100%; } 
.galleryView .wrapCon .titW .t1:after { display: none; } 

.board_gallery.d1 { --boardGallL : 4; --boardGallG : 1em; } 

.board_gallery.st1 .wrap_in { flex-wrap: wrap; gap: 2em; } 
.board_gallery.st1 .wrap_in .img_wrap { width: 100%; } 
.board_gallery.st2 .wrap_in { flex-wrap: wrap; } 
.board_gallery.st2 .wrap_in .img_wrap { width: 100%; } 
.board_gallery.st2 .wrap_in .con_wrap .tt1 { min-height: 3em; } 

.swiperBtn.ab.prev { left: 2%; } 
.swiperBtn.ab.next { right: 2%; } 
.swiperBtn.s2 { font-size: 2em; } 

.D_table .Dtab_tit { width: 100%; } 
.D_table .Dtab_top .line { display: none; } 

/* 회사연혁 */
.history-list > li { padding-bottom: 6rem; } 
.history-list > li::before { left: 35px; right: auto; } 
.history-list > li > dl { padding-left: 0; width: 60%; } 
.history-list > li > dl > dt { padding-right:0; padding-left: 60px; right: auto; position: relative; } 
.history-list > li > dl > dd { position: relative; margin-left: 0 !important; padding-left: 60px; margin-right: auto; } 
.history-list > li:nth-child(odd) > dl { padding-right: 0; padding-left: 0; } 
.history-list > li:nth-child(odd) > dl > dt { left: auto; text-align: left; } 
.history-list > li:nth-child(odd) > dl > dd { text-align: left; } 
.history-list > li > dl > dt::before { right: auto !important; left: 30px !important; } 
/* .history-list > li:nth-child(odd) > dl > dt::before { right: auto; } */

/*대관 신청*/
.applyWriteW{ flex-direction: column;}
.applyWriteW .w1{ position:relative; width: 100%; top: 0;}

}
@media screen and (max-width:900px) {.dp1_mypage #contents .subGnb .gnb > li.on .dp2 { flex-wrap: wrap; } 
.dp1_mypage #contents .subGnb .gnb > li.on .dp2 > li { width: 33.3%; } 
.dp1_mypage #contents .subGnb .gnb > li.on .dp2 > li > a:before { border-radius: var(--pgRd); } 
 }
@media screen and (max-width:820px) {.db820 { display: block; } 

#header .all_wrap .all .allconWrap .all_gnb .gnb > li { flex: 1 1 40%; max-width: 39%; } 

.vision_wrap .vision3 .list-item { padding: 30px 20px; } 

.reserve_list { flex-wrap: wrap; gap: 1em; } 
.reserve_list li { flex: 1 46%; } 
.page_twrap:not(:first-child)
/* sub */
#contents .pageTopWrap .wTop .wrapF { gap: 0em 2.5em; } 
#contents .subSearchW { display: none; } 
#contents .subGnb .gnb > li.on .dp2 > li { width: unset; flex: 1; } 
.dp1_mypage #contents .subGnb .gnb > li.on .dp2 > li { flex: unset; } 
#contents .subGnb .gnb > li.on .dp2 > li > a .va .tt { font-size: 1.125em; } 
#contents .pageTopWrap .wTop .wrapF { gap: 2em 2.5em; } 
#contents .subTit { min-height: 6em; } 

.page_twrap { flex-wrap: wrap; } 
.page_twrap .wrap_tit { width: 100%; margin-right:unset; } 
.page_twrap .wrap_con { flex: 1 100%; } 

.tri-circle { gap: 1em; } 
.tri-circle > li .in { width: 100%; height: unset; border-radius: 1em; position: relative; padding: 2em 0; } 
.load .tri-circle > li:nth-child(1),
.load .tri-circle > li:nth-child(2), 
.load .tri-circle > li:nth-child(3) { opacity: 1; transform: unset; } 
.tri-circle > li:nth-child(1) .in { right: unset; top: unset; transform: unset; } 
.tri-circle > li:nth-child(2) .in { left: unset; top: unset; transform: unset; } 
.tri-circle > li:nth-child(3) .in { left: unset; top: unset; transform: unset; } 

.div-container { width:100%; overflow:auto; /*white-space:no-wrap; */ } 
.div-container .divCon1 { display: block; width: 710px; } 
}

@media screen and (max-width:700px) {
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li > a:before { top: 13px; } 

#contents .pageTopWrap .wTop .wrapF { flex-wrap: wrap; } 

.businessSlide .el { width: 33.3%; } 

.vision_wrap .vision { padding: 30px 20px; } 
.vision_wrap .vision2 { flex-wrap: wrap; } 
.vision_wrap .vision2 li { flex: 1 46%; } 
.vision_wrap .vision_arrow img { width: 40%; } 
.vision_wrap .vision3 { gap: 1em; flex-wrap: wrap; justify-content: center; } 
.vision_wrap .vision3 .list-item { padding: 25px 10px; width: 42%; } 

.archiveSlide .el { width: 50%; } 

.main_notice .right { display: block; } 
.main_notice .notice_wrap .idx { flex-wrap: wrap; } 
.notice_wrap .noticepoint { width: 100%; } 
.main_notice .news_con { width: 100%; margin: 4em auto 0; background: #dfe4ff; padding: 4em 0; border-radius: 1em; overflow: hidden; } 
.main_notice .news_con .in { padding: unset; width: 280px; margin: 0 auto; } 
.main_notice .news_con .in .data { top: -4%; left: -4%; } 
.main_notice .news_con .in .news_img { height: unset; } 

.archive_wrap { flex-wrap: wrap; } 
.archive_wrap .tab_wrap { width: 100%; } 
.archive_wrap .archive_tab { display: flex; align-items: center; } 
.archive_wrap .archive_tab li { flex: 1; padding: .5em; } 
.archive_wrap .archive_con { padding: 1em; } 

/* sub */
.login_wrap .login_tit.flexR { flex-wrap: wrap; } 
.login_wrap .login_tit .t1 { width: 100%; text-align: center; } 
.stepSt { width: 100%; justify-content: center; } 
.login_wrap .login { padding: 2em; } 
.login_wrap.w1 { width: 95%; } 
.pgLine.m2 { margin: 1.5em 0; } 

.form_lab { flex-wrap: wrap; } 
.form_lab .lab_tit { width: 100%; } 
.form_lab .lab_con .max1 { max-width: 100%; } 

.authList > li { max-width: calc(90% - .5em); } 

.parent_list li { flex-wrap: wrap; } 
.parent_list li .left_img { width: 100%; } 
.parent_list li .right_t > .flex { flex-wrap: wrap; gap: 1em; } 
.parent_list li .right_t .tit { width: 100%; } 

.map_list > li { flex: 1 48%; text-align: left; } 
.map_list > li .in { padding: 1em; border: 1px solid #ddd; } 
.map_list .page_txt > .ico + * { margin-bottom: 10px !important; } 

.board_info { flex-direction: column; padding: 1.5em; gap: 1.5em; } 
.board_info .left_icon { width: 17%; } 

/* board */
.board_gallery.d2 { --boardGallL: 3; } 
.form_lab .lab_tit,
.form_lab .lab_con { min-height: 2.2em; } 
.form_lab .lab_con { padding: 0 1em; } 

/* sub */
.sub_title.mb30 { margin-bottom: 1em !important; } 

.D_table { margin-top: 1em; } 
.D_table .Dtab_con { padding: 1em; } 
.D_table .Dtab_con .D_info { flex: 1 1 27%; padding: 1.5em; } 
.D_table .Dtab_tit { font-size: .928em; } 
.D_table .Dtab_tit .big { display: inline; } 

.D_table .Dtab_con .D_info li { flex: 1 1 26%; } 
.safety2_con3 .con3_list { gap: 1.8em 1.5em; } 
.safety2_con3 .con3_list > li .num { top: -28%; } 

.safety2_con3 .con3_list { flex-direction: column; } 
.safety2_con3 .con3_list > li { flex: 100%; max-width: 100%; } 

.CouselDiv .CouselItem { gap: 0.5em; } 
.CouselDiv .CouselItem .csTxt { padding: 1.5em; } 

/* 회사연혁 */
.history-bg .txt-wrap { padding: 0 3em; box-sizing: border-box; } 
.history-bg .txt-wrap > .tt { font-size: 2em; } 
.history-list > li > dl { width: 100%; } 
.history-list > li > dl > dt.year { font-size: 2.25em; padding-left: .8em !important; } 
}

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

#header .all_wrap .all .allconWrap .all_gnb .gnb > li { flex: 1 1 100%; max-width: 100%; border-width: 0 0px 1px 0; } 

/* sub */
#contents .subTab .gnb .dp2 > li.on .dp3 { padding: 1.5em 0; } 
#contents .subTab .gnb .dp2 > li.on .dp3 > li > a { padding: 0 1em; } 

.infographic_wrap h3 { padding: 1.5rem 3rem; } 
.infographic_wrap .infographic_group { margin: 3.6em auto 0; } 
.infographic_wrap .infographic_group:before { height: 2.6rem; } 

.project_detail li { flex-direction: column-reverse; } 
.project_detail li .tbox,
.project_detail li .img { width: 100%; } 
.project_detail li .tbox { padding: 3em; box-sizing: border-box; } 

.overviewWrap { padding: 3em 0 5em; } 
.tri-circle { flex-wrap: wrap; gap: 1em; height: 100%; padding-top: 3em; } 
.tri-circle > li { flex: 1 100%; } 

/* border */

.board_search_wrap { flex-wrap:wrap } 
.board_search_wrap .left,

.board_search_wrap .right { width:100% } 
.board_search_wrap .left { text-align:right; margin-bottom:1em } 

.board_st th,
.board_st td { padding:1em .5em !important } 

.w_no { width:2em } 
.w_cate { width:6em } 
.w_name { width:4em } 
.w_hit { display:none } 
.w_form_tit { width:8em } 
.w_date2 { width:8em } 
.w_state { width:6em } 
.w_btn2 { width:5em } 
.w_btn2 input:not(:first-child) { margin-top:.5em } 

.input_st.w1 { width:100% } 
 }

@media screen and (max-width:500px) {
#contents .subTit .tit .t1 { font-size: 2em; } 

.founding_wrapper .wideBg { height: 25vh; } 
.founding_wrapper .infoCon { padding: 2em; } 

.businessSlide .el { width: 50%; } 
.vision_wrap .vision3 .list-item { width: 100%; } 

/* sub */
#contents .pageTopWrap.sub { --subGnbH: 4em; } 
#contents .subGnb .gnb > li.on .dp2 > li > a .va .tt { font-size: 1em; } 
#contents .subTab .gnb .dp2 > li.on .dp3 > li > a { padding: 0 .5em; } 
#contents .subTab .gnb .dp2 > li.on .dp3 > li > a .va .tt { font-size: 1em; } 
.dp1_about.dp2_project #contents .subTab .gnb .dp2 > li.on .dp3 > li > a .va .tt { font-size: .9em; } 

.infographic_wrap .infographic_group { flex-wrap: wrap; } 
.infographic_wrap .infographic_group li:not(:first-of-type) { margin-left: unset; } 

.founding_wrapper .wideBg .deBox { padding: 1.5rem; } 

.ci_wrap { flex-wrap: wrap; } 
.ci_wrap .el { flex: 1 100%; } 
.color_wrap .system { flex: 1 100%; margin-right:unset; } 
.character_point .list li .t1 { font-size: 1.05em; } 
.character_point .list li .t2 { font-size: .96em; text-align: left; } 

.project_detail li .tbox { padding: 2em; } 

.infographic_wrap .infographic_group { padding: 1.5rem .8rem; } 

.myInfoList > li { flex: 1 100%; max-width: 100%; } 

html.pop .popWrap.st2 { max-width: 90vw; } 


/* 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 .input_st,
.board_search .search .select,
.board_search .search .inp { width: 100%; } 

.board_gallery { --boardGallL : 2; --boardGallG : 2em; display:flex; flex-wrap:wrap; gap:var(--boardGallG) } 
.board_gallery.d1 { --boardGallL: 3; } 
.board_gallery.d2 { --boardGallL: 2; } 
html.pop .popWrap.st2 .popIn { padding: 2.5em 1.5em; } 
.board_gallery.st2 .wrap_in .con_wrap .tt1 { min-height: 4.7em; } 

/* sub */
.vision_wrap { padding: 3.5em 1.2em; } 
.vision_wrap .visionImg > img { width: 100%; } 
.vision_wrap .vision { margin-bottom: 15px; } 


/* 회사연혁 */
.history-list > li { padding-bottom: 3.5rem; } 
.history-list > li::before { left: 1px; top: 32px; } 
.history-list > li > dl > dd { font-size: 0.825rem; padding-left: 1.6em; } 
.history-list > li > dl > dt { padding-left: .4em !important; } 
.history-list > li > dl > dt::before { left: -1px !important; width: 5px; height: 5px; } 
.history-list > li > dl .fs48 { font-size: 2.3em !important; } 


}

@media screen and (max-width:450px) {
.founding_wrapper .infoCon > .title { font-size: 1.05em; } 
.founding_wrapper .infoCon > .subtit { font-size: 0.96em; } 
.founding_wrapper .infoCon > .subtit br { display: none; } 

.vision_wrap .vision { padding: 25px 10px; } 

#contents .subTab .gnb .dp2 > li.on .dp3 > li:not(:last-child) > a:before { right: -.25em; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp1 .tt { font-size: 2.15em; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp2 > li > a .tt { font-size: 1.215em; } 
#header .all_wrap .all .allconWrap .all_gnb .gnb > li .dp3 > li > a .tt { font-size: 1.15em; } 

.locWrap .locList > li { flex: 1 1 100%; max-width: 100%; } 

.myCert_list ul li .bottom { display: flex; flex-wrap: wrap; } 
.main_archive .archive_cat { display: none; } 

.archiveSlide .el .in.st2 .tbox { width: 80%; } 
.archiveSlide .el .in.st2 .tbox .tit { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; line-height: 1.25em; -webkit-line-clamp: 2; height: 2.5em; } 
.archiveSlide .el .in.st2 .tbox .tt { height: 2.5em; } 
}

@media screen and (max-width:380px) {body { font-size:11px } 
}
@media all and (orientation:landscape) {}