@charset "utf-8";
/* 사용하는 폰트로 변경 해줘야함 */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');

@font-face{
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Thin.otf');
    src: url('../fonts/Pretendard-Thin.otf') format('opentype'),
    url('../fonts/Pretendard-Thin.ttf') format('truetype'),
    url('../fonts/Pretendard-Thin.woff') format('woff'),
    url('../fonts/Pretendard-Thin.woff2') format('woff2');
    font-weight: 100;
}
@font-face{
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-ExtraLight.otf');
    src: url('../fonts/Pretendard-ExtraLight.otf') format('opentype'),
    url('../fonts/Pretendard-ExtraLight.ttf') format('truetype'),
    url('../fonts/Pretendard-ExtraLight.woff') format('woff'),
    url('../fonts/Pretendard-ExtraLight.woff2') format('woff2');
    font-weight: 200;
}
@font-face{
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Light.otf');
    src: url('../fonts/Pretendard-Light.otf') format('opentype'),
    url('../fonts/Pretendard-Light.ttf') format('truetype'),
    url('../fonts/Pretendard-Light.woff') format('woff'),
    url('../fonts/Pretendard-Light.woff2') format('woff2');
    font-weight: 300;
}
@font-face{
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Regular.otf');
    src: url('../fonts/Pretendard-Regular.otf') format('opentype'),
    url('../fonts/Pretendard-Regular.ttf') format('truetype'),
    url('../fonts/Pretendard-Regular.woff') format('woff'),
    url('../fonts/Pretendard-Regular.woff2') format('woff2');
    font-weight: 400;
}
@font-face{
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Medium.otf');
    src: url('../fonts/Pretendard-Medium.otf') format('opentype'),
    url('../fonts/Pretendard-Medium.ttf') format('truetype'),
    url('../fonts/Pretendard-Medium.woff') format('woff'),
    url('../fonts/Pretendard-Medium.woff2') format('woff2');
    font-weight: 500;
}
@font-face{
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-SemiBold.otf');
    src: url('../fonts/Pretendard-SemiBold.otf') format('opentype'),
    url('../fonts/Pretendard-SemiBold.ttf') format('truetype'),
    url('../fonts/Pretendard-SemiBold.woff') format('woff'),
    url('../fonts/Pretendard-SemiBold.woff2') format('woff2');
    font-weight: 600;
}
@font-face{
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Bold.otf');
    src: url('../fonts/Pretendard-Bold.otf') format('opentype'),
    url('../fonts/Pretendard-Bold.ttf') format('truetype'),
    url('../fonts/Pretendard-Bold.woff') format('woff'),
    url('../fonts/Pretendard-Bold.woff2') format('woff2');
    font-weight: 700;
}
@font-face{
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-ExtraBold.otf');
    src: url('../fonts/Pretendard-ExtraBold.otf') format('opentype'),
    url('../fonts/Pretendard-ExtraBold.ttf') format('truetype'),
    url('../fonts/Pretendard-ExtraBold.woff') format('woff'),
    url('../fonts/Pretendard-ExtraBold.woff2') format('woff2');
    font-weight: 800;
}
@font-face{
    font-family: 'Pretendard';
    src: url('../fonts/Pretendard-Black.otf');
    src: url('../fonts/Pretendard-Black.otf') format('opentype'),
    url('../fonts/Pretendard-Black.ttf') format('truetype'),
    url('../fonts/Pretendard-Black.woff') format('woff'),
    url('../fonts/Pretendard-Black.woff2') format('woff2');
    font-weight: 900;
}

/*
    Nunito Sans
    Extra-light 200 Light 300 Regular 400 Semi-bold 600 Bold 700 Extra-bold 800 Black 900

    Pretendard
    Thin 100 Extra-light 200 Light 300 Regular 400 Medium 500 Semi-bold 600 Bold 700 Extra-bold 800 Black 900

    Playfair Display
    Regular 400 Regular 400 Italic Medium 500 Medium 500 Italic SemiBold 600 SemiBold 600 Italic Bold 700 Bold 700 Italic

    poppins
    Thin 100 ExtraLight 200 Light 300 Regular 400 Medium 500 SemiBold 600 Bold 700 ExtraBold 800 Black 900
*/

/* common */
.ir_text{overflow: hidden;position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;clip: rect(0 0 0 0);}
.clearfix:after{content: '';display: block;clear: both;height: 0;visibility: visible;}
.scrollDisable{height: 100%;min-height: 100%;overflow: hidden !important;touch-action: none;}
.bl_txt{font-weight: bold;}
.fw_900{font-weight: 900;}
.fw_700{font-weight: 700;}
.fw_600{font-weight: 600;}
.fw_500{font-weight: 500;}
.fw_400{font-weight: 400;}
.fw_300{font-weight: 300;}
.fw_100{font-weight: 100;}

/*
.fm_폰트이름{font-family: 'Noto Sans KR', sans-serif;}
.fm_Noto_Sans_KR{font-family: 'Noto Sans KR', sans-serif;}
*/

.fm_Pretendard{font-family: 'Pretendard', sans-serif;}        /* font - Pretendard */
.fm_Poppins{font-family: 'Poppins', sans-serif;}              /* font - Poppins */



/*공통*/
#wrapper{width: 100%;height: 100%;}
#wrapper .dim2{position: fixed;top: 0;left: 0;display: none; background: #000000;width: 100%;height: 100%;z-index: 6;opacity: 0.15;}
#wrapper #wrap{position: relative;width: 100%;height: auto;padding-top: 95px;overflow: hidden;}
#wrapper #wrap .container{padding-top: 60px;height: calc(100% - 329px);}
#wrapper #wrap .container .section{position: relative;}
/* #wrapper #wrap .container .section .cont_wrap{position: relative;max-width: 1230px;margin:0 auto;padding: 0 84px 85px;box-sizing: content-box;} */

#wrapper #wrap .container.notab{padding-top: 90px;height: calc(100% - 329px);}

/*방향 버튼*/
#wrap .bt_box{}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{opacity: 0;}
#wrap .bt_box .swiper-button-prev{width: 54px;height: 54px;right:auto;left: -30px; border-radius: 54px;-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.23);-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.23);box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.23);background: url('../images/left_btn.svg')no-repeat center center;z-index: 5;}
#wrap .bt_box .swiper-button-next{width: 54px;height: 54px;right: -30px;left: auto; border-radius: 54px;-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.23);-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.23);box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.23);background: url('../images/right_btn.svg')no-repeat center center;z-index: 5;}

#popular_newsBox .bt_box .swiper-button-prev{margin-top:-20px;}
#popular_newsBox .bt_box .swiper-button-next{margin-top:-20px;}
#series_newsBox .bt_box .swiper-button-prev{margin-top:-55px;}
#series_newsBox .bt_box .swiper-button-next{margin-top:-55px;}


