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

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

}

@media screen and (max-width:1440px){
body{ font-size:15px}
#headerQ .all_wrap .wrap_in .gnb > li{flex-direction: column; align-items: flex-start;}

.all_menu_wrap{height: 100%; overflow-y: auto;}
#headerQ .all_wrap .wrap_in .gnb > li:last-of-type{margin-bottom: 4em;}
html:not(.allOn) #header .wrap_in .gnb_wrap .gnb{padding: 0 4em;}
.committee_wrapper .committee_profile > li > .inner .txtWrap .link-primary-light.posiB.lt .btnWrap::after{bottom: -6px;}
.committee_wrapper .committee_profile > li > .inner .txtWrap .link-primary-light.posiB.lt .btnWrap::before{top: -30px; right: -7px;}

/* sub */

/* 상담자 소개 */
.posiB.lt .btnWrap::before,
.posiB.lt .btnWrap::after{width: 25px; height: 25px;}

.location_info .img_wrap{width: 68%; height: 31em;}

}

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

.ceo_wrap .infoT>.tt br{display: none;}

}

@media screen and (max-width:1024px){
/* common */
html.pop .popWrap{ max-width: 80vw;}

/* header */
#headerQ{display: none;}
html.allOn #header .wrap_in{height: auto;}
html:not(.allOn) #header .wrap_in .gnb_wrap{display: none;}

#header .all_wrap{right: -2vw;}
#header .allBtn_wrap{ height: 6.5em;}
#header .allBtn_wrap .allBtn{margin-top: 0;}
#header .all_wrap .bg{display: none;}
#header .all_wrap .wrap_in{width: 100%;}
#header .all_wrap .wrap_in > .in{padding: 3em 12em 9em 2em;}
#header .all_wrap .wrap_in .all_menu_wrap .telCon{ justify-content: start;}
#header .all_wrap .wrap_container{overflow-y: auto; margin-bottom: 3em;}
#header .all_wrap .wrap_in .gnb > li{ flex-direction: column; align-items: flex-start;}

#header .h_menu_wrap{justify-content: end;}
#header .h_menu_wrap .util_wrap { position:relative; display: flex; align-items: center; gap: 1em; } 
#header .h_menu_wrap .util_wrap:before{display: none;}
#header .h_menu_wrap .util_wrap:before { position: absolute; left: -1vw; width: 1px; height: 12px; background: #ddd; content: ''; } 

.headerL{padding-right: 0;}



/* main */
.visualSlide_wrap .slogan .t1{font-size: 2.25em;}
.main_quickBox{flex-wrap: wrap;}
.main_quickBox .left_quick{width: 100%;}
.main_quickBox .right_quick,
.main_quickBox .banner_wrap{width: calc((100% - 1.7em) / 2);}


/* footer */
.memBannerSlider_wrap .inner{ flex-wrap: wrap;}
.memBannerSlider_wrap .tit_wrap,
.memBannerSlider{width: 100%;}

/* common */
#contents .sub_top_wrap .wrap_con{height: 12em;}
#contents .sub_top_wrap .wrap_con .menu_wrap{display: none;}

/* sub */
.page_col.div_T{flex-direction: column; gap: 2em;}
.stickyT{position: static;}
.page_tt.s8 br{display: none;}
.pageGoBtn .btn_wrap{padding: 2em; }

/* 지향하는 가치 */
.vision_wrap .vision_info .vision_item{flex-direction: column; gap: 3em;} 
.vision_wrap .vision_info .vision_item:nth-child(2n){flex-direction: column-reverse;}
.vision_wrap .vision_info .vision_item .img_wrap, .vision_wrap .vision_info .vision_item .txt_wrap{width: 100%;}
.vision_wrap .vision_info .vision_item .txt_wrap .t1 br{display: none;}


/* 상담센터 소개 */
.ceo_wrap{flex-direction: column-reverse; gap: 1em;}
.ceo_wrap .infoT{width: 100%;}
.ceo_wrap .infoT .tit{margin-top: 1em; font-size: 2.13em;}
.ceo_wrap .infoT .tit br{display: none;}
.ceo_wrap>.ceo_img{width: 100%; height: 22em;}
.ceo_wrap .infoT .page_txt{margin-bottom: 1em !important;}
.ceo_wrap .infoT>.tt{margin-bottom: 1em;}

.committee_wrapper .committee_profile > li{width: calc((100% - 2em) / 2);}
.committee_wrapper .committee_profile > li > .inner .txtWrap{ padding: 2.5em 1em 2em 1.5em;}
.committee_wrapper .committee_profile > li > .inner .txtWrap .link-primary-light.posiB.lt .btnWrap::before{right: -9px;}

.recon br:not(.big + br),
.page_txt > .tt br{display: none;}


/* 시설안내 */
.floor_wrap > .inner > .lay{flex-direction: column;}
.con_idx.st2,
.floor_tab{width: 100%;}
.floor_tab > .tab{flex-direction: row; }
.floor_tab > .tab > li:last-child .in,
.floor_tab > .tab > li:first-child .in{border-radius: 0;}
.floor_tab > .tab > li .in{border: none;}

/* 찾아오시는 길 */
.map_list {flex-wrap: wrap;}
.map_list > li {flex: 1 47%; border: 1px solid #ddd;}
.map_list > li .in {padding: 1em 0em;}
.map_list > li + li .in {padding-left: unset; border-left: unset;}
.map_list > li .in .page_txt .tit {margin-bottom: 10px !important;}
.map_list > li .in .page_txt .txt { margin-top: unset !important; width: 80%; margin: 0 auto;}

.mapInfo_list {flex-wrap: wrap;}
.mapInfo_list li {padding: 0 1em 1.5em; border-bottom: 1px solid #ddd; border-right: unset; width: 100%;}
.mapInfo_list li:last-child {border-bottom: unset;}

.location_info{flex-direction: column; gap: 1em;}
.location_info .page_tt{width: 100%;}
.location_info .page_tt br{display: none;}
.map_info3{width: 100%;}
.location_info .img_wrap{width: 54%;}
.mapCon .imgList li{width: calc((100% - 2em) / 2);}

.greet_wrap .greet_txt .tx.t4 br{display: none;}
.greet_wrap .greet_txt .page_txt{padding: 4em;}

/* 셀프심리상담 */
.notice_box{padding: 2.5rem;}
.notice_box .txt_box{margin-left: 2rem;}
.notice_box .txt_box > .tt br{display: none;}
.freeChkWrap{margin: 2em 0 0;}

/* 상담신청 */
.table_smallT{ padding: 1em;}


/* 가로 스크롤 */
.scr_i{display: inline-flex; align-items: center; gap:.2em; margin-top: 5px; color:var(--siteC2);  }
.scr_i .xi{ transform: rotate(90deg);}
.scroll_wrap{width: 100%; overflow-x: auto;}
.scroll_wrap table {min-width: 500px; width: max-content; border-collapse: collapse;}
.scroll_wrap table.mt20{margin-top: .5em !important;}
.scroll_wrap.st1{overflow-x: unset;}
.scroll_wrap.st1 table{min-width: 0; width: auto;}




}

@media screen and (max-width:768px){
/* common */
html.pop .popWrap{ max-width: 85vw;}
.popWrap.committee .popClose{right: 2em; top: 1.5em;}
.popWrap.committee .popClose > .xi{ color: #111;}


body{ font-size:13px}


:root{
    --fullWidth: 93%;
}

/* header */
#header .wrap_in{gap: 6em;}

#header .all_wrap{right: -3.5vw;}
#header .all_wrap .wrap_in > .in{padding: 3em 2em 9em 2em;}
#header .all_wrap .wrap_in .gnb > li ul{flex-direction: column; gap: 0;}
#header .all_wrap .wrap_in .gnb > li .dp1{margin-bottom: 0.5em;}
#header .all_wrap .wrap_in .gnb > li .dp2 > li > a .tt{font-size: 1.25em;}

/* main */
.main_quickBox .right_quick .roundLink > li > .in{ min-height: 8em;}
.main_quickBox .left_quick .cBoxList > li > .in > .icon{margin-bottom: 0.7em;}
.main_quickBox .left_quick .cBoxList > li > .in > .icon > img{width: 4em; height: auto;}

.customerN_wrap{flex-direction: column; height: auto;}
.main_register{height: 324px; width: 100%;     background-size: cover;}

#footer .logo_wrap{flex-direction: column; gap: 2em;}


/* sub */
#contents .sub_top_wrap .wrap_con .nav_wrap .wrap_in .in{flex-direction: column; align-items: flex-start;}
.page_col.div_T{ gap: 1em;}
.memo_box{padding: 2em 1.5em;}
.page_tit .tt * br{display: none;}

/* 지향하는 가치 */
.vision_img{width: 95%;}

/* 상담센터 소개 */
.ceo_wrap{padding: 0;}
.ceo_wrap .infoT>.tt{margin-bottom: .7em; }

/* 상담자 소개 */
.committee_wrapper .committee_profile > li > .inner .txtWrap .link-primary-light{padding: 0.8em 1.4em;}
.committee_wrapper .committee_profile > li > .inner .txtWrap .link-primary-light.posiB.lt .btnWrap::after{ left: -26px;}
.committee_wrapper .committee_profile > li > .inner .txtWrap .link-primary-light.posiB.lt .btnWrap::before{top: -26px; right: -7px;}

.popWrap.committee .his_container .right_info .nameCon > .name{font-size: 2em;}
.popWrap.committee .his_container .right_info .rightMid > .lineList > li > .txt br{display: none;}

/* 시설안내 */
.floor_tab{overflow-x: auto;}
.floor_tab > .tab{flex-wrap: nowrap;}
.floor_tab > .tab > li{ width: 12em; flex: none;}

/* 찾아오시는 길 */
.location_info{margin: 0;}
.map_info3 .info_list > li .wrap_con .txt .tt.dot::before{width: 4px; height: 4px; top: 8px;}
.greet_wrap .greet_txt{max-width: 100%;}
.greet_wrap .greet_txt .page_txt{padding: 3em;}

/* 심리상담 */
.majar_col.colL{flex-direction: column; gap: 3em;}
.majar_col.colL:nth-of-type(2n){flex-direction: column-reverse;}
.majar_col .img_box,
.majar_col .fTbox{width: 100%;}

/* 셀프심리상담 */
.notice_box{padding: 2rem 1.5rem;}
.notice_box .txt_box{margin-left: 1.5em;}
.freeChkWrap{padding: 2.5em 1em 5em;}
.freeChkWrap .chkList .ask{ padding-left: 4em;}
.freeChkWrap .chkAnswer{margin: 1em 0 0 0; gap: 0.5em 0.3em;}
.freeChkWrap .chkAnswer .Answer{ margin-right: 0.8em;}
.chkResult .test_result{ padding: 1.5em;}
.chkResult .test_result > .flex{flex-direction: column; gap: 2em;}
.chkResult .test_result .left,
.chkResult .test_result .right{width: 100%;}
.chkResult .couseling_info{padding: 1.5em;}
.chkResult .test_result .result_bottom{flex-direction: column;}

.ttdot{padding-left: 0.7rem;}
.ttdot:before{ top: 7px; width: 0.25rem; height: 0.25rem;}


}

@media screen and (max-width:500px){
/* header */
#header .wrap_in .logoW{ height: 7em;}
#header .all_wrap .wrap_in > .in{padding: 1.5em 1.5em 9em 1.5em;}

/* main */
.visualSlide_wrap .slogan .t1{font-size: 1.69em;}
.visualSlide_control .swiperControl{bottom: 1.5em;}

.main_quickBox .left_quick{ padding: 1.5em;}
.main_quickBox .left_quick .cBoxList{gap: 0.5em;}
.main_quickBox .left_quick .cBoxList > li{width: calc((100% - .5em) / 2);}
.main_quickBox .left_quick .cBoxList > li > .in > .tit{font-size: 1em;}
.main_quickBox .right_quick,
.main_quickBox .banner_wrap{width: 100%;}
.page_tit .t9{font-size: 1.69em;}
.main_quickBox .right_quick .flex_box{margin: 0 0 -.5em -.5em;}
.main_quickBox .right_quick .roundLink > li > .in{margin: 0 0 .5em .5em;}
.main_quickBox .right_quick .roundLink > li > .in > .tit{font-size: 1em;}
.main_quickBox .boxItem{padding: 4.5em 1.5em 2.5em;}
.main_register .in{left: 1.6em; top: 6em;}
.main_register{height: 280px; background-position: right; background-size: cover;} 


/* footer */
#footer .menu_wrap .menu{gap: 0 2em;}
#footer .menu_wrap .menu > li > a:after{right: -1em;}

/* sub */
.ttdot{ line-height: 1.5;}
.page_con{padding: 3em 0;}
.page_tt.s10{font-size: 2.15em;}
.page_tt.s3 br{display: none;}
.page_tt.s8{font-size: 1.69em;}
.page_tt.s9{font-size: 2em;}
.page_tt.s9 br{display: none;}
.page_tit .t0{ font-size: 1.62em;}
.page_tit .t5{font-size: 1.08em;}
.page_tit .t5 br{display: none;}
.page_tt.dotq::before{ width: 30px; height: 27px; top: -1.5em;}

#contents .sub_top_wrap .wrap_con .nav_wrap .tit .t2{font-size: 2em;}
.con_tit::after{width: 8px; height: 8px; left: 4px; top: -15px;} 
#contents .sub_top_wrap2 .gnb{margin-top: 0;}

#contents .dp3on .gnb > li .dp3 > li{flex: 1 1 33.33%; max-width: 33.33%;}

.majar_col.colL{gap: 2em;}
.page_txt > .t1{line-height: 1.5;}

.pageGoBtn{flex-direction: column; margin-top: 3em;}
.pageGoBtn .btn_wrap{padding: 2em 1.5em;}
.pageGoBtn .btn_wrap .t1{min-height: 0; margin-bottom: 1em;}
.pageGoBtn .btn_wrap .tit{font-size: 1.38em;}



/* 지향하는 가치 */
.vision_wrap .vision_info .vision_item .txt_wrap .t1{font-size: 1.08em;}
.vision_wrap .vision_info .vision_item .txt_wrap .tit{font-size: 1.69em;}
.vision_wrap .vision_info .vision_item .txt_wrap .tit br{display: none;}


/* 상담센터 소개 */
.ceo_wrap .infoT>.tt{ font-size: 1.08em; line-height: 1.5;}
.ceo_wrap .infoT .tit{font-size: 2em;}

/* 상담자 소개 */
.committee_wrapper .committee_profile > li{width: 100%;}

.popWrap.committee .his_container{flex-direction: column; gap: .5em; align-items: start;}
.popWrap.committee .his_container .profile{width: 78%; width: 65%; height: 15em;}
.popWrap.committee .his_container .right_info{width: 100%; gap: 1.5em;}
.popWrap.committee .pop_Container .popIn{ padding: 2.5em 1.5em;}
.popWrap.committee .infoContainer{margin-top: 2em;}
.popWrap.committee .infoContainer .infoItem > .info_txt br:has(+ br) { display: none; }
.popWrap.committee .his_container .right_info .nameCon > .name{font-size: 1.85em;}
.popWrap.committee .his_container .right_info .nameCon > .tx{font-size: 1.23em;}
.popWrap.committee .his_container .right_info .rightMid > .lineList > li > .txt{font-size: 1.08em;}
.popWrap.committee .infoContainer .infoItem > .title{font-size: 1.23em;}

/* 시설안내 */
.page_tit .t1{ font-size: 2.15em;}
.floor_tab > .tab > li{ width: 8em; flex: none;}
.con_idx.st2 > .idx .floor_box .img_slides_wrap .el .imgCon > img{object-fit: fill;}
.con_idx.st2 > .idx .floor_box .img_slides_wrap .el .imgCon{height: 20em;}

/* 오시는 길 */
.location_info .img_wrap{width: 100%;}
.map_info3 .info_list > li{ padding: 1.5em 1em;}
.mapCon .imgList li{width: 100%;}
.mapCon .imgList li .in .img_wrap .num{width: 34px; height: 34px; line-height: 34px;}
.location_info .page_tt{font-size: 1.69em;}
.greet_wrap .greet_txt .page_txt{padding: 3em 1.6em;}


/* 심리상담 */
.sub_top{margin: 0 1em;}
.page_txt > .t1 br{display: none;}
.page_txt:not(:last-child){margin-bottom: 2em;}
.CouselDiv .CouselItem{flex-direction: column; gap: 1em;}
.CouselDiv .CouselItem .csTit,
.CouselDiv .CouselItem .csTxt{width: 100%;}
.CouselDiv .CouselItem .csTit{ padding: 0.6em; border-radius: 0.5em;}
.CouselDiv .CouselItem .csTit .tit br{display: none;}
.CouselDiv .CouselItem .csTxt{padding: 1.5em;}
.CouselItem ~ .CouselItem{ margin-top: 2.5em;}
.smain_section{ height: 27em;}
.col_unT .col_Tlist .img_wrap{ height: 23em;}

/* 셀프심리상담 */
.notice_box{flex-direction: column; gap: 1.5em; align-items: start;}
.notice_box .txt_box{margin-left: 0; width: 100%;}
.notice_box .icon_box{ width: 5rem; height: 5rem;}
.freeChkWrap .chkAnswer .Answer{ margin-right: 0.8em;}
.freeChkWrap .chkList .num{padding: 0 .8em;}
.freeChkWrap .chkList .ask{padding-left: 3em; font-size: 1em;}

.chkResult .test_result .right .result_info .t1{line-height: 1.3; font-size: 1.31em;}
.chkResult .test_result .right .result_info .t1 br{display: none;}
.chkResult .test_result .right .result_info .t2{font-size: 1em;}
.chkResult .test_result .left .total{font-size: 1.69em;}
.chkResult .couseling_info .inner{padding: 1em;}


}

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

}