/**
 * 반응형 CSS
 * 모든 속성은 !important 로 override할 것
 */
@charset "utf-8";

.mainBanner .list ul li a img.background,
#themeBanner img.background {
    display: none;
}

@media screen and (min-width: 1921px) {
    #wrap {
        min-width: 1400px !important;
    }
    #header .gnb ul {
        width: 1400px !important;
    }
    #header .lnb .headerCenter {
        width: 1400px !important;
    }
    #header .lnb .category .subCategory.normal .list#movie     { margin-left: 150px !important; }
    #header .lnb .category .subCategory.normal .list#drama     { margin-left: 233px !important; }
    #header .lnb .category .subCategory.normal .list#video     { margin-left: 320px !important; }
    #header .lnb .category .subCategory.normal .list#game      { margin-left: 410px !important; }
    #header .lnb .category .subCategory.normal .list#animation { margin-left: 448px !important; }
    #header .lnb .category .subCategory.normal .list#comics    { margin-left: 425px !important; }
    #header .lnb .category .subCategory.normal .list#document  { margin-left: 545px !important; }
    #header .lnb .category .subCategory.normal .list#education { margin-left: 721px !important; }
    #header .lnb .category .subCategory.normal .list#util      { margin-left: 705px !important; }
    #header .lnb .category .subCategory.normal .list#other     { margin-left: 878px !important; }
    #header .lnb .category .subCategory.normal .list#request   { margin-left: 660px !important; }
    #header .lnb .category .subCategory.normal .list#theme     { margin-left: 1200px !important; }
    #header .lnb .category .subCategory.normal .list#adult     { margin-right: 180px !important;}
    #header .lnb .searchNavi .search .searchRecord {
        width: 860px !important;
    }
    #header .lnb .searchNavi .search .box .keyword {
        width: 695px !important;
    }
    #header .lnb .searchNavi .search .searchAutoComplete {
        width: 860px !important;
    }
    #float {
        width: 1400px !important;
    }
    #right {
        margin-left: 1407px !important;
    }
    #container {
        width: 1400px !important;
    }
    #content:not(.admin) {
        width: 1200px !important;
    }
    #diskBoard {
        width: 1195px !important;
    }
    #diskBoard .listPart .listTable {
        width: 1196px !important;
    }
    #diskBoard .listPart .listTable tbody td.subject a {
        max-width: 700px !important;
    }
    .mainBanner {
        width: 848px !important;
    }
    .mainBanner .list ul li {
        width: 960px !important;
    }
    .mainBanner .list ul li a {
        width: 960px !important;
    }
    .mainBanner .list ul li a img {
        position: relative;
        z-index: 2;
    }
    .search_category_list {    
        width: 1182px !important;
    }
    .mainBanner .list ul li a img.background,
    #themeBanner img.background {
        position: absolute;



        display: block;
        left: 50%;
        top: 50%;
        z-index: 1;
        right: 0;
        bottom: 0;
        transform: scale(2) translate(-50%, -50%);
        transform-origin: left top;
        filter: blur(20px);
    }
    #themeBanner { text-align: center;}
    #header .lnb .searchNavi .search .box { width: 860px !important;}
    #diskBoard .listPart .thumbList ul li .thumb img,
    #diskBoard .listPart .thumbList ul li { width: 235px !important;}
    #diskBoard .listPart .listTable tbody td.subject { overflow: initial !important; text-overflow:  initial !important; }
	#diskBoard .listPart .listTable tbody td.subject a { max-width: 300px; display: inline-block; text-overflow: ellipsis; overflow: hidden; vertical-align: middle; }
    #diskTheme .diskThemeDetail ul { grid-template-columns: repeat(6, 1fr) !important; }


    /* AI 추천관 */
    #aiBanner { 
        height: 160px !important;
        background-size: 1200px 160px !important;
    }


    /* 검색 결과 없을 때 */
    #diskBoard .listPart .content_buy_galore_box2 {
        width: 1150px !important;
    }


    /* 충전샵 */
    #fixChargePage {
        width: 1195px !important;
    }
    #fixChargePage .fixProduct a {
        width: 380px !important;
    }
    a.pay_fixbanner {
        width: 100% !important;
        background-position: center !important;
    }
    .sunpayPage .amountChoice p img { width: 100%; }


    /* 고객센터 */
    .csAdminWrap {
        width: 1190px !important;
    }
    .csAdminWrap .right {
        width: 980px !important;
    }
    .csAdminWrap .comm_tab2 {
        width: 916px !important;
    }
    #basicBoard .notice_center, #basicBoard .notice2_center {
        width: 595px !important;
    }
    #basicBoard .commentWritePart .commentInput .content {
        width: 1034px !important;
    }
    #basicBoard .commentRatingWrap,
    #basicBoard .addCategory {
        width: 1190px !important;
    }
    #basicBoard .addCategory .header h5 {
        width: 1130px !important;
    }
    .macroWrap {
        width: 1180px !important;
    }
    .commonTabMenu3 ul li a{
        padding: 6px 50px !important;
		height: 20px !important;
		line-height: 20px !important;
		font-size: 13px !important;
    }
    .commonTabMenu3 ul li.on a { padding: 6px 50px !important;}
    #basicBoard .faqSearch{ height: 120px !important;}
    #basicBoard .faqSearch fieldset{
        width: 800px !important;
        text-align: center !important;
    }
    #basicBoard .faqSearch fieldset > p{
        font-size: 14px !important;
        margin: 4px 0 8px 0 !important;
    }
    #basicBoard .faqSearch .searchTxt{
        width: 500px !important;
        margin-left: 110px !important;
    }
    #basicBoard .faqSearch .submit{
        width: 80px !important;
        font-size: 14px !important;
    }
    .alarmbox{ width: 100% !important;}
    .alarmbox #inquiry_mobile{ width: 45% !important;}
    .alarmbox #inquiry_email{ width: 50% !important;}


    /* 프로모션 */
    .promotion_frame > .cp_list > ul,
    .promotion_frame > .search-frame {
        width: 100% !important;
    }
    .promotion_frame > .list > ul {
        grid-template-columns: repeat(6, 1fr) !important;
    }


    /* 내 정보 */
    #mypageIndexPage,
    #mypageIndexPage .baseInfo,
    .attend_wrap,
    #mypageIndexPage .counselingLog {
        width: 1195px !important;
    }