/*방향 버튼 모션 - 투명도*/
.hover_m_1{opacity: 0.85;-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.23);-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.23);box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.23);transition: all .3s;}
.hover_m_1:hover{opacity: 1;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.23);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.23);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.23);transition: all .3s;}
/*돋보기,닫기 버튼 모션 - 그림자*/
.hover_m_2{-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.09);-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.09);box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.09);transition: all .3s;}
.hover_m_2:hover{-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.31);-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.31);box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.31);transition: all .3s;}
/*검색 버튼 - 배경색*/
.hover_m_3{background: #000000;transition: all .3s;}
.hover_m_3:hover{background: #414141;transition: all .3s;}
/*선택버튼 모션*/
.hover_m_4{background: #FFFFFF;color: #8D8D8D;border: 1px solid #DEDEDE;transition: all .3s;}
.hover_m_4:hover{background: #FBFBFB;transition: all .3s;}
/*관심분야 선택버튼*/
.sel_btn.active{background: #FFFFFF;border:1px solid #1D1D1D;color: #1D1D1D;}
/*페이지 네이션 모션*/
.dark_btn{display:inline-block;width: 29px;height: 36px;border:1px solid #e5e5e5;background: #ffffff; line-height: 36px;border-radius: 5px;}
.dark_btn.active{background: #1D1D1D;color: #FFFFFF;border: none;}
/*더보기 버튼 모션*/

.hover_m_5{border: 1px solid #8D8D8D;transition: all .3s;}
.hover_m_5:hover{border: 1px solid #000000;transition: all .3s;}

/*최신기사 호버모션*/
.hover_m_6 .img_area::after{position: absolute;top: 0;left: 0; display: block;content: '';width: 100%;height: 100%;background: #1D1D1D;border-radius: 0px; opacity: 0;z-index: 10;transition: all .3s;}
.hover_m_6:hover .img_area::after{position: absolute;top: 0;left: 0; display: block;content: '';width: 100%;height: 100%;background: #1D1D1D;border-radius: 0px; opacity: 0.5;z-index: 10;transition: all .3s;}
.hover_m_6:hover .news_img{transform: scale(1.1);transition: all .5s;}

/*비디오 호버모션*/
.hover_m_7 a .img_area::before{position: absolute;top: 0;left: 0; display: block;content: '';width: 100%;height: 100%;background: #1D1D1D;opacity: 0;z-index: 10;transition: all .3s;}
/* .hover_m_7:hover a .img_area::before{position: absolute;top: 0;left: 0; display: block;content: '';width: 100%;height: 100%;background: #1D1D1D;opacity: 0.5;z-index: 10;transition: all .3s;} */
.hover_m_7 .img_area::after{position: absolute; display: block;top: 20px;right: 20px; width:36px;height: 36px;margin-top:0;margin-left:0; content: '';background: url('../images/youtube_icon.svg')no-repeat center center;z-index: 99;opacity: 0.85;}
.hover_m_7:hover a .news_img{transform: scale(1.1);transition: all .5s;}

.focus{border:1px solid #1D1D1D;-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);}

/*텍스트 진하게 호버*/
.hover_m_8:hover{color: #1D1D1D; font-weight: 600;}

/*태그 호버 모션*/
.hover_m_9{border: 1px solid #E5E5E5;border-radius: 20px;}
.hover_m_9:hover{border: 1px solid #263070;}

/*핫클립 유튜브 호버 모션*/
.hover_m_7_2 a .img_area::before{position: absolute;top: 0;left: 0; display: block;content: '';width: 100%;height: 100%;background: #1D1D1D;opacity: 0;z-index: 10;transition: all .3s;}
.hover_m_7_2:hover a .img_area::before{position: absolute;top: 0;left: 0; display: block;content: '';width: 100%;height: 100%;background: #1D1D1D;opacity: 0.5;z-index: 10;transition: all .3s;}
.hover_m_7_2 .img_area::after{position: absolute; display: block;top: 50%;right:50%; width:56px;height: 56px;margin-top:-28px;margin-right:-28px; content: '';background: url('../images/youtube_icon_b.svg')no-repeat center center;z-index: 99;opacity: 0.85;}
.hover_m_7_2:hover a .news_img{transform: scale(1.1);transition: all .5s;}

/*header*/
#header{position: fixed;width: 100%;top: 0;left: 0;background: #FFFFFF;z-index: 999;}
#header .header_wrap{display: flex;justify-content: center;align-items: flex-start;padding:25px 52px;height: 95px; overflow: hidden; -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.04);-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.04);box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.04);border-bottom: 1px solid #E4E4E4;transition: all 1s;}
#header .header_wrap .logo_wrap{position: absolute;left: 52px; width: auto;text-align: left;z-index: 1;}
#header .header_wrap .logo_wrap h1{position: relative;/* background: url('../images/Logo_ani_2.svg') no-repeat; */width: 159px;height: 46px;background-size: 100% 100%;/* transition: all 1s; */}
/* #header .header_wrap .logo_wrap h1{background: url('../images/Logo.svg') no-repeat;width: 159px;height: 46px;background-size: 100% 100%;transition: all 1s;} */
#header .header_wrap .logo_wrap h1 a{position: absolute;top: 0;left: 0;display: block;width: 257px;height: 22px;transition: all 0.5s;height: 100%;}
#header .header_wrap .logo_wrap h1 a.svgA{opacity: 1;z-index: 2;}
#header .header_wrap .logo_wrap h1 a.noneA{opacity: 0;z-index: 1;}
#header .header_wrap .logo_wrap h1 a svg#edRKoEm2bqe1{/* opacity: 1;transition: all 1s; */width: 159px;height: 46px;}
#header .header_wrap .logo_wrap h1 a svg#eip6fLsjTUA1{/* opacity: 1;transition: all 1s; */width: 257px;height: 22px;transform: translateY(-7px);}
/* #header.pc .header_wrap .gnb_wrap{display: flex;flex-direction: column;padding-top: 12px;transform: translateY(-160px);transition: all 1s;} */
#header.pc .header_wrap .gnb_wrap{position: relative; display: flex;flex-direction: column;align-items: center;justify-content: center; /* transition: all 1s; */}
#header.pc .header_wrap .gnb_wrap .menu_wrap{position: absolute;top: 0;/* width: 511px; transform: translateY(-120px);transition: all 1s;*/opacity: 1;padding: 10px 0;}
#header.pc .header_wrap .gnb_wrap .menu_wrap .menu_list{width:800px;text-align: center;/* transition: all 1s; */}
/* #header.pc .header_wrap .gnb_wrap .menu_wrap .menu_list *{transition: all 1s;} */
#header.pc .header_wrap .gnb_wrap .menu_wrap .menu_list > li{display: inline-block;width: 108px;margin: 0 10px;vertical-align: top;color: #1D1D1D; /* transition: all 1.5s; */}
#header.pc .header_wrap .gnb_wrap .menu_wrap .menu_list > li:first-child{width: 130px;}
#header.pc .header_wrap .gnb_wrap .menu_wrap .menu_list > li:nth-child(2){width: 144px;padding: 0;}
#header.pc .header_wrap .gnb_wrap .menu_wrap .menu_list > li:nth-child(3){width: 142px;padding: 0;}
#header.pc .header_wrap .gnb_wrap .menu_wrap .menu_list > li:last-child{}
#header.pc .header_wrap .gnb_wrap .menu_wrap .menu_list > li > a{display: block;position: relative;font-size: 19px;font-weight: 600;text-align: left;color: #1D1D1D;/* transition: all 1s; */}
#header.pc .header_wrap .gnb_wrap .menu_wrap .menu_list > li > a span{position: relative;display: inline-block;font-size: 19px;font-weight: 600;text-align: center;color: #1D1D1D;}
#header.pc .header_wrap .gnb_wrap .menu_wrap .menu_list > li > a span::after{position: absolute;top:31px; display: block;content: '';width: 0;height: 2px;background: #1D1D1D;transition: all 1s;}
#header.pc .header_wrap .gnb_wrap .menu_wrap .menu_list > li:nth-child(1) > a span{transform: translateX(55%);/* transition: all 1s; */}
#header.pc .header_wrap .gnb_wrap .menu_wrap .menu_list > li:nth-child(2) > a span{transform: translateX(28%);/* transition: all 1s; */}
#header.pc .header_wrap .gnb_wrap .menu_wrap .menu_list > li:nth-child(3) > a span{transform: translateX(20%);/* transition: all 1s; */}
#header.pc .header_wrap .gnb_wrap .menu_wrap .menu_list > li:nth-child(4) > a span{transform: translateX(-42%);/* transition: all 1s; */}
#header.pc .header_wrap .gnb_wrap .menu_wrap .menu_list .sub_list{display: none; opacity: 0;padding-top: 35px;text-align: left;/* transition: all .3s; */}
#header.pc .header_wrap .gnb_wrap .menu_wrap .menu_list .sub_list > li{}
#header.pc .header_wrap .gnb_wrap .menu_wrap .menu_list .sub_list > li >a{font-size: 16px;font-weight: 400;line-height: 37px;color:  #4b4b4b;}
#header.pc .header_wrap .gnb_wrap .menu_wrap .menu_list .sub_list > li >a:hover{color: #000000;}

#header.pc .header_wrap .utility_cont{position: absolute;top: 25px; right: 52px; display: flex;align-items: center;height:45px;overflow: hidden;transition: all 1s;}
#header.pc .header_wrap .utility_cont .ut_list{width: 270px;overflow: hidden;}
#header.pc .header_wrap .utility_cont .ut_list > div{}
#header.pc .header_wrap .utility_cont .ut_list > div > a{display: inline-block;width: 28px;height: 28px;margin-right: 6px;}
#header.pc .header_wrap .utility_cont .ut_list > .ut_btn{display: flex;align-items: center;margin-right: 20px;opacity: 1;transform: translateX(0);/* transition: all 1s; */}
#header.pc .header_wrap .utility_cont .ut_list > .ut_btn a{background-size: 100% 100%;}
#header.pc .header_wrap .utility_cont .ut_list > .ut_btn a.newsletter{margin-right: 25px;width: 106px;height: 34px;}
#header.pc .header_wrap .utility_cont .ut_list > .ut_btn a.newsletter svg{width: auto;height: 100%;}
/* #header.pc .header_wrap .utility_cont .ut_list > .ut_btn a.newsletter{margin-right: 25px; width: 106px;height: 34px; background: #263070;border-radius: 30px;color: #FFFFFF;font-size: 14px;font-weight: 600;text-align: center;line-height: 34px; background: url('../images/newsletter_b_v1.svg')no-repeat center center;background-size: 100% 100%;} */
#header.pc .header_wrap .utility_cont .ut_list > .ut_btn a.home{ background: url('../images/home_b.svg')no-repeat;transition:all .3s;}
#header.pc .header_wrap .utility_cont .ut_list > .ut_btn a.home:hover{background: url('../images/home_g.svg')no-repeat;transition:all .3s;}
#header.pc .header_wrap .utility_cont .ut_list > .ut_btn a.facebook{ background: url('../images/fb_b.svg')no-repeat;transition:all .3s;}
#header.pc .header_wrap .utility_cont .ut_list > .ut_btn a.facebook:hover{ background: url('../images/fb_g.svg')no-repeat;transition:all .3s;}
#header.pc .header_wrap .utility_cont .ut_list > .ut_btn a.youtube{margin-right:7px; background: url('../images/yt_b.svg')no-repeat;transition:all .3s;}
#header.pc .header_wrap .utility_cont .ut_list > .ut_btn a.youtube:hover{ background: url('../images/yt_g.svg')no-repeat;transition:all .3s;}
#header.pc .header_wrap .utility_cont .ut_list > .ut_btn a.insta{margin-right:7px; background: url('../images/insta_b.svg')no-repeat;transition:all .3s;}
#header.pc .header_wrap .utility_cont .ut_list > .ut_btn a.insta:hover{ background: url('../images/insta_g.svg')no-repeat;transition:all .3s;}
#header.pc .header_wrap .utility_cont .ut_list > .ut_btn a.linkedin{margin-right:7px; background: url('../images/linkedin_b.svg')no-repeat;transition:all .3s;}
#header.pc .header_wrap .utility_cont .ut_list > .ut_btn a.linkedin:hover{ background: url('../images/linkedin_g.svg')no-repeat;transition:all .3s;}
#header.pc .header_wrap .utility_cont .ut_list > .ut_btn a.lang{margin: 0; background: url('../images/lang_b.svg')no-repeat;transition:all .3s;}
#header.pc .header_wrap .utility_cont .ut_list > .ut_btn a.lang:hover{ background: url('../images/lang_g.svg')no-repeat;transition:all .3s;}
#header.pc .header_wrap .utility_cont .open_btn {width: 40px;height: 40px;overflow: hidden;border-radius: 50%;}
#header.pc .header_wrap .utility_cont .open_btn > a{display: block; width: 100%;height: 100%;}
#header.pc .header_wrap .utility_cont .open_btn > a.go_search{background: url('../images/search.svg')no-repeat center center;background-size: 100% 100%;}
#header.pc .header_wrap .utility_cont .open_btn > a.close_btn{background: url('../images/close.svg')no-repeat center center;background-size: 100% 100%;}

/* S: 모바일용 햄버거 메뉴, 검색 취소 버튼 */
#header.pc .header_wrap .utility_cont .menu_btn{display: none;position: relative;width: 38px;height: 38px;}
#header.pc .header_wrap .utility_cont .moSearchClose{display: none;opacity: 0;}
/* E: 모바일용 햄버거 메뉴, 검색 취소 버튼 */

/*header 열림*/
#header.pc .header_wrap.on{height: 280px;/* transition: all 1s; */}
#header.pc .header_wrap.on .gnb_wrap .menu_wrap {/* width: 732px; */}
#header.pc .header_wrap.on .gnb_wrap .menu_wrap .menu_list{}
#header.pc .header_wrap.on .gnb_wrap .menu_wrap .menu_list > li {/* transition: all 1.5s; */}
#header.pc .header_wrap.on .gnb_wrap .menu_wrap .menu_list > li a{}
#header.pc .header_wrap.on .gnb_wrap .menu_wrap .menu_list > li > a:hover span::after{width: 100%;transition: all 1s;}

#header.pc .header_wrap.on .gnb_wrap .menu_wrap .menu_list > li:nth-child(1) > a span{transform: translateX(0%);/* transition: all 1s; */}
#header.pc .header_wrap.on .gnb_wrap .menu_wrap .menu_list > li:nth-child(2) > a span{transform: translateX(0%);/* transition: all 1s; */}
#header.pc .header_wrap.on .gnb_wrap .menu_wrap .menu_list > li:nth-child(3) > a span{transform: translateX(0%);/* transition: all 1s; */}
#header.pc .header_wrap.on .gnb_wrap .menu_wrap .menu_list > li:nth-child(4) > a span{transform: translateX(0%);/* transition: all 1s; */}
#header.pc .header_wrap.on .gnb_wrap .menu_wrap .menu_list > li:nth-child(5) > a span{transform: translateX(0%);/* transition: all 1s; */}

#header.pc .header_wrap.on .gnb_wrap .menu_wrap .menu_list .sub_list{display: block;opacity: 1;/* transition: all 1s; */}
/* #header.pc .header_wrap.on .gnb_wrap .menu_wrap .menu_list > li:nth-child(1){padding-left: 0;padding-right: 80px;}
#header.pc .header_wrap.on .gnb_wrap .menu_wrap .menu_list > li:nth-child(2){padding-left: 0;padding-right: 80px;}
#header.pc .header_wrap.on .gnb_wrap .menu_wrap .menu_list > li:nth-child(3){text-align: left;}
#header.pc .header_wrap.on .gnb_wrap .menu_wrap .menu_list > li:nth-child(4){padding-right: 0;padding-left: 80px;}
#header.pc .header_wrap.on .gnb_wrap .menu_wrap .menu_list > li:nth-child(5){padding-right: 0;padding-left: 80px;} */

/*header 검색*/
/* #header.pc .header_wrap .gnb_wrap .search_box{display: block;opacity: 0;margin-bottom: 40px;transition: all 1s;} */
#header .header_wrap .gnb_wrap .search_box{/* display: none;  */opacity: 0;transform:scaleX(.8) translateY(-100%);transition: all .8s;}
#header.pc .header_wrap .gnb_wrap .search_box{/* display: none;  */opacity: 0;transform:scaleX(.8) translateY(-100%);transition: all .8s;}
#header.pc .header_wrap .gnb_wrap .search_box .search_input{display: flex;justify-content: space-between;align-items: center; width: 637px;height: 54px;padding: 5px 8px; margin: 0 auto; border: 1px solid #BFBFBF;border-radius: 50px;background: #FCFCFC;transition: all .3s;}
#header.pc .header_wrap .gnb_wrap .search_box .search_input input[type='text']{width: 475px; font-family: 'Pretendard';font-size: 22px;font-weight: 400;color: #1D1D1D; margin:0 27px 0 30px;background: #FCFCFC; border: none;}
#header.pc .header_wrap .gnb_wrap .search_box .search_input input[type='text']::placeholder{/* font-size: 22px; */ color: #BFBFBF;}
#header.pc .header_wrap .gnb_wrap .search_box .search_input .search_btn{width: 127px;height: 42px;line-height: 21px;font-family: 'Pretendard';font-size: 18px;font-weight: 600; color: #FFFFFF;/* background: #000000; */border-radius: 50px;}
#header.pc .header_wrap .gnb_wrap .search_box .option_box{display: flex;margin-top: 30px;}
#header.pc .header_wrap .gnb_wrap .search_box .option_box{display: flex;margin-top: 40px;}
#header.pc .header_wrap .gnb_wrap .search_box .option_box .condition{display: flex; align-items: center;justify-content: center;gap: 20px;}
#header.pc .header_wrap .gnb_wrap .search_box .option_box .condition .title{/* margin-top: 10px; */font-size: 16px;font-weight: 600;color: #1D1D1D;}

/* S: 20231030 추가 */
#header.pc .header_wrap .gnb_wrap .search_box .option_box .condition .tab_box{/* margin-top: 10px; */}
#header.pc .header_wrap .gnb_wrap .search_box .option_box .condition .tab_box .search_tag{position: relative;width: 190px;}
#header.pc .header_wrap .gnb_wrap .search_box .option_box .condition .tab_box .search_tag .search_inner_h{display: flex;align-items: center;min-width: 59px;background: #fff;border: 0;}
#header.pc .header_wrap .gnb_wrap .search_box .option_box .condition .tab_box .search_tag .search_inner_h .search_list_h{display: flex;align-items: center;gap: 5px;padding: 5px 11px;border: 1px solid #1D1D1D;border-radius: 20px;}
#header.pc .header_wrap .gnb_wrap .search_box .option_box .condition .tab_box .search_tag .search_inner_h .search_list_h .recent_h{min-width: 22px;font-size: 13px;font-weight: 500;color: #1d1d1d;text-align: left;}
#header.pc .header_wrap .gnb_wrap .search_box .option_box .condition .tab_box .search_tag .search_inner_h .search_list_h .recent_h.smfont{font-size: 12px;}
#header.pc .header_wrap .gnb_wrap .search_box .option_box .condition .tab_box .search_tag .search_inner_h .search_list_h .search_list_img{display: block;width: 10px;height: 7px;background: url('../images/menuArr.svg') no-repeat center center #FFFFFF;background-size: 100% 100%;}
#header.pc .header_wrap .gnb_wrap .search_box .option_box .condition .tab_box .search_tag .search_inner_h .search_list_h.on .search_list_img{transform: rotate(180deg);}
#header.pc .search_tab_list_h{display: none;flex-direction: column;gap: 0;position: absolute;top: 50%;left: 50%;transform: translate(-320px, 61px);min-width: 119px;margin-top: 7px;text-align: left;border: none;background: #fff;border-radius: 7px;box-shadow: 0 3px 6px rgb(0 0 0 / 15%);overflow: hidden;z-index: 1;}
#header.pc .search_tab_list_h.on{display: flex;}
#header.pc .search_tab_list_h li{}
#header.pc .search_tab_list_h li a {display: block;font-size: 14px;color: #1D1D1D;background: #ffffff;padding: 10px 12px;border-radius: 0;}
#header.pc .search_tab_list_h li.on a {display: block;font-size: 14px;color: #1D1D1D;background: #f6f6f6;}

#header.pc .search_date_box_h{position: absolute;display: none; width: auto;height:auto;top: 50%;left: 50%;transform: translate(-320px, 70px);padding: 15px 13px; background: #FFFFFF;border-radius: 6px; box-shadow: 0 3px 6px rgb(0 0 0 / 15%);z-index: 5;}
#header.pc .search_date_box_h .dateInputBox{display: flex;justify-content: space-between;align-items: center;font-size: 14px;}
#header.pc .search_date_box_h .dateInputBox input[type=text] {position:relative; width:95px; height: 34px;border: 1px solid #DEDEDE; border-radius: 4px; padding: 8px; font-size: 14px; letter-spacing: -0.5px;}
#header.pc .search_date_box_h .dateInputBox input[type=text]:focus{border:1px solid #1D1D1D;}
#header.pc .search_date_box_h .btn_wrap{display: flex;align-items: center;justify-content: center;gap: 8px;/* margin-top:18px; */}
#header.pc .search_date_box_h .btn_wrap > button{display: flex;align-items: center;justify-content: center;width: 59px;min-width: 59px;height: 28px;border-radius: 4px;font-family: 'Pretendard', sans-serif;font-size: 12px;font-weight: 600;}
#header.pc .search_date_box_h .btn_wrap .reset_btn{border: 1px solid #D4D4D4;background-color: #ffffff;color: #1D1D1D;}
#header.pc .search_date_box_h .btn_wrap .btn{border: 1px solid #1D1D1D;background-color: #1D1D1D;color: #ffffff;}

#header.pc .header_wrap .gnb_wrap .search_box .option_box .condition .sel_box{/* padding-left: 25px; */}
#header.pc .header_wrap .gnb_wrap .search_box .option_box .condition .sel_box button{/* margin-top: 10px; */margin-right: 10px;padding: 5px 10px; text-align: center;font-family: 'Pretendard'; font-size: 13px;font-weight: 500;border-radius: 20px;}
#header.pc .header_wrap .gnb_wrap .search_box .option_box .condition .sel_box button:last-child{margin-right: 0;}
/* E: 20231030 추가 */

/*header 검색 열림*/
#header.pc .header_wrap.search{height: 207px;/* transition: all 1s; */}
#header.pc .header_wrap.search .gnb_wrap{transform: translateY(0);/* transition: all 1s; */}
#header.pc .header_wrap.search .gnb_wrap .search_box{margin-top: 18px; opacity: 1;transform: translateY(0); /* transition: all 1s; */margin-bottom: 0;}
#header.pc .header_wrap.search .gnb_wrap .menu_wrap{opacity: 0;pointer-events: none; /* transition: all 1s; */transform: translateY(20px);}
#header.pc .header_wrap.search .utility_cont .open_btn > a.go_search{display: none; opacity: 0; }
#header.pc .header_wrap.search .utility_cont .open_btn > a.close_btn{opacity: 1; }
#header.pc .header_wrap.search .utility_cont .ut_list > .ut_btn{opacity: 0;transform: translateX(270px);/* transition: all 1s; */}

/*header small*/
#header.pc .header_wrap.follow{display: flex;justify-content: center;align-items: flex-start; padding:22px 52px 28px;height: 70px; overflow: hidden; -webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.04);-moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.04);box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.04);transition: all 1s;}
#header.pc .header_wrap.follow .logo_wrap{width: 260px;text-align: left;}
#header.pc .header_wrap.follow .logo_wrap h1{width: 257px;height: 22px;transition: all 1s;}
/* #header.pc .header_wrap.follow .gnb_wrap{padding-top: 0;} */
#header.pc .header_wrap.follow .logo_wrap h1 a{width: 257px;height: 22px;transition: all 0.5s;}
#header.pc .header_wrap.follow .logo_wrap h1 a.svgA{opacity: 0;z-index: 1;}
#header.pc .header_wrap.follow .logo_wrap h1 a.noneA{opacity: 1;z-index: 2;}
#header.pc .header_wrap.follow .logo_wrap h1 a svg#edRKoEm2bqe1{/* opacity: 1;transition: all 1s; */width: 159px;height: 46px;}
#header.pc .header_wrap.follow .logo_wrap h1 a svg#eip6fLsjTUA1{/* opacity: 1;transition: all 1s; */width: 257px;height: 22px;}

#header.pc .header_wrap.follow .utility_cont {top: 12px;/* transition: all 1s; */}
#header.pc .header_wrap.follow .utility_cont .ut_list > .ut_btn{opacity: 0;visibility: hidden; /* transition: all .3s; */}
#header.pc .header_wrap.follow .gnb_wrap .menu_wrap{opacity: 1; transition: all 1s;/* transform: translateY(-120px); */padding: 0;}


/* header small 열림*/
#header.pc .header_wrap.on.follow{height: 297px;/* transition: all 1s; */align-items: flex-start;}
#header.pc .header_wrap.on.follow .gnb_wrap{}
#header.pc .header_wrap.on.follow .logo_wrap h1{width: 159px;height: 46px;}
#header.pc .header_wrap.on.follow .logo_wrap h1 a{width: 257px;height: 22px;transition: all 0.5s;}
#header.pc .header_wrap.on.follow .logo_wrap h1 a.svgA{opacity: 1;z-index: 2;}
#header.pc .header_wrap.on.follow .logo_wrap h1 a.noneA{opacity: 0;z-index: 1;}

/*header small 검색 열림*/
#header.pc .header_wrap.search.follow{display: flex;justify-content: center;align-items: flex-start; padding:25px 60px;height: 70px; overflow: hidden; -webkit-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.16);-moz-box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.16);box-shadow: 0px 3px 4px 0px rgba(0,0,0,0.16);/* transition: all 1s; */}
#header.pc .header_wrap.search.follow .logo_wrap{}
#header.pc .header_wrap.search.follow .logo_wrap h1{/* background: url('../images/Logo.svg') no-repeat; */width: 159px;height: 46px;background-size: 100% 100%;}
#header.pc .header_wrap.search.follow .logo_wrap h1 a.svgA{opacity: 1;z-index: 2;}
#header.pc .header_wrap.search.follow .logo_wrap h1 a.noneA{opacity: 0;z-index: 1;}
#header.pc .header_wrap.search.follow .logo_wrap h1 a svg#edRKoEm2bqe1{/* opacity: 1;transition: all 1s; */width: 159px;height: 46px;}
#header.pc .header_wrap.search.follow .logo_wrap h1 a svg#eip6fLsjTUA1{/* opacity: 1;transition: all 1s; */width: 257px;height: 22px;transform: translateY(-7px);}

#header.pc .header_wrap.search.follow .utility_cont .ut_list > .ut_btn{opacity: 0;transform: translateX(270px);/* transition: all 1s; */}
#header.pc .header_wrap.search.follow{height: 207px;/* transition: all 1s; */}
#header.pc .header_wrap.search.follow .gnb_wrap{transform: translateY(0);/* transition: all 1s; */}
#header.pc .header_wrap.search.follow .gnb_wrap .search_box{margin-top: 18px; opacity: 1;/* transition: all 1s; */margin-bottom: 0;}
#header.pc .header_wrap.search.follow .gnb_wrap .menu_wrap{opacity: 0;pointer-events: none; /* transition: all 1s; */transform: translateY(20px);}
#header.pc .header_wrap.search.follow .utility_cont {top:21px}
#header.pc .header_wrap.search.follow .utility_cont .open_btn > a.go_search{display: none; opacity: 0; }
#header.pc .header_wrap.search.follow .utility_cont .open_btn > a.close_btn{opacity: 1; }
#header.pc .header_wrap.search.follow .utility_cont .ut_list > .ut_btn{opacity: 0;transform: translateX(270px);/* transition: all 1s; */}


/*footer*/
#footer{position: relative; background: #1D1D1D;height: auto;}
#footer .footer_wrap{display: flex;justify-content: space-between;align-items: flex-start; height: 269px; padding:52px 84px;max-width: 1368px;margin: 0 auto;}
#footer .footer_wrap .ft_left{padding-top: 7px;}
#footer .footer_wrap .ft_left .logo_menu{display: flex;justify-content: flex-start;align-items: center;}
#footer .footer_wrap .ft_left .logo_menu .ft_logo{width: 196px;height: 17px;margin-right: 80px; background: url('../images/footer_logo.svg')no-repeat center center;background-size: 100% 100%;}
#footer .footer_wrap .ft_left .logo_menu .ft_logo a{display: block;width: 100%;height: 100%;}
#footer .footer_wrap .ft_left .logo_menu .ft_menu{font-size: 0;}
#footer .footer_wrap .ft_left .logo_menu .ft_menu > a{font-size: 16px;font-weight: 600;color: #FFFFFF;}
#footer .footer_wrap .ft_left .logo_menu .ft_menu > a:nth-child(2){margin:0 50px 0 47px;}
#footer .footer_wrap .ft_left .info{margin-top: 57px;}
#footer .footer_wrap .ft_left .info p{font-size: 15px;font-weight: 400; color: #8E8E8E;letter-spacing: -0.4px;line-height: 25px;}
#footer .footer_wrap .ft_right{}
#footer .footer_wrap .ft_right .social_link{position: relative;}
#footer .footer_wrap .ft_right .social_link > a{display:inline-block;width: 33px;height: 33px;margin-right: 10px; background-size: 100% 100%;}
/* #footer .footer_wrap .ft_right .social_link > a::after{position: absolute;content: '';width: auto;height: 32px;left: 50%;} */
#footer .footer_wrap .ft_right .social_link > a span{opacity: 0;font-family: 'Pretendard';font-size: 11px;font-weight: 500;color: #FFFFFF;display: block;width: auto;position: absolute;background: #2E2E2E;border-radius: 3.5px; text-align: center;padding: 6px 8px;left: 0;top: -39px;}
#footer .footer_wrap .ft_right .social_link > a:hover span{opacity: 1;}
#footer .footer_wrap .ft_right .social_link > a:hover::after{position: absolute;top: -15px;left: 0; content: ''; width: 16px;height:13px;background: url('../images/arrow_hover.svg')no-repeat center center;}
#footer .footer_wrap .ft_right .social_link > a.f_home{background: url('../images/footer_home.svg')no-repeat center center;}
#footer .footer_wrap .ft_right .social_link > a.f_home span{transform: translate(-35px, 0px);}
#footer .footer_wrap .ft_right .social_link > a.f_home::after{transform: translate(10px, 0px);}
#footer .footer_wrap .ft_right .social_link > a.f_fb{background: url('../images/footer_fb.svg')no-repeat center center;}
#footer .footer_wrap .ft_right .social_link > a.f_fb span{transform: translate(36px, 0px);}
#footer .footer_wrap .ft_right .social_link > a.f_fb::after{transform: translate(56px, 0px);}
#footer .footer_wrap .ft_right .social_link > a.f_yt{background: url('../images/footer_yt.svg')no-repeat center center;}
#footer .footer_wrap .ft_right .social_link > a.f_yt span{transform: translate(88px, 0px);}
#footer .footer_wrap .ft_right .social_link > a.f_yt::after{transform: translate(103px, 0px);}
#footer .footer_wrap .ft_right .social_link > a.f_insta{background: url('../images/footer_insta.svg')no-repeat center center;}
#footer .footer_wrap .ft_right .social_link > a.f_insta span{transform: translate(126px, 0px);}
#footer .footer_wrap .ft_right .social_link > a.f_insta::after{transform: translate(148px, 0px);}
#footer .footer_wrap .ft_right .social_link > a.f_linkedin{background: url('../images/footer_linkedin.svg')no-repeat center center;}
#footer .footer_wrap .ft_right .social_link > a.f_linkedin span{transform: translate(126px, 0px);}
#footer .footer_wrap .ft_right .social_link > a.f_linkedin::after{transform: translate(148px, 0px);}
#footer .footer_wrap .ft_right .social_link > a.f_lang{margin: 0;background: url('../images/footer_lang.svg')no-repeat center center;}
#footer .footer_wrap .ft_right .social_link > a.f_lang span{transform: translate(178px, 0px);}
#footer .footer_wrap .ft_right .social_link > a.f_lang::after{transform: translate(196px, 0px);}

.top_btn{display:none;position: fixed;bottom:40px;right: 40px;z-index: 10;}
.top_btn.on{bottom: 0px;right: 40px;}
/* .top_btn.on{position: absolute;bottom: 0px;right: 40px;} */

/* S: 20231106 날짜 검색 */
.datepickerWrap{position: relative;min-height: 260px;margin-top: 10px;}
#Sdatepicker, #Sdatepicker_h{position: absolute;z-index: 2;}
#Edatepicker, #Edatepicker_h{position: relative;z-index: 1;visibility: hidden;}
.newdatepicker .ui-datepicker {width:222px; height: auto; padding:0; font-family: 'Pretendard', sans-serif;background: #FFFFFF;}
.newdatepicker .ui-datepicker.ui-widget.ui-widget-content {border: 0;}
.newdatepicker .ui-datepicker .ui-datepicker-header {width:100%; height: 39px; padding: 0;background: #FFFFFF;border: 0;}
.newdatepicker .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{border-bottom-right-radius:0;}
.newdatepicker .ui-widget.ui-widget-content {border:1px solid #1D1D1D; border-radius: 0;}
.newdatepicker .ui-datepicker th {width:32px; height:24px; padding:0; font-size:12px; color:#1D1D1D; vertical-align: middle;font-weight: 300;}
.newdatepicker .ui-datepicker td {box-sizing:border-box;}
.newdatepicker .ui-widget-header {padding:0; border-radius:0; border:0; background-color:#fff;}
.newdatepicker .ui-datepicker .ui-datepicker-title { font-family: 'Pretendard', sans-serif; font-size: 14px; font-weight: 500; color:#000; margin: 0; line-height: 16px; padding: 12px 0 11px 0;}
.newdatepicker .ui-datepicker-calendar thead tr {width: 100%; padding: 0; line-height: 44px;}
.newdatepicker .ui-state-default,
.newdatepicker .ui-widget-content .ui-state-default,
.newdatepicker .ui-widget-header .ui-state-default,
.newdatepicker .ui-button, html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {width: 26px;height: 26px;line-height: 20px; font-size: 13px; box-sizing:border-box; color: #1D1D1D; border:0; background-color:#fff; text-align:center;margin: 0 auto;}
.newdatepicker .ui-state-active,
.newdatepicker .ui-widget-content .ui-state-active,
.newdatepicker .ui-widget-header .ui-state-active,
.newdatepicker a.ui-button:active, .ui-button:active,
.newdatepicker .ui-button.ui-state-active:hover {background: #000000;border-radius: 50%;color:#FFFFFF;}
.newdatepicker .ui-datepicker .ui-datepicker-prev:hover,
.newdatepicker .ui-datepicker .ui-datepicker-next:hover {border:0; background-color:#e4f1ff; cursor:pointer;}
.newdatepicker .ui-datepicker .ui-datepicker-prev-hover {left:2px; top:2px;}
.newdatepicker .ui-datepicker .ui-datepicker-next-hover {right:2px; top:2px;}
.newdatepicker .ui-datepicker .ui-datepicker-prev,
.newdatepicker .ui-datepicker .ui-datepicker-next{display: flex;align-items: center;justify-content: flex-end;top: 50%;transform: translateY(-50%);}
.newdatepicker .ui-datepicker .ui-datepicker-prev{justify-content: flex-start;}
.newdatepicker .ui-datepicker .ui-datepicker-prev .ui-icon,
.newdatepicker .ui-datepicker .ui-datepicker-next .ui-icon{position: unset;width: 9px;height: 14px;margin-top: 0;margin-left: 0;background:url('../images/date_pagination_on.svg') no-repeat center;background-size: 100% 100%;}
.newdatepicker .ui-datepicker .ui-datepicker-prev .ui-icon {transform: rotate(180deg);}
.newdatepicker .ui-datepicker-today .ui-state-highlight {color: #1D1D1D; text-decoration: underline; border-radius: 50%; font-weight: bold;}
.newdatepicker .ui-datepicker-today .ui-state-highlight.ui-state-active {color: #ffffff;}
.newdatepicker .date-min a {border:0; background-color:#e2ebf8; color:#333;}
.newdatepicker .period .ui-state-default {border-radius:50%; background-color:#000000; color:#fff;}
.newdatepicker .ui-datepicker .ui-datepicker-prev:hover,
.newdatepicker .ui-datepicker .ui-datepicker-next:hover {background-color:transparent; }
.newdatepicker .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: auto; text-align: center; margin: 0; line-height: 18px; margin-top: -2px; font-weight: 500;border: 1px solid #DEDEDE;
    border-radius: 4px;}
.newdatepicker .ui-datepicker select.ui-datepicker-month {margin-left: 5px; font-weight: 500;}
.newdatepicker .ui-widget select { font-family: 'Pretendard', sans-serif; font-size: 14px; font-weight: bold; background-color: #ffffff; color: #1D1D1D;}
.newdatepicker .ui-datepicker table {width: auto; margin: 0 auto; vertical-align: middle; }
/* E: 20231106 날짜 검색 */

/* 팝업 */
/* 공통 */
#popupLayer{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;}
#popupLayer .dim{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.35);overflow: hidden;}
#popupLayer .pop_box{position: fixed;left: 50%;}
#popupLayer .pop_box .pop_close{position: absolute;right: 21px;width: 42px;height: 42px;z-index: 1;background: url('../images/pop_closed_btn.svg')no-repeat center center;background-size: 100% 100%;}

/* 팝업 content */
#popupLayer .pop_box{top: 50%;left: 50%;width: 100%;max-width: 600px;height: auto;transform: translate(-50%, -50%);background:#FFFFFF;border-radius: 12px;-webkit-box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.2);-moz-box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.2);box-shadow: 3px 3px 18px 0px rgba(0,0,0,0.2);}
#popupLayer .pop_box .pop_cont{position:relative;width:100%;}
#popupLayer .pop_box .pop_cont .pop_head{display: flex;justify-content: center;align-items: center; height: 70px;text-align: center;border-bottom: 1px solid #E4E4E4;}
#popupLayer .pop_box .pop_cont .pop_head > p{font-size: 18px;font-weight: 500;color: #1D1D1D;}

#popupLayer #pop01 .pop_cont .sel_apply{padding: 50px;}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont{}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .all_ch_box{display: flex; align-items: center;margin-bottom: 24px;color: #1D1D1D;}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .all_ch_box > p{margin-right: auto;font-size: 20px;font-weight: 700;letter-spacing: -1px;}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .all_ch_box > div{display: flex;align-items: center;}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .all_ch_box label.all_sel{margin-right: 10px;font-family: "Pretendard";font-size: 14px;font-weight: 500;}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .all_ch_box label.all_sel + input[type="checkbox"]{position: relative; display: block;width: 36px;height: 22px;border-radius: 26px;background: #BFBFBF;cursor: pointer;}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .all_ch_box label.all_sel + input[type="checkbox"]:after{position: absolute;top: 50%;left: 50%;display: block;content: '';width:19px;height: 18px;border-radius: 50%;background: #FFFFFF;transform: translate(-16px, -9px);transition:.3s all;}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .all_ch_box label.all_sel + input[type="checkbox"]:checked{background: #1D1D1D;}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .all_ch_box label.all_sel + input[type="checkbox"]:checked::after{position: absolute;top: 50%;left: 50%;display: block;content: '';width:19px;height: 18px;border-radius: 50%;background: #FFFFFF;transform: translate(-3px, -9px);transition:.3s all;}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .sel_btn_box{margin-bottom: 40px;font-size: 0;}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .sel_btn_box > button{width: 160px;height: 48px;margin:0px 10px 10px 0; text-align: center;border: 1px solid #DEDEDE;border-radius: 4px;line-height: 48px;font-family: 'Pretendard'; font-size: 16px;font-weight: 500; color: #8D8D8D;}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .sel_btn_box > button:nth-child(3){margin-right: 0;}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .sel_btn_box > button:nth-child(5){margin-right: 0;}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .sel_btn_box > button{width: 160px;height: 48px;margin-right:10px; text-align: center;border: 1px solid #DEDEDE;border-radius: 4px;line-height: 48px;font-family: 'Pretendard'; font-size: 16px;font-weight: 500; color: #8D8D8D;}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .sel_btn_box > button.on{border: 1px solid #1D1D1D;color: #1D1D1D;}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .email_box {position: relative; width: 100%;height: 54px;padding-left: 15px; border: 1px solid #BFBFBF;border-radius: 4px;}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .email_box.on {border: 1px solid #1D1D1D;}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .email_box > label {position: absolute;top:10px;left:0;width:100%;height: 100%;padding: 15px 0 0 15px; display: block;color: #BFBFBF;font-size: 18px;font-weight: 400;transform: translate(0, -10px);transition: all.3s;z-index: 1;}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .email_box > label.on {position: absolute; display: block;color: #8D8D8D;font-size: 12px;font-weight: 400;transform: translate(0, -16px);transition: all.3s;}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .email_box input[type="email"]{display: block;width: 100%; height: 22px;margin-top: 24px; font-size: 18px;color: #1D1D1D;z-index: 99;}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .email_box input[type="email"]::placeholder{font-size: 18px;color: #BFBFBF;}
/* #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .email_box.on{padding: 10px 0 10px 15px;height: auto;}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .email_box.on span{display: block;}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .email_box.on input[type="email"]{height: auto;} */
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .agree_box {display: flex;justify-content: flex-start;align-items: center;margin-top: 24px;}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .agree_box label.agree_ch{padding-left: 13px; color: #1D1D1D;}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .agree_box label.agree_ch a{color: #1D1D1D;}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .agree_box label.agree_ch span{border-bottom: 1px solid #1D1D1D;}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .agree_box .agree_ch_box{width: 23px;height: 23px;border: 1px solid #BFBFBF;border-radius: 2px;}
#popupLayer #pop01 .pop_cont .sel_apply .sel_cont .agree_box .agree_ch_box:checked{background: url('../images/check_box_check.svg')no-repeat center;background-size:100% 100%;border: 1px solid #1D1D1D; border-radius: 3px;}
#popupLayer #pop01 .pop_cont .sel_apply .apply_btn{display: block; width: 168px;height: 53px;margin:40px auto 0 ;background: #BFBFBF;color: #FFFFFF;text-align: center;border-radius: 4px;font-family: 'Pretendard';font-size: 21px;font-weight: 600;cursor: unset;border: none;}
#popupLayer #pop01 .pop_cont .sel_apply .apply_btn.on{background:#1D1D1D;color: #FFFFFF;cursor: pointer;}

#popupLayer #pop01 .pop_cont .ok_box{display: none;padding: 50px;}
#popupLayer #pop01 .pop_cont .ok_box .check_cont{}
#popupLayer #pop01 .pop_cont .ok_box .check_cont .letter_img{width: 153px;height: 102px;margin: 0 183px 23px;}
#popupLayer #pop01 .pop_cont .ok_box .check_cont .letter_text{font-family: 'Pretendard';font-size: 22px;font-weight: 700;color: #1D1D1D;text-align: center;}
#popupLayer #pop01 .pop_cont .ok_box .check_cont .ok_btn{display: block; width: 134px;height: 54px;margin:40px auto 0 ; padding: 14px 0;background: #1D1D1D;color: #FFFFFF;text-align: center;border-radius: 4px;font-family: 'Pretendard';font-size: 21px;font-weight: 600;}

#popupLayer #pop02 .pop_cont .request{padding: 50px;}
#popupLayer #pop02 .pop_cont .request .request_cont{}
#popupLayer #pop02 .pop_cont .request .request_cont .pass_box{margin-bottom: 24px;color: #1D1D1D;}
#popupLayer #pop02 .pop_cont .request .request_cont .pass_box p{margin-right: auto;font-size: 20px;font-weight: 700;letter-spacing: -1px;}
#popupLayer #pop02 .pop_cont .request .request_cont .pass_input_box{position: relative; width: 100%;height: 54px;padding: 15px; border: 1px solid #BFBFBF;border-radius: 4px;}
#popupLayer #pop02 .pop_cont .request .request_cont .pass_input_box.on {border: 1px solid #1D1D1D;}
#popupLayer #pop02 .pop_cont .request .request_cont .pass_input_box input{display: block;width: 100%; height: 22px;font-size: 18px;color: #1D1D1D;z-index: 99;}

#popupLayer #pop02 .pop_cont .request .request_cont .go_btn {display: block; width: 168px;height: 53px;margin:40px auto 0 ; background: #1D1D1D;color: #FFFFFF;text-align: center;border-radius: 4px;font-family: 'Pretendard';font-size: 21px;font-weight: 600;cursor: pointer;border: none;}
#popupLayer #pop02 .pop_cont .request .request_cont .go_btn.on{background:#1D1D1D;color: #FFFFFF;cursor: pointer;}

#popupLayer #pop02 .pop_cont .request .retouch{}
#popupLayer #pop02 .pop_cont .request .retouch textarea{display: block; border: 1px solid #BFBFBF;border-radius: 4px;resize: none;width:100%; padding: 15px 15px;font-size: 18px;font-weight: 400;line-height: 28px; color: #1D1D1D;font-family: 'Pretendard';}
#popupLayer #pop02 .pop_cont .request .retouch textarea.on{border: 1px solid #1D1D1D;}
#popupLayer #pop02 .pop_cont .request .retouch .ok_btn {display: block; width: 168px;height: 53px;margin:40px auto 0 ; background: #1D1D1D;color: #FFFFFF;text-align: center;border-radius: 4px;font-family: 'Pretendard';font-size: 21px;font-weight: 600;cursor: pointer;border: none;}
#popupLayer #pop02 .pop_cont .request .retouch .ok_btn.on{background:#1D1D1D;color: #FFFFFF;cursor: pointer;}


#popupLayer #pop03 .pop_cont .delete{padding: 50px;}
#popupLayer #pop03 .pop_cont .delete .delete_cont{}
#popupLayer #pop03 .pop_cont .delete .delete_cont .pass_box{margin-bottom: 24px;color: #1D1D1D;}
#popupLayer #pop03 .pop_cont .delete .delete_cont .pass_box p{margin-right: auto;font-size: 20px;font-weight: 700;letter-spacing: -1px;}
#popupLayer #pop03 .pop_cont .delete .delete_cont .pass_input_box{position: relative; width: 100%;height: 54px;padding-top: 16px; padding-left: 15px; border: 1px solid #BFBFBF;border-radius: 4px;}
#popupLayer #pop03 .pop_cont .delete .delete_cont .pass_input_box.on {border: 1px solid #1D1D1D;}
#popupLayer #pop03 .pop_cont .delete .delete_cont .pass_input_box input{display: block;width: 100%; height: 22px;font-size: 18px;color: #1D1D1D;z-index: 99;}
#popupLayer #pop03 .pop_cont .delete .ok_btn {display: block; width: 168px;height: 53px;margin:40px auto 0 ; background: #1D1D1D;color: #FFFFFF;text-align: center;border-radius: 4px;font-family: 'Pretendard';font-size: 21px;font-weight: 600;cursor: pointer;border: none;}
#popupLayer #pop03 .pop_cont .delete .ok_btn.on{background:#1D1D1D;color: #FFFFFF;cursor: pointer;}


/* 비디오 팝업 */
#iframe_popupLayer{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;}
#iframe_popupLayer .dim{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.35);overflow: hidden;z-index: -1;}
#iframe_pop{position: fixed;top: 50%;left: 50%;width: 100%;max-width: 1025px;height: 577px;transform: translate(-50%, -50%);}
#iframe_pop .video_close{position: absolute;right: -55px; display: block;width:40px;height: 40px;background: url('../images/pop_x.svg')no-repeat center center;background-size: 100% 100%;}
#iframe_pop .pop_cont {position: relative;width: 100%;height: 100%;}
#iframe_pop .pop_cont iframe{width: 100%;height: 100%;}

@media (max-width:1509px){
    #header.pc .header_wrap .gnb_wrap .menu_wrap .menu_list > li{width: 108px;}
    #header.pc .header_wrap .gnb_wrap .menu_wrap .menu_list > li:nth-child(1) > a span{transform: translateX(40%);}
    #header.pc .header_wrap .gnb_wrap .menu_wrap .menu_list > li:nth-child(2) > a span{transform: translateX(40%);}
    #header.pc .header_wrap .gnb_wrap .menu_wrap .menu_list > li:nth-child(3) > a span{transform: translateX(30%);}
    #header.pc .header_wrap .gnb_wrap .menu_wrap .menu_list > li:nth-child(4) > a span{transform: translateX(-40%);}
    #header.pc .header_wrap .gnb_wrap .menu_wrap .menu_list > li:nth-child(5) > a span{transform: translateX(-40%);}

    #header.pc .header_wrap .utility_cont .ut_list > .ut_btn a.newsletter{/* background: url('../images/newsletter_s_v1.svg') no-repeat center center ;background-size:100% 100%; */ width: 88px;height: 28px;margin-right: 10px;font-size: 13px;font-weight: 600; color: #FFFFFF;line-height: 28px;}
    #header.pc .header_wrap .utility_cont .ut_list > .ut_btn a.facebook{display: block;}
    #header.pc .header_wrap .utility_cont .ut_list > .ut_btn a.youtube{display: block;}
    #header.pc .header_wrap .utility_cont .ut_list > .ut_btn a.insta{display: block;}
    #header.pc .header_wrap .utility_cont .ut_list > .ut_btn a.linkedin{display: block;}
}

@media (max-width:1420px){
    #header.pc .header_wrap .utility_cont .ut_list{width: auto;}
    #header.pc .header_wrap .utility_cont .ut_list > .ut_btn a.newsletter{font-size: 0; background: url('../images/newsletter_ss.svg') no-repeat center center;background-size:100% 100%; width: 28px;height: 28px;margin-right: 10px;}
    #header.pc .header_wrap .utility_cont .ut_list > .ut_btn a.newsletter svg{display: none;}
}

@media (max-width:1240px){
    #wrapper #wrap .container{ padding-top: 4.83vw;}
    #header.pc .header_wrap{padding: 25px 22px;}
    #header.pc .header_wrap .logo_wrap{left: 22px;}
    #header.pc .header_wrap .logo_wrap h1{width: 125px;height: 37px;}
    #header.pc .header_wrap .utility_cont{right: 22px;}

    #header.pc .header_wrap.on .gnb_wrap .menu_wrap{/* width: 572px; */}

    #header.pc .header_wrap.follow{padding: 25px 22px;}
    #header.pc .header_wrap.follow .logo_wrap h1{width: 17.7vw;}
    #header.pc .header_wrap.follow .logo_wrap h1 a svg#eip6fLsjTUA1{width: 17.7vw;}
    #header.pc .header_wrap.follow .gnb_wrap .menu_wrap{/* width: 515px; */}

    #header.pc .header_wrap.on.follow .gnb_wrap .menu_wrap{/* width: 735px; */transform: translateY(0px);}
    #header.pc .header_wrap.on.follow .utility_cont{top: 25px;right:22px;}

    #header.pc .header_wrap.search{/* height: 237px; */transition: all 1s;}
    #header.pc .header_wrap.search.follow{/* height: 237px; */padding: 25px 22px;transition: all 1s;}

    /* #header.pc .header_wrap .gnb_wrap .menu_wrap{transform: translateY(-160px);}
    #header.pc .header_wrap.follow .gnb_wrap .menu_wrap{transform: translateY(-160px);}
    #header.pc .header_wrap.on.follow .gnb_wrap .menu_wrap{transform: translateY(-160px);} */

    #header.pc .header_wrap .gnb_wrap .menu_wrap .menu_list > li:first-child{padding-left: 0;}
    #header.pc .header_wrap .gnb_wrap .menu_wrap .menu_list > li:last-child{padding-right:0;}

    #header.pc .header_wrap .gnb_wrap .search_box .search_input{width: 505px;}
    #header.pc .header_wrap .gnb_wrap .search_box .option_box .condition{/* justify-content: flex-start;align-items: flex-start;width: 50%; */}
    #header.pc .header_wrap .gnb_wrap .search_box .option_box .condition .title{/* margin-top: 15px; */}
    /* #header.pc .header_wrap .gnb_wrap .search_box .option_box .condition.date{margin-right: 0;} */
    #header.pc .header_wrap .gnb_wrap .search_box .option_box .condition.date .title{min-width: 57px;}
    #header.pc .header_wrap .gnb_wrap .search_box .option_box .condition.cate .title{min-width: 27px;}
    /* #header.pc .header_wrap .gnb_wrap .search_box .option_box .condition .sel_box button:last-child{margin-right: 10px;} */

    #header.pc .header_wrap .utility_cont .ut_list > .ut_btn a.facebook{display: none;}
    #header.pc .header_wrap .utility_cont .ut_list > .ut_btn a.youtube{display: none;}
    #header.pc .header_wrap .utility_cont .ut_list > .ut_btn a.insta{display: none;}
    #header.pc .header_wrap .utility_cont .ut_list > .ut_btn a.linkedin{display: none;}

    #wrapper #wrap.view .container{padding: 4.84vw 6.78% 6.45vw;}
    #wrapper #wrap.view .view_banner{width: 100% !important;max-width: 100% !important;margin: auto auto 21.33vw !important;padding: 0 !important;}
    #wrapper #wrap.view .view_banner a{overflow: hidden;}

    #popular_newsBox .bt_box .swiper-button-prev{margin-top:-40px;}
    #popular_newsBox .bt_box .swiper-button-next{margin-top:-40px;}
}

@media (max-width: 1024px){

    /*방향 버튼 모션 - 투명도*/
    .hover_m_1{opacity: 0.85;-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.23);-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.23);box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.23);transition: all .3s;}
    .hover_m_1:hover{opacity: 1;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.23);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.23);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.23);transition: all .3s;}
    /*돋보기,닫기 버튼 모션 - 그림자*/
    .hover_m_2{-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.09);-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.09);box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.09);transition: all .3s;}
    .hover_m_2:hover{-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.31);-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.31);box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.31);transition: all .3s;}
    /*검색 버튼 - 배경색*/
    .hover_m_3{background: #000000;transition: all .3s;}
    .hover_m_3:hover{background: #414141;transition: all .3s;}
    /*선택버튼 모션*/
    .hover_m_4{background: #FFFFFF;color: #8D8D8D;border: 1px solid #DEDEDE;transition: all .3s;}
    .hover_m_4:hover{background: #FBFBFB;transition: all .3s;}
    /*관심분야 선택버튼*/
    .sel_btn.active{background: #FFFFFF;border:1px solid #1D1D1D;color: #1D1D1D;}
    /*페이지 네이션 모션*/
    .dark_btn{display:inline-block;width: 29px;height: 36px;border:1px solid #e5e5e5;background: #ffffff; line-height: 36px;border-radius: 5px;}
    .dark_btn.active{background: #1D1D1D;color: #FFFFFF;border: none;}
    /*더보기 버튼 모션*/

    .hover_m_5{border: 1px solid #8D8D8D;transition: all .3s;}
    .hover_m_5:hover{border: 1px solid #000000;transition: all .3s;}

    /*최신기사 호버모션*/
    .hover_m_6 .img_area::after{position: absolute;top: 0;left: 0; display: block;content: '';width: 100%;height: 100%;background: transparent;border-radius: 0px; opacity: 0;z-index: 10;transition: all .3s;}
    .hover_m_6:hover .img_area::after{position: absolute;top: 0;left: 0; display: block;content: '';width: 100%;height: 100%;background: transparent;border-radius: 5.33vw; opacity: 0.5;z-index: 10;transition: all .3s;}
    .hover_m_6:hover .news_img{transform: scale(1);transition: all .5s;}

    /*비디오 호버모션*/
    .hover_m_7 a .img_area::before{position: absolute;top: 0;left: 0; display: block;content: '';width: 100%;height: 100%;background: transparent;opacity: 0;z-index: 10;transition: all .3s;}
    .hover_m_7:hover a .img_area::before{position: absolute;top: 0;left: 0; display: block;content: '';width: 100%;height: 100%;background: transparent;opacity: 0.5;z-index: 10;transition: all .3s;}
    .hover_m_7 .img_area::after{position: absolute; display: block;top: 20px;right: 20px; width:36px;height: 36px;margin-top:0;margin-left:0; content: '';background: url('../images/youtube_icon.svg')no-repeat center center;z-index: 99;opacity: 0.85;}
    .hover_m_7:hover a .news_img{transform: scale(1);transition: all .5s;}

    .focus{border:1px solid #1D1D1D;-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);}

    /*텍스트 진하게 호버*/
    .hover_m_8:hover{color: #1D1D1D; font-weight: 600;}

    /*태그 호버 모션*/
    .hover_m_9{border: 1px solid #E5E5E5;border-radius: 20px;}
    .hover_m_9:hover{border: 1px solid #263070;}



    #header .header_wrap{justify-content: flex-start;height: auto;padding: 2.13vw 2.4vw;}
    #header .header_wrap .logo_wrap{position: unset;}
    #header .header_wrap .logo_wrap h1{width: 14vw;height: 4.13vw;}
    #header .header_wrap .gnb_wrap{display: none;}
    #header.tablet .header_wrap .utility_cont{display: flex;align-items: center;position: absolute;top: 1.46vw;right: 2.4vw;width: auto;height: auto;overflow: hidden;transition: all 1s;}
    #header.tablet .header_wrap .utility_cont .ut_list{display: none;justify-content: center;position: fixed;bottom: 5.33vw;left: 0;width: 100%;}
    #header.tablet .header_wrap .utility_cont .ut_list > .ut_btn{display: flex;align-items: center;opacity: 1;transform: translateX(0);transition: all 1s;}
    #header.tablet .header_wrap .utility_cont .ut_list > .ut_btn a{display: inline-block;width: 4.27vw;height: 4.27vw;margin-right: 1.6vw;background-size: 100% 100%;}
    #header.tablet .header_wrap .utility_cont .ut_list > .ut_btn a.newsletter{margin-right: 2.67vw;width: 14.13vw;height: 4.53vw;line-height: 4.53vw;font-size: 3.73vw;font-weight: 600;color: #FFFFFF;background: #263070;border-radius: 2.92vw;text-align: center; /* background: url('../images/newsletter_b_v1.svg') no-repeat;background-size: 100% 100%; */}
    #header.tablet .header_wrap .utility_cont .ut_list > .ut_btn a.home{display: block;background: url('../images/home_b.svg') no-repeat;background-size: 100% 100%;}
    #header.tablet .header_wrap .utility_cont .ut_list > .ut_btn a.facebook{display: block;background: url('../images/fb_b.svg') no-repeat;background-size: 100% 100%;}
    #header.tablet .header_wrap .utility_cont .ut_list > .ut_btn a.youtube{display: block;background: url('../images/yt_b.svg') no-repeat;background-size: 100% 100%;}
    #header.tablet .header_wrap .utility_cont .ut_list > .ut_btn a.insta{display: block;background: url('../images/insta_b.svg') no-repeat;background-size: 100% 100%;}
    #header.tablet .header_wrap .utility_cont .ut_list > .ut_btn a.linkedin{display: block;background: url('../images/linkedin_b.svg') no-repeat;background-size: 100% 100%;}
    #header.tablet .header_wrap .utility_cont .ut_list > .ut_btn a.lang{display: block;margin: 0;background: url('../images/lang_b.svg') no-repeat;background-size: 100% 100%;}
    #header.tablet .header_wrap .utility_cont .open_btn {display: block;width: 4.8vw;height: 4.8vw;overflow: hidden;border-radius: 50%;}
    #header.tablet .header_wrap .utility_cont .open_btn > a{display: block; width: 100%;height: 100%;}
    #header.tablet .header_wrap .utility_cont .open_btn > a.go_search{background: url('../images/search.svg')no-repeat center center;background-size: 100% 100%;}
    #header.tablet .header_wrap .utility_cont .open_btn > a.close_btn{background: url('../images/close.svg')no-repeat center center;background-size: 100% 100%;}
    #header.tablet .header_wrap .utility_cont .menu_btn{display: block;position: relative;width: 3.73vw;height: 3.73vw;margin-left: 2.4vw;}
    #header.tablet .header_wrap .utility_cont .menu_btn span{position: absolute;top: 50%;width: 100%;height: 0.27vw;background-color: #1D1D1D;transition: all .5s;}
    #header.tablet .header_wrap .utility_cont .menu_btn .line_1{transform: rotate(0) translate(0%, -0.8vw);}
    #header.tablet .header_wrap .utility_cont .menu_btn .line_2{transform: rotate(0) translate(0%, 0.8vw);}
    #header.tablet .header_wrap .utility_cont .menu_btn.active .line_1{transform: rotate(45deg) translate(0%, 0%);}
    #header.tablet .header_wrap .utility_cont .menu_btn.active .line_2{transform: rotate(-45deg) translate(0%, 0%);}
    #header.tablet .header_wrap .utility_cont .moSearchClose{display: none;}
    #header.tablet .header_wrap .gnb_wrap .search_box{display: none;}

    /* S: 태블릿,모바일 검색 열렸을 때 */
    #header.tablet .header_wrap.search{height: 100vh;}
    #header.tablet .header_wrap.search.follow{height: 100vh;}
    #header.tablet .header_wrap.search .logo_wrap{display: none;}
    #header.tablet .header_wrap.search .gnb_wrap{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 1.87vw 2.4vw 0;transition: none !important;}
    #header.tablet .header_wrap.search .gnb_wrap .menu_wrap{display: none;}
    #header.tablet .header_wrap.search .gnb_wrap .search_box{position: relative;display: block;transform: translateY(0%);padding-top: 0;margin-top: 0;transition: none !important;}
    #header.tablet .header_wrap.search.follow .gnb_wrap .search_box{margin: 0;}
    #header.tablet .header_wrap.search .gnb_wrap .search_box{opacity: 1;}
    #header.tablet .header_wrap.search .gnb_wrap .search_box .search_input{position: relative;width: calc(100% - 11.07vw);height: 4.8vw;margin: 0;padding: 1.07vw;border: 1px solid #BFBFBF;border-radius: 6.67vw;background: #FCFCFC;}
    #header.tablet .header_wrap.search .gnb_wrap .search_box .search_input::before{position: absolute;top: 50%;left: 2vw;content: '';width: 2vw;height: 2vw;margin-top: -1vw;background: url('../images/input_icon.svg') no-repeat center center;background-size: 100% 100%;}
    #header.tablet .header_wrap.search .gnb_wrap .search_box .search_input input[type='text']{width: calc(100% - 11.07vw);font-size: 2.13vw;margin: 0 5.6vw;background-color: #FCFCFC;}
    #header.tablet .header_wrap.search .gnb_wrap .search_box .search_input input[type='text']::placeholder{font-size: 2.13vw;color: #BFBFBF;}
    #header.tablet .header_wrap.search .gnb_wrap .search_box .search_input .search_btn{display: none;}

    
    /* S: 20231030 추가 */
    #header.tablet .header_wrap .gnb_wrap .search_box .option_box .condition .tab_box{margin-top: 2.13vw;}
    #header.tablet .header_wrap .gnb_wrap .search_box .option_box .condition .tab_box .search_tag{position: relative;}
    #header.tablet .header_wrap .gnb_wrap .search_box .option_box .condition .tab_box .search_tag .search_inner_h{display: inline-block;margin-right: 1.2vw;text-align: center;font-family: 'Pretendard';font-size: 1.73vw;font-weight: 500;border: 1px solid #1D1D1D;border-radius: 2.67vw;}
    #header.tablet .header_wrap .gnb_wrap .search_box .option_box .condition .tab_box .search_tag .search_inner_h .search_list_h{display: flex;align-items: center;gap: 0.49vw;padding: 0.67vw 1.47vw;}
    #header.tablet .header_wrap .gnb_wrap .search_box .option_box .condition .tab_box .search_tag .search_inner_h .search_list_h .recent_h{text-align: center;font-family: 'Pretendard';font-size: 1.73vw;font-weight: 500;}
    #header.tablet .header_wrap .gnb_wrap .search_box .option_box .condition .tab_box .search_tag .search_inner_h .search_list_h .search_list_img{display: block;width: 0.97vw;height: 0.68vw;background: url('../images/menuArr.svg') no-repeat center center #FFFFFF;background-size: 100% 100%;}
    #header.tablet .header_wrap .gnb_wrap .search_box .option_box .condition .tab_box .search_tag .search_inner_h .search_list_h.on .search_list_img{transform: rotate(180deg);}
    #header.tablet .search_tab_list_h{display: none;flex-direction: column;gap: 0;position: absolute;top: 22vw;left: 2.4vw;transform: translate(0, 0);min-width: 11.62vw;margin-top: 0.68vw;text-align: left;border: none;background: #fff;border-radius: 0.68vw;box-shadow: 0 0.29vw 0.59vw rgb(0 0 0 / 15%);overflow: hidden;z-index: 1;}
    #header.tablet .search_tab_list_h.on{display: flex;}
    #header.tablet .search_tab_list_h li{}
    #header.tablet .search_tab_list_h li a {display: block;font-size: 1.37vw;color: #1D1D1D;background: #ffffff;padding: 0.98vw 1.17vw;border-radius: 0;}
    #header.tablet .search_tab_list_h li.on a {display: block;font-size: 1.37vw;color: #1D1D1D;background: #f6f6f6;}

    #header.tablet .search_date_box_h{position: absolute;display: none; width: auto;height:auto;top: 23vw;left: 2.4vw;transform: translate(0, 0);padding: 1.46vw 1.17vw; background: #FFFFFF;border-radius: 0.59vw; box-shadow: 0 0.29vw 0.59vw rgb(0 0 0 / 15%);z-index: 5;}
    #header.tablet .search_date_box_h .dateInputBox{display: flex;justify-content: space-between;align-items: center;font-size: 1.37vw}
    #header.tablet .search_date_box_h .dateInputBox input[type=text] {position:relative; width:9.28vw; height: 3.32vw;border: 1px solid #DEDEDE; border-radius: 0.39vw; padding: 0.78vw; font-size: 1.37vw; letter-spacing: -0.05vw;}
    #header.tablet .search_date_box_h .dateInputBox input[type=text]:focus{border:1px solid #1D1D1D;}
    #header.tablet .search_date_box_h .btn_wrap{display: flex;align-items: center;justify-content: center;gap: 0.78vw;/* margin-top:18px; */}
    #header.tablet .search_date_box_h .btn_wrap > button{display: flex;align-items: center;justify-content: center;width: 5.76vw;min-width: 5.76vw;height: 2.73vw;border-radius: 0.39vw;font-family: 'Pretendard', sans-serif;font-size: 1.17vw;font-weight: 600;}
    #header.tablet .search_date_box_h .btn_wrap .reset_btn{border: 1px solid #D4D4D4;background-color: #ffffff;color: #1D1D1D;}
    #header.tablet .search_date_box_h .btn_wrap .btn{border: 1px solid #1D1D1D;background-color: #1D1D1D;color: #ffffff;}
    /* E: 20231030 추가 */


    #header.tablet .header_wrap.search .gnb_wrap .search_box .option_box{display: flex;justify-self: center;flex-direction: column;margin-top: 5.33vw;}
    #header.tablet .header_wrap.search .gnb_wrap .search_box .option_box .condition{display: flex;flex-direction: column;width: 100%;}
    #header.tablet .header_wrap.search .gnb_wrap .search_box .option_box .condition.cate{margin-top: 4.4vw;}
    #header.tablet .header_wrap.search .gnb_wrap .search_box .option_box .condition .title{display: block;margin-top: 0;margin-bottom: 0.93vw;}
    #header.tablet .header_wrap.search .gnb_wrap .search_box .option_box .condition .sel_box{padding-left: 0;}
    #header.tablet .header_wrap.search .utility_cont{}
    #header.tablet .header_wrap.search.follow .utility_cont{top: 1.46vw;}
    #header.tablet .header_wrap.search .utility_cont .menu_btn{display: none;}
    #header.tablet .header_wrap.search .utility_cont .open_btn{display: none;}
    #header.tablet .header_wrap.search .utility_cont .moSearchClose{display: block !important;margin-top: 1.73vw;margin-right: 1.73vw;font-size: 2vw;font-weight: 600;opacity: 1;}
    #header.tablet .header_wrap.search .gnb_wrap .search_box .option_box .condition .title{min-width: none;font-size: 2.4vw;font-weight: 500;}
    #header.tablet .header_wrap.search .gnb_wrap .search_box .option_box .condition .sel_box button{margin-top: 2.13vw;margin-right: 1.2vw;padding: 0.67vw 1.47vw;text-align: center;font-family: 'Pretendard';font-size: 1.73vw;font-weight: 500;border-radius: 2.67vw;}
    /* E: 태블릿,모바일 검색 열렸을 때 */

    /* S: 태블릿,모바일 메뉴 열렸을 때 */
    #header.tablet .header_wrap.active{height: 100vh;}
    #header.tablet .header_wrap.active .gnb_wrap{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 10.53vw 2.4vw 0;transition: none !important;}
    #header.tablet .header_wrap.active .gnb_wrap .menu_wrap{transform: translateY(0%);padding-top: 0;transition: none !important;}
    #header.tablet .header_wrap.active .gnb_wrap .menu_wrap .menu_list{display: flex;flex-direction: column;width: 100%;transition: none !important;}
    #header.tablet .header_wrap.active .gnb_wrap .menu_wrap .menu_list > li{position: relative;display: block;width: 100%;margin: 0;transition: none !important;cursor: pointer;}
    #header.tablet .header_wrap.active .gnb_wrap .menu_wrap .menu_list > li::before{content: '';position: absolute;top: 8.4vw;left: 0;width: 100%;height: 1px;background-color: #E4E4E4;}
    #header.tablet .header_wrap.active .gnb_wrap .menu_wrap .menu_list > li.on::before{content: '';background-color: #1D1D1D;}
    #header.tablet .header_wrap.active .gnb_wrap .menu_wrap .menu_list > li::after{content: '';position: absolute;top: 3.6vw;right: 3.33vw;display: block;width: 2vw;height: 1.33vw;background: url('../images/menuArr.svg') no-repeat center center;background-size: 100% 100%;transform: rotate(0deg);transition: all .5s;}
    #header.tablet .header_wrap.active .gnb_wrap .menu_wrap .menu_list > li.on::after{content: '';transform: rotate(180deg);transition: all .5s;}
    #header.tablet .header_wrap.active .gnb_wrap .menu_wrap .menu_list > li > a{display: inline-block;min-width: 15.33vw;height: 100%;padding: 2.4vw 0;}
    #header.tablet .header_wrap.active .gnb_wrap .menu_wrap .menu_list > li > a span{display: flex;align-items: center;font-size: 2.93vw;font-weight: 600;transform: translateX(0%);transition: none !important;}
    #header.tablet .header_wrap.active .gnb_wrap .menu_wrap .menu_list .sub_list{display: none;opacity: 1;padding: 3.2vw 3.6vw 0;transition: none;}
    #header.tablet .header_wrap.active .gnb_wrap .menu_wrap .menu_list .sub_list > li{line-height: 1;margin-bottom: 2.67vw;}
    #header.tablet .header_wrap.active .gnb_wrap .menu_wrap .menu_list .sub_list > li:last-child{margin-bottom: 2.4vw;}
    #header.tablet .header_wrap.active .gnb_wrap .menu_wrap .menu_list .sub_list > li >a{font-size: 2.4vw;font-weight: 400;line-height: 1;}
    #header.tablet .header_wrap.active .gnb_wrap .menu_wrap .menu_list .sub_list > li >a:hover{font-weight: 600;}
    #header.tablet .header_wrap.active .utility_cont .ut_list{display: flex;}
    #header.tablet .header_wrap.active .utility_cont .open_btn{display: none;}
    /* E: 태블릿,모바일 메뉴 열렸을 때 */

    /* footer */
    #footer{position: relative; background: #1D1D1D;height: auto;}
    #footer .footer_wrap{display: flex;flex-direction: column; justify-content: space-between;align-items: flex-start; height: auto; padding: 4.8vw;max-width: 100%;margin: 0 auto;}
    #footer .footer_wrap .ft_left{padding-top: 0;}
    #footer .footer_wrap .ft_left .logo_menu{display: flex;flex-direction: column-reverse;justify-content: flex-start;align-items: flex-start;}
    #footer .footer_wrap .ft_left .logo_menu .ft_logo{width: 22.53vw;height: 2vw;margin-top: 4vw;margin-right: 0;background: url('../images/footer_logo.svg') no-repeat center center;background-size: 100% 100%;}
    #footer .footer_wrap .ft_left .logo_menu .ft_logo a{display: block;width: 100%;height: 100%;}
    #footer .footer_wrap .ft_left .logo_menu .ft_menu{font-size: 0;}
    #footer .footer_wrap .ft_left .logo_menu .ft_menu > a{font-size: 3.47vw;font-weight: 600;color: #FFFFFF;}
    #footer .footer_wrap .ft_left .logo_menu .ft_menu > a:nth-child(2){margin:0 5.33vw;}
    #footer .footer_wrap .ft_left .info{margin-top: 2.67vw;}
    #footer .footer_wrap .ft_left .info p{font-size: 1.6vw;font-weight: 400; color: #8E8E8E;letter-spacing: -0.05vw;line-height: 2.4vw;}
    #footer .footer_wrap .ft_right{margin-top: 3.73vw;}
    #footer .footer_wrap .ft_right .social_link{position: relative;}
    #footer .footer_wrap .ft_right .social_link > a{display:inline-block;width: 4.26vw;height: 4.26vw;margin-right: 1.87vw;background-size: 100% 100%;}
    #footer .footer_wrap .ft_right .social_link > a span{opacity: 0;font-family: 'Pretendard';font-size: 11px;font-weight: 500;color: #FFFFFF;display: block;width: auto;position: absolute;background: #2E2E2E;border-radius: 3.5px; text-align: center;padding: 6px 8px;left: 0;top: -39px;}
    #footer .footer_wrap .ft_right .social_link > a:hover span{opacity: 0;}
    #footer .footer_wrap .ft_right .social_link > a:hover::after{content: none;}
    #footer .footer_wrap .ft_right .social_link > a.f_home{background: url('../images/m_footer_home.svg') no-repeat center center;background-size: 100% 100%;}
    #footer .footer_wrap .ft_right .social_link > a.f_home span{display: none;}
    #footer .footer_wrap .ft_right .social_link > a.f_home::after{display: none;}
    #footer .footer_wrap .ft_right .social_link > a.f_fb{background: url('../images/m_footer_fb.svg') no-repeat center center;background-size: 100% 100%;}
    #footer .footer_wrap .ft_right .social_link > a.f_fb span{display: none}
    #footer .footer_wrap .ft_right .social_link > a.f_fb::after{display: none}
    #footer .footer_wrap .ft_right .social_link > a.f_yt{background: url('../images/m_footer_yt.svg') no-repeat center center;background-size: 100% 100%;}
    #footer .footer_wrap .ft_right .social_link > a.f_yt span{display: none}
    #footer .footer_wrap .ft_right .social_link > a.f_yt::after{display: none}
    #footer .footer_wrap .ft_right .social_link > a.f_insta{background: url('../images/m_footer_insta.svg') no-repeat center center;background-size: 100% 100%;}
    #footer .footer_wrap .ft_right .social_link > a.f_insta span{display: none}
    #footer .footer_wrap .ft_right .social_link > a.f_insta::after{display: none}
    #footer .footer_wrap .ft_right .social_link > a.f_linkedin{background: url('../images/m_footer_linkedin.svg') no-repeat center center;background-size: 100% 100%;}
    #footer .footer_wrap .ft_right .social_link > a.f_linkedin span{display: none}
    #footer .footer_wrap .ft_right .social_link > a.f_linkedin::after{display: none}
    #footer .footer_wrap .ft_right .social_link > a.f_lang{margin: 0;background: url('../images/m_footer_lang.svg') no-repeat center center;background-size: 100% 100%;}
    #footer .footer_wrap .ft_right .social_link > a.f_lang span{display: none}
    #footer .footer_wrap .ft_right .social_link > a.f_lang::after{display: none}
    
    /* S: 20231106 날짜 검색 */
    .datepickerWrap{position: relative;min-height: 260px;margin-top: 10px;}
    #Sdatepicker, #Sdatepicker_h{position: absolute;z-index: 2;}
    #Edatepicker, #Edatepicker_h{position: relative;z-index: 1;visibility: hidden;}
    .newdatepicker .ui-datepicker {width:222px; height: auto; padding:0; font-family: 'Pretendard', sans-serif;background: #FFFFFF;}
    .newdatepicker .ui-datepicker.ui-widget.ui-widget-content {border: 0;}
    .newdatepicker .ui-datepicker .ui-datepicker-header {width:100%; height: 39px; padding: 0;background: #FFFFFF;border: 0;}
    .newdatepicker .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{border-bottom-right-radius:0;}
    .newdatepicker .ui-widget.ui-widget-content {border:1px solid #1D1D1D; border-radius: 0;}
    .newdatepicker .ui-datepicker th {width:32px; height:24px; padding:0; font-size:12px; color:#1D1D1D; vertical-align: middle;font-weight: 300;}
    .newdatepicker .ui-datepicker td {box-sizing:border-box;}
    .newdatepicker .ui-widget-header {padding:0; border-radius:0; border:0; background-color:#fff;}
    .newdatepicker .ui-datepicker .ui-datepicker-title { font-family: 'Pretendard', sans-serif; font-size: 14px; font-weight: 500; color:#000; margin: 0; line-height: 16px; padding: 8px 0 11px 0;}
    .newdatepicker .ui-datepicker-calendar thead tr {width: 100%; padding: 0; line-height: 44px;}
    .newdatepicker .ui-state-default,
    .newdatepicker .ui-widget-content .ui-state-default,
    .newdatepicker .ui-widget-header .ui-state-default,
    .newdatepicker .ui-button, html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {width: 26px;height: 26px;line-height: 20px; font-size: 13px; box-sizing:border-box; color: #1D1D1D; border:0; background-color:#fff; text-align:center;margin: 0 auto;}
    .newdatepicker .ui-state-active,
    .newdatepicker .ui-widget-content .ui-state-active,
    .newdatepicker .ui-widget-header .ui-state-active,
    .newdatepicker a.ui-button:active, .ui-button:active,
    .newdatepicker .ui-button.ui-state-active:hover {background: #000000;border-radius: 50%;color:#FFFFFF;}
    .newdatepicker .ui-datepicker .ui-datepicker-prev:hover,
    .newdatepicker .ui-datepicker .ui-datepicker-next:hover {border:0; background-color:#e4f1ff; cursor:pointer;}
    .newdatepicker .ui-datepicker .ui-datepicker-prev-hover {left:2px; top:2px;}
    .newdatepicker .ui-datepicker .ui-datepicker-next-hover {right:2px; top:2px;}
    .newdatepicker .ui-datepicker .ui-datepicker-prev,
    .newdatepicker .ui-datepicker .ui-datepicker-next{display: flex;align-items: center;justify-content: flex-end;top: 50%;transform: translateY(-50%);}
    .newdatepicker .ui-datepicker .ui-datepicker-prev{justify-content: flex-start;}
    .newdatepicker .ui-datepicker .ui-datepicker-prev .ui-icon,
    .newdatepicker .ui-datepicker .ui-datepicker-next .ui-icon{position: unset;width: 9px;height: 14px;margin-top: 0;margin-left: 0;background:url('../images/date_pagination_on.svg') no-repeat center;background-size: 100% 100%;}
    .newdatepicker .ui-datepicker .ui-datepicker-prev .ui-icon {transform: rotate(180deg);}
    .newdatepicker .ui-datepicker-today .ui-state-highlight {color: #1D1D1D; text-decoration: underline; border-radius: 50%; font-weight: bold;}
    .newdatepicker .ui-datepicker-today .ui-state-highlight.ui-state-active {color: #ffffff;}
    .newdatepicker .date-min a {border:0; background-color:#e2ebf8; color:#333;}
    .newdatepicker .period .ui-state-default {border-radius:50%; background-color:#000000; color:#fff;}
    .newdatepicker .ui-datepicker .ui-datepicker-prev:hover,
    .newdatepicker .ui-datepicker .ui-datepicker-next:hover {background-color:transparent;}
    .newdatepicker .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: auto; text-align: center; margin: 0; line-height: 18px; margin-top: -2px; font-weight: 500;    border: 1px solid #DEDEDE;
        border-radius: 4px;}
    .newdatepicker .ui-datepicker select.ui-datepicker-month {margin-left: 5px; font-weight: 500;}
    .newdatepicker .ui-widget select { font-family: 'Pretendard', sans-serif; font-size: 14px; font-weight: bold; background-color:#FFFFFF; color: #1D1D1D;}
    .newdatepicker .ui-datepicker table {width: auto; margin: 0 auto; vertical-align: middle;}
    /* E: 20231106 날짜 검색 */
}

@media (max-width: 750px) {

    /*공통*/
    #wrapper #wrap{position: relative;width: 100%;height: auto;padding-top: 17vw;overflow: hidden;}
    #wrapper #wrap .container{padding-top: 16vw;height: calc(100% - 87.73vw);}
    #wrapper #wrap .container.notab{padding-top: 24vw;height: calc(100% - 87.73vw);}

    /*방향 버튼 모션 - 투명도*/
    .hover_m_1{opacity: 0.85;-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.23);-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.23);box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.23);transition: all .3s;}
    .hover_m_1:hover{opacity: 1;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.23);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.23);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.23);transition: all .3s;}
    /*돋보기,닫기 버튼 모션 - 그림자*/
    .hover_m_2{-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.09);-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.09);box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.09);transition: all .3s;}
    .hover_m_2:hover{-webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.31);-moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.31);box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.31);transition: all .3s;}
    /*검색 버튼 - 배경색*/
    .hover_m_3{background: #000000;transition: all .3s;}
    .hover_m_3:hover{background: #414141;transition: all .3s;}
    /*선택버튼 모션*/
    .hover_m_4{background: #FFFFFF;color: #8D8D8D;border: 1px solid #DEDEDE;transition: all .3s;}
    .hover_m_4:hover{background: #FBFBFB;transition: all .3s;}
    /*관심분야 선택버튼*/
    .sel_btn.active{background: #FFFFFF;border:1px solid #1D1D1D;color: #1D1D1D;}
    /*페이지 네이션 모션*/
    .dark_btn{display:inline-block;width: 29px;height: 36px;border:1px solid #e5e5e5;background: #ffffff; line-height: 36px;border-radius: 5px;}
    .dark_btn.active{background: #1D1D1D;color: #FFFFFF;border: none;}
    /*더보기 버튼 모션*/

    .hover_m_5{border: 1px solid #8D8D8D;transition: all .3s;}
    .hover_m_5:hover{border: 1px solid #000000;transition: all .3s;}

    /*최신기사 호버모션*/
    .hover_m_6 .img_area::after{position: absolute;top: 0;left: 0; display: block;content: '';width: 100%;height: 100%;background: transparent;border-radius: 0px; opacity: 0;z-index: 10;transition: all .3s;}
    .hover_m_6:hover .img_area::after{position: absolute;top: 0;left: 0; display: block;content: '';width: 100%;height: 100%;background: transparent;border-radius: 0px; opacity: 0.5;z-index: 10;transition: all .3s;}
    .hover_m_6:hover .news_img{transform: scale(1);transition: all .5s;}

    /*비디오 호버모션*/
    .hover_m_7 a .img_area::before{position: absolute;top: 0;left: 0; display: block;content: '';width: 100%;height: 100%;background: transparent;opacity: 0;z-index: 10;transition: all .3s;}
    .hover_m_7:hover a .img_area::before{position: absolute;top: 0;left: 0; display: block;content: '';width: 100%;height: 100%;background: transparent;opacity: 0.5;z-index: 10;transition: all .3s;}
    .hover_m_7 .img_area::after{position: absolute; display: block;top: 20px;right: 20px; width:36px;height: 36px;margin-top:0;margin-left:0; content: '';background: url('../images/youtube_icon.svg')no-repeat center center;z-index: 99;opacity: 0.85;}
    .hover_m_7:hover a .news_img{transform: scale(1);transition: all .5s;}

    .focus{border:1px solid #1D1D1D;-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);-moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);}

    /*텍스트 진하게 호버*/
    .hover_m_8:hover{color: #1D1D1D; font-weight: 600;}

    /*태그 호버 모션*/
    .hover_m_9{border: 1px solid #E5E5E5;border-radius: 20px;}
    .hover_m_9:hover{border: 1px solid #263070;}


    #wrapper #wrap .container {padding-top: 0;}
    #header .header_wrap{justify-content: flex-start;height: auto;padding: 4.27vw 4.8vw;}
    #header .header_wrap .logo_wrap{position: unset;}
    #header .header_wrap .logo_wrap h1{width: 28vw;height: 8.27vw;}
    #header .header_wrap .logo_wrap h1 a.svgA{width: 28vw;}
    #header .header_wrap .logo_wrap h1 a.noneA{opacity: 0;z-index: 1;display: none;}
    #header .header_wrap .logo_wrap h1 a svg#edRKoEm2bqe1{width: 28vw;height: 8.27vw;}
    #header .header_wrap .gnb_wrap{display: none;}
    #header.mobile .header_wrap .utility_cont{display: flex;align-items: center;position: absolute;top: 3.73vw;right: 4.8vw;width: auto;height: auto;transition: all 1s;}
    #header.mobile .header_wrap .utility_cont .ut_list{display: none;justify-content: center;position: fixed;bottom: 10.67vw;left: 0;width: 100%;}
    #header.mobile .header_wrap .utility_cont .ut_list > .ut_btn{display: flex;align-items: center;opacity: 1;transform: translateX(0);transition: all 1s;}
    #header.mobile .header_wrap .utility_cont .ut_list > .ut_btn a{display: inline-block;width: 8vw;height: 8vw;margin-right: 3.2vw;background-size: 100% 100%;}
    #header.mobile .header_wrap .utility_cont .ut_list > .ut_btn a.newsletter{margin-right: 3.73vw;width: 24.8vw; height: 6.93vw;line-height: 6.93vw;background: #263070;border-radius: 4vw;color: #FFFFFF;text-align: center;font-size: 3.2vw;font-weight: 600; /* background: url('../images/newsletter_b_v2.svg') no-repeat;background-size: 100% 100%; */}
    #header.mobile .header_wrap .utility_cont .ut_list > .ut_btn a.home{display: block;background: url('../images/home_b.svg') no-repeat;background-size: 100% 100%;}
    #header.mobile .header_wrap .utility_cont .ut_list > .ut_btn a.facebook{display: block;background: url('../images/fb_b.svg') no-repeat;background-size: 100% 100%;}
    #header.mobile .header_wrap .utility_cont .ut_list > .ut_btn a.youtube{display: block;background: url('../images/yt_b.svg') no-repeat;background-size: 100% 100%;}
    #header.mobile .header_wrap .utility_cont .ut_list > .ut_btn a.insta{display: block;background: url('../images/insta_b.svg') no-repeat;background-size: 100% 100%;}
    #header.mobile .header_wrap .utility_cont .ut_list > .ut_btn a.linkedin{display: block;background: url('../images/linkedin_b.svg') no-repeat;background-size: 100% 100%;}
    #header.mobile .header_wrap .utility_cont .ut_list > .ut_btn a.lang{display: block;margin: 0;background: url('../images/lang_b.svg') no-repeat;background-size: 100% 100%;}
    #header.mobile .header_wrap .utility_cont .open_btn {display: block;width: 9.6vw;height: 9.6vw;overflow: hidden;border-radius: 50%;}
    #header.mobile .header_wrap .utility_cont .open_btn > a{display: block; width: 100%;height: 100%;}
    #header.mobile .header_wrap .utility_cont .open_btn > a.go_search{background: url('../images/search.svg')no-repeat center center;background-size: 100% 100%;}
    #header.mobile .header_wrap .utility_cont .open_btn > a.close_btn{background: url('../images/close.svg')no-repeat center center;background-size: 100% 100%;}
    #header.mobile .header_wrap .utility_cont .menu_btn{display: block;position: relative;width: 6.67vw;height: 6.67vw;margin-left: 4.8vw;margin-top: 0;}
    #header.mobile .header_wrap .utility_cont .menu_btn span{position: absolute;top: 50%;width: 100%;height: 0.53vw;background-color: #1D1D1D;}
    #header.mobile .header_wrap .utility_cont .menu_btn .line_1{transform: rotate(0) translate(0%, -1.3vw);}
    #header.mobile .header_wrap .utility_cont .menu_btn .line_2{transform: rotate(0) translate(0%, 1.3vw);}
    #header.mobile .header_wrap .utility_cont .menu_btn.active .line_1{transform: rotate(45deg) translate(0%, 0%);}
    #header.mobile .header_wrap .utility_cont .menu_btn.active .line_2{transform: rotate(-45deg) translate(0%, 0%);}
    #header.mobile .header_wrap .utility_cont .moSearchClose{display: none;}
    #header.mobile .header_wrap .gnb_wrap .search_box{display: none;}

    /* S: 태블릿,모바일 검색 열렸을 때 */
    #header.mobile .header_wrap.search{height: 100vh;}
    #header.mobile .header_wrap.search.follow{height: 100vh;}
    #header.mobile .header_wrap.search .logo_wrap{display: none;}
    #header.mobile .header_wrap.search .gnb_wrap{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 3.73vw 4.8vw 0;transition: none !important;}
    #header.mobile .header_wrap.search .gnb_wrap .menu_wrap{display: none;}
    #header.mobile .header_wrap.search .gnb_wrap .search_box{position: relative;display: block;transform: translateY(0%);padding-top: 0;margin-top: 0;transition: none !important;}
    #header.mobile .header_wrap.search.follow .gnb_wrap .search_box{margin: 0;}
    #header.mobile .header_wrap.search .gnb_wrap .search_box{opacity: 1;}
    #header.mobile .header_wrap.search .gnb_wrap .search_box .search_input{position: relative;width: 74.13vw;height:auto;margin: 0;padding: 0;border: 1px solid #BFBFBF;border-radius: 13.33vw;background: #FCFCFC;}
    /* #header.mobile .header_wrap.search .gnb_wrap .search_box .search_input::before{position: absolute;top: 50%;left: 4vw;content: '';width: 4vw;height: 4vw;margin-top: -2vw;background: url('../images/input_icon.svg') no-repeat center center;background-size: 100% 100%;} */
    #header.mobile .header_wrap.search .gnb_wrap .search_box .search_input input[type='text']{display: flex;align-items: center; width: calc(100% - 17.33vw);height: 9.6vw; font-size: 4.27vw;margin: 0 9.12vw 0 5.5vw;background-color: #FCFCFC;}
    #header.mobile .header_wrap.search .gnb_wrap .search_box .search_input input[type='text']::placeholder{font-size: 4.27vw;color: #BFBFBF;}
    #header.mobile .header_wrap.search .gnb_wrap .search_box .search_input .search_btn{position: absolute;top: 50%;right: 4vw;content: '';width: 4vw;height: 4vw;margin-top: -2vw;background: url('../images/input_icon.svg') no-repeat center center;background-size: 100% 100%;font-size: 0;}
    #header.mobile .header_wrap.search .gnb_wrap .search_box .option_box{display: flex;justify-self: center;flex-direction: column;margin-top: 10.67vw;}
    #header.mobile .header_wrap.search .gnb_wrap .search_box .option_box .condition{display: flex;flex-direction: column;width: 100%;}
    #header.mobile .header_wrap.search .gnb_wrap .search_box .option_box .condition.cate{margin-top: 8.8vw;}
    #header.mobile .header_wrap.search .gnb_wrap .search_box .option_box .condition .title{display: block;margin-top: 0;margin-bottom: 1.87vw;font-weight: 600;}
    #header.mobile .header_wrap.search .gnb_wrap .search_box .option_box .condition .sel_box{padding-left: 0;font-size: 0;}

    /* S: 20231030 추가 */
    /* #header.mobile .header_wrap .gnb_wrap .search_box .option_box .condition .tab_box{margin-top: 2.4vw;} */
    #header.mobile .header_wrap .gnb_wrap .search_box .option_box .condition .tab_box .search_tag{position: relative;}
    #header.mobile .header_wrap .gnb_wrap .search_box .option_box .condition .tab_box .search_tag .search_inner_h{display: inline-block;margin-top: 2.4vw;margin-right: 2.4vw;text-align: center;font-family: 'Pretendard';border-radius: 5.33vw;border: 1px solid #1D1D1D;}
    #header.mobile .header_wrap .gnb_wrap .search_box .option_box .condition .tab_box .search_tag .search_inner_h .search_list_h{display: flex;align-items: center;gap: 1.33vw;padding: 1vw 2.93vw;}
    #header.mobile .header_wrap .gnb_wrap .search_box .option_box .condition .tab_box .search_tag .search_inner_h .search_list_h .recent_h{min-width: 5.87vw;font-size: 3.47vw;font-weight: 500;color: #1d1d1d;text-align: left;}
    #header.mobile .header_wrap .gnb_wrap .search_box .option_box .condition .tab_box .search_tag .search_inner_h .search_list_h .search_list_img{display: block;width: 2.67vw;height: 1.87vw;background: url('../images/menuArr.svg') no-repeat center center #FFFFFF;background-size: 100% 100%;}
    #header.mobile .header_wrap .gnb_wrap .search_box .option_box .condition .tab_box .search_tag .search_inner_h .search_list_h.on .search_list_img{transform: rotate(180deg);}
    #header.mobile .search_tab_list_h{display: none;flex-direction: column;gap: 0;position: absolute;top: 43vw;left: 4.8vw;transform: translate(0,0);min-width: 31.73vw;margin-top:0;text-align: left;border: none;background: #fff;border-radius: 1.87vw;box-shadow: 0 0.8vw 1.6vw rgb(0 0 0 / 15%);overflow: hidden;z-index: 1;}
    #header.mobile .search_tab_list_h.on{display: flex;}
    #header.mobile .search_tab_list_h li{}
    #header.mobile .search_tab_list_h li a {display: block;font-size: 3.73vw;color: #1D1D1D;background: #ffffff;padding: 2.67vw 3.2vw;border-radius: 0;}
    #header.mobile .search_tab_list_h li.on a {display: block;font-size: 3.73vw;color: #1D1D1D;background: #f6f6f6;}

    #header.mobile .search_date_box_h{position: absolute;display: none; width: auto;height:auto;top: 45vw;left: 4.8vw;transform: translate(0,0);padding: 4vw 3.2vw; margin-top:-2.13vw; background: #FFFFFF;border-radius: 1.6vw; box-shadow: 0 0.8vw 1.6vw rgb(0 0 0 / 15%);z-index: 5;}
    #header.mobile .search_date_box_h .dateInputBox{display: flex;justify-content: space-between;align-items: center;font-size: 3.73vw;}
    #header.mobile .search_date_box_h .dateInputBox input[type=text] {position:relative; width:25.33vw; height: 9.07vw; border: 1px solid #DEDEDE; border-radius: 1.07vw; padding: 2.13vw; font-size: 3.73vw; letter-spacing: -0.13vw;}
    #header.mobile .search_date_box_h .dateInputBox input[type=text]:focus{border:1px solid #1D1D1D;}
    #header.mobile .search_date_box_h .btn_wrap{display: flex;align-items: center;justify-content: center;gap: 2.13vw;/* margin-top:18px; */}
    #header.mobile .search_date_box_h .btn_wrap > button{display: flex;align-items: center;justify-content: center;width: 15.73vw;min-width: 15.73vw;height: 7.47vw;border-radius: 1.07vw;font-family: 'Pretendard', sans-serif;font-size: 3.2vw;font-weight: 600;}
    #header.mobile .search_date_box_h .btn_wrap .reset_btn{border: 1px solid #D4D4D4;background-color: #ffffff;color: #1D1D1D;}
    #header.mobile .search_date_box_h .btn_wrap .btn{border: 1px solid #1D1D1D;background-color: #1D1D1D;color: #ffffff;}
    /* E: 20231030 추가 */

    #header.mobile .header_wrap.search .utility_cont{}
    #header.mobile .header_wrap.search .utility_cont .menu_btn{display: none;}
    #header.mobile .header_wrap.search .utility_cont .open_btn{display: none;}
    #header.mobile .header_wrap.search .utility_cont .moSearchClose{display: flex !important;justify-content: center;align-items: center; margin-top: 0.5vw;/* margin-right: 1.73vw; */font-size: 4vw;font-weight: 600;width: 10.27vw;height: 8.53vw;}
    #header.mobile .header_wrap.search .gnb_wrap .search_box .option_box .condition .title{min-width: none;font-size: 4.8vw;font-weight: 600;}
    #header.mobile .header_wrap.search .gnb_wrap .search_box .option_box .condition .sel_box button{margin-top: 2.4vw;margin-right: 2.4vw;padding: 1vw 2.93vw;text-align: center;font-family: 'Pretendard';font-size: 3.47vw;font-weight: 500;border-radius: 5.33vw;}
    /* E: 태블릿,모바일 검색 열렸을 때 */

    /* S: 태블릿,모바일 메뉴 열렸을 때 */
    #header.mobile .header_wrap.active{height: 100vh;}
    #header.mobile .header_wrap.active .gnb_wrap{display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;padding: 18.33vw 4.8vw 0;transition: none !important;}
    #header.mobile .header_wrap.active .gnb_wrap .menu_wrap{transform: translateY(0%);padding-top: 0;transition: none !important;}
    #header.mobile .header_wrap.active .gnb_wrap .menu_wrap .menu_list{display: flex;flex-direction: column;width: 100%;transition: none !important;}
    #header.mobile .header_wrap.active .gnb_wrap .menu_wrap .menu_list > li{position: relative;display: block;width: 100%;margin: 0;transition: none !important;cursor: pointer;}
    #header.mobile .header_wrap.active .gnb_wrap .menu_wrap .menu_list > li::before{content: '';position: absolute;top: 18vw;left: 0;width: 100%;height: 1px;background-color: #E4E4E4;}
    #header.mobile .header_wrap.active .gnb_wrap .menu_wrap .menu_list > li.on::before{content: '';background-color: #1D1D1D;}
    #header.mobile .header_wrap.active .gnb_wrap .menu_wrap .menu_list > li::after{content: '';position: absolute;top: 7.24vw;;right: 1.97vw;display: block;width: 5.5vw;height: 5vw;background: url('../images/menuArr.svg') no-repeat center center;background-size: 100% 100%;transform: rotate(0deg);transition: all .5s;}
    #header.mobile .header_wrap.active .gnb_wrap .menu_wrap .menu_list > li.on::after{content: '';transform: rotate(180deg);transition: all .5s;}
    #header.mobile .header_wrap.active .gnb_wrap .menu_wrap .menu_list > li > a{display: inline-block;min-width: 30.67vw;height: 100%;padding: 6.93vw 0 4.80vw;}
    #header.mobile .header_wrap.active .gnb_wrap .menu_wrap .menu_list > li > a span{display: flex;align-items: center;font-size: 5.33vw;font-weight: 700;transform: translateX(0%);transition: none !important;line-height: 1;}
    #header.mobile .header_wrap.active .gnb_wrap .menu_wrap .menu_list .sub_list{display: none;opacity: 1;padding: 7.4vw 7.2vw 0;transition: none;}
    #header.mobile .header_wrap.active .gnb_wrap .menu_wrap .menu_list .sub_list > li{line-height: 1;margin-bottom: 4.57vw;}
    #header.mobile .header_wrap.active .gnb_wrap .menu_wrap .menu_list .sub_list > li:last-child{margin-bottom: 4.8vw;}
    #header.mobile .header_wrap.active .gnb_wrap .menu_wrap .menu_list .sub_list > li >a{font-size:4.27vw;font-weight: 400;line-height: 1;}
    #header.mobile .header_wrap.active .gnb_wrap .menu_wrap .menu_list .sub_list > li >a:hover{font-weight: 600;}
    #header.mobile .header_wrap.active .utility_cont .ut_list{display: flex;}
    #header.mobile .header_wrap.active .utility_cont .open_btn{visibility: hidden;opacity: 0;}
    /* E: 태블릿,모바일 메뉴 열렸을 때 */

    /* footer */
    #footer{position: relative; background: #1D1D1D;height: auto;}
    #footer .footer_wrap{display: flex;flex-direction: column; justify-content: space-between;align-items: flex-start;height: auto;padding: 9.6vw;max-width: 100%;margin: 0 auto;}
    #footer .footer_wrap .ft_left{padding-top: 0;}
    #footer .footer_wrap .ft_left .logo_menu{display: flex;flex-direction: column-reverse;justify-content: flex-start;align-items: flex-start;}
    #footer .footer_wrap .ft_left .logo_menu .ft_logo{width: 46.07vw;height: 4vw;margin-top: 8vw;margin-right: 0;background: url('../images/footer_logo.svg')no-repeat center center;background-size: 100% 100%;}
    #footer .footer_wrap .ft_left .logo_menu .ft_menu{font-size: 0;}
    #footer .footer_wrap .ft_left .logo_menu .ft_menu > a{font-size: 3.47vw;font-weight: 600;color: #FFFFFF;}
    #footer .footer_wrap .ft_left .logo_menu .ft_menu > a:nth-child(2){margin:0 10.67vw;}
    #footer .footer_wrap .ft_left .info{margin-top: 5.33vw;}
    #footer .footer_wrap .ft_left .info p{font-size: 3.2vw;font-weight: 400; color: #8E8E8E;letter-spacing: -0.11vw;line-height: 4.8vw;}
    #footer .footer_wrap .ft_right{margin-top: 7.47vw;}
    #footer .footer_wrap .ft_right .social_link{position: relative;font-size: 0;}
    #footer .footer_wrap .ft_right .social_link > a{display:inline-block;width: 8.53vw;height: 8.53vw;margin-right: 3.73vw;background-size: 100% 100%;}
    #footer .footer_wrap .ft_right .social_link > a span{opacity: 0;font-family: 'Pretendard';font-size: 11px;font-weight: 500;color: #FFFFFF;display: block;width: auto;position: absolute;background: #2E2E2E;border-radius: 3.5px; text-align: center;padding: 6px 8px;left: 0;top: -39px;}
    #footer .footer_wrap .ft_right .social_link > a:hover span{opacity: 0;}
    #footer .footer_wrap .ft_right .social_link > a:hover::after{content: none;}
    #footer .footer_wrap .ft_right .social_link > a.f_home{background: url('../images/m_footer_home.svg') no-repeat center center;background-size: 100% 100%;}
    #footer .footer_wrap .ft_right .social_link > a.f_home span{display: none;}
    #footer .footer_wrap .ft_right .social_link > a.f_home::after{display: none;}
    #footer .footer_wrap .ft_right .social_link > a.f_fb{background: url('../images/m_footer_fb.svg') no-repeat center center;background-size: 100% 100%;}
    #footer .footer_wrap .ft_right .social_link > a.f_fb span{display: none}
    #footer .footer_wrap .ft_right .social_link > a.f_fb::after{display: none}
    #footer .footer_wrap .ft_right .social_link > a.f_yt{background: url('../images/m_footer_yt.svg') no-repeat center center;background-size: 100% 100%;}
    #footer .footer_wrap .ft_right .social_link > a.f_yt span{display: none}
    #footer .footer_wrap .ft_right .social_link > a.f_yt::after{display: none}
    #footer .footer_wrap .ft_right .social_link > a.f_insta{background: url('../images/m_footer_insta.svg') no-repeat center center;background-size: 100% 100%;}
    #footer .footer_wrap .ft_right .social_link > a.f_insta span{display: none}
    #footer .footer_wrap .ft_right .social_link > a.f_insta::after{display: none}
    #footer .footer_wrap .ft_right .social_link > a.f_linkedin{background: url('../images/m_footer_linkedin.svg') no-repeat center center;background-size: 100% 100%;}
    #footer .footer_wrap .ft_right .social_link > a.f_linkedin span{display: none}
    #footer .footer_wrap .ft_right .social_link > a.f_linkedin::after{display: none}
    #footer .footer_wrap .ft_right .social_link > a.f_lang{margin: 0;background: url('../images/m_footer_lang.svg') no-repeat center center;background-size: 100% 100%;}
    #footer .footer_wrap .ft_right .social_link > a.f_lang span{display: none}
    #footer .footer_wrap .ft_right .social_link > a.f_lang::after{display: none}

    .top_btn{display:none;position: fixed;bottom:40px;right: 40px;z-index: 10;}
    .top_btn.on{position: absolute;bottom: 360px;right: 40px;}    

    /* S: 20231106 날짜 검색 */
    .datepickerWrap{position: relative;min-height: 69.33vw;margin-top: 2.67vw;}
    #Sdatepicker, #Sdatepicker_h{position: absolute;z-index: 2;}
    #Edatepicker, #Edatepicker_h{position: relative;z-index: 1;visibility: hidden;}
    .newdatepicker .ui-datepicker {width:59.2vw; height: auto; padding:0; font-family: 'Pretendard', sans-serif;background: #FFFFFF;}
    .newdatepicker .ui-datepicker.ui-widget.ui-widget-content {border: 0;}
    .newdatepicker .ui-datepicker .ui-datepicker-header {width:100%; height: 10.4vw; padding: 0;background: #FFFFFF;border: 0;}
    .newdatepicker .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br{border-bottom-right-radius:0;}
    .newdatepicker .ui-widget.ui-widget-content {border:1px solid #1D1D1D; border-radius: 0;}
    .newdatepicker .ui-datepicker th {width:8.53vw; height:6.4vw; padding:0; font-size:3.2vw; color:#1D1D1D; vertical-align: middle;font-weight: 300;}
    .newdatepicker .ui-datepicker td {box-sizing:border-box;}
    .newdatepicker .ui-widget-header {padding:0; border-radius:0; border:0; background-color:#fff;}
    .newdatepicker .ui-datepicker .ui-datepicker-title { font-family: 'Pretendard', sans-serif; font-size: 3.73vw; font-weight: 500; color:#000; margin: 0; line-height: 4.27vw; padding: 3.2vw 0 2.93vw 0;}
    .newdatepicker .ui-datepicker-calendar thead tr {width: 100%; padding: 0; line-height: 11.73vw;}
    .newdatepicker .ui-state-default,
    .newdatepicker .ui-widget-content .ui-state-default,
    .newdatepicker .ui-widget-header .ui-state-default,
    .newdatepicker .ui-button, html .ui-button.ui-state-disabled:hover,
    html .ui-button.ui-state-disabled:active {display: block;width: 6.93vw;height: 6.93vw;line-height: 5.33vw; font-size: 3.47vw; box-sizing:border-box; color: #1D1D1D; border:0; background-color:#fff; text-align:center;margin: 0 auto;}
    .newdatepicker .ui-state-active,
    .newdatepicker .ui-widget-content .ui-state-active,
    .newdatepicker .ui-widget-header .ui-state-active,
    .newdatepicker a.ui-button:active, .ui-button:active,
    .newdatepicker .ui-button.ui-state-active:hover {background: #000000;border-radius: 50%;color:#FFFFFF;}
    .newdatepicker .ui-datepicker .ui-datepicker-prev:hover,
    .newdatepicker .ui-datepicker .ui-datepicker-next:hover {border:0; background-color:#e4f1ff; cursor:pointer;}
    .newdatepicker .ui-datepicker .ui-datepicker-prev-hover {left:0.53vw; top:0.53vw;}
    .newdatepicker .ui-datepicker .ui-datepicker-next-hover {right:0.53vw; top:0.53vw;}
    .newdatepicker .ui-datepicker .ui-datepicker-prev,
    .newdatepicker .ui-datepicker .ui-datepicker-next{display: flex;align-items: center;justify-content: flex-end;top: 50%;transform: translateY(-50%);}
    .newdatepicker .ui-datepicker .ui-datepicker-prev{justify-content: flex-start;}
    .newdatepicker .ui-datepicker .ui-datepicker-prev .ui-icon,
    .newdatepicker .ui-datepicker .ui-datepicker-next .ui-icon{position: unset;width: 2.4vw;height: 3.73vw;margin-top: 0;margin-left: 0;background:url('../images/date_pagination_on.svg') no-repeat center;background-size: 100% 100%;}
    .newdatepicker .ui-datepicker .ui-datepicker-prev .ui-icon {transform: rotate(180deg);}
    .newdatepicker .ui-datepicker-today .ui-state-highlight {color: #1D1D1D; text-decoration: underline; border-radius: 50%; font-weight: bold;}
    .newdatepicker .ui-datepicker-today .ui-state-highlight.ui-state-active {color: #ffffff;}
    .newdatepicker .date-min a {border:0; background-color:#e2ebf8; color:#333;}
    .newdatepicker .period .ui-state-default {border-radius:50%; background-color:#000000; color:#fff;}
    .newdatepicker .ui-datepicker .ui-datepicker-prev:hover,
    .newdatepicker .ui-datepicker .ui-datepicker-next:hover {background-color:transparent;}
    .newdatepicker .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: auto; text-align: center; margin: 0; line-height: 4.8vw; margin-top: -0.53vw; font-weight: 500;}
    .newdatepicker .ui-datepicker select.ui-datepicker-month {margin-left: 1.33vw; font-weight: 500;}
    .newdatepicker .ui-widget select { font-family: 'Pretendard', sans-serif; font-size: 3.73vw; font-weight: bold; background-color: #F9F9F9; color: #1D1D1D;}
    .newdatepicker .ui-datepicker table {width: auto; margin: 0 auto; vertical-align: middle;}
    /* E: 20231106 날짜 검색 */

    /* 팝업 */
    /* 공통 */
    #popupLayer{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;}
    #popupLayer .dim{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.35);overflow: hidden;}
    #popupLayer .pop_box{position: fixed;left: 0;}
    #popupLayer .pop_box .pop_close{position: absolute;right: 4.27vw;width: 11.2vw;height: 11.2vw;z-index: 1;background: url('../images/pop_closed_btn.svg')no-repeat center center;background-size: 100% 100%;}

    /* 팝업 content */
    #popupLayer #pop01{top: 0;left: 0;width: 100%;max-width: 100%;height: 100vh;transform: translate(0,0);background:#FFFFFF;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
    #popupLayer #pop01 .pop_cont{position:relative;width:100%;}
    #popupLayer #pop01 .pop_cont .pop_head{display: flex;justify-content: center;align-items: center; height: 17.07vw;text-align: center;border-bottom: 1px solid #E4E4E4;}
    #popupLayer #pop01 .pop_cont .pop_head > p{font-size: 4.8vw;font-weight: 500;color: #1D1D1D;}
    #popupLayer #pop01 .pop_cont .sel_apply{padding: 9.6vw 4.8vw;max-height: 100vh;height: 100%;overflow: auto;}
    #popupLayer #pop01 .pop_cont .sel_apply .sel_cont{}
    #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .all_ch_box{display: flex;flex-direction: column;align-items: flex-start;margin-bottom: 5.87vw;color: #1D1D1D;}
    #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .all_ch_box > p{margin-right: auto;font-size: 4.8vw;font-weight: 700;letter-spacing: -1px;padding-bottom: 3.73vw;}
    #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .all_ch_box > div{width: 100%;border-top: 1px solid #000000;padding-top: 8.53vw;}
    #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .all_ch_box label.all_sel{margin-right: 2.67vw;font-family: "Pretendard";font-size: 3.73vw;font-weight: 500;}
    #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .all_ch_box label.all_sel + input[type="checkbox"]{position: relative; display: block;width: 9.6vw;height: 5.87vw;border-radius: 6.93vw;background: #BFBFBF;cursor: pointer;}
    #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .all_ch_box label.all_sel + input[type="checkbox"]:after{position: absolute;top: 50%;left: 50%;display: block;content: '';width:5.07vw;height: 4.8vw;border-radius: 50%;background: #FFFFFF;transform: translate(-4.3vw, -2.4vw);transition:.3s all;}
    #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .all_ch_box label.all_sel + input[type="checkbox"]:checked{background: #1D1D1D;}
    #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .all_ch_box label.all_sel + input[type="checkbox"]:checked::after{position: absolute;top: 50%;left: 50%;display: block;content: '';width:5.07vw;height: 4.8vw;border-radius: 50%;background: #FFFFFF;transform: translate(-0.8vw, -2.4vw);transition:.3s all;}
    #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .sel_btn_box{margin-bottom: 10.67vw;font-size: 0;}
    #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .sel_btn_box > button{width: 43.73vw;height: 11.2vw;margin:0px 2.67vw 2.67vw 0; text-align: center;border: 1px solid #DEDEDE;border-radius: 1.07vw;line-height: 11.20vw;font-family: 'Pretendard'; font-size: 3.73vw;font-weight: 500; color: #8D8D8D;}
    #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .sel_btn_box > button:nth-child(2){margin-right: 0;}
    #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .sel_btn_box > button:nth-child(3){margin-right: 2.67vw;}
    #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .sel_btn_box > button:nth-child(4){margin-right: 0;}
    #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .sel_btn_box > button:nth-child(5){margin-right: 0;margin-bottom:0}
    #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .sel_btn_box > button.on{border: 1px solid #1D1D1D;color: #1D1D1D;}
    #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .email_box {position: relative; width: 100%;height: 11.2vw;padding-left: 3.2vw; border: 1px solid #BFBFBF;border-radius: 1.07vw;}
    #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .email_box.on {border: 1px solid #1D1D1D;}
    #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .email_box > label {position: absolute;top: 2.6vw;left:0;width:100%;height: 100%;padding: 3vw 0 0 3.2vw; display: block;color: #BFBFBF;font-size: 4vw;font-weight: 400;transform: translate(0, -2.67vw);transition: all.3s;z-index: 1;}
    #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .email_box > label.on {position: absolute; display: block;color: #8D8D8D;font-size: 3.2vw;padding: 2vw 0 0 3.2vw;font-weight: 400;/* transform: translate(0, -4.27vw); */transition: all.3s;}
    /* #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .email_box input[type="email"]{display: block;width: 100%; height: 4.8vw;margin-top: 4.8vw; font-size: 4vw;color: #1D1D1D;z-index: 99;} */
    #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .email_box input[type="email"]{display: block;width: 100%; height: 4.8vw;margin-top: 4.8vw; font-size: 4vw;color: #1D1D1D;z-index: 99;}
    #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .email_box input[type="email"]::placeholder{font-size: 4vw;color: #BFBFBF;}
    #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .agree_box {display: flex;justify-content: flex-start;align-items: center;margin-top: 4vw;}
    #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .agree_box label.agree_ch{padding-left: 3.47vw; color: #1D1D1D;font-size: 3.47vw;}
    #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .agree_box label.agree_ch span{border-bottom: 1px solid #1D1D1D; font-size: 3.47vw;}
    #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .agree_box .agree_ch_box{width: 6.13vw;height: 6.13vw;border: 1px solid #BFBFBF;border-radius: 0.53vw;}
    #popupLayer #pop01 .pop_cont .sel_apply .sel_cont .agree_box .agree_ch_box:checked{background: url('../images/check_box_check.svg')no-repeat center;background-size:101% 100%;border: 1px solid #1D1D1D; border-radius: 0.53vw;}
    #popupLayer #pop01 .pop_cont .sel_apply .apply_btn{display: block; width: 44.8vw;height: 14.13vw;margin: 10.67vw auto 0 ;background: #BFBFBF;color: #FFFFFF;text-align: center;border-radius: 1.07vw;font-family: 'Pretendard';font-size: 5.6vw;font-weight: 600;cursor: unset;border: none;}
    #popupLayer #pop01 .pop_cont .sel_apply .apply_btn.on{background:#1D1D1D;color: #FFFFFF;cursor: pointer;}
    #popupLayer #pop01 .pop_cont .ok_box{display: none;padding: 9.6vw 4.8vw;}
    #popupLayer #pop01 .pop_cont .ok_box .check_cont{}
    #popupLayer #pop01 .pop_cont .ok_box .check_cont .letter_img{width: 40.8vw;height: 27.2vw;margin: 0 27VW 5.97vw;}
    #popupLayer #pop01 .pop_cont .ok_box .check_cont .letter_text{font-family: 'Pretendard';font-size: 5.87vw;font-weight: 700;color: #1D1D1D;text-align: center;line-height: 6.93vw;}
    #popupLayer #pop01 .pop_cont .ok_box .check_cont .ok_btn{display: block; width: 35.73vw;height: 14.4vw;margin: 10.67vw auto 0;padding: 3.73vw 0;background: #1D1D1D;color: #FFFFFF;text-align: center;border-radius: 1.07vw;font-family: 'Pretendard';font-size: 5.6vw;font-weight: 600;}


    #popupLayer #pop02{top: 0;left: 0;width: 100%;max-width: 100%;height: 100vh;transform: translate(0,0);background:#FFFFFF;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
    #popupLayer #pop02 .pop_cont{position:relative;width:100%;}
    #popupLayer #pop02 .pop_cont .pop_head{display: flex;justify-content: center;align-items: center; height: 17.07vw;text-align: center;border-bottom: 1px solid #E4E4E4;}
    #popupLayer #pop02 .pop_cont .pop_head > p{font-size: 4.8vw;font-weight: 500;color: #1D1D1D;}

    #popupLayer #pop02 .pop_cont .request{padding: 9.6vw 4.8vw;}
    #popupLayer #pop02 .pop_cont .request .request_cont .pass_box{margin-bottom: 5.87vw;}
    #popupLayer #pop02 .pop_cont .request .request_cont .pass_box p{font-size: 4.8vw;}
    #popupLayer #pop02 .pop_cont .request .request_cont .pass_input_box{width: 100%;height: 11.2vw;padding: 0 3.2vw;}
    #popupLayer #pop02 .pop_cont .request .request_cont .pass_input_box input{display: flex;align-items: center;width: 100%;height: 100%;font-size: 4vw;}
    #popupLayer #pop02 .pop_cont .request .request_cont .go_btn{width: 35.7vw;height: 14.13vw;line-height: 14.1vw;font-size: 5.6vw;margin: 10.67vw auto 0;border-radius: 1.07vw;}
    #popupLayer #pop02 .pop_cont .request .retouch .ok_btn{width: 55.47vw;height: 14.13vw;line-height: 14.1vw;font-size: 5.6vw;margin: 10.67vw auto 0;border-radius: 1.07vw;}
    #popupLayer #pop02 .pop_cont .request .retouch textarea{display: block;border: 1px solid #BFBFBF;border-radius: 1.07vw;resize: none;width: 100%;padding: 3.2vw;font-size: 4vw;font-weight: 400;line-height: 7.47vw;color: #1D1D1D;font-family: 'Pretendard';}

    #popupLayer #pop03{top: 0;left: 0;width: 100%;max-width: 100%;height: 100vh;transform: translate(0,0);background:#FFFFFF;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;}
    #popupLayer #pop03 .pop_cont{position:relative;width:100%;}
    #popupLayer #pop03 .pop_cont .pop_head{display: flex;justify-content: center;align-items: center; height: 17.07vw;text-align: center;border-bottom: 1px solid #E4E4E4;}
    #popupLayer #pop03 .pop_cont .pop_head > p{font-size: 4.8vw;font-weight: 500;color: #1D1D1D;}

    #popupLayer #pop03 .pop_cont .delete{padding: 9.6vw 4.8vw;}
    #popupLayer #pop03 .pop_cont .delete .delete_cont .pass_box{margin-bottom: 5.87vw;}
    #popupLayer #pop03 .pop_cont .delete .delete_cont .pass_box p{font-size: 4.8vw;}
    #popupLayer #pop03 .pop_cont .delete .delete_cont .pass_input_box{width: 100%;height: 11.2vw;padding: 0 3.2vw;}
    #popupLayer #pop03 .pop_cont .delete .delete_cont .pass_input_box input{display: flex;align-items: center;width: 100%;height: 100%;font-size: 4vw;}
    #popupLayer #pop03 .pop_cont .delete .delete_cont .ok_btn{width: 35.7vw;height: 14.1vw;line-height: 14.1vw;font-size: 5.6vw;margin: 10.67vw auto 0;border-radius: 1.07vw;}

    #wrapper #wrap.view .container{padding: 10.13vw 4.8vw 21.33vw !important;}
    #wrapper #wrap.view .container .section .view_wrap{margin-bottom: 9.33vw !important;}
    #wrapper #wrap.view .container .section .view_wrap .title_box .tag_box > span{display: inline-block; font-size: 3.73vw !important;font-weight: 600 !important;color: #263070 !important;padding-right: 5.33vw;margin-bottom: 1.6vw !important;}
    #wrapper #wrap.view .container .section .view_wrap .title_box .title{font-size: 6.4vw !important;line-height: 9.07vw !important;margin: 4.17vw 0 9.6vw !important;word-break: keep-all;}
    #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share{margin: 0 0 10.67vw !important;}
    #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .date{font-size: 3.73vw !important;padding-bottom: 5.33vw !important;}
    #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box{padding-top: 5.33vw !important;}
    #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn{width: 8.53vw !important;height: 8.53vw !important;margin-right: 2.67vw !important;background-size: 100% 100% !important;}

    /* #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn span{display: none !important;opacity: 0;font-family: 'Pretendard';font-size: 11px;font-weight: 500;color: #FFFFFF;display: block;width: auto;position: absolute;background: #2E2E2E;border-radius: 3.5px; text-align: center;padding: 6px 8px;left: 0;top: -39px;}
    #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn:hover span{display: none !important;opacity: 0 !important;}
    #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn:hover::after{display: none !important;position: absolute;top: -15px;left: 0; content: ''; width: 16px;height:13px;background: url('../images/arrow_hover.svg')no-repeat center center;} */
    #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_fb{background: none;}
    #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_fb span{transform: translate(0,0);}
    #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_fb::after{transform: translate(0,0);}
    #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_tw{background: none;}
    #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_tw span{transform: translate(0,0);}
    #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_tw::after{transform: translate(0,0);}
    #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_bl{background: none;}
    #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_bl span{transform: translate(0,0);}
    #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_bl::after{transform: translate(0,0);}
    #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_ml{background: none;}
    #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_ml span{transform: translate(0,0);}
    #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_ml::after{transform: translate(0,0);}
    #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_li{}
    #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_li span{transform:translate(47vw, 6vw);}

    #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_li::after{transform: translate(0,0);}
    #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_li span.fade{display: block;opacity: 1;}
    #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_li.fade span.fade{display: block;opacity: 1; transform: translate(35vw, 6.3vw);}
    #wrapper #wrap.view .container .section .view_wrap .view_cont .date_share .share_box .share_btn.sh_li.fade::after{content: block;}

    #wrapper #wrap.view .container .section .view_wrap .view_cont .tag_box{margin-top: 16vw !important;}
    #wrapper #wrap.view .container .section .view_wrap .view_cont .tag_box .tag{padding: 1.33vw 2.93vw !important;margin: 0 2.67vw 2.4vw 0 !important;font-size: 3.47vw !important;font-weight: 500 !important;}

    .view_footer .view_footer_wrap .list_go_btn{display: flex !important;align-items: center;justify-content: center;width: 44vw !important;height: 12vw !important;margin: 8vw auto 0 !important;border-radius: 1.33vw !important;font-size: 4.27vw !important;line-height: 5.07vw !important;}
    .view_footer .view_footer_wrap .pre_next{margin-top: 16vw !important;}
    .view_footer .view_footer_wrap .pre_next > a{width: ;height: 30.67vw !important;}
    .view_footer .view_footer_wrap .pre_next > a.is_data span{font-size: 3.2vw !important;}
    .view_footer .view_footer_wrap .pre_next > a.is_data .desc_txt{margin-top:2.8vw !important;line-height: 6.13vw !important;font-size: 3.73vw !important;}

    #wrapper #wrap.view .view_banner{width: 100% !important;max-width: 100% !important;margin: auto auto 21.33vw !important;padding: 0 4.8vw !important;}
    #wrapper #wrap.view .view_banner a{overflow: hidden;}

}