@charset "utf-8";
/* CSS Document */
.l-nav{display:none;}
@media screen and (max-width:1680px){	
body{ font-size:15px;}
body.isMobile .scrollst{ overflow-y:visible !important;}

.header_loadmap{ display: none;}
.header_load_wrap{ padding: 0 3em;}
.scroll .header_load_wrap, .scroll .header_banner{ display: none; transition: .2s;}


}

@media screen and (max-width:1530px){
.box1{ width: 90%;}
#quick{ position:fixed; right:-5.625em; top: 80%; transform: translateY(-80%); z-index:1001; width:5.625em; transition:.3s}
#quick .quickBtn{position:absolute;width:4em;line-height:4em;left:-2.5em;top:50%;margin-top:-2em;margin-left:-3em;background:#1e489e;text-align:center;color:#fff;border:1px solid transparent;border-right:none;transition:.3s;z-index:1;border-radius:100%}
#quick .quickBtn .xi:before{content:"\e957"}
.on#quick{ right: 1.5em; }
.on#quick .quickBtn{ width:2.5em; line-height:4em; margin-left:0; background:#fff; color:#333; border-radius:0; border-color:#ddd}
.on#quick .quickBtn .xi:before{content:"\e93e"}

}

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

}

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

}

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


#header .inner .inner_wrap {display:none;}
#header .all_wrap .all_layer .all_header .all_logo {width:30%;}

/* main */

/*  */
#contents .sub_menu,
.con_wrap > .right_con,
#header .gnb_wrap{ display: none;}
.con_wrap > .left_con{ width: 100%; margin-right: 0em;}
#header .etc_wrap .all_wrap .all .gnb{ flex-direction: column;/*  margin-top: 100em; */}
#header .etc_wrap .all_wrap .all .gnb > li .dp2{ margin-bottom: 4em;}
#header .etc_wrap .all_wrap .all .gnb > li:last-of-type .dp2{ margin-bottom: 0em;}

.board_st2.gallery .list > li,
.icon_box_list > li,
.tv_notice_con ul li{ width: 33.33%;}

.low_table .table_ttl_con .table_txt_pd{ padding-bottom: 1.5em;}

.mainVisual_txt .el .txt_wrap{ padding: 2em;}

.icon_box_list.st1 > li .wrap_in .con_wrap .box_ttl > p{ font-size: 15px;}
.txt_con .tt{ font-size: 15px;}

.visualSlide_wrap .el .slogan .t1{ font-size: 42px;}
.visualSlide_wrap .el .slogan .t3{ font-size: 22px;}
.visualSlide_wrap .el .slogan .t2{ font-size: 17px;}

#header .top_wrap .wrapH.main_page{ display: none;}
#header{ position: fixed;}

.board_info > li > .link{ display: none;}

.mainVisual_wrap{ margin-top: 24em;}
.mainVisual_wrap .swiper-container{ height: 33em;}

.header_load_txt{ flex-direction: column; width: 100%;}
.header_load_txt .call_list{ margin-top: 1em;}
/* .header_load_wrap,
.header_banner{ height: 220px;} */
.scroll #header .top_wrap{ top: auto;}
.ceo_call_con{ justify-content: center;}

.header_load_txt .call_list{ justify-content: center; margin-left: 0em;}
/* #contents .sub_visual_wrap{ margin-top: 17em;} */

.scroll #contents .sub_visual_wrap{ margin-top: 0em;}
.scroll .mainVisual_wrap{ margin-top: 0em;}
.scroll #contents .divMar{ margin-top: 15.9em;}

.valueCircle_wrap{font-size:.9rem;}
.valueCircle_wrap .tit_bg{width:600px;height:552px;}
.valueCircle_wrap .icon_list{width:600px;height:552px;}


}

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

}

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

}

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

}

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

.board_st2.gallery .list > li,
.sub_process.sub_process2 > li{ width: 50%;}


/* main */

.mainJoin .list {flex-direction:column; height:60vh; }
.mainJoin .list > li .in .conW {padding: 2em;} 
.mainJoin .list > li .in .conW .t1 {font-size:1em;}
.mainJoin .list > li .in .conW .icon {height:2em;}

