@charset "UTF-8";
/* postSearchFrm1 */
#postSearchFrm1.mainForm{position: absolute;}

/* 공통 */
/* list-bar */
.list-bar-st2 > li {margin-top: 14px; line-height: 1;}
.list-bar-st2 > li::before{color: #999;content: '-'; font-size: 16px; font-weight: 300; padding-right: 4px;}
.list-bar-st2:hover > li::before{color: #2c459d;}
.gnb-st2 .depth2 .list-bar-st2 a{    font-size: 14px;
    color: #999;
    font-weight: 300;}

body{width: 100%; height: 100%;;}
body *{box-sizing: border-box;}

.main_inner{max-width: 1400px !important; margin: 0 auto !important;}
.main_body .title{color: #333; font-weight: 700; font-size: 48px;}
.title .under_line{background-size: contain; background-position: center bottom; background-repeat: no-repeat;}
.light_txt{font-weight: 400;}
.more-st2{background-color: #333333; color: #fff; font-size: 26px; font-weight: 700; padding: 1rem; width: 306px; height: 60px; border-radius: 100px;  display: flex; align-items: center; justify-content: center;}
.more-st3{background-color: #b7b7b7; color: #fff; font-size: 15px; font-weight: 300; padding: 1em; width: 136px; border-radius: 100px;  display: flex; align-items: center; justify-content: center; line-height:1;}
.depth2 .shortcut,.direct_btn{background: url('/humanframe/theme/mice/assets/images/2022/header/direct.png') no-repeat center right; padding-right: 23px; background-size: 14px 14px;}
/* //공통 */

/* 서비스 링크 */
.service_link{display: flex; height: 50px;justify-content: flex-end; background-color: #fff; z-index: 15; position: fixed; width: 100%; border-bottom: 1px solid #ddd;}
.service_link.active{position: absolute;}
.service_link a{text-indent: -999px; overflow: hidden; width: 200px; height: 100%; display: block; background-repeat: no-repeat; background-position: center; position: relative; z-index: 1;}
.service_link a.sto{background-image: url(/humanframe/theme/mice/assets/images/2022/header/sto_logo.png); background-color: #ffa400;}
.service_link a.miceseoul{background-image: url(/humanframe/theme/mice/assets/images/2022/header/scb_logo.png); background-color: #fff;}
.service_link a.visitseoul{background-image: url(/humanframe/theme/mice/assets/images/2022/header/visit_logo.png); background-color: #007cc3;}
.service_link a.seoulmysoul{background-image: url(/humanframe/theme/mice/assets/images/2022/header/img-image03.png); background-size: 75%;}

/* nav */
/* .bg-all{background: rgba(0,0,0,.4); position: fixed; left:0; top:0; width:100%; height:100%; z-index: 13; display: none;} 
.bg-all02{background: rgba(0,0,0,.4); position: fixed; left:0; top:0; width:100%; height:100%; z-index: 16; display: none;}  */

/* 헤더 */
header:after{display: none;}
/* header.active::after{display: block;top: 97px;} */
header.active{height: 97px;}
.mobile-menu-st2{display: none;}
.main_nav_w{height: 97px; top: 50px; padding: 0 30px; position: fixed; width: 100%; background-color: #fff; transition: .3s; display: flex; align-items: center; justify-content: space-between; overflow: unset; line-height: 1;}
.main_nav_w.active{ background-color: transparent; border-bottom: 1px solid rgba(255, 255, 255, 0.6)}
.main_nav_w.scroll{ top: 0;}
.main_nav_w::before{background: rgba(0, 0, 0, .4); position: fixed; left: 0; right: 0; width: 100%; height: 100%; display: none;}


.main_nav_w h1 {width: 193px; height: 36px; margin: 0; background-image: url(/humanframe/theme/mice/assets/images/logo.png); background-repeat: no-repeat; cursor: pointer; background-size: 100%;}
.main_nav_w h1 > a{display: block;}
.main_nav_w.active h1{background-image: url(/humanframe/theme/mice/assets/images/logo_main.png);}


.gnb-st2{position: unset; max-width: 1300px; width: 100%;}
.gnb-st2 > ul{height: 97px; display: flex; position: relative; text-align: center; width: 100%;}
.gnb-st2 > ul > li{float: left; height: 100%;position:relative; flex: 1;}
.gnb-st2 > ul > li > a{color: #333; line-height: 97px; width:100%; height: 100%; display:inline-block; font-size: 19px; font-weight: 500; white-space:nowrap; padding: 0 10px;}
.main_nav_w.active .gnb-st2 > ul > li > a{color: #fff;}

.main_nav_w .gnb-st2 > ul > li:hover > a{color: #2c459d;}
.gnb-st2 > ul > li > a:hover{font-weight: 900;}
.gnb-st2 > ul > li > a{font-size: 20px;}
.gnb-st2 > ul > li:hover > a{font-weight: 700;}
.gnb-st2 > ul > li::after{display: none;}

 .main_nav_w .mobile-gnb-st2{display: none;}
/* dept2 */
.gnb-st2 > ul > li > .depth2{height: 420px; text-align: left; padding-top: 39px; border-right: 1px solid #ddd; display: none;}
/* .gnb-st2 > ul > li.active > .depth2{display: block;} */
.gnb-st2 .depth2 > li{margin-bottom: 17px; padding: 0 8%;}
.gnb-st2 .depth2 li a{font-size: 15px; font-weight: 400; color: #333;}
.gnb-st2 .depth2 li a:hover{border-bottom: 1px solid #2c459d;}
.gnb-st2 .depth2 li.hover-none ul li a{font-size: 14px; color: #999; font-weight: 300;}
.gnb-st2 .depth2 li.hover-none ul li a:hover{color: #2c459d; font-weight: 500;}
.gnb-st2 .depth2 li.depth2_tit{font-weight: 700; font-size: 18px; color: #000033; margin-bottom: 30px;}

/* dept2 배경 */
.main_nav_w .nav_bg{position: absolute; left: 0; width: 100%; top: 97px; background-color: #fff; background-position: left bottom; background-repeat: no-repeat; background-image: url('/resources/mice/img/dept2_bg.jpg');  background-size: auto 422px;height: 422px; display: none; border-bottom: 1px solid #ddd; z-index: -1;}

/* 로그인, 언어 버튼 */
.other-menu-element-st2{position:relative;right:20px;z-index:100; display: flex; gap: 30px;}
.other-menu-element-st2 .login-element{margin-top: 0;}
.other-menu-element-st2 .login-element > a, .other-menu-element-st2 .lang-element > a{position: relative; display: flex; align-items: center; gap: 10px; color: #666; font-weight: 400;}
.main_nav_w .other-menu-element-st2 a, .main_nav_w.active .other-menu-element-st2 a {font-weight: 400;}
.main_nav_w .other-menu-element-st2 a{color: #333;}
.main_nav_w.active .other-menu-element-st2 a{color: #fff;}
.other-menu-element-st2 .login-element > a::before, .other-menu-element-st2 .lang-element > a::before, .other-menu-element-st2 .lang-element > a::after{content: ''; display: block; background-repeat: no-repeat; background-size: auto; background-position: left center;}

.other-menu-element-st2 .lang-element.active .lang-open-lst{display:block}
.other-menu-element-st2 .lang-element .lang-open-lst{display:none;position:absolute;left:-193px;top:32px;z-index:100000;padding:10px;width:220px;border:1px solid #ddd;background-color:#fff}
.other-menu-element-st2 .lang-element .lang-open-lst li{height:36px;line-height:36px;background-color:#f6f6f6;margin-bottom:2px}
.other-menu-element-st2 .lang-element .lang-open-lst li a{display:block;font-size:16px;color:#666;font-weight:500;height:36px;line-height:36px;background-color:#f6f6f6;padding:0px 10px}
.other-menu-element-st2 .lang-element .lang-open-lst li.active a{background-color:#333;color:#fff}
.other-menu-element-st2 .lang-element .lang-open-lst li a:hover{background-color:#333;color:#fff !important}


.other-menu-element-st2 .login-element > a::before{background-image: url(/humanframe/theme/mice/assets/images/2022/header/b_login_btn.png); width: 21px; height: 25px;}
.main_nav_w.active .other-menu-element-st2 .login-element > a::before{background-image: url(/humanframe/theme/mice/assets/images/2022/header/w_login_btn.png);}


.other-menu-element-st2 .lang-element > a::before{background-image: url(/humanframe/theme/mice/assets/images/2022/header/b_lang_btn.png); width: 25px; height: 25px;}
.other-menu-element-st2 .lang-element > a::after{background-image: url(/humanframe/theme/mice/assets/images/2022/header/b_down_arrow.png); width: 9px; height: 5px;}
.other-menu-element-st2 .lang-element.active > a::after{background-image: url(/humanframe/theme/mice/assets/images/2022/header/b_down_arrow.png); transform: rotateX(180deg);}
.main_nav_w.active .other-menu-element-st2 .lang-element > a::before{background-image: url(/humanframe/theme/mice/assets/images/2022/header/w_lang_btn.png);}
.main_nav_w.active .other-menu-element-st2 .lang-element > a::after{background-image: url(/humanframe/theme/mice/assets/images/2022/header/down_arrow.png);}

/* 언어변경창 */
.other-menu-element-st2 .lang-element .lang-open-lst{left: auto; right: 0;}
/* //헤더 */

/* 풀페이지 */
section.wheel{height: 100vh; width: 100%; display: flex; justify-content: center; position: relative; min-height: 840px;}
/* section.wheel.main01{padding: 200px 0 100px 0;} */
.main_body .cont_w{display: flex; flex-direction: column; align-items: center; width: 100%;justify-content: center;}

section.main01, section.main02{padding-top: 70px;}
/* main01 */
.main_body .main-inner-slide, .main_body .main-inner-slide > *, .main_body .main-inner-slide > * > *, .main_body .main-inner-slide > * > * > *, .main_body .main-inner-slide > * > * > *, .main_body .main-inner-slide > * > * > * > *, .main_body .main-inner-slide > * > * > * > * > *{height: 100%;}

.main_body .main-inner-slide img{min-width:100%}

.main_body .main-inner-slide{position: absolute; top: 0; left: 0; width: 100%;}
.main-inner-slide .item{background:url('') center center no-repeat; background-size: cover;}

.main01 .cont_w{position: relative;}
.main01 .slide-txt{font-weight: 700; font-size: 80px; margin-bottom: 20px;color: #fff; text-align: center; line-height:1;}
.main01 .bottom_txt{color: #e9e9e9; font-size: 22px; line-height:1.5; margin-bottom: 30px;}

.main01 .main-search{ height: 70px; max-width: 760px; width: 100%; display: flex; align-items: center;}
.main01 .main-search input{ padding-left: 27px; color: #999; font-size: 18px;}
.main01 button{position: relative; width: 70px; height: 100%; display: flex;
    align-items: center; justify-content: center; background-color: #2c459d;}
.main01 .search-btn::before{content: ''; display: block; background: url(/humanframe/theme/mice/assets/images/2022/main01/w_sc_btn.png) center center no-repeat; width: 25px; height: 26px;}

section.main01 .scroll_down{content: 'scroll down'; position: absolute; display: block; width: auto; height: 78px; background: url(/humanframe/theme/mice/assets/images/2022/main01/scroll_down_icon.png) center bottom no-repeat; left: 50%; bottom: 30px; transform: translateX(-50%); color: #fff; display: flex; align-items: flex-start; animation-name: scroll_btn;  animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; font-size: 13px; background-size: 30%;}

/* 해시태그 */
.hash_t{display: flex; gap: 10px;}
.hash_t a{color: #fff;}
.hash_t a:hover{border-bottom: 1px solid #fff;}

.main01 .banner_btn{display: flex; gap: 75px; text-align: center; justify-content: center; margin-top: 50px; }
.main01 .banner_btn a{color: #fff; }
.main01 .banner_btn a:hover::before{background-color: #2c459d; box-shadow: 0px 0 20px 0px #fff;}
.main01 .banner_btn a::before{display: block; content: ''; width: 120px; height: 120px; border-radius: 100%; background-color: #fff;margin: 0 auto; margin-bottom: 20px; background-repeat: no-repeat; background-position: center;}

.main01 .banner_btn .plus::before{background-image: url(/humanframe/theme/mice/assets/images/2022/main01/main_btn01.png);}
.main01 .banner_btn .global::before{background-image: url(/humanframe/theme/mice/assets/images/2022/main01/main_btn02.png);}
.main01 .banner_btn .consulting::before{background-image: url(/humanframe/theme/mice/assets/images/2022/main01/main_btn03.png);}
.main01 .banner_btn .virtual::before{background-image: url(/humanframe/theme/mice/assets/images/2022/main01/main_btn04.png);}
.main01 .banner_btn .materials::before{background-image: url(/humanframe/theme/mice/assets/images/2022/main01/main_btn05.png);}
.main01 .banner_btn .tour::before{background-image: url(/humanframe/theme/mice/assets/images/2022/main01/main_btn06.png);}

.main01 .banner_btn .plus:hover::before{background-image: url(/humanframe/theme/mice/assets/images/2022/main01/w_main_btn01.png);}
.main01 .banner_btn .global:hover::before{background-image: url(/humanframe/theme/mice/assets/images/2022/main01/w_main_btn02.png);}
.main01 .banner_btn .consulting:hover::before{background-image: url(/humanframe/theme/mice/assets/images/2022/main01/w_main_btn03.png);}
.main01 .banner_btn .virtual:hover::before{background-image: url(/humanframe/theme/mice/assets/images/2022/main01/w_main_btn04.png);}
.main01 .banner_btn .materials:hover::before{background-image: url(/humanframe/theme/mice/assets/images/2022/main01/w_main_btn05.png);}
.main01 .banner_btn .tour:hover::before{background-image: url(/humanframe/theme/mice/assets/images/2022/main01/w_main_btn06.png);}

/* main02 */

.main02{background-image: url(/humanframe/theme/mice/assets/images/2022/main02/main02_bg.png); background-repeat: no-repeat; background-size: cover;}
.main02 .cont_w > .title{margin-bottom: 25px;}
.main02 .under_line{background-image: url(/humanframe/theme/mice/assets/images/2022/main02/under-line.png);}
.main02 .tab_btn{display: flex; gap: 35px; margin-bottom: 27px;}
.main02 .tab_btn a.active{color: #2c459d; border-bottom: 2px solid #2c459d; font-weight: 900;}
.main02 .tab_btn a{color:#666; font-weight: 700; font-size: 22px;}

.notice_w{margin-bottom: 68px; width: 100%;}
.notice_w li{display: flex; align-items: center; border: 1px solid #d7d7d7; padding: 20px 70px; box-shadow: 10px 10px 0 #dadada; margin-bottom: 30px; background-color: #fff;}
.notice_w li:last-child{margin-bottom: 0;}
.notice_w li > span{color: #fff; width: 90px; height: 90px; display: inline-block; border-radius: 100%; text-align: center; vertical-align: middle;display: flex; align-items: center; justify-content: center; font-size: 20px; margin-right: 35px;}
.notice_w li .notice{background-color: #2c459d;}
.notice_w li .scb{background-color: #46a247;}
.notice_w li .sma{background-color: #f68d29;}

.notice_w .cont{width: 72%; margin-right: 110px;}
.notice_w .cont > p{font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.notice_w .cont > .title{font-size: 22px; margin-bottom: 20px;}
.notice_w .cont_sub{text-align: center;}
.notice_w .cont_sub p{margin-bottom: 15px;}
.notice_w .more-st1{background-color: #666; color: #fff; padding: 10px; text-align: center; border-radius: 50px; width: 103px; display: block;}

/* main03 */
.main03{background-image: url(/humanframe/theme/mice/assets/images/2022/main03/main03_bg.jpg); background-repeat: no-repeat; background-position: center bottom; background-color: #fef3ec;}
.main03 .title_w{position: absolute;top: 21%; left: 50%; transform: translateX(-50%); z-index: 1;}
.main03 .title_w .title{margin-bottom: 40px;}
.main03 .under_line{background-image: url(/humanframe/theme/mice/assets/images/2022/main03/under_line02.png);}


.main03 .link_btn{display: flex; gap: 20px; justify-content: center;margin-bottom: 40px;}
.main03 .link_btn a::before, .main03 .cont .txt::before{display: block; content: ''; width: 40px; height: 40px; border-radius: 100%;  background-repeat: no-repeat; background-position: center;}



.main03 .facebook::before{background-image: url(/humanframe/theme/mice/assets/images/2022/main03/fb_icon.jpg);}
.main03 .instagram::before{background-image: url(/humanframe/theme/mice/assets/images/2022/main03/ins_icon.jpg);}
.main03 .youtube::before{background-image: url(/humanframe/theme/mice/assets/images/2022/main03/yt_icon.jpg)}
.main03 .linkedin::before{background-image: url(/humanframe/theme/mice/assets/images/2022/main03/in_icon.jpg)}

.main03 .cont{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; row-gap: 35px; column-gap: 30px;}
.main03 .cont li:nth-child(1){grid-column: 1/2;}
.main03 .cont li:nth-child(2){grid-column: 4/5;}
.main03 .cont li:nth-child(3){grid-column: 1/2;}

.main03 .cont .top, .main03 .cont .bottom{display: flex; width: 100%; justify-content: space-between;}
.main03 .cont .top{margin-bottom: 30px;}
.main03 .cont .bottom{gap: 20px;}

.main03 .cont_w .thumbnail_w{width: 100%;}
.main03 .cont .thumbnail{position: relative; display: block; overflow: hidden;}
.main03 .cont .thumbnail .img {position: relative; padding-bottom: 100%; overflow: hidden;}
.main03 .cont .thumbnail:hover .img img{transform: scale(1.1);}
/* .main03 .cont .thumbnail .img::after{content: ''; display: block; position: absolute; background-color: rgba(0, 0, 0, .3); width: 100%; height: 100%; top: 0;} */
.main03 .cont .thumbnail .img img{transition: .3s; width: 100%; position: absolute; top: 0;  left: 0; height: 100%;}
.main03 .cont .txt{ color: #fff; position: absolute; bottom: 0; display: flex; padding: 10px 20px;align-items: center; gap: 10px; flex-wrap: wrap;}

/* 푸터 */
footer{background-color: #fff; margin-bottom: 0; border-top: 1px solid #ddd;}
footer > .main_inner{background-color: #fff;}
.footer_slide_w{display: flex; padding: 20px 0; gap: 40px;}

footer .f_site_slide_w, footer .award_slide_w{display: flex;}
footer .f_site_slide_w{width: 62%;}
footer .f_site_slide_w .f_site_slide, footer .award_slide_w .award_slide{width: calc(100% - 150px); margin-left: 40px;}
footer .award_slide_w{width: 35%;}
footer .slide_tit{position: relative;}
footer .f_site_slide_w .item, footer .award_slide_w .item{text-align: center;}

.ps_btn_st2{position: absolute; bottom: 0; right: 0;}
.ps_btn_st2 button{text-indent: -9999px; width: 15px; height: 15px;;}
.ps_btn_st2 .prev{background: url(/humanframe/theme/mice/assets/images/newfooter/footer_prve.png) center no-repeat;}
.ps_btn_st2 .next{background: url(/humanframe/theme/mice/assets/images/newfooter/footer_next.png) center no-repeat;}
.ps_btn_st2 .play{background: url(/humanframe/theme/mice/assets/images/newfooter/footer_stop.png) center no-repeat;}
.ps_btn_st2 .stop{background: url(/humanframe/theme/mice/assets/images/newfooter/footer_play_m.png) center no-repeat;}

/* footer.footer{background-color: #3f3f3f} */
footer .footer-menu{ background-color: #3f3f3f; }
footer .footer-menu .footer-menu-inner{ padding: 70px 0; display: flex; flex-wrap: wrap;gap: 20px;}
footer .footer-menu .footer-menu-inner > li{ flex: 1; word-break: keep-all; border-right: 1px solid #4b4b4b; min-height: 289px; }
footer .footer-menu .footer-menu-inner > li:last-child{ margin-right: 0; border-right: 0; }
footer .footer-menu .footer-menu-inner > li > a{ font-size: 18px; color: #959595; font-weight: 500; line-height: 1;}
footer .footer-menu .footer-menu-inner > li > ul{margin-top: 22px;}
footer .footer-menu .footer-menu-inner > li > ul > li{ margin-bottom: 15px; line-height: 1;}
footer .footer-menu .footer-menu-inner > li > ul > li > a{ font-size: 15px; color: #666; line-height: 1; }
footer .footer-menu .footer-menu-inner > li > ul > li > a:hover{ border-bottom: 1px solid #666;}
footer .footer-other{ padding: 0 0 90px 0; max-width: none;}
footer .footer-other .other-element.e1{ float: left;}
footer .footer-other .other-element.e1 ul li a{ font-weight: 500; color: #959595; font-size: 16px; }
footer .footer-other .other-element.e1 p.copyright{ font-size: 14px; margin-top: 25px; color: #666; }
footer .footer-other .other-element.e2{ float: right;}
footer .footer-other .other-element.e2 li{float: left; position: relative; width: 40px; height: 40px; float: left; background-position: center; background-repeat: no-repeat; background-color: transparent !important; background-size: 100%;}
footer .footer-other .other-element.e2 li::before{content: ''; display: block; position: absolute;}
footer .footer-other .other-element.e2 li.sns{margin-left: 10px;}
footer .footer-other .other-element.e2 li a{display: block;}
footer .footer-other .other-element.e2 li.fac{ background-image: url(/humanframe/theme/mice/assets/images/2022/footer/fb_icon.png);}
footer .footer-other .other-element.e2 li.ins{background-image: url(/humanframe/theme/mice/assets/images/2022/footer/ins_icon.png);}
footer .footer-other .other-element.e2 li.link{background-image: url(/humanframe/theme/mice/assets/images/2022/footer/in_icon.png);}
footer .footer-other .other-element.e2 li.caf{background-image: url(/humanframe/theme/mice/assets/images/2022/footer/cafe_icon.png);}

.gotop {position: fixed; bottom: 30px; right: 30px; background: #111; color: #fff; width: 60px; text-align: center; height: 60px; line-height: 60px; border-radius: 50%; font-size: 1em; z-index: 3; display: none;font-weight: 500; opacity: 0.7; transition: 0.3s;}

/* scroll down 애니메이션 */
@keyframes scroll_btn{
    from{}
    to{bottom: 15px;}
}

/* @media all and (min-width: 1201px){
	#navigation{display: block !important}
} */

/* 221117 en main02 */
.main02.en_new{padding: 80px 0 20px;}
.main02.en_new .cont_w > p{text-align: center;}
.main02 .en_news_w{display: flex; gap: 35px; margin-top: 40px;}
.main02 .en_news_w img{width: 100%; position: absolute; left: 0; margin: auto; display: block; bottom: 0;}
.main02 .en_news_c{flex: 1; border: 1px solid #d7d7d7; border-top: 2px solid #333; background: #fff; display: flex; flex-direction: column; justify-content: space-between;}
.main02 .en_news_c .tit{font-weight: 700; color:#333333; font-size: 26px; padding: 25px 30px;}
.main02 .en_news_c .sub_tit{color: #2c459d; font-size: 20px; }
.main02 .en_news_c .bottom_c{padding-top: 60px; position: relative; padding-bottom: 68%; overflow: hidden;}

.main02 .en_news_c .more-st3{margin: 0 auto; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.main02.en_new .btn_w{display: flex; gap: 35px; margin-top: 50px;}
.main02.en_new .btn_w > a{color: #fff; font-size: 26px; font-weight: 700; padding: 1rem; width: 306px; height: 60px; border-radius: 100px;  display: flex; align-items: center; justify-content: center;}
.btn-st1{background-color: #2c459d;}
.btn-st2{background-color: #666666;}

@media all and (max-width: 1500px){
    /* .gnb-st2 > ul > li > a{font-size: 18px;} */

    /* 서비스 링크 */
    .service_link a{width: 160px; background-size: 75%;}

    /* 헤더 */
    .other-menu-element-st2{gap: 15px;}
    
    /* 푸터 */
    .footer_slide_w{gap: 20px;}
    footer .f_site_slide_w .f_site_slide, footer .award_slide_w .award_slide{margin-left: 20px;}
}
@media all and (max-width: 1400px){
    /* 공통 */
    .main_inner{padding: 0 1rem;}

    .main_nav_w{padding: 0 15px;}
    /* 헤더 */
    .main_nav_w .gnb-st2{right: 17%;left: 19%;}
    .gnb-st2 > ul > li > .depth2{padding-top: 25px;}
    .gnb-st2 > ul > li > a, .depth2 li.depth2_tit, .depth2 li a {font-size: 15px;}
    
    /* 로그인, 언어 버튼 */
    .other-menu-element-st2 .login-element > a::before{width: 15px; height: 20px; background-size: 100%;}
    .other-menu-element-st2 .lang-element > a::before{width: 20px; height: 20px; background-size: 100%;}
    
    /* main02 */
    .notice_w li{padding: 20px 30px; justify-content: space-between;}
    .notice_w .cont{margin-right: 20px;}
    .notice_w li > span{width: 75px; height: 75px; font-size: 18px;}
}
@media all and (max-width: 1200px){  	
    /* 헤더 */
    header.active::after{display: none;}
    .depth2 li.depth2_tit{display: none;}
    .service_link{display: none;}
    .main_nav_w{height: 70px;left:0px;top:0px; background-color: #fff; padding: 0; width: 100%;border-bottom: 1px solid #ddd; line-height: 1.4;}
    .main_nav_w.active{height: 70px; background-color: #fff;border-bottom: 1px solid #ddd}
    .main_nav_w h1, .main_nav_w.active h1{margin: 0; position: absolute; transform: translateY(-50%); top: 50%; left: 15px;background-image: url(/humanframe/theme/mice/assets/images/logo.png);}
    .main_nav_w .gnb-st2, .main_nav_w .nav_bg{display: none !important;}
    .main_nav_w .mobile-gnb-st2{display: none; top: 130px; max-height: calc(100% - 130px); overflow-y: scroll; background-color: #fff;  z-index: 99;width: 100%; left: 0; height: auto; border-bottom: 1px solid #ddd; max-width: none;position:fixed; }
    .main_nav_w .mobile-gnb-st2.active{display: block;}
    .mobile-gnb-st2 > ul{flex-direction: column; height: 100%;}
    .mobile-gnb-st2 > ul > li > a{font-size: 18px; line-height: 70px; border-bottom: 1px solid #ddd;color: #333; width: 100%; height: 100%; display: inline-block; font-weight: 500; white-space: nowrap; padding: 0 10px; text-align: center;}
    .main_nav_w .mobile-gnb-st2 > ul > li{float: none; width: 100%;}
    .main_nav_w .mobile-gnb-st2 > ul > li.active{border-bottom: 1px solid #ddd;}
    .mobile-gnb-st2 > ul > li.active > .depth2{display: block;}
    .mobile-gnb-st2 > ul > li > .depth2{border-right: none; border-left: none; height: auto; background-color:#f4f4f4; padding-top: 0; display: none;}
    .mobile-gnb-st2 .depth2 > li{margin-bottom: 0; padding: 0}
    .mobile-gnb-st2 .depth2 > li > a{border-bottom: none; text-align: center; font-size: 17px; padding: 20px 0; display: block; font-weight: 400;}
	.mobile-gnb-st2 .depth2 li a:hover{border-bottom: none;}
    .main_nav_w .list-bar-st2{text-align: center; padding-bottom: 14px;}
    .main_nav_w .list-bar-st2 > li:first-child{margin-top: 0;}
    .main_nav_w .mobile-gnb-st2 .list-bar-st2 a{font-size: 15px; color: #777; font-weight: 300;}
    .main_nav_w .mobile-menu-st2{display: block; position: absolute; right: 15px;top: 50%; z-index: 2; transform: translateY(-50%);}
    .main_nav_w .mobile-menu-st2 a{display:block;width:40px;height:25px;background:url(/humanframe/theme/mice/assets/images/ico-mobile-menu@2x.png);background-size:40px 25px;}
    .main_nav_w .mobile-menu-st2 a.active{width:40px;height:30px;background:url(/humanframe/theme/mice/assets/images/ico-x@2x.png) no-repeat center center;background-size:30px 30px;}
    
    .main_nav_w.active .mobile-gnb-st2 > ul > li > a{font-size: 18px; color: #333;}
    #top_nav_m .nav > li > a >span{font-size: 18px;}


    /* 로그인, 언어 버튼 */
    .main_nav_w .other-menu-element-st2{display: none;width: 100%; left: 0; top: 70px; background-color: #fff;border-bottom: 1px solid #ddd; position: absolute;}
    .main_nav_w .other-menu-element-st2.active{display: flex;}
    .main_nav_w .other-menu-element-st2.active > li{width: 50%;}
    .main_nav_w .other-menu-element-st2.active > li:first-child{border-right: 1px solid #ddd;}
    .main_nav_w .other-menu-element-st2.active > li.no_login{width: 100%; border-right: 0px;}
    .main_nav_w.active .other-menu-element-st2 a, .main_nav_w .gnb-st2 > ul > li:hover > a{color: #333;}
    .other-menu-element-st2 .login-element > a, .other-menu-element-st2 .lang-element > a{ justify-content: center; padding: 20px 0; }
    .other-menu-element-st2 .lang-element .lang-open-lst{top: 90%; right: 5%;}
	.other-menu-element-st2 .login-element > a::before {background-image: url(/humanframe/theme/mice/assets/images/2022/header/b_login_btn.png);}
	.other-menu-element-st2 .lang-element > a::before {background-image: url(/humanframe/theme/mice/assets/images/2022/header/b_lang_btn.png);}
	
    /* main03 */
    .main03 .title_w{top: 27%;}
    .main_body .title{font-size: 40px;}
}    



@media all and (max-width: 1024px){
    /* 공통 */
    section.wheel{height: auto; padding: 50px 0; min-height: auto; display: block;}
    section.wheel.main01{padding: 125px 0 110px;}
    .main_body .title{font-size: 35px;}
    .more-st2{width: 180px; height: auto; font-size: 18px; padding: 10px;}
    


    /* main01 */
    .main01 .slide-txt{font-size: 65px;}
    .main01 .bottom_txt{font-size: 18px;}
    .main01 .main-search{height: 50px;}
    .main01 .main-search input{padding-left: 10px;font-size: 16px;}
    .main01 button{width: 60px;}
    .hash_t{flex-wrap: wrap;justify-content: center;}
    .main01 .banner_btn{gap: 25px; margin-top: 50px;}
    .main01 .banner_btn a::before{width: 100px; height: 100px; margin: 0 auto; background-size: 65%; margin-bottom: 10px;}
    section.main01 .scroll_down{height: 62px; background-size: 23%;}
    
    /* main02 */
    .notice_w{margin-bottom: 50px}
    .main02 .tab_btn{gap: 15px;}
    .main02 .tab_btn a{font-size: 18px;}
    
    .notice_w li{flex-direction: column;align-items: flex-start; padding: 20px 25px; margin-bottom: 20px;}
    .notice_w .cont{max-width: none; width: 100%; margin-right: 0;margin-bottom: 15px;}
    .notice_w .cont > .title{font-size: 16px;}
    .notice_w .cont > p{font-size: 15px;}
    .notice_w li > span{width: auto; height: auto; border-radius: 50px; padding: 10px 1rem; font-size: 16px; margin-bottom: 10px;}
    .notice_w li > span > br{display: none;}
    .notice_w .cont_sub{display: flex; width: 100%;justify-content: space-between;align-items: center;}
    .notice_w .cont_sub p{margin-bottom: 0;}    
    .notice_w .more-st1{padding: 5px;}
    
    /* main03 */
    .main03{background-position: right;}
    .main03 .title > span{display: block;}
    .main03 .cont{row-gap: 20px; column-gap: 20px;}
    .main03 .title_w{position: inherit; top: auto; left: auto; transform: translate(0, 0);text-align: center;}
    .main03 .cont li {width: 30%;}
    .main03 .cont{display: flex; flex-wrap: wrap; justify-content: center;}
    .main03 .cont .txt{font-size: 13px;}
    .main03 .cont .txt::before{width: 30px; height: 30px; background-size: 100%;}

    /* 푸터 */
    footer .footer-menu .footer-menu-inner > li{width: 22%;}
    footer .footer-menu .footer-menu-inner{justify-content: center; padding: 50px 0;}
    footer .footer-menu .footer-menu-inner > li{width: 29%; margin-right: 0;}
    footer .footer-menu .footer-menu-inner > li > a{font-size: 16px;}
    footer .footer-menu .footer-menu-inner > li > ul > li > a{font-size: 14px;}
    
    .gotop{width: 45px; height: 45px; font-size: 14px; line-height: 45px; right: 20px;}
    
    /* 221117 en main02 */
    .main02.en_new{padding: 50px 0;}
    .main02 .en_news_w{gap: 20px;}
    .main02 .en_news_c .tit{padding: 15px; font-size: 20px;}
    .main02 .en_news_c .sub_tit{font-size: 16px;}
    .main02 .en_news_c .more-st3{ padding: 10px;}
    .main02.en_new .btn_w > a{width: 180px; height: auto; font-size: 18px; padding: 10px;}
}
@media all and (max-width: 720px){
	
    /* mobile header */
    .main_nav_w .mobile-menu-st2 a{width: 35px;}

    
    /* main01 */
    .main01 .slide-txt{font-size: 50px;}
    .main01 .bottom_txt{font-size: 18px;}
    .main01 button{width: 55px; background-size: 90%;}
    .main01 .search-btn::before{background-size: 90%;}
    .main01 .banner_btn{ width: 100%; flex-wrap: wrap;gap: 40px; justify-content: center;}
    .main01 .banner_btn a{font-size: 14px;}
    .main01 .banner_btn a::before{width: 80px; height: 80px;}

    /* main02 */
    .main02 .tab_btn a{font-size: 16px;} 
    .notice_w li > span{padding: 5px 1rem;}
    .notice_w .cont > p{word-wrap: break-word; display: -webkit-box;white-space: normal; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}   
    
    /* main03 */
    .main03 .cont li {width: 45%;}
    .main03 .link_btn{gap: 10px;}

    /* 푸터 */
    .footer_slide_w{display: block; padding: 15px 0;}
    footer .f_site_slide_w .f_site_slide, footer .award_slide_w .award_slide{width: 100%; margin-left: 0;}
    footer .slide_tit{margin-bottom: 20px;}
    .ps_btn_st2{bottom: -3px; right: -76px;}
    footer .f_site_slide_w, footer .award_slide_w{flex-wrap: wrap;}
    footer .f_site_slide_w{width: 100%; margin-bottom: 10px; border-bottom: 1px solid #ddd; padding-bottom: 10px;}
    footer .award_slide_w{width: 100%;}

    footer .footer-menu .footer-menu-inner{display: none;}
    
    
    footer .footer-other{padding: 50px 0;}
    footer .footer-other .other-element.e1 p.copyright{text-align: left;}
    
    /* 221117 en main02 */
    .main02 .en_news_w{flex-direction: column;}
    .main02.en_new .btn_w > a{padding: 10px 20px; font-size: 16px;}
}
@media all and (max-width: 500px){
    /* 공통 */
    .main_body .title{font-size: 30px;}

    /* main01 */
    .main01 .slide-txt{font-size: 40px;}
    .main01 .bottom_txt{font-size: 15px;}
    .main01 .main-search{height: 40px;}
    .main01 .main-search input{font-size: 15px;}   
    .hash_t{font-size: 14px;}
    .main01 .banner_btn{ margin-top: 25px;}
    
    /* main03 */
    .main03 .cont li{width: 100%;}

    /* 푸터 */
    footer .footer-menu .footer-menu-inner > li{width: 43%; border-right: none; margin-right: 0;}

 	/* 221117 en main02 */
	.main02.en_new .btn_w{gap: 20px;}
	.main02.en_new .btn_w > a{width: auto;}
}

.service_link,.main_nav_w{z-index: 150}

.footer .shortcut{background: none}