/* 판매자 신청 */
    #sellerReqContent .seller_img1 {
        width: 1187px !important;
        height: 1256px !important;
        background: url('//img.filesun.com/seller/ren_seller_request1190.png') no-repeat !important;
        text-indent: -9999px !important;
    }
    #sellerReqContent .sr3btn {
        top: 962px !important;
        right: 218px !important;
    }
    #sellerReqContent .sr3btn input{
        width: 770px !important;
        height: 84px !important;
    }


    /* 이벤트 */

        /* #coupon */
        #couponRegisterPage {
            width: 100% !important;
        }
        #couponRegisterPage .HTUPart {
            width: 1190px !important;
            height: 1294px !important;
            background-size: 1190px 1294px !important;
        }
        #couponRegisterPage .couponUse{
            margin-left: -264px !important;
        }
        #couponRegisterPage .couponUse .coupon {
            width: 650px !important;
        }
        #couponRegisterPage .couponUse .coupon input.ctxt {
            width: 445px !important;
            height: 61px !important;
            font-size: 20px !important;
        }
        #couponRegisterPage .couponUse .coupon input.cbtn {
            width: 122px !important;
            height: 64px !important;
            background-size: 122px 64px !important;
        }
        #couponRegisterPage .noticePart2{
            width: 1190px !important;
        }
        #couponRegisterPage .noticePart2 ul{
            padding: 40px !important;
        }
        #couponRegisterPage .noticePart2 li.notice2_span{
            font-size: 26px !important;
        }
        #couponRegisterPage .noticePart2 li{
            line-height: 32px !important;
            font-size: 23px !important;
        }


        #eventPromotion .evtTop { height: 300px !important; }
        #eventPromotion img { object-position: center; object-fit: cover; }
        #eventPromotion .tabSection ul {
            grid-template-columns: repeat(6, 1fr) !important;
        }
        .emailBtn div {
            padding: 10px 150px !important;
        }
        #tmoaFrame {
            width: 1188px !important;
            height: 492px !important;
        }
        .evt_img1 {
            width: 1193px !important;
            height: 1279px !important;
            background-size: 100% !important;
        }
        .evtInput {
            padding-top: 1010px !important;
        }
        .emailBtn button {
            width: 895px !important;
        }
        #fixPromotionPage {
            width: 1195px !important;
            background-size: 100% !important;
        }
        #fixPromotionPage.evtpromotion .fix30 {
            margin-top: 780px !important;
        }
        #fixPromotionPage.outpromotion .fix30 {
            margin-top: 880px !important;
        }
        .fixBottomNotice {
            width: 1193px !important;
        }
        .check_top{ height: 1289px !important;}
        .check_top a.confirm_auth img{ margin-top: 1064px !important;}


        /* #fullhd */
        #fullhd {
            width: 1190px !important;
            height: 1521px !important;
            margin: 0 auto !important;
        }
        #fullhd img{
            width: 100% !important;
        }
        #fullhd .linkimg_install{
            width: 1034px !important;
            display: flex !important;
            justify-content: space-between !important;
            position: absolute !important;
            top: 0 !important;
            margin: 1440px 0 0 80px !important;
        }
        #fullhd .linkimg_install a{
            width: 447px !important;
            height: 134px !important;
        }
        #fullhd .linkimg_install a img{
            width: 100% !important;
        }


        /* #event2 */
        #event2 .img4 .img4_wrap{ margin-left: 234px !important;}
        #event2 .img4 .img4_wrap input.input1,
        #event2 .img4 .img4_wrap input{
            width: 612px !important;
            height: 45px !important;
        }
        #event2 .img2 .naver_kin{ 
            width: 100% !important;
            text-align: center !important;
            left: 0 !important;
        }
        #event2 .img4 .img4_btn{
            height: 95px !important;
            margin-left: 850px !important;
        }
        .p1 a, .p2 a, .p3 a, 
        .p4 a, .p5 a, .p6 a{
            padding: 4px 10px !important;
            font-size: 16px !important;
        }
        #event2 .img5{ padding-bottom: 140px !important;}
        #event2 .img5 table{
            top: 164px !important;
            width: 850px !important;
            clear: both !important;
            margin: 0 170px !important;
        }
        #event2 .img5 table th{
            padding: 12px 0 !important;
            font-size: 16px !important;
        }
        #event2 .img5 table td{
            padding: 14px 0 !important;
            font-size: 13px !important;
        }
        #event2 .img5 table .url{
            width: 570px !important;
        }


        /* #event4 */
        #event4 .linkbtn_wrap1{ 
            width: 152px !important;
            height: 152px !important;
            margin: 2828px 0 0 744px !important;
        }
        #event4 .linkbtn_wrap2{
            width: 152px !important;
            height: 152px !important;
            margin: 3990px 0 0 744px !important; 
        }
        #event4 .linkbtn_wrap1 img, #event4 .linkbtn_wrap2 img{
            width: 152px !important;
            height: 152px !important;
        }
        #event4 {
            width: 1190px !important;
            height: 5000px !important;
            background-size: 100% !important;
        }
        #event4 .inputForm {
            bottom: 390px !important;
        }
        #event4 .inputForm .text {
            padding-right: 110px;
        }
        #event4 .inputForm .text .input {
            margin-right: 0 !important;
        }
        #event4 .inputForm .text .img_btn {
            right: initial !important;
        }


        /* #event5 */
        #event5 {
            background: url('//img.filesun.com/event/05/ren_evt5_img1190.png') no-repeat center top !important;
            width: 1190px !important;
            height: 3738px !important;
        }
        #event5 .upload_btn {
            position: absolute !important;
            width: 370px !important;
            height: 100px !important;
            top: 1130px !important;
            left: 200px !important;
        }
        #event5 .seller_btn {
            position: absolute !important;
            width: 370px !important;
            height: 100px !important;
            top: 1130px !important;
            left: 630px !important;
        }
        #event5 .week { left: 56px !important;}
        #event5 .last { left: 610px !important;}
        #event5 table {
            margin-top: 1040px !important;
            padding: 20px !important;
        }
        #event5 table.t1 {
            width: 518px !important;
            height:740px !important;
            background: url('//img.filesun.com/event/05/ren_evt5_bg1_ranking1190.png') no-repeat !important;
        }
        #event5 table.t2 {
            width: 518px !important;
            height: 740px !important;
            background: url('//img.filesun.com/event/05/ren_evt5_bg2_ranking1190.png') no-repeat !important;
        }
        #event5 table tbody tr td:first-child {
            font-size: 28px !important;
            padding-right: 30px !important;
        }
        #event5 table tbody tr td {
            font-size: 20px !important;
        }
        #event5 .event_footer {
            width: 1190px !important;
            height: 328px !important;
        }
        #event5 .event_footer ul{ padding: 60px 48px !important;}
        #event5 .event_footer ul .notice_title {
            margin-bottom: 26px !important;
            font-size: 24px !important;
        }
        #event5 .event_footer ul li{
            font-size: 20px !important;
            line-height: 32px !important;
        }


        /* #event6 */
        #event6 .event_title {
            width: 1190px !important;
            height: 1904px !important;
            background: url('//img.filesun.com/event/06/ren3_evt6_1190img.png') no-repeat !important;
            margin: 0 auto !important;
            position: relative !important;
        }
        #event6 .request_btn {
            width: 368px !important;
            height: 331px !important;
            background: url('//img.filesun.com/event/06/ren_evt6_btn2.png') no-repeat !important;
            display: block !important;
            position: absolute !important;
            bottom: 60px !important;
            right: 58px !important;
        }
        #event6 .middle_area {
            width: 1190px !important;
            height: 1538px !important;
            background: #4a168a !important;
            margin: 0 auto !important;
        }
        #event6 .middle_area .score_table p {
            width: 480px !important;
            color: #fff !important;
            font-size: 30px !important;
            font-family: 'Pretendard' !important;
            box-sizing: border-box !important;
            margin: 10px 0 14px 16px !important;
            font-weight: 500 !important;
        }
        #event6 .middle_area .score_table .inner_box {
            width: 529px !important;
            height: 631px !important;
            margin: 0 16px !important;
            font-family: 'Pretendard' !important;
            background-color: #7233cc !important;
            border-radius: 26px !important;
            overflow: hidden !important;
        }
        #event6 .middle_area .score_table .inner_box .rank_top_wrap li {
            display: block !important;
            box-sizing: border-box !important;
            width: 155px !important;
            height: 228px !important;
            margin: 40px 4px 0 4px !important;
            padding: 210px 0 0 0 !important;
            text-align: center !important;
            font-size: 20px !important;
            background-color: transparent !important;
            background-repeat: no-repeat !important;
            background-size: 155px 228px !important;
        }
        #event6 .middle_area .score_table .inner_box .rank_top_wrap li.rank_1 { 
            order: 2 !important;
            background-image: url('//img.filesun.com/event/06/ren_evt6_1st_1190.png') !important;
        }
        #event6 .middle_area .score_table .inner_box .rank_top_wrap li.rank_2 {
            order: 1 !important;
            margin-top: 65px !important;
            background-image: url('//img.filesun.com/event/06/ren_evt6_2nd_1190.png') !important;
        }
        #event6 .middle_area .score_table .inner_box .rank_top_wrap li.rank_3{
            order: 3 !important;
            margin-top: 65px !important;
            background-image: url('//img.filesun.com/event/06/ren_evt6_3rd_1190.png') !important;
        }
        #event6 .middle_area .score_table .inner_box .rank_top_wrap li span.name {
            display: block !important;
            margin-top: -74px !important;
            color: #333333 !important;
            font-size: 22px !important;
            font-weight: 700 !important;
        }
        #event6 .middle_area .wrap div.score_table:nth-child(3),
        #event6 .middle_area .wrap div.score_table:nth-child(4){
            margin-top: 55px !important;
        }
        #event6 .middle_area .score_table .inner_box .rank_top_wrap li.rank_1 span.name{
            margin-top: -62px;
        }
        #event6 .middle_area .score_table .inner_box .rank_top_wrap li span.reward {
            display: block !important;
            margin-top: 12px !important;
            height: 32px !important;
            line-height: 32px !important;
            color: #ffffff !important;
        }
        #event6 .middle_area .score_table .inner_box .rank_rest_wrap {  
            margin-top: 26px !important;
        }
        #event6 .middle_area .score_table .inner_box .rank_rest_wrap li.rank_rest{
            height: 40px !important;
        }
        #event6 .middle_area .score_table .inner_box .rank_rest_wrap li.rank_rest span{
            font-size: 22px !important;
        }
        #event6 .event_footer ul .notice_title {
            margin: 30px !important;
            font-size: 24px !important;
        }
        #event6 .event_footer ul li{
            margin-left: 20px !important;
            padding: 4px 0 !important;
            font-size: 21px !important;
        }

        /* #event10 */
        #event10 #coupon .serial{
            width: 760px !important;
            bottom: 186px !important;
            padding: 16px 0 !important;
            margin-left: -378px !important;
            font-size: 30px !important;
        }
        #event10 #coupon .btn_coupon{
            bottom: 96px !important;
            width: 760px !important;
            margin-left: -376px !important;
            font-size: 34px !important;
        }
        #event10 #snsList {
            width: 972px !important;
            left: 112px !important;
            top: 280px !important;
        }
        #event10 #snsList a img{
            width: 440px !important;
            height: 180px !important;
        }
        #event10 #snsList a{ margin: 24px 6px 24px 0 !important;}
        #event10 #snsList a:nth-child(even){ margin-left: 74px !important;}
        #event10 #myActivity{
            width: 1020px !important;
            top: 68px !important;
            left: 88px !important;
        }
        #event10 #myActivity .act-item{
            width: 476px !important;
        }
        #event10 #myActivity .act-item h3{
            height: 40px !important;
            line-height: 40px !important;
            font-size: 30px !important;
            margin-bottom: 100px !important;
        }
        #event10 #myActivity .act-item .act-select{ 
            width: 476px !important;
            padding: 10px 0 !important;
            border-radius: 12px !important;
        }
        #event10 #myActivity .act-item select:first-child{ width: 140px !important;}
        #event10 #myActivity .act-item select{
            width: 94px !important;
            height: 40px !important;
            line-height: 40px !important;
            margin-right: 4px !important;
            font-size: 20px !important;
            background-position: 92% 52% !important;
        }
        #event10 #myActivity .act-item .btn_search1, #myActivity .act-item .btn_search2{
            width: 100px !important;
            height: 42px !important;
            line-height: 42px !important;
            font-size: 18px !important;
            border-radius: 8px !important;
        }
        #event10 #myActivity .act-item.daily {
            width: 476px !important;
            margin-right: 68px !important;
        } 
        #event10 #myActivity .act-item table {
            display: block !important;
            width: 476px !important;
            margin: 0 auto !important;
            margin-top: 20px !important;
        }
        #event10 #myActivity .act-item table th {
            width: 228px !important;
            height: 50px !important;
            line-height: 50px !important; 
            border-radius: 12px 12px 0 0 !important;
            background-color: #353535 !important;
            font-size: 20px !important;
        }
        #event10 #myActivity .act-item table th:first-child,
        #event10 #myActivity .act-item table td:first-child{
            margin-right: 20px !important;
        }
        #event10 #myActivity .act-item table td {
            width: 228px !important;
            height: 50px !important;
            line-height: 50px !important;
            font-size: 20px !important;
        }
        #event10 dl.event_notice {
            font-size: 17px !important;
            padding: 40px 50px !important;
        }
        #event10 dl.event_notice dt {
            font-size: 18px !important;
            margin-bottom: 18px !important;
        }


        /* #event22 */
        #event22 .evt22_img {
            width: 1190px !important;
            height: 2992px !important;
        }


        /* #event24 */
        #event24 .event_footer ul .notice_title {
            margin: 20px 0 !important;
            font-size: 24px !important;
        }
        #event24 .event_footer ul li{
            font-size: 21px !important;
            padding: 4px 0 !important;
        }


        /* #event34 */
        #event34 .linkimg_wrap {
            margin: 280px 0 0 164px !important;
        }
        #event34 .linkimg_wrap a img{
            width: 938px !important;
            height: 55px !important;
            border: 3.5px solid #000 !important;
        }
        #event34 .img3{
            height: 260px !important;
        }
        #event34 .linkimg_wrap a img:hover{
            border: 3.5px solid #e72751 !important;
            border-radius: 36px !important;
        }
        #event34 .notify{
            padding: 80px 0 0 94px !important;
            font-size: 21px !important;
            line-height: 32px !important;
        }


        /* 이벤트 목록 */
        #eventBoard .listPart .listBox {
            grid-template-columns: 1fr 1fr 1fr !important;
        }
        #ad_video > video.full-screen{
            height: 675px;
            width: auto;
            position: absolute;
            border-radius: 5px;
            z-index: 9;
            right: -2px;
        }
        #ad_video .button-overlay.full-screen {
            padding: 8px 131px;
            top: 58px;
            right: -124px;
        }
        #ad_video .button-overlay.full-screen > p{
            font-size: 27px;
        }
        #ad_video .fullScreenBtn.full-screen {
            top: 618px;
        }
}