.notice_wrap .notice_top {flex-direction:column; gap:1em; }
.notice_wrap .notice_top .main_tab {margin-left:0; gap:2em;}
.notice_wrap .notice_list .btm_list {flex-direction:column; }
.notice_wrap .notice_list .btm_list > li {max-width:100%; width:100%;}
.notice_wrap .notice_list .btm_list > li > a {height:8em;}
.notice_wrap .notice_list .btm_list > li > a > .tit2 {height:3.5em;}
.notice_wrap .notice_top .main_tab > li:before {left:-1em; top:30%;}
.notice_wrap .plus {top:-2.7em;}

.main_blog .blog_wrap {flex-direction:column; }
.main_blog .blog_wrap .con {width:100%!important; flex:none;}

.main_inquiry .inquiryBg {height:35vh;}
.main_inquiry .inquiryBg > img {height:100%; width:auto;}
.main_inquiry .infoWrapper {width:100%; padding: 0 2em;}
.main_inquiry .infoWrapper .main_tit  { text-align:center; padding: 0 2em;}
.main_tit .tit3 {width:100%;}

/* 푸터 */
#footer .bottom_wrap {flex-direction:column; gap:2em;}

/* 헤더 */
#header .all_wrap .all_layer .wrap_middle .gnb > li ul {flex-direction: column; gap:0}
#header .all_wrap .all_layer .wrap_middle .gnb > li {gap:0;}

/* 서브 */
.greeting_wrap {flex-direction:column;}
.greeting_wrap .sticky_img {width:60%;  position:relative; top:0; }
.greeting_wrap .txt_bg {width:100%;}
.greeting_wrap .txt_bg .bgT_wrap {margin-top:0;}

.memberWrapper .member_list li {width:calc((100% - 3em) / 2)}

.consultantView .consultantTop .consultantCeo {flex-direction:column; gap:1em;}
.consultantView .consultantTop .consultantCeo .rightWrap  {width:100%;}
.consultantView .consultantTop .consultantCeo .leftWrap {width:100%; max-width:25rem; margin:0 auto;}

.valueCircle_wrap { position: relative; padding-bottom: 3rem; }
.valueCircle_wrap .tit_bg { width: 100%; height: auto; margin: 0 auto 3rem auto; text-align: center; background-image: none !important; }
.valueCircle_wrap .tit_bg span { display: inline-block; position: relative; font-weight: 800; font-size: 1.875rem; color: var(--siteC); letter-spacing: -0.03rem; padding-bottom: 0.5rem; }
.valueCircle_wrap .tit_bg span::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 2.5rem; height: 0.1875rem; background-color: var(--siteC); border-radius: 0.1rem; }
.valueCircle_wrap .icon_list { display: none !important; }
.valueCircle_wrap .cont_list { position: relative; display: flex; flex-wrap: wrap; gap: 1.5rem; width: 100%; height: auto; left: unset; top: unset; }
.valueCircle_wrap .cont_list > li { background-color: var(--siteC); position: relative !important; left: unset !important; right: unset !important; top: unset !important; bottom: unset !important; transform: unset !important; max-width: none; flex: 0 0 calc(50% - 0.75rem); padding: 2rem; border-radius: 1rem; border: 1px solid rgba(255, 255, 255, 0.08); box-shadow: 0 0.625rem 1.875rem rgba(0, 0, 0, 0.08); box-sizing: border-box; overflow: hidden; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.4s cubic-bezier(0.25, 1, 0.5, 1), border-color 0.4s ease; }
.valueCircle_wrap .cont_list > li:hover { transform: translateY(-0.4rem) scale(1.01); border-color: rgba(255, 255, 255, 0.2); box-shadow: 0 1.25rem 3rem rgba(0, 0, 0, 0.25); }
.valueCircle_wrap .cont_list > li:nth-child(odd) { text-align: left !important; }
.valueCircle_wrap .cont_list > li:nth-child(5) { flex: 0 0 100%; text-align: left !important; }
.valueCircle_wrap .cont_list > li:nth-child(5) .t2 { text-align: left !important; }
.valueCircle_wrap .cont_list .m_icon { display: inline-block; vertical-align: middle; width: 1.75rem; height: 1.75rem; margin-bottom: 0rem; margin-right: 0.75rem; position: relative; z-index: 2; transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1); }
.valueCircle_wrap .cont_list > li:hover .m_icon { transform: rotate(-8deg) scale(1.1); }
.valueCircle_wrap .cont_list .m_icon img { width: 100%; height: 100%; object-fit: contain; }
.valueCircle_wrap .cont_list > li .t1 { display: inline-block; vertical-align: middle; font-size: 1rem; margin-bottom: 0rem; color: #fff; font-weight: 700; position: relative; z-index: 2; letter-spacing: -0.02rem; }
.valueCircle_wrap .cont_list > li .t2 { display: block; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid rgba(255, 255, 255, 0.1); font-size: 0.75rem; color: rgba(255, 255, 255, 0.8); line-height: 1.8; position: relative; z-index: 2; font-weight: 400; text-align: left !important; }
.valueCircle_wrap .cont_list > li::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/sub/pattern03.png) no-repeat center center; background-size: cover; opacity: 0.06; pointer-events: none; z-index: 1; transition: opacity 0.4s ease; }
.valueCircle_wrap .cont_list > li:hover::before { opacity: 0.15; }

