@charset "utf-8";

/* 웹폰트 */
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900|Noto+Sans+KR:100,300,400,500,700,900&subset=korean');
@font-face {
    font-family: 'Gmarket Sans'; font-style: normal; font-weight: 700;
    src:local('Gmarket Sans Bold'), local('GmarketSans-Bold'),
    url('http://script.ebay.co.kr/fonts/GmarketSansBold.woff2') format('woff2'),
    url('http://script.ebay.co.kr/fonts/GmarketSansBold.woff') format('woff');
}
@font-face {
    font-family: 'Gmarket Sans'; font-style: normal; font-weight: 500;
    src:local('Gmarket Sans Medium'), local('GmarketSans-Medium'),
    url('http://script.ebay.co.kr/fonts/GmarketSansBold.woff2') format('woff2'),
    url('http://script.ebay.co.kr/fonts/GmarketSansBold.woff') format('woff');
}
@font-face {
    font-family: 'Gmarket Sans'; font-style: normal; font-weight: 300;
    src:local('Gmarket Sans Light'), local('GmarketSans-Light'),
    url('http://script.ebay.co.kr/fonts/GmarketSansBold.woff2') format('woff2'),
    url('http://script.ebay.co.kr/fonts/GmarketSansBold.woff') format('woff');
}

/* 올지니 버전 */
:root{
    --color_primary:#ffe451;
    --color_primary2:#601986;

    --color_secondary:#ffe451;
    --color_secondary2:#9546be;
    --color_secondary3:#f3f3f3;
    --color_secondary4:#ff0090;
    --color_secondary5:#4c9df8;
    --color_secondary6:#19a647;
}

html, body {
    font-family:  'Noto Sans KR';
    font-size: 13px;
    color: #494949;
    line-height: 1.5;
    height: 100%;
    letter-spacing:-0.1em;
}

