/* 여기에 작업 또는 수정할 당신의 css style을 설정하세요. (customizations) */


.ebs-basic-in{ border-bottom: 1px solid #ccc;}

@media(min-width: 992px){
    header{ border-bottom: 1px solid #ccc;}
    header div.inner_wrap{ display: flex; align-items: center; justify-content: space-between;}
    header div.inner_wrap h1{ width: 316px;}
    header div.inner_wrap h1 a{ display: block; width: 100%;}
    header div.inner_wrap h1 a img{ display: block; width: 100%;}
    header div.log_wrap{ padding-top: 10px; }
    header nav{ display: block !important;}
    header nav > ul{ display: flex; gap: 30px;}
    header nav > ul > li{ position: relative; height: 100%; line-height: 68px;}
    header nav > ul > li > a{ display: block; height: 100%; font-size: 20px; font-weight: 500; line-height: 68px;}
    header nav > ul > li > ul{ z-index: 10; position: absolute; left: 50%; top: 98%; transform: translate(-50%, 0); display: none; width: 165px; padding: 10px 0; border-radius: 5px; background: #fff;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4); opacity: 0;}
    header nav > ul > li > ul > li > a{ display: block; width: 100%; padding: 5px 0; text-align: center; line-height: 1.2;}
    header nav > ul > li:hover > ul{ display: block; animation: fade-top 0.3s forwards;}

	div.db_modal{ display: none;}

    div.quick_db{ overflow: hidden; z-index: 99; position: fixed; right: 20px; bottom: 150px; width: 100px; height: 110px; background: url("/img/quick_db_bg.png") no-repeat 50% 50%;
    background-size: cover; cursor: pointer; transition: width 0.5s, height 0.5s;}
    div.quick_db div.form_wrap{ display: none;}
    div.quick_db div.close_btn{ display: none;}
    div.quick_db.active{ width: 265px; height: 403px; padding: 15px 10px; border-radius: 15px; border: 1px solid #d01a1a; background: #fff; cursor: auto;}
    div.quick_db.active div.form_wrap{ display: block; animation: fadein 0.3s forwards;}
    div.quick_db.active div.close_btn{ z-index: 1; display: block; position: absolute; right: 10px; top: 10px; width: 30px; height: 30px;}
    div.quick_db.active div.close_btn button{ display: block; width: 100%; height: 100%; background: url("/img/db_close.png") no-repeat 50% 50%; background-size: cover;}
    div.quick_db.active div.logo_wrap{ margin-bottom: 40px; width: 134px;}
    div.quick_db.active div.logo_wrap img{ display: block; width: 100%;}
    div.quick_db.active form textarea{ width: 100%; height: 100px; padding: 5px 10px; color: #535353; border-radius: 8px; background: #efefef; resize: none;}
    div.quick_db.active form textarea::placeholder{ color: #535353;}
    div.quick_db.active form label{ display: block; margin-bottom: 8px; font-size: 14px; font-weight: bold; color: #e51c28;}
    div.quick_db.active form input{ width: 100%; padding: 10px 8px; font-size: 14px; color: #535353; border-radius: 5px; background: #efefef;}
    div.quick_db.active form input[type="submit"]{ padding: 10px 0 12px; font-size: 21px; font-weight: bold; color: #fff; background: #e51c28;}
    
    @keyframes fadein{
        0%{ opacity: 0;}
        100%{ opacity: 1;}
    }

    @keyframes fade-top{
        0%{ transform: translate(-50%, 25px); opacity: 0;}
        100%{ transform: translate(-50%, 0); opacity: 1;}
    }

    div.pop_modal{ display: none; z-index: 101; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(5px);}
    div.pop_modal div.info_wrap{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 390px; height: 540px; border-radius: 35px;
    background: linear-gradient( 128deg,  rgba(249,66,66,0.94) 10.2%, rgba(79,147,249,1) 77.3% );}
    div.pop_modal div.info_wrap > div.rel{ padding: 40px;}
    div.pop_modal div.info_wrap div.rel > button{ position: absolute; right: 20px; top: 20px; width: 30px; height: 30px;}
    div.pop_modal div.info_wrap div.rel > button span{ position: absolute; left: 50%; top: 50%; display: block; width: 30px; height: 1px; background: #fff;}
    div.pop_modal div.info_wrap div.rel > button span:nth-child(1){ transform: translate(-50%, -50%) rotate(45deg);}
    div.pop_modal div.info_wrap div.rel > button span:nth-child(2){ transform: translate(-50%, -50%) rotate(-45deg);}
    div.pop_modal div.info_wrap h2{ margin-bottom: 20px; font-size: 30px; font-weight: 500; color: #fff;}
    div.pop_modal div.info_wrap p.desc{ margin-bottom: 40px; color: #fff;}
    div.pop_modal div.info_wrap ul li{ border: 1px solid #ccc; border-radius: 999px; background: #fff;}
    div.pop_modal div.info_wrap ul li + li{ margin-top: 10px;}
    div.pop_modal div.info_wrap ul li a{ display: flex; justify-content: space-between; align-items: center; padding: 15px 15px 15px 20px;}
    div.pop_modal div.info_wrap ul li a div.txt_wrap{ font-size: 18px;}
    div.pop_modal div.info_wrap ul li a img{ width: 20px;}
    div.pop_modal div.info_wrap ul li a div.file_more{ display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 99px; background: #e51c28;}
    div.pop_modal div.info_wrap ul li a:hover{ color: #000;}
    div.pop_modal div.info_wrap ul li a:hover div.file_more{ background: #000; transition: background 0.2s;}
    div.pop_modal div.info_wrap ul li a div.file_more img{ width: 16px;}
	
	div.loading_modal{ z-index: 110; position: fixed; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(4px);}
	div.loading_modal div.info_wrap{ color: #fff; font-weight: bold; font-size: 20px; text-align: center;}
	div.loading_modal img{ display: block; width: 150px;}

    /* 3D 배너CSS */


    #b-cube-box-300600{width: 240px; height: 600px;position: relative;display:flex;justify-content: center;align-items: center; margin: 0 auto;}
    #bidrich-cube-300600{width: 240px; height: 600px;transition: all 2s ease;display: flex; justify-content: center;align-items: center;}
    #bidrich-cube-300600 .cube_container { width: 240px;height: 600px;    left: 10px;position: relative;-webkit-perspective:4000px;perspective: 4000px; margin:0 auto;display: flex;justify-content: center;transform: scale3d(0.7,0.7,0.7);align-items: center; cursor: pointer;transition: all 2s ease;    opacity: 1;}

    #bidrichCube-300600 {width: 100%;height: 100%;position: absolute;top:50px; -webkit-transform-style: preserve-3d;transform-style: preserve-3d; -webkit-animation: rotate 10s linear infinite; -moz-animation: rotate 10s linear infinite;-o-animation: rotate 10s linear infinite;-ms-animation: rotate 10s linear infinite; animation: rotate 10s linear infinite;transform-origin: 50% 50%;}
    #bidrichCube-300600 figure {margin: 0px;overflow: hidden; background: #eee; display: flex;position: absolute;line-height: 100px;font-size: 100px;text-align: center;}
    #bidrichCube-300600 figure a{display:flex;width: 100%;height: 100%;}
    #bidrichCube-300600 img{width: 100% !important;height: 100%;}

    #bidrichCube-300600 .front,#bidrichCube-300600 .back {width: 100%; height:100%;}
    #bidrichCube-300600 .right,#bidrichCube-300600 .left {width: 100%; height:100%;left: 0px;}

    #bidrichCube-300600 .front  { -webkit-transform: rotateY(   0deg ) translateZ( 120px ); }
    #bidrichCube-300600 .back   { -webkit-transform: rotateX( 360deg ) translateZ( -120px ) rotateY(  180deg ); }
    #bidrichCube-300600 .right  { -webkit-transform: rotateY(  90deg ) translateZ( 120px ); }
    #bidrichCube-300600 .left   { -webkit-transform: rotateY( -90deg ) translateZ( 120px ); }

    #bidrichCube-300600 .front  { transform: rotateY(   0deg ) translateZ( 120px ); }
    #bidrichCube-300600 .back   { transform: rotateX( 360deg ) translateZ( -120px ) rotateY(  180deg ); }
    #bidrichCube-300600 .right  { transform: rotateY(  90deg ) translateZ( 120px ); }
    #bidrichCube-300600 .left   { transform: rotateY( -90deg ) translateZ( 120px ); }

    .box_close_wrap-300600{display: none;position: absolute;right: -40px;top:-10px;}
    .box_close-300600{cursor: pointer; width: 24px;height: 24px;background: rgba(000, 000, 000, 0.5);border-style: none;margin-left: 8px;}
    .box_close-300600 img{width:100%;}
    .bidrichCube-300600-control{display:flex; position: absolute;z-index: 999; width: 100%;left: 10px;bottom: -19px;justify-content: space-around;list-style: none;}
    .bidrichCube-300600-control li{width: 30px;height: 30px;    background: rgb(0 0 0 / 16%); border-radius: 10px;cursor: pointer;}
    .bidrichCube-300600-control li img{width: 100% !important;}

    .hover_alert-300600{position: absolute;top:10px;left: 37px;animation: blink-effect 2s linear infinite;padding: 15px 25px 33px !important;border-radius: 8px;text-align: center !important;color: #000;transition: all 1s;background: url('https://gougoi.com/preview/img/speak-bg3.png') no-repeat center !important;}
    .hover_alert-300600 span {font-size: 12px;line-height: 1;font-family: "Spoqa Han Sans Neo", sans-serif;}
    .red {color: #26b9ff !important;font-weight: bold;}

    @-webkit-keyframes blink-effect-300600 { 0% { opacity: 1; }50% { opacity: 0.2; }100% { opacity: 1; } }
    @keyframes blink-effect-300600 { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } }
    @-webkit-keyframes rotate-300600 {
        0% {
        -moz-transform: rotateX(0deg) rotateY(0deg);
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        transform: rotateX(0deg) rotateY(0deg);
        }
        25%{
            -moz-transform: rotateX(0deg) rotateY(90deg);
            -webkit-transform: rotateX(0deg) rotateY(90deg);
            transform: rotateX(0deg) rotateY(90deg);
        }
        50%{
            -moz-transform: rotateX(0deg) rotateY(180deg);
            -webkit-transform: rotateX(0deg) rotateY(180deg);
            transform: rotateX(0deg) rotateY(180deg);
        }
        75%{
            -moz-transform: rotateX(0deg) rotateY(270deg);
            -webkit-transform: rotateX(0deg) rotateY(270deg);
            transform: rotateX(0deg) rotateY(270deg);
        }
        100% {
            -moz-transform: rotateX(0deg) rotateY(360deg);
            -webkit-transform: rotateX(0deg) rotateY(360deg);
            transform: rotateX(0deg) rotateY(360deg);
        }
    }
    @keyframes rotate-300600 {
        0% {
        -moz-transform: rotateX(0deg) rotateY(0deg);
        -webkit-transform: rotateX(0deg) rotateY(0deg);
        transform: rotateX(0deg) rotateY(0deg);
        }
        25%{
            -moz-transform: rotateX(0deg) rotateY(90deg);
            -webkit-transform: rotateX(0deg) rotateY(90deg);
            transform: rotateX(0deg) rotateY(90deg);
        }
        50%{
            -moz-transform: rotateX(0deg) rotateY(180deg);
            -webkit-transform: rotateX(0deg) rotateY(180deg);
            transform: rotateX(0deg) rotateY(180deg);
        }
        75%{

            -moz-transform: rotateX(0deg) rotateY(270deg);
            -webkit-transform: rotateX(0deg) rotateY(270deg);
            transform: rotateX(0deg) rotateY(270deg);
        }
        100% {
            -moz-transform: rotateX(0deg) rotateY(360deg);
            -webkit-transform: rotateX(0deg) rotateY(360deg);
            transform: rotateX(0deg) rotateY(360deg);
        }
    }
    /* 3D 배너 CSS끝 */

    /* rightbanner */
    
    #rightbanner{ z-index: 99; position: absolute; right: 100px; top: 50%; /*transform: translateY(-50%);*/ width: 175px;margin-top:20px;}
    #rightbanner div.counsel_wrap{ border: 1px solid #ccc; background: #fff;}
    #rightbanner div.counsel_wrap div.img_wrap img{ display: block; width: 100%;}
    #rightbanner div.counsel_wrap div.form_wrap{ padding: 10px;}
    #rightbanner div.counsel_wrap div.form_wrap div.ipt_wrap{ margin-bottom: 10px;}
    #rightbanner div.counsel_wrap div.form_wrap div.ipt_wrap input{ display: block; width: 100%; padding: 10px 5px; border: 1px solid #ccc;}
    #rightbanner div.counsel_wrap div.form_wrap div.ipt_wrap input + input{ margin-top: 8px}
    #rightbanner div.counsel_wrap div.form_wrap div.agr_wrap{ margin-bottom: 8px; font-size: 14px;}
    #rightbanner div.counsel_wrap div.form_wrap input[type="submit"]{ display: block; width: 100%; padding: 10px 0; margin-bottom: 5px; font-size: 15px; font-weight: 500; color: #fff; text-align: center;
    border-radius: 5px; background: #000;}
    #rightbanner div.counsel_wrap div.form_wrap a{ display: flex; align-items: center; justify-content: center; gap: 5px; width: 100%; padding: 10px 0; color: #fff; border-radius: 5px;
    background: #3b5a99;}
    #rightbanner div.counsel_wrap div.form_wrap a img{ display: block; width: 8px;}
    #rightbanner div.last_car{ padding: 15px; margin-top: 10px; border: 1px solid #ccc; background: #fff;}
    #rightbanner div.last_car p.tit{ padding-bottom: 10px; margin-bottom: 10px; font-weight: 500; font-size: 18px; border-bottom: 3px solid #d01a1a; text-align: center;}
    #rightbanner div.last_car div.img_wrap img{ display: block; width: 100%; border-radius: 5px;}
    #rightbanner div.last_car div.img_wrap + div{ margin-top: 5px;}
    #rightbanner div.last_car div.img_wrap p{ margin-top: 3px; font-size: 13px; text-align: center;}

    /* rightbanner */
    div.buy_modal div.modal-content{ width: 500px; border-radius: 10px;}
    div.buy_modal div.modal-body{ padding: 40px;}
	div.buy_modal div.modal-body h2{ margin-bottom: 25px; font-size: 24px; text-align: center;}
    div.buy_modal div.modal-body h2 span{ display: block; color: #009543;}
	div.buy_modal div.modal-body div.buy_wrap{ margin-bottom: 20px;}
	div.buy_modal div.modal-body div.buy_wrap p.tit{ margin-bottom: 10px; font-weight: bold;}
	div.buy_modal div.modal-body div.buy_wrap div.date{ padding: 10px; border-radius: 7px; border: 1px solid #444;}
	div.buy_modal div.modal-body div.buy_wrap div.date p.line{ padding-bottom: 7px; font-weight: 500; color: #009543; border-bottom: 1px solid #444;}
	div.buy_modal div.modal-body div.buy_wrap div.date p.line span{ display: inline-block; padding: 3px 5px; color: #fff; background: #009543;}
	div.buy_modal div.modal-body div.buy_wrap div.date p.desc{ padding-top: 7px; font-size: 14px; line-height: 1.2;}
	div.buy_modal div.modal-body div.buy_wrap div.date p.desc span{ font-weight: bold; color: #d21033;}
	div.buy_modal div.btn_wrap{ margin-top: 20px;}
	div.buy_modal div.btn_wrap ul li button{ display: block; width: 100%; padding: 13px 0; font-weight: bold; font-size: 17px; border-radius: 999px; text-align: center;}
	div.buy_modal div.btn_wrap ul li.buy button{ margin-bottom: 10px; color: #fff; background: #d21033;}
	div.buy_modal div.btn_wrap ul li.cancel button{ color: #d21033; border: 1px solid #d21033;}

    div.buy_modal div.check_buy{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; width: 500px; padding: 40px; border-radius: 10px; background: #fff;}
    div.buy_modal div.check_buy h2{ margin-bottom: 25px; font-size: 24px; color: #009543; text-align: center;}
    div.buy_modal div.check_buy div.bank_wrap{ padding: 10px; margin-bottom: 15px; border: 1px solid #444;}
    div.buy_modal div.check_buy div.bank_wrap ul li span.fw_b{ font-weight: bold; color: #009543;}
    div.buy_modal div.check_buy p.desc{ margin-bottom: 15px; text-align: center;}
    div.buy_modal div.check_buy button{ display: block; width: 100%; padding: 13px 0; font-weight: bold; font-size: 17px; color: #fff; border-radius: 999px; background: #d21033;}
    
	div.counsel_modal{ display: none;}
}

@media(max-width: 991px){
    header{ padding: 10px;}
    header div.inner_wrap{ display: flex; align-items: center; justify-content: space-between;}
    header div.log_wrap{ padding: 10px 0;}
    header h1{ width: 220px;}
    header h1 a{ display: block; width: 100%;}
    header h1 a img{ display: block; width: 100%;}
    header div.nav_btn{ position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 22px; height: 18px;}
    header div.nav_btn button{ position: relative; display: block; width: 100%; height: 100%;}
    header div.nav_btn button span:nth-child(1){ position: absolute; left: 0; top: 0; display: block; width: 100%; height: 2px; background: #000; transform: rotate(0);
    transition: transform 0.2s, top 0.2s 0.2s;}
    header div.nav_btn button span:nth-child(2){ position: absolute; left: 0; top: 8px; display: block; width: 100%; height: 2px; background: #000; transition: opacity 0.3s;}
    header div.nav_btn button span:nth-child(3){ position: absolute; left: 0; top: 16px; display: block; width: 100%; height: 2px; background: #000; transform: rotate(0);
    transition: transform 0.2s, top 0.2s 0.2s;}
    header div.nav_btn.on  button span:nth-child(1){ top: 8px; transform: rotate(-45deg); transition: top 0.2s, transform 0.2s 0.2s;}
    header div.nav_btn.on  button span:nth-child(2){ opacity: 0;}
    header div.nav_btn.on  button span:nth-child(3){ top: 8px; transform: rotate(45deg); transition: top 0.2s, transform 0.2s 0.2s;}

    header nav{ z-index: 99; position: fixed; visibility: hidden; left: 0; top: 95px; display: flex; align-items: center; justify-content: center;  flex-direction: column; width: 100%;
    height: calc(100vh - 72px); padding: 30px 10px; background: #fff; opacity: 0;}
    header nav > ul > li a{ display: block; padding: 15px 10px; color: #858585; font-size: 16px; font-weight: 500; text-align: center;}
    header nav.on{ visibility: visible; animation: nav_fade_in 0.6s forwards;}
    header nav.on > ul > li{ animation: to-top 0.3s forwards; opacity: 0;}
    header nav.on > ul > li:nth-child(1){ animation-delay: 0.4s;}
    header nav.on > ul > li:nth-child(2){ animation-delay: 0.45s;}
    header nav.on > ul > li:nth-child(3){ animation-delay: 0.5s;}
    header nav.on > ul > li:nth-child(4){ animation-delay: 0.55s;}
    header nav.on > ul > li:nth-child(5){ animation-delay: 0.6s;}
    header nav.on > ul > li:nth-child(6){ animation-delay: 0.65s;}
    header nav.off{ visibility: hidden; transition: visibility 0.5s 0.6s; opacity: 1; animation: nav_fade_out 0.5s 0.6s forwards;}
    header nav.off > ul > li{ opacity: 1; animation: nav_close_menu 0.3s forwards;}
    header nav.off > ul > li:nth-child(1){ animation-delay: 0.1s;}
    header nav.off > ul > li:nth-child(2){ animation-delay: 0.15s;}
    header nav.off > ul > li:nth-child(3){ animation-delay: 0.2s;}
    header nav.off > ul > li:nth-child(4){ animation-delay: 0.25s;}
    header nav.off > ul > li:nth-child(5){ animation-delay: 0.3s;}
    header nav.off > ul > li:nth-child(6){ animation-delay: 0.35s;}
    header nav ul li ul{ display: none;}
    header nav.on div.log_wrap{ animation: to-top 0.3s 0.7s forwards; opacity: 0;}
    header nav.off div.log_wrap{ opacity: 1; animation: nav_close_menu 0.3s 0.4s forwards;}
 
    @keyframes nav_fade_in{
        0%{ opacity: 0;}
        100%{ opacity: 1;}
    }
    @keyframes nav_fade_out{
        0%{ opacity: 1;}
        100%{ opacity: 0;}
    }
    @keyframes nav_close_menu{
        0%{ opacity: 1;}
        100%{ transform: translateY(-100px); opacity: 0;}
    }
    @keyframes to-top{
        0%{ transform: translateY(100px); opacity: 0;}
        100%{ transform: translateY(0); opacity: 1;}
    }
	
	div.quick_db{ display: none;}
	
	div.db_modal{ z-index: 102; position: fixed; left: 0; top: 0; display: none; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.6);}
	div.quick_db_mobile{ overflow: hidden; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
    div.quick_db_mobile{ width: 265px; padding: 15px 10px; border-radius: 15px; border: 1px solid #d01a1a; background: #fff; cursor: auto;}
    div.quick_db_mobile div.form_wrap{ display: block; animation: fadein 0.3s forwards;}
    div.quick_db_mobile div.close_btn{ z-index: 1; display: block; position: absolute; right: 10px; top: 10px; width: 30px; height: 30px;}
    div.quick_db_mobile div.close_btn button{ display: block; width: 100%; height: 100%; background: url("/img/db_close.png") no-repeat 50% 50%; background-size: cover;}
    div.quick_db_mobile div.logo_wrap{ margin-bottom: 40px; width: 134px;}
    div.quick_db_mobile div.logo_wrap img{ display: block; width: 100%;}
    div.quick_db_mobile form textarea{ width: 100%; height: 100px; padding: 5px 10px; color: #535353; border-radius: 8px; background: #efefef; resize: none;}
    div.quick_db_mobile form textarea::placeholder{ color: #535353;}
    div.quick_db_mobile form label{ display: block; margin-bottom: 8px; font-size: 14px; font-weight: bold; color: #e51c28;}
    div.quick_db_mobile form input{ width: 100%; padding: 10px 8px; font-size: 14px; color: #535353; border-radius: 5px; background: #efefef;}
    div.quick_db_mobile form input[type="submit"]{ padding: 10px 0 12px; font-size: 21px; font-weight: bold; color: #fff; background: #e51c28;}
	

    div.pop_modal{ display: none; z-index: 101; position: fixed; left: 0; top: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(5px);}
    div.pop_modal div.info_wrap{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%; max-width: 390px; border-radius: 35px;
    background: linear-gradient( 128deg,  rgba(249,66,66,0.94) 10.2%, rgba(79,147,249,1) 77.3% );}
    div.pop_modal div.info_wrap > div.rel{ padding: 30px 20px 40px;}
    div.pop_modal div.info_wrap div.rel > button{ position: absolute; right: 20px; top: 20px; width: 30px; height: 30px;}
    div.pop_modal div.info_wrap div.rel > button span{ position: absolute; left: 50%; top: 50%; display: block; width: 30px; height: 1px; background: #fff;}
    div.pop_modal div.info_wrap div.rel > button span:nth-child(1){ transform: translate(-50%, -50%) rotate(45deg);}
    div.pop_modal div.info_wrap div.rel > button span:nth-child(2){ transform: translate(-50%, -50%) rotate(-45deg);}
    div.pop_modal div.info_wrap h2{ margin-bottom: 20px; font-size: 30px; font-weight: 500; color: #fff;}
    div.pop_modal div.info_wrap p.desc{ margin-bottom: 40px; color: #fff;}
    div.pop_modal div.info_wrap ul li{ border: 1px solid #ccc; border-radius: 999px; background: #fff;}
    div.pop_modal div.info_wrap ul li + li{ margin-top: 10px;}
    div.pop_modal div.info_wrap ul li a{ display: flex; justify-content: space-between; align-items: center; padding: 15px 15px 15px 20px;}
    div.pop_modal div.info_wrap ul li a div.txt_wrap{ font-size: 18px;}
    div.pop_modal div.info_wrap ul li a img{ width: 20px;}
    div.pop_modal div.info_wrap ul li a div.file_more{ display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 99px; background: #e51c28;}
    div.pop_modal div.info_wrap ul li a:hover{ color: #000;}
    div.pop_modal div.info_wrap ul li a:hover div.file_more{ background: #000; transition: background 0.2s;}
    div.pop_modal div.info_wrap ul li a div.file_more img{ width: 16px;}
	
	div.loading_modal{ z-index: 110; position: fixed; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5);
	backdrop-filter: blur(4px);}
	div.loading_modal div.info_wrap{ color: #fff; font-weight: bold; font-size: 20px; text-align: center;}
	div.loading_modal img{ display: block; width: 150px;}

    #rightbanner{ display: none;}

    .modal-dialog-centered{ justify-content: center;}
    div.buy_modal div.modal-content{ max-width: 500px; width: 95%; border-radius: 10px;}
    div.buy_modal div.modal-body{ padding: 20px;}
	div.buy_modal div.modal-body h2{ margin-bottom: 15px; font-size: 18px; text-align: center;}
    div.buy_modal div.modal-body h2 span{ display: block; color: #009543;}
	div.buy_modal div.modal-body div.buy_wrap{ margin-bottom: 20px;}
	div.buy_modal div.modal-body div.buy_wrap p.tit{ margin-bottom: 10px; font-weight: bold;}
	div.buy_modal div.modal-body div.buy_wrap div.date{ padding: 10px; border-radius: 7px; border: 1px solid #444;}
	div.buy_modal div.modal-body div.buy_wrap div.date p.line{ padding-bottom: 7px; font-weight: 500; color: #009543; border-bottom: 1px solid #444;}
	div.buy_modal div.modal-body div.buy_wrap div.date p.line span{ display: inline-block; padding: 3px 5px; color: #fff; background: #009543;}
	div.buy_modal div.modal-body div.buy_wrap div.date p.desc{ padding-top: 7px; font-size: 14px; line-height: 1.2;}
	div.buy_modal div.modal-body div.buy_wrap div.date p.desc span{ font-weight: bold; color: #d21033;}
	div.buy_modal div.btn_wrap{ margin-top: 20px;}
	div.buy_modal div.btn_wrap ul li button{ display: block; width: 100%; padding: 13px 0; font-weight: bold; font-size: 17px; border-radius: 999px; text-align: center;}
	div.buy_modal div.btn_wrap ul li.buy button{ margin-bottom: 10px; color: #fff; background: #d21033;}
	div.buy_modal div.btn_wrap ul li.cancel button{ color: #d21033; border: 1px solid #d21033;}

	
	div.counsel_modal{ z-index: 101; position: fixed; left: 0; top: 0; display: none; align-items: center; justify-content: center; width: 100%; height: 100vh; background: rgba(0 ,0, 0, 0.6);}
	div.counsel div.btn_wrap{ text-align: right;}
	div.counsel div.btn_wrap button{ font-size: 40px; color: #fff;}
	div.counsel div.counsel_wrap{ overflow: hidden; max-width: 360px; margin: 0 auto; border: 1px solid #ccc; border-radius: 15px; background: #fff;}
	div.counsel div.counsel_wrap div.form_inner{ padding: 10px;}
	div.counsel div.counsel_wrap div.img_wrap img{ display: block; width: 100%;}
	div.counsel div.counsel_wrap div.ipt_wrap input{ display: block; width: 100%; padding: 10px 5px; border: 1px solid #ccc;}
	div.counsel div.counsel_wrap div.ipt_wrap input + input{ margin-top: 10px;}
	div.counsel div.counsel_wrap div.agr_wrap{ margin: 10px 0;}
	div.counsel div.counsel_wrap input[type="submit"]{ display: block; width: 100%; padding: 10px 0; margin-bottom: 5px; font-size: 15px; font-weight: 500; color: #fff;
	text-align: center; border-radius: 5px; background: #000;}
	div.counsel div.counsel_wrap a{ display: flex; align-items: center; justify-content: center; gap: 5px; width: 100%; padding: 10px 0; color: #fff; border-radius: 5px;
	background: #3b5a99;}
	div.counsel div.counsel_wrap a img{ display: block; width: 8px;}
}



.ik-text-truncate-2 {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

    /* 표준 방식 */
    max-height: 3em; /* 1.5em × 3줄 */
    line-height: 1.5em;
    white-space: normal;
    
    /* 최신 표준 브라우저에서 적용 가능 */
    -webkit-line-clamp: 2;
    line-clamp: 2;
    box-orient: vertical;
}

.ik-text-truncate-3 {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

    /* 표준 방식 */
    max-height: 4.5em; /* 1.5em × 3줄 */
    line-height: 1.5em;
    white-space: normal;
    
    /* 최신 표준 브라우저에서 적용 가능 */
    -webkit-line-clamp: 3;
    line-clamp: 3;
    box-orient: vertical;
}

.ik-text-truncate-4 {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

    /* 표준 방식 */
    max-height: 6em; /* 1.5em × 4줄 */
    line-height: 1.5em;
    white-space: normal;
    
    /* 최신 표준 브라우저에서 적용 가능 */
    -webkit-line-clamp: 4;
    line-clamp: 4;
    box-orient: vertical;
}

.ik-text-truncate-6 {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

    /* 표준 방식 */
    max-height: 9em; /* 1.5em × 4줄 */
    line-height: 1.5em;
    white-space: normal;
    
    /* 최신 표준 브라우저에서 적용 가능 */
    -webkit-line-clamp: 6;
    line-clamp: 6;
    box-orient: vertical;
}

/* 모달 띄울 때 스크롤 올라가는 것 막기 위함.(mobile.css에서 100%로 잡고있음) */
html {
    height: auto;
}

/** header **/
@media screen and (max-width: 991px){
    body > .wrapper {
        overflow: initial;
    }
    body > .wrapper > header {
        position: sticky;
        top: 0;
        z-index: 100;
        background-color: #fff;
        border-bottom: 1px solid #ddd;
    }

    
    .eb-backtotop {
        bottom: 15px;
    }
}


.load-fwd {cursor: pointer;}
body.modal-open { overflow: auto !important; }


/* chat */
.chat_list .chat_msg {
    margin-bottom: 10px;
}
.chat_list .chat_msg.talk_info {
    display: flex;
    align-items: center;
    gap: 10px;
}
.chat_list .chat_msg.talk_info .profile{
    width: 40px;
    height: 40px;
    padding: 8px;
    border-radius: 40px;
    background: #fff;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}
.chat_list .chat_msg.talk_info .profile img{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.chat_list .chat_msg.talk_info .profile span {
    
    color: #333;
    font-size: 14px;
}

.chat_list .chat_msg.sender,
.chat_list .chat_msg.recipient {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    
}
.chat_list .chat_msg.recipient {
    justify-content: flex-start;
}
.chat_list .chat_msg.sender {
    justify-content: flex-end;
    flex-direction: row-reverse;
    justify-content: end;

}
.chat_list .chat_msg.sender p,
.chat_list .chat_msg.recipient p {
    max-width: 80%;
    padding: 6px 10px;
    border-radius: 15px;
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
    font-size: 14px;
    line-height: 1.5;
    word-break: break-all;
    white-space: pre-line;
}
.chat_list .chat_msg.recipient p {
    border-radius: 0 15px 15px 15px;
    border: 1px solid #d1d1d1;
    background-color: #fff;
}
.chat_list .chat_msg.sender p {
    border-radius: 15px 0 15px 15px;
    border: 1px solid #e5a1a1;
    background-color: #ffeded;
}


.ik-chatting-new {
    position: fixed;
    right: 15px;
    bottom: 15px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
    box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.15);
    background: #fff;
    z-index: 1001;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    border: 1px solid #666;
}

.ik-chatting-new.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.ik-chatting-new a{
    color: #666;
}
.ik-chatting-new a:hover{
    color: #666;
}

.ik-chatting-new .chatting-new-btn {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    align-content: center;
    position: relative;
}
.ik-chatting-new .chatting-new-btn .unread-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #ff0000;
    color: #fff;
    width: 28px;
    height: 14px;
    display: inline-block;
    font-size: 11px;
    border-radius: 30%;
}


/* ===================================== 
    Extra-Large Screens
    Extra-Large Desktops: 1441px and up
   ===================================== */
   @media screen and (max-width: 2560px) {
    /* something code.. */
}

/* ===================================== 
    Large Desktops
    Large Desktops and High-Resolution Screens: 1281px – 1440px
   ===================================== */
@media screen and (max-width: 1440px) {
    /* something code.. */
}

/* ===================================== 
    Laptops and Small Desktops
    Small Desktops and Laptops: 1025px – 1280px
   ===================================== */
@media screen and (max-width: 1280px) {
    /* something code.. */
}

/* ===================================== 
    Large Tablets (Landscape): 769px – 1024px
   ===================================== */
@media screen and (max-width: 1024px) {
    /* something code.. */
}

/* ===================================== 
    Small Tablets (Portrait): 601px – 768px
   ===================================== */
@media screen and (max-width: 768px) {
    /* something code.. */
    .ik-chatting-new {
        bottom: 70px;
    }
}

/* ===================================== 
    Small Mobile (Landscape): 481px – 600px
   ===================================== */
@media screen and (max-width: 600px) {
    /* something code.. */
}

/* ===================================== 
    Extra Small Mobile (Portrait): 320px – 480px
   ===================================== */
@media screen and (max-width: 480px) {
    /* something code.. */
}