.location_info > div {flex-direction:column; gap:1rem; }
.location_info > .con > .address,
.location_info > .con > .office {width:100%;}
.location_info > .con > .map_view {margin:0 auto; padding:1em 0 ;}
.location_info > .con > .office {border-right:none; border-bottom:1px solid #fff; padding-bottom:1rem; }
.location_info > .con > .office > .tt {margin:0 auto;}
.location_info > .con > .address {padding: 0;}
.location_info > .con > .address .tit {font-size:1.5em;}
}

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

}

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

}

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

}


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

/* main */

.mainVisualSlide .slogan .t3 {padding:2em;}
.mainVisualSlide .slogan .t3 br {display:none}
.mainVisualSlide .slogan .t2 {font-size:3em; max-width:9em; margin: 20px auto 0;}
.mainVisualSlide .slogan .row {height:auto!important;}
.mainVisualSlide .slogan .t1 {font-size: 3.5em;}
/*  */

.sub_process > li{ width: 100%;}
.sub_process > li:nth-child .wrap_in .line{ height: 3em;  width: 0.5em; left: 50%; top: 100%; transform: translate(-50%,0);}
.sub_process{ margin: -1.5em 0 0 -1.5em;}
.sub_process > li .wrap_in .line{ left: 50%; top: 105%; transform: translate(-50%,0) rotate(90deg); display: none;}
.sub_process > li:nth-child(n){ order: 0;}

.member_con .member_wrap .member > .list{ width: calc(100%);}
.member_con .member_wrap .img_sizing{ flex: 1 1 20%;}


.tv_notice_con ul li{ width: 100%;}

.page_txt .tit .sub_ttl:before{ top: 7px;}
.page_txt .tit .sub_ttl:after{ top: -4px}

.work_table3 table tr td{ padding: 1em;}
.work_table3 table tr td > p{ margin-left: .6em;}
.page_con_wrap .tx_w .list > li:before{ width: 5px; height: 5px;}
.work_table3 table tr td > p.table3_txt:before{ top: 5px; left: 8px; height: 4px; width: 4px;}
.low_txt_incon > .low_txt_inner:before{ top: 3px;}
.work_table3 table tr td > p.table3_dot_ttl:before{ width: 5px; height: 5px; top: 6px; left: -12px;}
.page_con_wrap .tx_w .list > li:before{ top: 3px;}

.work_wrap{ flex-direction: column-reverse;}
.work_wrap .work_left{ position:relative; width: 100%;}
.work_wrap .work_right{ width: 100%; justify-content: center; margin: 0 auto;}
.work_wrap .work_right .img_box > img{ height: 200px !important; width: 100%;}
.work_wrap .work_right .img_box{ margin-bottom: 1em;}
.sub_process.sub_process2 > li{ width: 100%;}
.list_tab li > a{ padding: 1.2em .5em;}
.list_tab{ flex-wrap: wrap;}

