/*°øÅë*/
#wrap { position: relative; font-size: 16px; color:#111;} 
br.show_540 {display:none;}

/*¼­ºêÆäÀÌÁö »ó´Ü °øÅë*/
.sub_top_wrap { background-color: #000; color:#fff; padding-top: 214px; height: 582px; text-align: center; font-weight: bold; } 
.sub_top_wrap .inner { height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap:25px; } 
.sub_top_wrap .inner h2 {font-size: 50px;line-height: 1.3;font-weight: bold;} 
.sub_top_wrap .inner p {font-size: 21px;letter-spacing: 1.2px;line-height: 1.4;} 
.subsection { padding: 220px 0; } 
.subsection .inner { position: relative; margin: 0 auto;}
.subsection .con_tit {text-align:center; font-size: 40px; font-weight: bold;}


/*¼­ºêÆäÀÌÁö ÅÇ °øÅë*/
.tab_btn{display: flex; justify-content: center; align-items: center;}
.tab_btn li {position: relative; display: flex; align-items: center; justify-content:center; cursor: pointer;}
.tab_btn li a {display: flex; align-items: center; justify-content:center; width: 100%; height: 100%; cursor: pointer;}

.tab_btn.big{width: 1200px;margin: 0 auto 80px;border-bottom: 1px solid #ececec;}
.tab_btn.big li {width: 33.333%; padding: 18px 0;  color:#777; font-size: 18px;font-weight: bold; cursor:pointer;}
.tab_btn.big li.on {color:#111;}
.tab_btn.big li.on::after {content:""; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); display: block; width: 100%; height: 4px; background-color: #111;} 


.tab_btn.cir {margin: 0 0 70px;gap: 10px;}
.tab_btn.cir li { width: 184px; padding: 18px 0; border-radius: 40px; background-color: #f8f8f8; color: #777777;} 
.tab_btn.cir li.on { background-color: #141819; color: #fff; } 
.tab_btn.cir li.on a { color: #fff; } 

.tab_btn.qa {margin: 0 0 40px; border-bottom: 1px solid #ececec;}
.tab_btn.qa li {padding: 20px 0; width: 12.5%; display: flex; align-items: center; justify-content: center; font-size: 18px;}
.tab_btn.qa li.on {font-weight: bold;}
.tab_btn.qa li.on::after {content: ""; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); width: 100%; height: 4px; background-color: #111;}


.tab_cont_wrap .tab_cont { display: none; } 
.tab_cont_wrap .tab_cont.active { display: block; } 
.tab_cont_wrap .tab_cont .tab_cont_tit { margin: 0 0 25px; font-size: 40px; text-align: center; font-weight: bold; } 
.tab_cont_wrap .tab_cont .tab_cont_det { margin: 0 0 50px; font-size: 18px; font-weight: 500; line-height: 1.5; text-align: center; } 


/*slick °øÅë*/
.slick_common{transition:opacity 0.2s;}
.slick_common.pending{opacity:0;}
/* .slick_common .slick_counter {transition:opacity 0.2s;}
.slick_common.pending .slick_counter {opacity:0;} */


.slick-arrow { position: absolute; width: 116px; height: 39px; bottom: 27px; background-position: center center; background-repeat: no-repeat; background-size: cover; font-size: 0; z-index: 1; } 
.slick-prev { left:40px; background-image:url(https://image.megagong.net/itsreal/common/prev.png); } 
.slick-next { right: 40px; background-image:url(https://image.megagong.net/itsreal/common/next_wht.png); } 
.gallery_box { display: flex !important; } 
.gallery_box .img_box,
.gallery_box .photo_wrap { width: 50%; } 
.gallery_box .photo_wrap .slick-list,
.gallery_box .photo_wrap .slick-track, 
.gallery_box .photo_wrap .slick-slide,
.gallery_box .photo_wrap .slick-slide > div {height:100%;}
.gallery_box .img_box img {height:100%;}
.gallery_box .txt_box {padding: 100px;width: 50%;/* height: 100%; */background-color: #f5f5f5;} 
.gallery_wrap .gallery_box .txt_box p { font-size: 28px; margin: 0 0 20px; font-weight: bold; } 
.gallery_wrap .gallery_box .txt_box span { font-size: 18px; } 
.m_slick_common .slick-list.draggable {padding: 0 !important;}

.photo_wrap .slick-dots  { display:none !important; } 
.gallery_wrap .slick-dots  { display:none !important; } 
.space_library2 .slick-dots  { display:none !important; } 


/*°øÁö/À̺¥Æ® & 1:1 »ó´ã content_wrap*/
.content_wrap.differ { padding: 220px 0 0; } 


/*Äü¸Þ´º °øÅë*/
.fix_quickmenu { display:none; position: fixed; right: 50px; bottom:200px; } 
.fix_quickmenu .quick_btn a {display:flex; align-items:center; justify-content:center; width:144px; height: 126px; font-size: 15px; font-weight: 500; line-height: 1.5;text-align:center; }
.fix_quickmenu .top a {padding:15px 0; display: flex; align-items: center; justify-content: center; gap:8px;}
.fix_quickmenu .top a p {font-size: 14px; font-weight: 700;}
.fix_quickmenu_m {display: none;}
.fix_quickmenu_m a {display: flex; align-items: center; justify-content: center;background-color: #111; color:#fff;  width: 50%; height:100%; font-size: 15px; font-weight:bold;}
.fix_quickmenu_m a.wid100 {width: 100%;}


/*input, select, table, page_num css °øÅë*/
input,
select {height: 40px;  border-radius: 3px; border:1px solid #dddddd; padding: 10px;}
table {table-layout:fixed; width: 100%;}
table .important{padding: 1px 13px 3px;border-radius: 20px;background-color:#0082ff;color:#fff;font-size: 12px;/* display: block; */height: fit-content;}
select {
    width: 100%;
    height: 40px;
    padding: 0 15px;
    font-size: 15px;
    appearance: none;
    background-image: url(https://image.megagong.net/itsreal/common/select_arrow.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) 50%;
    cursor: pointer;
}
select::-ms-expand {
    display: none;
}

.page_num .paging {margin: 30px 0 0; display: flex; justify-content: center; align-items: center; font-size: 14px;}
.page_num .paging .prev,
.page_num .paging .next {padding: 0 5px; display:flex; align-items: center;}
.page_num .paging a {cursor: pointer; padding: 0 5px;}
.page_num .paging strong {font-weight: bold; padding: 0 5px;}


/*header ¿µ¿ª*/
.top_bnr { position: fixed; z-index: 1; overflow: hidden; width: 100%; } 
.top_bnr>a { display: block; } 
.top_bnr .top_inner { position: relative; } 
.top_bnr .top_inner .m_img {display:none;}

.header {position: fixed;/*top: 120px;*/top:0;width: 100%;z-index: 3;transition: all 0.2s;} 
.header.differ {position: absolute;}
.header.on, .header.fix { position: fixed; top: 0 !important; left: 0; background-color: #fff; } 
.header.on .inner .nav_list a, .header.fix .inner .nav_list a,
.header.black .inner .nav_list a { color: #000; } 
.header .inner .nav_list a:hover {color:#b2516e; font-weight: bold;}
.header .inner .nav_list .list.active a {color:#b2516e; font-weight: bold;} 
.header .inner {display: flex;justify-content: space-between;padding: 30px 80px;width: 100%;box-sizing: border-box;align-items: center;transition: padding 0.2s;} 
.header.on .inner, .header.fix .inner {padding: 20px 80px;} 
.header .inner .nav_list { display: flex; gap: 42px; align-items: center; } 
.header .inner .nav_list a {color: #fff;font-size: 18px;transition: color 0.3s;font-weight: 500;} 
.header .inner .nav_list.mobile{display:none;}


/*footer ¿µ¿ª*/
.footer { background-color: #ededed; -webkit-overflow-scrolling: touch; overflow-y: scroll;} 
.footer .inner {padding: 100px 0 113px;display: flex;justify-content: space-between;align-items: flex-start;width: 1200px;margin: 0 auto;} 
.footer .inner .info_wrap {display: flex;gap: 84px;width: 100%;justify-content: space-between;} 
.footer .inner .company_wrap {display:flex; flex-direction: column; gap:40px;}
.footer .inner .company {display: flex; gap:140px;}
.footer .inner .company h1 { font-size: 20px; font-weight: 900; text-align: left; min-width: 162px;} 
.footer .inner .info li { margin: 0 0 10px; color: #777777; font-size: 15px; font-weight: 500; display: flex; align-items: center; gap: 5px;} 
.footer .inner .info br.show-768 {display: none;}
.footer .inner .privacy {display: flex;/* align-items: center; */} 
.footer .inner .privacy li {display: flex;/* align-items: center; */} 
.footer .inner .privacy li:first-child::after { content: ""; margin: 0 20px; display: block; width: 1px; height: 13px; background-color: #b9b9b9; } 
.footer .inner .privacy li a { display: block; color: #111111; font-size: 15px; }


/*¸ð´Þ ¿µ¿ª*/
.modal {display:none;position: fixed;width: 100vw;height: 100vh;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 3;background-color:rgba(0,0,0,0.5)}
.modal .modal_content {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: fit-content;background-color:#fff;padding:40px 30px;border-radius: 3px;z-index: 4;min-height: 82vh;}
.modal .modal_content .close {position: absolute; top:20px; right: 20px; width:fit-content; height:fit-content; background-color: transparent;}
.modal .modal_content_box .modal_tit {text-align: center;}
.modal .modal_content_box .modal_tit p {margin: 28px 0 40px; font-size: 32px; font-weight: bold; color:#86354d;}
.modal .modal_content_box .tab_btn {margin: 0 0 30px; display: flex; border-bottom: 1px solid #ececec;}
.modal .modal_content_box .tab_btn li {position: relative; padding: 20px 0; display:flex; align-items: center; justify-content: center; width: 50%; color:#777777; font-weight: bold;}
.modal .modal_content_box .tab_btn li.on {color:#111;}
.modal .modal_content_box .tab_btn li.on::after {content:""; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); width: 100%; height: 4px; background-color: #111;}
.modal .modal_content_box .scrollbar_wrap {padding:30px; width:660px; background-color:#f4f4f4; overflow-y:scroll;}
.modal .modal_content_box .scrollbar_wrap::-webkit-scrollbar {width: 5px;}
.modal .modal_content_box .scrollbar_wrap::-webkit-scrollbar-track {background-color:#fff;}
.modal .modal_content_box .scrollbar_wrap::-webkit-scrollbar-thumb { background-color: #a7a7a7; height:30%; }
.modal .modal_content_box .scrollbar_wrap::-webkit-scrollbar-button {display: none;}
.modal .modal_content_box .scrollbar_wrap .text_box { height: 100%; font-size: 13px; line-height: 1.8;}
.modal .modal_content_box .scrollbar_wrap .text_box table {border-top:1px solid #111; border-left:1px solid #111;}
.modal .modal_content_box .scrollbar_wrap .text_box table tr {border-bottom:1px solid #111;}
.modal .modal_content_box .scrollbar_wrap .text_box table tr th {background-color: #ddd;}
.modal .modal_content_box .scrollbar_wrap .text_box table tr td {background-color: #fff;}
.modal .modal_content_box .scrollbar_wrap .text_box table tr th,
.modal .modal_content_box .scrollbar_wrap .text_box table tr td {padding: 10px; border-right: 1px solid #111;}
.modal_type1 .modal_content_box .scrollbar_wrap {height: 58vh;}
.modal_type2 .modal_content_box .scrollbar_wrap {height: 48vh;}
.modalcon .inner {width: 1200px;}
.modalcon .modal_btn {padding: 12px 30px; border-radius:3px; background-color:#ededed;}
.modal_btn_wrap {margin: 50px auto; max-width: 768px; padding: 50px; background-color: #f4f4f4;}
.modal_btn_wrap ul {padding:10px 0; border-bottom: 1px solid #111; display: flex; align-items: center; justify-content: space-between;}



/*===¹ÝÀÀÇü===*/
@media screen and (max-width: 1920px){
    /*°øÁö/À̺¥Æ® & 1:1 »ó´ã content_wrap*/
    .content_wrap.differ {padding: 180px 0 0;}

    /*header ¿µ¿ª*/
    .header .inner .logo img {height: 28px;}
    .header .inner .nav_list {gap:60px;}
    .header .inner .nav_list a {font-size: 16px;}

    .footer .inner {width: 1080px;padding: 100px 0 113px;}
    .footer .inner .info_wrap {gap: 50px;}
    /* .footer .inner .info_wrap .info {margin-left: -120px;} */

    /*¼­ºêÆäÀÌÁö »ó´Ü °øÅë*/
    .sub_top_wrap {height: 440px;}
    .sub_top_wrap .inner {gap:10px;}
    .sub_top_wrap .inner h2 {font-size: 36px;}
    .sub_top_wrap .inner p {font-size: 18px;}
    .subsection .con_tit {font-size: 36px;}

    /*Äü¸Þ´º °øÅë*/
    .fix_quickmenu  {display: none;}

    /*¼­ºêÆäÀÌÁö ÅÇ °øÅë*/
    .tab_cont_wrap .tab_cont .tab_cont_tit {font-size: 30px;margin: 0 0 20px;}
    .tab_cont_wrap .tab_cont .tab_cont_det {font-size: 16px;}
    .tab_btn.big {margin: 0 auto 70px;width: 1024px;}
    .tab_btn.big li {font-size: 16px;}
    .tab_btn.cir {margin: 0 0 60px;}
    .tab_btn.cir li {width: 170px; padding: 14px 0; font-size: 14px;}

    /*slick °øÅë*/
    .gallery_box .txt_box {padding: 80px;}
    .gallery_wrap .gallery_box .txt_box p {font-size: 24px;}
    .gallery_wrap .gallery_box .txt_box span {font-size: 16px;}

}
@media screen and (max-width: 1400px){
    /*header ¿µ¿ª*/
    .header .inner .nav_list {justify-content: center;}

    /*footer ¿µ¿ª*/
    /* .footer .inner .info_wrap .info {margin-left: -100px;} */

    /*¼­ºêÆäÀÌÁö ÅÇ °øÅë*/
    .tab_btn.cir {margin: 0 0 5%;}
    .tab_cont_wrap .tab_cont .tab_cont_tit {font-size: clamp(22px, 3.8vmin, 36px);line-height: 1.3;}
    .tab_cont_wrap .tab_cont .tab_cont_det {font-size: clamp(12px, 2vmin, 16px);margin: 0 0 5%;}

    /*¼­ºêÆäÀÌÁö »ó´Ü °øÅë*/
    .subsection .con_tit {font-size: clamp(22px, 3.8vmin, 34px);}
}

@media screen and (max-width: 1200px){
    /*¼­ºêÆäÀÌÁö »ó´Ü °øÅë*/
    .subsection {padding: 15% 0;}
    .sub_top_wrap .inner h2 {font-size: clamp(19px,3.5vmin,30px);line-height: 1.5;letter-spacing: 1px;}
    .sub_top_wrap .inner p {font-size: clamp(13px, 2vmin, 16px);}

    /*header ¿µ¿ª*/
    .header .inner {padding: 5% 0;flex-direction: column;display: block;}
    .header.on .inner, .header.fix .inner {padding: 2% 0;} 
    .header .inner .logo {margin: 0 auto 30px;width: fit-content;}

    /*footer ¿µ¿ª*/
    .footer .inner .info li {font-size: clamp(12px,2vmin,15px);}
    .footer .inner {padding: 8% 30px;margin: 0 auto;/* width: 86%; */width: 100%;flex-direction: column;}
    .footer .inner .company {flex-direction: column; gap: 20px;}
    .footer .inner .company h1 {order: 1; font-size: clamp(16px,2vmin,18px);}
    .footer .inner .info {margin-left: 0; order:3;}
    .footer .inner .privacy {order:2;}
    .footer .inner .privacy li a {font-weight: bold;font-size: clamp(14px,2vmin,15px);}

    /*¸ð´Þ ¿µ¿ª*/
    .modal .modal_content_box .modal_tit p {font-size: clamp(18px,3vmin,24px);margin: 6% 0 4%;}

    /*slick °øÅë*/
    .gallery_box .txt_box {padding: 50px;}
    .gallery_wrap .gallery_box .txt_box p {font-size: clamp(15px, 3vmin, 26px);margin: 0 0 4%;}
    .gallery_wrap .gallery_box .txt_box span {font-size: clamp(12px,3vmin,18px);}

    /*¼­ºêÆäÀÌÁö ÅÇ °øÅë*/
    .tab_btn.qa li {font-size: clamp(15px,3vmin,18px);}

    /*Äü¸Þ´º °øÅë*/
    .fix_quickmenu_m {display: flex;width:100%;align-items: center;justify-content: center;height: 70px; transition: all 0.3s ease;}
    .fix_quickmenu_m.on { position:fixed; left:0; bottom:0; z-index:5; transition: all 0.3s ease; } 
}


@media screen and (max-width: 1024px){ 
    /*¼­ºêÆäÀÌÁö ÅÇ °øÅë*/
    .tab_btn.big {width: 100%;margin: 0 auto 7%;}
}

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

    /*header ¿µ¿ª*/
    .header .inner .logo img {height: 20px;}
    .header.on .inner, .header.fix .inner {padding: 5% 0;} 
    .header .inner .nav_list {display:block;}
    .header .nav_list .slick-arrow {display: none !important;}
    .header .inner .nav_list a {padding: 10px 15px;font-size: clamp(15px,3vmin,18px);}
    .header .inner .nav_list.pc{display:none;}
    .header .inner .nav_list.mobile{display:block;}
    .header .inner .nav_list.mobile .swiper-slide {width: auto !important;}

    /*¸ð´Þ ¿µ¿ª*/
    .modal .modal_content {min-height: auto;/* height: 70vh; */}
    .modal .modal_content_box .scrollbar_wrap {width: 500px;/* height: 400px; */}
    .modal_type1 .modal_content_box .scrollbar_wrap {height: 68vh;}
    .modal_type2 .modal_content_box .scrollbar_wrap {height: 60vh;}

    /*slick °øÅë*/
    .gallery_box {display: block!important;}
    .gallery_box .img_box, .gallery_box .photo_wrap {width: 100%;position: relative;}
    .gallery_box .txt_box {width: 100%;}
    .slick-prev { display:none !important; } 
    .slick-next { display:none !important; } 
    .photo_wrap .slick-dots  {display:flex !important;position: absolute;bottom: 15px;left: 50%;gap: 6px;transform: translateX(-50%);} 
    .photo_wrap .slick-dots li {width: 7px;height: 7px;border-radius: 100%;background-color: #fff;}
    .photo_wrap .slick-dots li.slick-active {background-color: #883850;}
    .photo_wrap .slick-dots li button {font-size:0;}
    .gallery_wrap .slick-dots {margin:15px 0 0; display:flex !important;gap: 6px;justify-content: center;} 
    .gallery_wrap .slick-dots li {width: 7px;height: 7px;border-radius: 100%;background-color:#b2b2b2;}
    .gallery_wrap .slick-dots li.slick-active {background-color: #000;}
    .gallery_wrap .slick-dots li button {font-size:0;}
    .space_library2  .slick-dots  {display:flex !important;position: absolute;bottom: 15px;left: 50%;gap: 6px;transform: translateX(-50%);} 
    .space_library2  .slick-dots li {width: 7px;height: 7px;border-radius: 100%;background-color: #fff;}
    .space_library2  .slick-dots li.slick-active {background-color: #883850;}
    .space_library2  .slick-dots li button {font-size:0;}


    /*¼­ºêÆäÀÌÁö ÅÇ °øÅë*/
    .tab_btn.qa {width: 960px; margin: 0;}
    .tab_btn.cir {margin: 0;}
    .tab_btn_wrap.scroll_no .tab_btn.cir{width:100%;}
    .tab_btn.cir li {padding: 2.3% 5%;width: auto;/* font-size: 12px; */}


    .gallery_box .photo_wrap .slick-list, 
    .gallery_box .photo_wrap .slick-track, 
    .gallery_box .photo_wrap .slick-slide, 
    .gallery_box .photo_wrap .slick-slide > div {height: auto;}
    .gallery_box .img_box img {height: auto;}
    
}

@media screen and (max-width: 768px){
    /*header ¿µ¿ª*/
    .header {background-color: #fff;border-bottom: 1px solid #ececec;}
    .header .inner .nav_list a {color:#111;}
    .top_bnr .top_inner .pc_img {display:none;}
    .top_bnr .top_inner .m_img {display: inline-block;width: 100%;}

    /*footer ¿µ¿ª*/
    /* .footer .inner .info li {flex-direction: column; gap:10px; align-items: flex-start;} */

    /*¼­ºêÆäÀÌÁö »ó´Ü °øÅë*/
    .sub_top_wrap {height: auto; height: 500px;}

    /*slick °øÅë*/
    .gallery_box .txt_box {padding: 30px;}

    /*¼­ºêÆäÀÌÁö ÅÇ °øÅë*/
    .tab_btn.big {margin: 0;}
    .tab_cont_wrap .tab_cont .tab_cont_det { margin: 0 0 10%;}
    
}

@media screen and (max-width: 540px){
    br.show_540 {display:block;}

    /*header ¿µ¿ª*/
    .header .inner .nav_list a {padding: 10px 15px;}

    /*footer ¿µ¿ª*/
    .footer .inner {padding: 50px 30px;}
    .footer .inner .info li {flex-direction: column; gap:10px; align-items: flex-start;}
    
    /*¸ð´Þ ¿µ¿ª*/
    .modal .modal_content_box .modal_tit img {height: 20px;}
    .modal .modal_content {padding: 40px 15px;}
    .modal .modal_content_box .scrollbar_wrap {width: 325px;height: 60vh;}

    /*¼­ºêÆäÀÌÁö »ó´Ü °øÅë*/
    .subsection {padding: 50px 0;}
    .sub_top_wrap {height: auto;padding: 168px 0 0;}
    .sub_top_wrap .inner p{font-weight:400;}
    .content_wrap.differ {padding: 168px 0 0;}
    .sub_top_wrap .inner {padding: 0;height: 150px;}

    /*¼­ºêÆäÀÌÁö ÅÇ °øÅë*/
    .tab_cont_wrap .tab_cont .tab_cont_tit {margin: 35px 0 17px;}
    .tab_cont_wrap .tab_cont .tab_cont_det {margin: 0 0 37px;}
    .tab_btn_wrap.scroll_no .tab_btn.cir{width:100%;}
    .tab_btn_wrap.scroll_no .tab_btn.cir li {width: 33.333%;}
    .tab_btn.cir {padding: 0 15px;width: auto;justify-content: flex-start;}
    .tab_btn.cir li {font-size:12px; width: 128px; height: 35px; display:flex; align-items:center; justify-content:center; padding:0;}
    .tab_btn.big li {padding: 20px 0;font-size: 14px;}
    .tab_btn.qa {width: 620px;justify-content: left;}
    .tab_btn.qa li {width: auto; padding: 20px 8px;}
    .page_num {margin: 28px 0 0;}
    
    /*slick °øÅë*/
    .gallery_wrap .gallery_box .txt_box p {margin: 0 0 9px;}
}