* {
    -webkit-text-size-adjust: none;
}
/* 모바일 */
@media (max-width:480px) {
    .t_btn2{display: none;}
    .m_visual1{display: none;}
    .igenie_wrap {width: 100%;}
    #news-container .today_date{display: none;}
    #news-container ul li span:nth-child(3){float:right; margin-right:20px;}
    .igenie_visual{width: 100%; height:400px;  margin-bottom: 20px; overflow: hidden; position:relative; display: inline-block; background: url(/images/m_bg2.jpg) no-repeat top center; background-size: cover;}

    .igenie_top{width:100%; position: absolute; top:0; left:0; right:0; display: inline-block;}
    .t_logo{margin:20px 0 0 20px; width:30%; height:100px; float:left; text-align:left;  display: inline-block;}

    .t_logo{
        background-image: url(/images/t_logo.png);
        background-repeat:no-repeat;
        animation-name:myfirst;
        -webkit-animation:myfirst;
        animation-duration: 10s;
        -webkit-animation-duration: 10s;
        animation-delay: 3s;
        -webkit-animation-delay: 3s;
        animation-iteration-count: infinite;
        background-size: 100%;
    }
    @keyframes myfirst {
        from{background-image: url(/images/t_logo.png); opacity: 1;}
        25%{background-image: url(/images/t_logo.png); opacity: 1;}
        50%{background-image: url(/images/logo_dhn.png); opacity: 1;}
        75%{background-image: url(/images/logo_dhn.png); opacity: 1;}
        to{background-image: url(/images/t_logo.png); opacity: 1;}
    }
    -webkit-@keyframes myfirst {
        from{background-image: url(/images/t_logo.png); opacity: 1;}
        5025%{background-image: url(/images/t_logo.png); opacity: 1;}
        50%{background-image: url(/images/logo_dhn.png); opacity: 1;}
        75%{background-image: url(/images/logo_dhn.png); opacity: 1;}
        to{background-image: url(/images/t_logo.png); opacity: 1;}
    }

    .t_btn{margin:25px 20px 0 0; width:calc(50% - 20px); float:right; text-align: right;  display: inline-block;}
    .t_btn a{color:#fff; padding:5px 10px; border:solid 1px #fff; font-size:13px; border-radius: 3px;}
    .t_btn a:hover{background-color: #fff; color:#000;}

    .igenie_mbox1{width: 100%; height:430px; background-color:#f8f8f8; border-bottom:solid 1px #dfdfdf;}
    .igenie_wrap .igenie_mbox1:nth-child(2){height:450px !important;}
    .igenie_mbox2{width: 100%; height:880px; background-color:#ffcc05;}

    .content{width:100%;}
    .igenie_bot .content{opacity: 0.3}

    .m_slogan{text-align: center; margin-top:110px; letter-spacing: -0.05em; line-height:250%;}
    .m_slogan .tst1{color:#fff; font-family: 'Gmarket Sans Light'; font-size:22px; font-weight: 300;}
    .m_slogan .tst2{color:#fff; font-family: 'Gmarket Sans'; font-size:30px; font-weight: 700;}
    .m_slogan .tst3{color:#fff; font-family: 'Noto Sans KR'; font-size:9px; margin-top:-5px; opacity: 0.5;}
    .m_visual1_mo{position: absolute; top:190px; left:0; right:0;}
    .m_visual1_mo img{width:100%;}

    .main_box1{width:100%; height:400px; box-sizing: border-box;}
    .main_box1_l{width:100%; height:200px; line-height:200px; float:left; text-align: center; padding-top:30px;}
    .main_box1_l img{width:80%;}
    .main_box1_r{width:100%; height:200px; float:left; font-weight:300; text-align: center; padding-top:30px;}
    .main_box1_r .tst1{font-size:25px;}
    .main_box1_r .tst2{font-size:15px; color:#2a1bad; margin-top:5px;}
    .main_box1_r .tst3{font-size:14px; color:#ababab;}

    .nicedocu{height:480px;}
    .nicedocu .main_box1_r{text-align: center; padding:30px 0 !important;}
    .nicedocu .main_box1_r p.tst3 {margin-left:25px;}
    .nicedocu .main_box1_l{margin-bottom:20px;}
    .nicedocu .main_box1_l img{width:90%;}


    .main_box2{width:100%; height:400px; box-sizing: border-box;}
    .main_box2_r{width:100%; height:200px; line-height:200px; float:left; text-align: center; padding-top:30px;}
    .main_box2_r img{width:60%;}
    .main_box2_l{width:100%; height:200px; float:left; font-weight:300; text-align: center; padding-top:30px;}
    .main_box2_l .tst1{font-size:25px;}
    .main_box2_l .tst2{font-size:15px; color:#2a1bad; margin-top:5px; letter-spacing: -0.1em;}
    .main_box2_l .tst3{font-size:14px; color:#ababab; letter-spacing: -0.12em;}

    .main_box3{width:100%; height:400px; box-sizing: border-box;}
    .main_box3_l{width:100%; height:200px; line-height:200px; float:left; text-align: center; padding-top:40px;}
    .main_box3_l img{width:60%;}
    .main_box3_r{width:100%; height:200px; float:left; font-weight:300; text-align: center; padding-top:50px;}
    .main_box3_r .tst1{font-size:25px;}
    .main_box3_r .tst2{font-size:15px; color:#2a1bad; margin-top:5px;}
    .main_box3_r .tst3{font-size:14px; color:#ababab;}

    .main_box4{width:100%; height:880px; color:#1e2633; position:relative;}
    .main_box4 .tit1{font-family:'Montserrat'; font-size: 25px; position: absolute; top:30px; left:0; right:0; text-align: center;}
    .main_box4 .tit2{font-family:'Montserrat'; font-size: 15px; font-weight:400; opacity: 0.8;  letter-spacing:-0.02em;}
    .main_box4_l{width:100%; height:450px; padding:90px 0 0 0; text-align:center; border-bottom:solid 1px #4a525f;}
    .main_box4_l .tst1, .main_box4_r .tst1{font-size:15px;line-height:100%;}
    .main_box4_l .tst2{font-size:35px; }
    .main_box4_l .tst3{font-size:11px; opacity: 0.8; margin:5px 0 20px 0; letter-spacing: -0.1em; line-height: 200%;}
    .main_box4_r{width:100%; height:330px; padding:50px 0 0 0;  text-align:center; display: inline-block;}
    .main_box4_r .family_site{margin-top:10px; width:100%; display: inline-block;}
    .main_box4_r .family_site li{float:left; width:calc(20% - 2%); margin:0 1%;}
    .main_box4_r .family_site li:nth-of-type(1){margin-left:10%;}
    .main_box4_r .family_site li img{width:90%;}
    .igenie_bot{width:100%; letter-spacing:-0.02em;font-family:'Montserrat'; font-weight:600; background-color:#1e2633; padding:33px 0; color:#fff; text-align: center;}

    .test_send{margin-top:10px;}
    .test_send input{height:34px; border:solid 1px #2a1bad; vertical-align: middle;}
    .test_send .btn_send{display: inline-block; height:34px;  vertical-align: middle; border:solid 1px #2a1bad; background-color: #2a1bad; color:#fff; padding:0 10px;}

    #news-container
    {
    	width:100%;
        height:400px;
        overflow: hidden;
        position: relative;
        margin-top:20px;
        padding:0;
    }
    #news-container ul{position: absolute; margin:0; padding:10px 0 !important; top: 0;}
    #news-container ul li{margin:0; padding:0; display:inline-block; width:100%; height:40px;}
    #news-container ul li span:first-child{width:21% !important; border:solid 1px #aaa; padding:3px 10px; border-radius:3px;}
    #news-container ul li span:nth-child(2){width:40% !important; text-align:left;}
    #news-container ul li span:nth-child(3){width:26% !important;}
    #news-container ul li span{margin-right:10px; float:left !important; display:inline-block;}
    #news-container .premium{color:#01cc9b;}
    #news-container .standard{color:#7de314;}

    .cer_logo{display: flex; flex-wrap: wrap; justify-content: center; gap:25px; width: 100%; margin-bottom:20px;}
    .cer_logo img{height:35px;}

    .trophy_page{border: 0px; width: 100%;height: 840px;border-bottom: 1px solid #dfdfdf;}
    .trophy_page .main_box1{height: 100%;}
    .trophy1{width: 100%;height: 280px; float: left;text-align:center;box-sizing: border-box; border-bottom: 1px solid #dfdfdf;}
    .trophy1 img{position: relative;bottom: -30px;}
    .trophy1 p{ position: relative;bottom: -50px;font-size: 19px;color:#494949;line-height: 1.2;font-family: 'Noto Sans KR';;font-weight: 300;}

    .trophy2{width: 100%;height: 280px; float: left;text-align: center; box-sizing: border-box;border-bottom: 1px solid #dfdfdf;}
    .trophy2 img{position: relative;bottom: -30px;}
    .trophy2 p{ position: relative;bottom: -55px;font-size: 19px;color:#494949;line-height: 1.2;font-family: 'Noto Sans KR';font-weight: 300;}

    .trophy3{width: 100%;height: 280px; float: left;text-align: center;box-sizing: border-box;}
    .trophy3 img{position: relative;bottom: -30px;}
    .trophy3 p{ position: relative; bottom: -60px;font-size: 19px;color:#494949;line-height: 1.2;font-family: 'Noto Sans KR';font-weight: 300;}

    .main_page_sales{width:100%; height:100%;}
    .sales_page img{width:100%;}
    .sales_page{height:100%;}
    .border_rig1{height:83%; border-right:0; font-size:11px;}

    .sales_page img:nth-child(1){display: none;}

    .smart_mart_img{width: 271px !important}
    .smart_mart_img img{width: 290px !important}
    .smart_mart_img .voucher_btn a {color: #fff;padding: 10px 10px;border: solid 1px #1a1d62;font-size: 15px;margin: 0 5px;background-color: #1a1d62a8;}
    .smart_mart_img .voucher_btn {margin: 20px auto;width: 100%;display: flex;justify-content: center;position: absolute;bottom: -20px}
}

/* 타블렛, 노트북 */
@media all and (min-width:480px) and (max-width:1200px){
    .t_btn2{display: none;}
    .m_visual1{display: none;}
    .igenie_wrap {width: 100%;}
    .igenie_visual{width:100%; height:800px; overflow: hidden; position:relative; display: inline-block; background: url(/images/m_bg2.jpg) no-repeat top center;}
    .igenie_top{width:100%; position: absolute; top:0; left:0; right:0; display: inline-block;}
    .t_logo{margin:50px 0 0 50px; width:200px; height:200px; float:left; text-align:left;}
    .t_logo{
        background-image: url(/images/t_logo.png);
        background-repeat:no-repeat;
        animation-name:myfirst;
        -webkit-animation:myfirst;
        animation-duration: 10s;
        -webkit-animation-duration: 10s;
        animation-delay: 3s;
        -webkit-animation-delay: 3s;
        animation-iteration-count: infinite;
    }
    @keyframes myfirst {
        from{background-image: url(/images/t_logo.png); opacity: 1;}
        25%{background-image: url(/images/t_logo.png); opacity: 1;}
        50%{background-image: url(/images/logo_dhn.png); opacity: 1;}
        75%{background-image: url(/images/logo_dhn.png); opacity: 1;}
        to{background-image: url(/images/t_logo.png); opacity: 1;}
    }
    -webkit-@keyframes myfirst {
        from{background-image: url(/images/t_logo.png); opacity: 1;}
        5025%{background-image: url(/images/t_logo.png); opacity: 1;}
        50%{background-image: url(/images/logo_dhn.png); opacity: 1;}
        75%{background-image: url(/images/logo_dhn.png); opacity: 1;}
        to{background-image: url(/images/t_logo.png); opacity: 1;}
    }

    .t_btn{display: flex; flex-direction: column; margin:65px 50px 0 0; width:200px; float:right; text-align: right;}
    .t_btn a{width: fit-content; color:#fff; margin-bottom:10px; padding:10px 20px; border:solid 1px #fff; font-size:15px; }
    .t_btn a:hover{background-color: #fff; color:#000;}

    .igenie_mbox1{width: 100%; height:400px; background-color: #f8f8f8; border-bottom:solid 1px #dfdfdf;}
    .igenie_mbox2{width: 100%; height:500px; background-color: #353e4d;}

    .content{width:100%; padding:0;}

    .m_slogan{text-align: center; margin-top:220px; letter-spacing: -0.05em; line-height:450%;}
    .m_slogan .tst1{color:#fff; font-family: 'Gmarket Sans Light'; font-size:40px;}
    .m_slogan .tst2{color:#fff; font-family: 'Gmarket Sans'; font-size:55px; font-weight: bold;}
    .m_slogan .tst3{color:#fff; font-family: 'Noto Sans KR'; font-size:16px; margin-top:-10px; opacity: 0.5;}

    .m_visual1_mo{position: absolute; top:350px; left:calc(50% - 480px);}
    .m_visual1_mo img{width:980px;}

    .main_box1{width:100%; height:400px; border-left:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf; box-sizing: border-box;}
    .main_box1_l{width:50%; height:400px;line-height:400px; float:left; text-align: center; border-right:solid 1px #dfdfdf; box-sizing: border-box;}
    .main_box1_l img{max-width:80%; max-height:100%; vertical-align:middle;}
    .main_box1_r{width:50%; height:400px; float:left; font-weight:300; padding:80px 0 0 47px; box-sizing: border-box;}
    .main_box1_r .tst1{font-size:35px;}
    .main_box1_r .tst2{font-size:18px; color:#2a1bad; margin-top: 15px;}
    .main_box1_r .tst3{font-size:18px; color:#ababab;}

    .main_box2{width:100%; height:400px; border-left:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf; box-sizing: border-box;}
    .main_box2_r{width:calc(50% + 1px); height:400px;line-height:400px; float:right; text-align: center; border-left:solid 1px #dfdfdf; box-sizing: border-box;}
    .main_box2_r img{max-width:100%; max-height:100%; vertical-align:middle;}
    .main_box2_l{width:calc(50% - 1px); float:left; text-align: right; font-weight:300; padding:100px 47px 0 0; box-sizing: border-box;}
    .main_box2_l .tst1{font-size:35px;}
    .main_box2_l .tst2{font-size:18px; color:#2a1bad; margin-top: 15px;}
    .main_box2_l .tst3{font-size:18px; color:#ababab;}

    .main_box3{width:100%; height:400px; border-left:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf; box-sizing: border-box;}
    .main_box3_l{width:50%; height:400px;line-height:400px; float:left; text-align: center; border-right:solid 1px #dfdfdf; box-sizing: border-box;}
    .main_box3_l img{max-width:100%; max-height:100%; vertical-align:middle;}
    .main_box3_r{width:50%; float:left; font-weight:300; padding:100px 0 0 47px; box-sizing: border-box;}
    .main_box3_r .tst1{font-size:35px;}
    .main_box3_r .tst2{font-size:18px; color:#2a1bad; margin-top: 15px;}
    .main_box3_r .tst3{font-size:18px; color:#ababab;}

    .main_box4{width:100%; height:500px; color:#fff; position:relative; border-left:solid 1px #4a525f; border-right:solid 1px #4a525f; box-sizing: border-box;}
    .main_box4 .tit1{font-family:'Montserrat'; font-size: 40px; position: absolute; top:30px; left:0; right:0; text-align: center;}
    .main_box4 .tit2{font-family:'Montserrat'; font-size: 20px; font-weight:400; opacity: 0.5;  letter-spacing:-0.02em; margin: 20px 0 20px 0;}
    .main_box4_l{width:50%; height:500px; padding:110px 0 0 30px; float:left; text-align:left; box-sizing: border-box;}
    .main_box4_l .tst1, .main_box4_r .tst1{font-size:20px;line-height:100%;}
    .main_box4_l .tst2{font-size:40px; }
    .main_box4_l .tst3{font-size:14px; opacity: 0.5; margin-top:15px;}
    .main_box4_r{width:50%; float:left; padding:110px 0 0 57px; box-sizing: border-box;}
    .main_box4_l ul{margin-top:10px;}
    .main_box4_l ul li{float:left; margin-right:10px;}

    .igenie_bot{width:100%;letter-spacing:-0.02em;font-family:'Montserrat'; font-weight:600; background-color: white; padding:33px 0; color:#454a52; text-align: center;}

    .test_send{margin-top:10px;}
    .test_send input{height:34px; border:solid 1px #2a1bad; vertical-align: middle;}
    .test_send .btn_send{display: inline-block; height:34px;  vertical-align: middle; border:solid 1px #2a1bad; background-color: #2a1bad; color:#fff; padding:0 10px;}

    #news-container
    {
    	width:100%;
        height:400px;
        overflow: hidden;
        position: relative;
        margin-top:20px;
        padding:0;
    }
    #news-container ul{position: absolute; margin:0; padding:10px 0 !important; top: 0;}
    #news-container ul li{margin:0; padding:0; display:block; height:40px;}
    #news-container ul li span:first-child{border:solid 1px #aaa; padding:3px 10px; border-radius:3px;}
    #news-container ul li span:nth-child(2){width:150px; display:inline-block;}
    #news-container ul li span{margin-right:10px;}
    #news-container .premium{color:#01cc9b;}
    #news-container .standard{color:#7de314;}

    .cer_logo{display: flex; flex-wrap: wrap; justify-content: center; gap:25px; width: 100%; margin-bottom:20px;}
    .cer_logo img{height:35px;}

    .trophy_page{border: 0px; width: 100%;height: 320px;border-bottom: 1px solid #dfdfdf;}
    .trophy_page .main_box1{height: 100%;}
    .trophy1{width: 33%;height: 320px; float: left;text-align:center;box-sizing: border-box; border-right: 1px solid #dfdfdf;}
    .trophy1 img{margin-top: 20px;}
    .trophy1 p{margin-top: 10px; font-size: 25px;color:#494949;line-height: 1.5;font-family: 'Noto Sans KR';letter-spacing: -0.1em;font-weight: 300;}

    .trophy2{width: 33%;height: 320px; float: left;text-align: center; box-sizing: border-box; border-right: 1px solid #dfdfdf;}
    .trophy2 img{margin-top: 30px;}
    .trophy2 p{margin-top: 10px; font-size: 25px;color:#494949;line-height: 1.5;font-family: 'Noto Sans KR';letter-spacing: -0.1em;font-weight: 300;}

    .trophy3{width: 33%;height: 320px; float: left;text-align: center;box-sizing: border-box;}
    .trophy3 img{margin-top: 40px;}
    .trophy3 p{margin-top: 10px; font-size: 25px;color:#494949;line-height: 1.5;font-family: 'Noto Sans KR';letter-spacing: -0.1em;font-weight: 300;}

    .main_page_sales{width: 100%; height: 100%;}
    .sales_page img{width: 100%;}
    .sales_page{height: 100%;}
    .border_rig1{height: 83%;border-right:solid 1px #4a525f;}

    .sales_page img:nth-child(2){display: none;}
    .main_box4_r .family_site li{float: left; margin-right: 10px;}
    .sales_page img:nth-child(2){display: none;}

    .smart_mart_img{width: 273px !important;margin: 130px auto 0 !important; }
    .smart_mart_img img{width: 290px !important}
    .smart_mart_img .voucher_btn a {color: #fff;padding: 10px 10px;border: solid 1px #fff;font-size: 15px;margin: 0 5px;background-color: #ffffff22;}
    .smart_mart_img .voucher_btn {margin: 20px auto;width: 100%;display: flex;justify-content: center;position: absolute;bottom: 0px;}
}
/* PC */
@media all and (min-width:1200px){
    .m_visual1_mo{display: none;}

    .igenie_wrap {width: 100%; background-color: #f8f8f8;}

    .igenie_visual{width: 100%; height:1080px; overflow: hidden; position:relative; display: inline-block; background: url(/images/m_bg2.jpg) no-repeat top center;}

    .igenie_top{width:100%; position: absolute; top:0; left:0; right:0; display: inline-block; }
    .t_logo{margin:50px 0 0 50px; width:200px; height:200px; float:left; text-align:left;}
    .t_btn{display: flex; flex-direction: column; margin:55px 50px 0 0; float:right; text-align: right;}
    .t_btn a{
        margin-bottom: 10px;
        padding: 10px 20px;
        font-size: 15px;
        color: #fff;
        text-align: center;
        background: var(--color_primary2);
        border: solid 1px var(--color_primary2);
        opacity: 0.5;
    }
    .t_btn a:hover{background-color: #fff; color:#000;}

    .t_btn2{margin:65px 10px 0 0; float:right; text-align: right;}
    .t_btn2 a{color:#fff; padding:10px 20px; border:solid 1px #fff; font-size:15px;}
    .t_btn2 a:hover{background-color: #fff; color:#000;}

    .bg_c0{position: absolute; top:0; left: 0; right:0; background-color:#; width:100%; height:1080px; opacity: 0.3;}

    .t_logo{
        background-image: url(/images/t_logo.png);
        background-repeat:no-repeat;
        animation-name:myfirst;
        -webkit-animation:myfirst;
        animation-duration: 10s;
        -webkit-animation-duration: 10s;
        animation-delay: 3s;
        -webkit-animation-delay: 3s;
        animation-iteration-count: infinite;
    }
    @keyframes myfirst {
        from{background-image: url(/images/t_logo.png); opacity: 1;}
        25%{background-image: url(/images/t_logo.png); opacity: 1;}
        50%{background-image: url(/images/logo_dhn.png); opacity: 1;}
        75%{background-image: url(/images/logo_dhn.png); opacity: 1;}
        to{background-image: url(/images/t_logo.png); opacity: 1;}
    }
    -webkit-@keyframes myfirst {
        from{background-image: url(/images/t_logo.png); opacity: 1;}
        5025%{background-image: url(/images/t_logo.png); opacity: 1;}
        50%{background-image: url(/images/logo_dhn.png); opacity: 1;}
        75%{background-image: url(/images/logo_dhn.png); opacity: 1;}
        to{background-image: url(/images/t_logo.png); opacity: 1;}
}

.igenie_mbox1{width: 100%; height:500px; background-color: #f8f8f8;}
.igenie_mbox2{width: 100%; height:650px; background-color: var(--color_primary);}

.content{width:1300px; margin: 0 auto; padding:0 50px;}

.m_slogan{text-align: center; margin-top:220px; letter-spacing: -0.05em; line-height:450%;}
.m_slogan .tst1{color:#fff; font-family: 'Gmarket Sans Light'; font-size:41px;}
.m_slogan .tst2{color:#fff; font-family: 'Gmarket Sans'; font-size:57px;}
.m_slogan .tst3{color:#fff; font-family: 'Noto Sans KR'; font-size:16px; margin-top:-10px; opacity: 0.5;}
.m_visual1{position: absolute; top:0; left:0; right:0; width:100%;}
.m_visual1 .video{width:100%;}

.main_box1{width:100%; height:500px; border-left:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf; box-sizing: border-box; border-bottom:solid 1px #dfdfdf;}
.main_box1_l{width:50%; height:500px;line-height:500px; float:left; text-align: center; border-right:solid 1px #dfdfdf; box-sizing: border-box;}
.main_box1_l img{max-width:95%; max-height:95%; vertical-align:middle;}
.main_box1_r{width:50%; float:left; line-height: 1.7; font-weight:300; padding:100px 0 0 77px; box-sizing: border-box;}
.main_box1_r .tst1{font-size:35px;}
.main_box1_r .tst2{font-size:18px; color:#2a1bad; margin-top: 15px;}
.main_box1_r .tst3{font-size:18px; color:#ababab;}
.main_box1_r .tst3 i{margin-right:6px;}

.main_box2{width:100%; height:500px; border-left:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf; box-sizing: border-box; border-bottom:solid 1px #dfdfdf;}
.main_box2_r{width:calc(50% + 1px); height:500px;line-height:500px; float:right; text-align: center; border-left:solid 1px #dfdfdf; box-sizing: border-box;}
.main_box2_r img{max-width:100%; max-height:100%; vertical-align:middle;}
.main_box2_l{width:calc(50% - 1px); float:left; text-align: right; font-weight:300; padding:150px 77px 0 0; box-sizing: border-box;}
.main_box2_l .tst1{font-size:35px;}
.main_box2_l .tst2{font-size:18px; color:#2a1bad; margin-top: 15px;}
.main_box2_l .tst3{font-size:18px; color:#ababab;}

.main_box3{width:100%; height:500px; border-left:solid 1px #dfdfdf; border-right:solid 1px #dfdfdf; box-sizing: border-box;}
.main_box3_l{width:50%; height:500px;line-height:500px; float:left; text-align: center; border-right:solid 1px #dfdfdf; box-sizing: border-box;}
.main_box3_l img{max-width:100%; max-height:100%; vertical-align:middle;}
.main_box3_r{width:50%; float:left; font-weight:300; padding:180px 0 0 77px; box-sizing: border-box;}
.main_box3_r .tst1{font-size:35px;}
.main_box3_r .tst2{font-size:18px; color:#2a1bad; margin-top: 15px;}
.main_box3_r .tst3{font-size:18px; color:#ababab;}

.main_box4{width:100%; height:650px; color:#1e2633; position:relative; box-sizing: border-box;}
.main_box4 .tit1{font-family:'Montserrat'; font-size: 40px; position: absolute; top:100px; left:0; right:0; text-align: center;}
.main_box4 .tit2{font-family:'Montserrat'; font-size: 20px; font-weight:400; opacity: 0.9;  letter-spacing:-0.02em; margin-top:30px;}
.main_box4_l{width:50%; height:650px; padding:200px 0 0 100px; float:left; text-align:left;  box-sizing: border-box;}
.main_box4_l .tst1, .main_box4_r .tst1{font-size:30px;line-height:100%;}
.main_box4_l .tst2{font-size:50px; font-weight: 600;}
.main_box4_l .tst3{font-size:14px; opacity: 0.9; margin-top:15px;}
.main_box4_r{width:50%; float:left; height:550px; padding:200px 0 0 77px; box-sizing: border-box;}
.main_box4_r .family_site{margin-top:10px;}
.main_box4_r .family_site li{float:left; margin-right:10px;}

.igenie_bot{width:100%;letter-spacing:-0.02em;font-family:'Montserrat'; font-weight:600; background-color:var(--color_primary2); padding:33px 0; color:#fff; text-align: center;}
.igenie_bot .content{opacity:0.7;}

.test_send{margin-top:10px;}
.test_send input{height:34px; border:solid 1px #2a1bad; vertical-align: middle;}
.test_send .btn_send{display: inline-block; height:34px;  vertical-align: middle; border:solid 1px #2a1bad; background-color: #2a1bad; color:#fff; padding:0 10px;}

.cer_logo{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap:25px; width: 100%; margin-bottom:20px;}
.cer_logo img{max-height:45px;}

.trophy_page{width: 100%;height: 330px; background-color: #f8f8f8;}
.trophy_page .main_box1{height: 330px;border-bottom: 1px solid #dfdfdf;}
.trophy1{width: 33.33%;height: 330px; float: left;text-align: center;border-right: 1px solid #dfdfdf; box-sizing: border-box; line-height: 130px;}
.trophy1 p{margin-top: 20px; font-size: 27px;color:#494949;line-height: 1.2;font-family: 'Noto Sans KR';font-weight: 300; position: relative; bottom: -42px;}
.trophy1 img{position: relative; bottom: -32px;}
.trophy2{width: 33.33%;height: 330px; float: left;text-align: center;border-right: 1px solid #dfdfdf; box-sizing: border-box; line-height: 130px; position: relative; }
.trophy2 p{margin-top: 20px; font-size: 27px;color:#494949;line-height: 1.2;font-family: 'Noto Sans KR';font-weight: 300;position: relative; bottom: -50px;}
.trophy2 img{position: relative; bottom: -40px;}
.trophy3{width: 33.33%;height: 330px; float: left;text-align: center;box-sizing: border-box;line-height: 130px; position: relative;}
.trophy3 p{margin-top: 20px; font-size: 27px;color:#494949;line-height: 1.2;font-family: 'Noto Sans KR';font-weight: 300;position: relative; bottom: -50px;}
.trophy3 img{position: relative; bottom: -40px;}
.main_page_sales{width: 100%;height: auto; margin-top: 15px;}
.sales_page{height:auto; border: 1px solid #f2f2f2;}
/* .sales_page{height:898px; border-right:solid 1px #f2f2f2;} */
.border_rig1{height: 83%;border-right:solid 1px #4a525f;}
.m_slogan{display:none;}
.sales_page img:nth-child(2){display: none;}

/* 메인 바우처신청 버튼 */
.smart_mart_img .voucher_btn{margin:30px auto; width: 100%; display: flex; justify-content: center;position: absolute;bottom: -20px}
.smart_mart_img .voucher_btn a{color:#fff; padding:10px 20px; border:solid 1px #fff; font-size:15px; margin:0 5px; background-color:#ffffff22;}
.smart_mart_img .voucher_btn a:hover{background-color: #fff; color:#000;}

#news-container{
    width:100%;
    height:400px;
    overflow: hidden;
    position: relative;
    margin-top:20px;
    padding:0;
}
#news-container ul{position: absolute; margin:0; padding:10px 0 !important; top: 0; width:100%; height:200px;}
#news-container ul li{margin:0; padding:0; display:block; height:40px;}
#news-container ul li span:first-child{border:solid 1px #282828; padding:3px 10px; border-radius:3px;}
#news-container ul li span:nth-child(2){width:150px; display:inline-block;text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden;}
#news-container ul li span{margin-right:10px;}
#news-container .premium{color:#a13901;}
#news-container .standard{color:#476800;}
#news-container .today_date{letter-spacing: 0; opacity: 0.8;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
    .igenie_wrap{font-family: "Spoqa Han Sans";}
    .m_slogan .tst1{color:#fff; font-family: 'Gmarket Sans'; font-size:40px;}
    .m_slogan .tst2{color:#fff; font-family: 'Gmarket Sans'; font-size:57px;}
    .m_slogan .tst3{color:#fff; font-family: "Spoqa Han Sans"; font-size:16px; margin-top:-10px; opacity: 0.5;}
}

/* 카드결제 신청하기_화면깨짐으로 추가_231030 */
.voucher_mbox5.pay_card{width: 100%; height:auto; margin-bottom:30px; background-color:#edf0f5;}
.voucher_mbox5.pay_card .b_tit1{width:770px; margin:0 auto; font-size:35px; padding:120px 0 15px; line-height:110%; text-align:left; border-bottom:0;}

.voucher_mbox5.pay_card p{text-align: center; width: 100%; padding:20px 0 40px;}
.voucher_mbox5.pay_card input, .voucher_mbox5.pay_card textarea{font-size:13px;}
.voucher_mbox5.pay_card button{background-color:#1e2633; color:#fff; margin-top:3px; padding:10px 30px; border-radius: 30px; font-size:20px;}
.voucher_mbox5.pay_card button:hover{background-color:#2a1bad;}

.voucher_mbox5.pay_card .content{position:relative; width:1200px; margin: 0 auto; padding:0 20px; text-align: center;}
.voucher_mbox5.pay_card .voucher_form{width:770px; background-color: #fff; padding:40px 50px 30px 50px; margin-top:10px; display: inline-block; border-radius: 5px;}
.voucher_mbox5.pay_card .voucher_form ul li{width:50%; margin-bottom:20px; float:left; text-align: left;}
.voucher_mbox5.pay_card .voucher_form ul li span{width:70px; font-size:13px; float:left; display: inline-block;}
.voucher_mbox5.pay_card .voucher_form ul li input{width:calc(90% - 80px); height:30px !important; float:left; margin-left:10px;}
.voucher_mbox5.pay_card .voucher_form ul li select{width:calc(90% - 80px); float:left; margin-left:10px;}

.voucher_mbox5.pay_card .voucher_form ul li:last-child{width:100%;}
.voucher_mbox5.pay_card .voucher_form ul li:last-child textarea{width:557px; margin-left:10px; padding:5px 10px; border:1px solid #dedede;}
.voucher_mbox5.pay_card .voucher_form ul li:nth-of-type(6){width:33% !important;}
.voucher_mbox5.pay_card .voucher_form ul li:nth-of-type(6) textarea{width:calc(95% - 80px); padding:10px; float:left; border:solid 1px #ddd; margin-left:10px;}
.voucher_mbox5.pay_card .voucher_form ul li:nth-child(n+6):nth-child(-n+8){width:33%;}

.voucher_mbox5.pay_card .content > button{position:absolute; top:120px; left:calc(100% / 2 + 153px); background-image: linear-gradient(to right, #bc67d4 0%, #2a1bad 100%); color:#fff; padding:10px 20px; border-radius: 5px; font-size:14px;}
.voucher_mbox5.pay_card .content > button:hover{background-image:none; background-color:#2a1bad;}

.voucher_mbox5.pay_card + .voucher_bot .content{text-align:center;}

/* 이미지 들어가는 부분 */
.templet_img_box > div{
    display: inline-block;
    width:115px;
    height: auto;
    margin-left:10px;
    min-height: 140px;
    border:solid 1px #ddd;
    position: relative;
    cursor:pointer;
    z-index:9999;
    box-sizing: border-box;
    overflow: hidden;
    background-repeat:no-repeat !important;
    background-size:115px !important;
    background-image: ;
}
.templet_img_box > div:after{
    content: "\e439";
    font-family: 'Material Icons';
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 2rem;
    color: #c0c6d1;
}