.nor_list.st1 > li{ flex: 1 1 50%;}

.work_table3.table_scroll{ overflow-x: scroll; padding-bottom: 2em;}
.work_table3 .table_w{ width: 700px; }
.work_wrap .work_left.pr_n{ padding-left: 0em;}
.page_con_allwrap .work_con:nth-child(2n-1) .work_wrap{ flex-direction: column;}

.download_con{ margin-top: 1em;}
.page_txt .tit .sub_ttl{ flex-direction: column; align-items: flex-start;}
.sub_order > li{ width: 100%; justify-content: center;}
.sub_order > li .next_con{ left: 52%; top: 2px; transform: rotate(180deg);}

.top_box_content .box_tbox{ margin: -6em auto 0;}
.top_box_content .box_bg{ height: 160px;}
.sub_order > li .order_in{ width: 60%;}

.table_txt_pd_in .table_txt_pd_txt:before{ top: 2px;}

#footer .info_wrap{flex-direction: column; }
.info_wrap .info .info_ttl > p{ font-size: 15px;}
.info_wrap .info > li{ font-size: 12px;}

#header .top_mini li .slo{ display: none;}
#header .top_mini > ul li{ }
#header .top_mini > ul{ justify-content: flex-start;}

.icon_box_list > li{ width: 50%;}
.icon_box_list.st1 > li .wrap_in .con_wrap .box_ttl > p{ font-size: 12px;}

.main_blog .blog_wrap .left_con .blog_box_con .blog_box_list{ flex-wrap: wrap; gap: 1em;}
.main_blog .blog_wrap .left_con .blog_box_con .blog_box_list > li{ width: 48%;}
.main_blog .blog_wrap .left_con .blog_box_con .blog_box_list > li:nth-child(1),
.main_blog .blog_wrap .left_con .blog_box_con .blog_box_list > li:nth-child(2){ border-right: 1px solid #ddd;}
.main_blog .blog_wrap .left_con .blog_box_con .blog_box_list > li:last-of-type{ margin-bottom: 0em;}
.member_con .member_wrap .txt_box .info.member > li:before{ top: 4px;}
.right_info .right_info_list>li:before{ top: 3px;}

.main_blog .blog_wrap .left_con .blog_box_con .blog_box_list > li .box_in_con .box_in_ttl > p{ font-size: 15px;}
.main_blog .blog_wrap .right_con .submit_wrap .submit_list > li .right_box_con .notice_list .notice_list_wirte > li,
.main_blog .blog_wrap .left_con .blog_box_con .blog_box_list > li .box_in_con .box_in_b_txt > p{ font-size: 12px;}

.main_blog .blog_wrap .right_con .submit_wrap .submit_list > li .submit_list_ttl > p{ font-size: 14px;}

.main_blog .blog_wrap .right_con, .main_blog .blog_wrap .left_con{ flex-direction: column;}
.main_blog .blog_wrap .right_con .right_wrap{ width: 100%; margin-bottom: 2em;}
.main_blog .blog_wrap .right_con .right_wrap:last-of-type{ margin-bottom: 0em;}
.right_box_con{ height: 10em;}
.main_blog .blog_wrap .right_con .submit_wrap .submit_list > li.br_n{ border-right: 1px solid #ddd;}

.mainVisual_pagination .el .img_wrap .img{ }

.mainVisual_pagination .el{ width: 20em;}
.mainVisual_pagination .el .txt_wrap{ text-align: left;}
.mainVisual_wrap .inner{ width: 90%; margin: 0 auto; flex-direction: column;}

.visualSlide_wrap .el .slogan .t1{ font-size: 38px;}
.visualSlide_wrap .el .slogan .t3{ font-size: 18px;}
.visualSlide_wrap .el .slogan .t2{ font-size: 15px;}

#contents .divMar{ margin-top: 26.9em;}

.mainVisual_con{ width: 100%;}
.mainVisual_pagination .el .img_wrap .img{ }
.mainVisual_wrap{ height: 54em;}
.mainVisual_wrap .swiper-container{ height: 20em;}
.mainVisual_pagination .el:last-of-type .wrap_in{ }
.mainVisual_pagination .el .img_wrap:before, .mainVisual_txt{ height: 15em;}
.mainVisual_pagination .el .img_wrap{ overflow:visible;}
.mainVisual_pagination .el .wrap_in{ height: 28em;}
.mainVisual_pagination .el .img_wrap .img > img{ margin-top: 9em;}
.sub_process > li .wrap_in{ border-color: #3b86e2;}
.sub_process > li.before .wrap_in{ border-color: none; box-shadow: none;}

.left_info,
.mem_info_con .left{ flex: 1 1 40%;}

.right_info{ flex: 1 1 60%;}

.header_load_txt .call_list{ /*flex-wrap: wrap;*/}
.header_load_txt .call_list > .border_r{ }
.header_load_txt .call_list > .call_num{  word-break: break-word;}
.header_load_txt .call_list > .border_r{ margin-left: .6em;}
.call_list_con .call_num{ margin-left: 1em; margin-top: .5em;}
.call_list_con .border_r{ width: 4em;}
.call_list_con{ font-size: 1.45em;}
.header_load_txt .call_list > li{ flex-direction: column; min-width: 99%;}
.header_load_txt .call_list > li > .call_list_con{ padding: .4em .5em; border: solid; border-width: 1px 1px 0px 1px; justify-content: space-between;}
.header_load_txt .call_list > li > .call_list_con:last-of-type { border-bottom: 1px solid #fff; margin-bottom: 1.2em;}
.header_load_txt .call_list > li > .call_list_con > .direct{ border: 1px solid #fff; display: flex; align-items: center; padding: .5em .7em;}
.header_load_wrap { padding: 0 0;}
.call_list_con .call_num .call_btn{ padding: 1em 1.2em; box-sizing: border-box; border: 1px solid #fff; font-size: .8em; line-height: 3.6; margin-left: .5em;}
.header_load_wrap,
.header_banner{ height: 270px;}
.ceo_call{ font-size: 2.25em;}
.call_list_con .call_num{ margin-left: .5em;}
.call_list_con .call_num,
.call_list_con .border_r{ font-size: 1.2em}
.header_load_txt .call_list > li{ gap: 0em;}
.header_load_txt .call_list > li > .call_list_con > span{ align-items: inherit;}

/* .mainVisual_wrap{ margin-top: 32em;}
#contents .sub_visual_wrap{ margin-top: 22em;} */

.mainVisual_pagination .el .txt_wrap{ bottom: 18.5em;}

.greeting_wrap .sticky_img {width:100%;}
#contents .sub_tab .gnb .dp2 > li > a {padding:0.5em;}

#contents .sub_tit_wrap2 {flex-direction:column; align-items:center; }
#contents .sub_tab .gnb .dp2 > li {width: calc(100% / 4);}

.valueCircle_wrap .cont_list { gap: 1rem; }
.valueCircle_wrap .cont_list > li { flex: 0 0 100%; padding: 1.5rem; }
.valueCircle_wrap .tit_bg span { font-size: 1.5rem; }

.location_info > .con > .address .con_list li {flex-direction:column;}
.location_info > .con > .address > .add_info {flex-direction:column; gap:0.5em;}

/* 게시판 뷰 페이지 view */
.w_no {width:3em;}
.w_name {width:3.8em;}
.board_search_wrap .inp {width:9em;}
.board_search_wrap {flex-direction:column; gap:0.5em;}
} 

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

}

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

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

}

@media screen and (max-width:400px){
.mainVisual_pagination .el .img_wrap .img{ width: 112%;}

}

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

}

@media screen and (max-width:350px){
.mainVisual_pagination .el .img_wrap .img{ width: 100%;}
.call_list_con .call_num,
.call_list_con .border_r{ font-size: 1em}

}

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

}

@media all and (max-width:1024px) and (orientation:landscape){

}

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

}