@charset "utf-8";

/* ASIS 확인용 개발 적용 시 삭제 : S */
.sample-header {
    height: 160px;
    width: 100%;
    background: url("../images/asis/img_asis_header.png") no-repeat 50% bottom / cover;
    font-size: 0;
}
.sample-footer {
    height: 95px;
    width: 100%;
    background: url("../images/asis/img_asis_footer.png") no-repeat 50% / cover;
    font-size: 0;
}
/* ASIS 확인용 개발 적용 시 삭제 : E */

/* 테마 컬렉션 */
.main-container{padding-bottom:100px;}
.sec-inner{max-width:1300px;margin:0 auto;}

.bg-tit{background: linear-gradient(90deg, #3065DE 0%, #293985 100%);padding-top:45px;height:145px;}
.bg-tit h2{text-align:center;font-size:39px;line-height:56px;color:#fff;}

.main-cont.cont2{margin-top:65px;}
.main-cont.cont2 .sec-inner{position:relative;}
.collect-swiper li a{display:block;height:460px;position:relative;}
/* 2023-01-04 수정 */
.collect-swiper li a img{position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;transform: translate(-50%, -50%);}
/* // 2023-01-04 수정 */
.collect-swiper li a img.mo{display:none;}
/* 2023-01-04 수정 (.paragraph1, .paragraph2, .paragraph3 예외처리) */
.collect-swiper li p:not(.paragraph1, .paragraph2, .paragraph3){margin-top:30px;text-align:center;font-size:18px;line-height:26px;color:#141414;font-weight:700;opacity:0;visibility: hidden;transition:opacity 0.7s, visibility 0.7s;}
/* 2023-01-04 수정 */

.collect-swiper li.swiper-slide-active p {opacity:1;visibility: visible;}

.collect-prev{position:absolute;width:43px;height:74px;top:50%;left:-63px;transform:translateY(-50%);text-indent:-9999px;background-image:url(../images/common/ico_collect_prev.png);margin-top:-28px;}
.collect-next{position:absolute;width:43px;height:74px;top:50%;right:-63px;transform:translateY(-50%);text-indent:-9999px;background-image:url(../images/common/ico_collect_next.png);margin-top:-28px;}

.collect-list::after{content:"";display:block;clear:both;}
.collect-list{margin:0 -25px;}
.collect-list > li{width:50%;padding:0 25px;margin-top:70px;float:left;position:relative;}
.collect-list > li.list03{width:36.3%;}
.collect-list > li.list04{width:63.7%;}
.collect-link{display:block;}
.collect-img{height:400px;position:relative;overflow: hidden;}
.collect-img img{position: absolute;left: 50%;top:50%;width: 100%;height:100%;transform: translate(-50%, -50%);object-fit: cover;-o-object-fit: cover;transition:all .5s;}
.collect-img:hover img{transform:scale(1.05) translate(-50%, -50%);}
.collect-list > li.list04 .collect-img img.mo{display:none;}
.collect-tit{margin-top:20px;font-size:30px;line-height:43px;color:#141414;font-weight:700;}
/* 2023-01-04 수정 .collect-list 선택자 추가 */
.collect-list .collect-desc{margin-top:11px;font-size:18px;line-height:26px;color:#8c8c8c; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} 
/* // 2023-01-04 수정 */

.digital-collect-list{position:absolute;right:49px;top:118px;width:67%;margin:0 -10px;}
.digital-collect-list::after{content:"";display:block;clear:both;}
.digital-collect-list li{float:left;padding:0 10px;}
.digital-collect-list li a{display:block;position:relative;height:177px;}
.digital-collect-list li:nth-child(1){width:29%;}
.digital-collect-list li:nth-child(2){width:28%;}
.digital-collect-list li:nth-child(3){width:43%;}
.digital-collect-list li a img{position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;object-fit: cover;-o-object-fit: cover;transform: translate(-50%, -50%);}

.collect-txt-box{display:block;margin:-54px 24px 20px 0;width:410px;height:126px;padding:21px 30px 22px;background-color:#005A46;float:right;position:relative;z-index:1;}
.collect-txt-box em{font-size:20px;line-height:29px;color:#fff;}
.collect-txt-box h3{margin-top:2px;font-size:36px;line-height:52px;color:#fff;font-weight:700;}
.collect-list > li.list04 .collect-desc{color:#353535;text-align:right;font-weight:500;margin-top:0;clear:both;padding-right:24px;}

/* 테마 컬렉션 상세 */
.theme .top h2 a{background: url("../images/asis/arrow.png") center no-repeat;left:0;}
.theme .search .btnS input[type="button"]{background:transparent url("../images/asis/searchOff.png") center no-repeat}
.theme .search .btnL input[type="button"] { background: url("../images/asis/listOff.png") center no-repeat; }
.theme .search .btnG input[type="button"] { background: url("../images/asis/galleryOff.png") center no-repeat; }
.theme .search .btnS input[type="button"]:hover,
.theme .search .btnS input[type="text"]:focus + input[type="button"] { background-image: url("../images/asis/searchOn.png"); }
.theme .search .btnL input[type="button"]:hover,
.theme .search .btnL.on input[type="button"] { background-image: url("../images/asis/listOn.png"); }
.theme .search .btnG input[type="button"]:hover,
.theme .search .btnG.on input[type="button"] { background-image: url("../images/asis/galleryOn.png"); }

.theme .top .inner::before{display:none;}
.theme .top h2{padding:19px 0px 16px 31px;width:calc(100% - 85px)}
#headSub{font-size:17px;line-height:25px;color:rgba(255,255,255,0.7)}
#headTitle{margin-top:1px;font-size:20px;line-height:29px;color:#fff;font-weight:700;}
.theme .search .btnS input[type="text"]{padding-right:44px;}
.theme .list .swiper-wrapper{display:block;height:auto;width:auto;}

.theme .list ul li .img .wrap .centered img.mo{display:none;}

.theme .top .btn button{border-color:rgba(255,255,255,0.5)}
.theme .top .btn button:hover, .theme .top .btn button:focus{background-color:#fff;color:#0B40B9;}
.theme .top .btn .themeMenu{padding:15px 30px 30px;top:90px;}
.theme .top .btn .themeMenu ul {margin:0 -6.5px;}
.theme .top .btn .themeMenu ul::after{content:"";display:block;clear:both;}
.theme .top .btn .themeMenu ul li{margin:15px 0 0 0;padding:0 6.5px;width:25%;}
.theme .top .btn .themeMenu ul li a{padding:0 15px;display:flex;flex-direction: column;align-items: center;justify-content: center;}
.theme .top .btn .themeMenu ul li a h3{display:block;max-width:100%;margin:0;}
.theme .top .btn .themeMenu ul li a p{margin-top:15px;}

.theme .inner{width:100%;max-width:1300px;}

/* 2023-01-04 삭제 */
/* #mobileMenu > ul > li.back a:before{background-image:url(../images/asis/back.png)}
#mobileMenu > ul > li.home a:before{background-image:url(../images/asis/home.png)}
#mobileMenu > ul > li.searchbot a:before{background-image:url(../images/asis/searchbot.png)}
#mobileMenu > ul > li.mypage a:before{background-image:url(../images/asis/mypage.png)} */

/* 2022-12-06 추가 */
.main-cont *, .theme *{box-sizing:border-box;}
.detailContent2 .contentHead{position:relative; padding-bottom: 10px;}
span.conSpan { padding-left: 15px; display: block; line-height: normal; margin-bottom: 10px; }
.con-ulTxt { padding-left: 20px; margin-bottom: 15px; }
.con-ulTxt li{ line-height: normal; word-break: keep-all;font-size: 13px; font-weight: 400;color: #696969;}

.detailContent2 .contentHead::after{content:"";display:block;clear:both;}
/* .detailContent2 .contentHead .contentTitle{line-height:25px;float:left;margin-bottom:0;} */
/* .detailContent2 .contentHead + .scrollY{margin-top:15px;} */
.detailContent2 .contentHead .more {float: right; font-size: 14px; margin-top: 3px; color: #636363; padding-right: 16px; position: relative; margin-right: 5px; margin-left:12px;}
.detailContent2 .contentHead .more:after { content: ''; display: block; width: 8px; height: 12px; position: absolute; right: 0; top: calc(50% - 6px); background: url("../../../images/ko/ico/arrow7.png") center no-repeat; transition: .3s; }
.detailContent2 .contentHead .more.on:after { transform: rotateZ(90deg); }
.modal .top{position:relative;}
.summary-btn-wrap{float:right;}
.summary-btn{float: right; font-size: 13px;padding: 5px 14px;display: block;border: 1px solid #3056de;font-size: 13px;color: #3056de;}
.summary-btn.active{ color: #fff;background-color: #3056de;}
.modal .top .summary-btn-wrap{position:absolute;right:35px;top:50%;margin-top:-12.5px}

/* 2023-01-04 추가 */
/* .img .centered img{width:100%; height: 280px;}
.list.swiper-container.on .img .centered img{width:70px; height:100%;}
 */
.theme .list.swiper-container ul li a .img .wrap{/*width:260px; height: 280px;*/width: 100%; height: 100%;}
.theme .list.swiper-container.on ul li a .img .wrap{width:100%; height:100%;}

.main-cont.cont2 .collection1{margin-bottom:0;}
.main-cont.cont2 .swiper-pagination{width:100%;bottom:-25px; position: static; margin-top: 10px;}
.main-cont.cont2 .swiper-pagination-bullet{margin:0 5px;width:10px;height:10px;}
/* .main-cont.cont2 .swiper-pagination-bullet:focus{outline:0 !important;} */
.main-cont.cont2 .swiper-pagination-bullet-active{background-color:#0B40B9;}
.main-cont.cont3 .collection2{float:none;margin-bottom:0;}
.main-cont.cont3 .collection2 a img{vertical-align: middle;width:100%;height:100%;}

/* 2023-01-06 추가 */
.collection1 .paragraph1{margin:35px 0 20px;color:#000;font-size:30px;font-weight:600;text-align:center;letter-spacing:-0.5px}
.collection1 .paragraph2{margin-bottom:5px;text-align:center;color:#141414;font-size:18px;letter-spacing:-0.5px}
.collection1 .paragraph3{text-align:center;color:#6d6d6d;font-size:16px;letter-spacing:-0.5px}
.collection2 .paragraph1{margin:20px 0 5px;color:#1a1a1a;font-size:30px;font-family:NotoSans, sans-serif;letter-spacing:-0.5px}
.collection2 .paragraph2{color:#8c8c8c;font-size:18px;letter-spacing:-0.5px}

@media (max-width: 1366px){
    /* 테마 컬렉션 */
    .sec-inner{padding:0 40px;max-width:100%;}
    .collect-prev, .collect-next{display:none;}
    .main-cont.cont2 .sec-inner{padding:0 0 0 40px;}
    .collect-swiper li{width:81.5% }
    .collect-swiper li a{height:390px;}
    .collect-swiper li p{font-size:20px;line-height:29px;width:calc(100vw - 40px);padding-right:40px;}
    .collect-list{margin:0 -29px;}
    .collect-list > li{margin-top:60px;padding:0 29px;}
    .collect-list > li.list03, .collect-list > li.list04{padding:0 24px;}
    .collect-img{height:390px;}
    .digital-collect-list{right:44px;top:105px;margin:0 -9px;}
    .digital-collect-list li{padding:0 9px;}
    .digital-collect-list li a{height:167px;}
    .collect-txt-box{margin:-76px 20px 20px 0;}
    .collect-list > li.list04 .collect-desc{padding-right:20px;}
    .collect-list > li.list04 .collect-img img{top:0;transform:none;object-fit: inherit;-o-object-fit: inherit;position:relative;left:0;}

    /* 테마 컬렉션 상세 */
    .sub-container{padding-bottom:40px;}
    .theme .inner{padding:0 40px;max-width:100%;}
    .theme .left{position:static;width:100%;border:0;}
    
    .theme .search{margin:0 -40px;padding:24px 40px;}
    .theme .search .btn{height:72px;}
    .theme .search .btnL, .theme .search .btnG{display:none;}
    .theme .search .btnS{width:100%;}
    .theme .search .btnS input[type="text"]{height:72px;padding-right:76px;}
    .theme .search .btnS input[type="button"]{background:transparent url(../images/common/ico_search_off.png) no-repeat center;background-size:32px auto;width:72px;}
    .theme .search .btnS input[type="button"]:hover, .theme .search .btnS input[type="text"]:focus + input[type="button"]{background:transparent url(../images/common/ico_search_off.png) no-repeat center;background-size:32px auto;}
    .theme .top h2{padding:17px 0px 17px 31px;width:calc(100% - 105px);}
    .theme .top .btn button{right:40px;width:100px;height:48px;top:calc(50% - 24px)}
    #headSub{font-size:18px;line-height:26px;}
    #headTitle{font-size:24px;line-height:35px;margin-top:5px;}
    .theme .list{padding:45px 0;margin-right:-40px;/*height:auto;*/ height: 300px; margin: 20px 0;}
    .theme .list .swiper-wrapper{display:flex;width:100%;height:100%;}
   /*  .theme .list .swiper-slide{width:20%;height:300px;} */
   	.theme .list .swiper-slide {width: 24%; height: 100%; transform: scale(1.3); overflow: hidden; display: flex; justify-content: center; align-items: center; margin-right: 0!important;} 
    .theme .list ul li .con{display:none !important;}
    .theme .list ul li a{width:100%;height:100%;}
    .theme .list ul li .img{width:67% !important; height:100% !important;float:none !important;border:0;}
    .theme .list ul li .img .wrap{padding-top:0;width:100%;height:100%;}
    .theme .list ul li .img .wrap .centered{position:relative;transform:none;width:100%;height:100%;}
    /* 2023-01-04 수정 */
    .theme .list ul li .img .wrap .centered img{width:100%;height:100%;left:50%;top:50%;}
    /* // 2023-01-04 수정 */
    .theme .list ul li .img .wrap .centered img.pc{display:none;}
    .theme .list ul li .img .wrap .centered img.mo{display:inline-block; width:100%; height: 100%;}
	
	.theme .list.swiper-container.on ul li a .img .wrap{width:100%; height: 100%;}
	.theme .list.swiper-container.on ul li a{width:100%; height: 100%;margin-right: 15px;}
	/* .theme .list .swiper-slide{width:260px; height: 280px;} */
	
    .theme .right{float:none;width:100%;position:relative;padding-top:15px;}
    .theme .right::before{content:"";position:absolute;left:-40px;right:-40px;top:0;height:14px;background-color:#f1f3f5;border-top:1px solid #eee;}
    .theme .right > .wrap{padding:30px 0 0 0;}
    .theme .view .top a{height:364px;}
    .theme .view .top a .img{height:100%;}
    .theme .view .top a .img .wrap{padding:0;height:100%;}
    .theme .view .top a .img .wrap .centered{position:relative;transform:none;height:100%;}
    .theme .view .top a .img .wrap .centered img{width:100%;height:100%;top:50%;left:50%;/*object-fit: cover;*/-o-object-fit: cover;}
    .book .gridalicious{margin:0 -28px;}
    .book .gridalicious::after{content:"";display:block;clear:both;}
    .book .gridalicious .item{margin-bottom:60px;padding:0 28px;}
    .gridalicious .item a{border:0;}
    .book .gridalicious .item .img{height:400px;}
    .book .gridalicious .item .img .wrap{padding-top:0;height:100%;}
    .book .gridalicious .item .img .centered{height:100%;position:relative;transform:none;}
    .book .gridalicious .item .img .centered img{width:100%;height:100%;top:50%;left:50%;object-fit: cover;-o-object-fit: cover;}

    .book .gridalicious .item a > .con{position:static;height:auto;display:block;padding:0;margin-top:20px;}
    .book .gridalicious .item a .con .txt{display:none;}
    .book .gridalicious .item a:hover .con, .book .gridalicious .item a:focus .con, .book .gridalicious .item a:active .con{background-color:transparent}
    .book .gridalicious .item a .con h3, .book .gridalicious .item a .con .tit{font-size:20px;line-height:29px;color:#141414;text-align:center;font-weight:700;height:58px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;white-space: inherit;margin-bottom:0;}

    .theme .top .btn .themeMenu{padding:0px 40px 49px 40px;top:100px;}
    .theme .top .btn .themeMenu ul{margin:0 -20px;}
    .theme .top .btn .themeMenu ul li{margin-top:40px;width:50%;padding:0 20px;}
    .theme .top .btn .themeMenu ul li a{height:180px;padding:0 40px;}
    .theme .top .btn .themeMenu ul li a h3{font-size:28px;line-height:41px;}
    .theme .top .btn .themeMenu ul li a p{font-size:20px;line-height:29px;}

    /* 2023-01-04 삭제 */
    /* #mobileMenu > ul > li a{padding:16px 0;}
    #mobileMenu > ul > li a span{font-size:16px;} */

    /* 2023-01-04 추가 */
    .main-cont.cont2 .swiper-pagination{width:calc(100vw - 40px);padding-right:40px;}
    .collection1 .paragraph1, .collection1 .paragraph2, .collection1 .paragraph3{width:calc(100vw - 40px);padding-right:40px;}
}
@media (max-width: 1238px){
	.theme .list .swiper-slide {transform: scale(1.0);}
	.theme .list { padding: 15px 0; }
	.theme .list ul li .img { width: auto !important; }
}
@media (max-width: 1024px){
    /* 테마 컬렉션 */
    .collect-swiper li{width:87%;}
    .collect-swiper li a{height:300px;}
    .collect-list{margin:0 -20px;}
    .collect-list > li{margin-top:60px;padding:0 20px;}
    .collect-list > li.list03, .collect-list > li.list04{padding:0 18px;}
    .collect-img{height:290px;}
    .collect-tit{font-size:32px;line-height:46px;}
    /* 2023-01-04 수정 .collect-list 선택자 추가 */
    .collect-list .collect-desc{margin-top:8px;font-size:20px;line-height:29px;}
    /* // 2023-01-04 수정 */
    .digital-collect-list{right:35px;top:86px;margin:0 -7px;}
    .digital-collect-list li{padding:0 7px;}
    .digital-collect-list li a{height:128px;}
    .collect-txt-box{margin:-54px 20px 20px 0;}
    .collect-list > li.list04 .collect-desc{padding-right:0;}

    /* 테마 컬렉션 상세 */
    /* .theme .list .swiper-slide{width:260px; height: 280px;} */
    .theme .view .top a{height:268px;}
    .book .gridalicious{margin:0 -24px;}
    .book .gridalicious .item{width:25%;padding:0 24px;margin-bottom:54px;}
    .book .gridalicious .item .img{height:250px;}
    .theme .top .btn .themeMenu ul{margin:0 -15px;}
    .theme .top .btn .themeMenu ul li{padding:0 15px;}
    .theme .list .swiper-slide { transform: scale(1.0); width: 27%;}
    .theme .list { height: 245px; margin: 0;}
}

@media (max-width: 800px){
    /* 테마 컬렉션 */
    .main-container{padding-bottom:80px;}
    .sec-inner{padding:0 30px;}
    .bg-tit{height:138px;}
    .main-cont.cont2 .sec-inner{padding:0 0 0 30px;}
    .main-cont.cont2{margin-top:60px;}
    .collect-swiper li{width:54%;}
    .collect-swiper li a{height:460px;}
    .collect-swiper li a img.pc{display:none;}
    .collect-swiper li a img.mo{display:inline-block;}
    .collect-swiper li p{width:calc(100vw - 30px);padding-right:30px;}
    .collect-tit{font-size:30px;line-height:43px;}
    .collect-list > li.list03, .collect-list > li.list04{padding:0 20px;width:50%;}
    .collect-img{height:330px;}
    .collect-list > li.list04 .collect-img img.pc{display:none;}
    .collect-list > li.list04 .collect-img img.mo{display:inline-block;}
    
    /* 2023-01-04 수정 .collect-list 선택자 추가 */
    .collect-list .collect-desc{margin-top:16px;font-size:18px;line-height:26px;}
    /* // 2023-01-04 수정 */
    .digital-collect-list{left:35px;right:35px;top:128px;margin:0 -4px;width:auto;}
    .digital-collect-list li{padding:0 4px;width:33.3333% !important}
    .digital-collect-list li a{height:124px;}
    .collect-txt-box{margin:-58px 0px 20px 0;width:100%;height:100px;padding:17px 20px 20px;}
    .collect-txt-box em{font-size:16px;line-height:23px;}
    .collect-txt-box h3{font-size:24px;line-height:35px;margin-top:5px;}
    .collect-list > li.list04 .collect-desc{text-align:left;}

    /* 테마 컬렉션 상세 */
    .theme .inner{padding:0 30px;}
    .theme .top .btn{height:80px;}
    .theme .top .btn button{height:38px;width:80px;font-size:14px;top:calc(50% - 19px);right:30px;}
    .theme .top h2{padding:16px 0 16px 31px;}
    #headSub{font-size:14px;line-height:20px;}
    #headTitle{margin-top:2px;font-size:18px;line-height:26px;}
    .theme .top .btn .themeMenu{top:80px;padding:10px 30px 40px;}
    .theme .top .btn .themeMenu ul{margin:0;}
    .theme .top .btn .themeMenu ul li{padding:0;width:100%;margin-top:20px;}
    .theme .top .btn .themeMenu ul li a{height:160px;padding:0 25px;}
    .theme .top .btn .themeMenu ul li a h3{font-size:24px;line-height:35px;}
    .theme .top .btn .themeMenu ul li a p{font-size:20px;line-height:29px;margin-top:6px;}
    .theme .search{padding:16px 30px;margin:0 -30px;}
    .theme .search .btnS input[type="text"]{height:48px;padding-right:45px;}
    .theme .search .btn{height:48px;}
    .theme .search .btnS input[type="button"]:hover, .theme .search .btnS input[type="text"]:focus + input[type="button"]{background-size:19px auto;}
    .theme .search .btnS input[type="button"]{width:45px;background-size:19px auto;}
    .theme .list{margin-right:-30px;}
    /* .theme .list .swiper-slide{width:260px !important;height:280px;padding:0 !important;margin-bottom:0 !important} */
    .theme .view .top a{height:210px;}
    .book .gridalicious{margin:0 -16.5px;}
    .book .gridalicious .item{padding:0 16.5px;margin-bottom:50px;}
    .book .gridalicious .item .img{height:240px;}
    .book .gridalicious .item a > .con{margin-top:16px;}
    .book .gridalicious .item a .con h3, .book .gridalicious .item a .con .tit{font-size:16px;line-height:23px;height:46px;}

    /* 2023-01-04 추가 */
    .collection1 .paragraph1, .collection1 .paragraph2, .collection1 .paragraph3{width:calc(100vw - 30px);padding-right:30px;}
    .main-cont.cont2 .swiper-pagination{width:calc(100vw - 30px);padding-right:30px;}
}


@media (max-width: 820px){
/*     #header{display:none;} */
    #footer{display:none;}
    .sample-header{display:none;}
    .sample-footer{display:none;}

    /* 2022-12-06 추가 */
    .modal .top .summary-btn-wrap{right:30px;margin-top:-10px}
    /* // 2022-12-06 추가 */
}



@media (max-width: 767px){
    .theme .top h2{height:auto;line-height:1;}
    #headSub{display:block;}
    .theme .bottom.inner{padding:0 30px;}
    .theme .list{width:auto;}
    .theme .right{padding:15px 0 0 0}

    /* 2023-01-04 삭제 */
    /* #mobileMenu > ul > li a{padding:12px 0;}
    #mobileMenu > ul > li a span{font-size:15px;} */
    .theme .list.swiper-container.on ul li a { margin-right: 0px; }
}


@media (max-width: 540px){
    /* 테마 컬렉션 */
    .bg-tit{height:105px;padding-top:40px;}
    .sec-inner{padding: 0 20px;}
    .main-cont.cont2 .sec-inner{padding:0 0 0 20px;}
    .bg-tit h2{font-size:24px;line-height:35px;}
    .main-cont.cont2{margin-top:50px;}
    .collect-swiper li{width:72%;}
    .collect-swiper li a{height:280px;}
    .collect-swiper li p{font-size:16px;line-height:23px;width:calc(100vw - 20px);padding-right:20px;}
    .collect-list{margin:0;}
    .collect-list > li{width:100% !important;float:none;margin-top:40px;padding:0 !important;}
    .collect-img{height:300px;}
    .collect-tit{font-size:24px;line-height:35px;text-align:center;}
    /* 2023-01-04 수정 .collect-list 선택자 추가 */
    .collect-list .collect-desc{margin-top:6px;font-size:14px;line-height:20px;text-align:center;}
    /* // 2023-01-04 수정 */
    .digital-collect-list{left:0;right:0;}
    .collect-txt-box{margin:-24px 0 16px 0;}
    .collect-list > li.list04 .collect-desc{text-align:center;font-size:16px;line-height:23px;color:#141414;}
    .collect-list > li.list04 .collect-img img{top:0;transform:none;object-fit:contain;position:relative;left:0;height:auto;width:100%;}

    /* 테마 컬렉션 상세 */
    .theme .bottom.inner{padding:0 20px;}
    .theme .inner{padding:0 20px;}
    .theme .top h2{padding:8px 0 9px 30px;}
    .theme .top .btn button{right:20px;}
    #headSub{font-size:13px;line-height:19px;}
    #headTitle{font-size:15px;line-height:22px;margin-top:0;}
    .theme .top .btn{height:58px;}
    .theme .search{margin:0 -20px;padding:16px 20px;}
    .theme .list{margin-right:-20px;}
    .theme .list .swiper-slide{/* 2023-03-29 수정 */ width:36% !important; height:100%;}
    .theme .search .btnS input[type="text"]{height:40px;}
    .theme .search .btn{height:40px;}
    .theme .list{padding:0; height: 190px;}
    .theme .right{padding-top:10px;}
    .theme .right::before{height:9px;}

    .theme .view .top a{height:130px;}
    .book .gridalicious{margin:0 -10px;}
    .book .gridalicious .item{margin-bottom:40px;width:50%;padding:0 10px;}
    .book .gridalicious .item .img{height:250px;}
    .book .gridalicious .item a > .con{margin-top:10px;}

    .theme .top .btn .themeMenu{top:58px;padding:10px 20px 20px;}
    .theme .top .btn .themeMenu ul li{margin-top:10px;}
    .theme .top .btn .themeMenu ul li a{height:90px;}
    .theme .top .btn .themeMenu ul li a h3{font-size:16px;line-height:23px;}
    .theme .top .btn .themeMenu ul li a p{font-size:13px;line-height:19px;margin-top:8px;}

    /* 2023-01-04 추가 */
    .main-cont.cont2{padding-bottom:30px;}
    .collection1 .paragraph1, .collection1 .paragraph2, .collection1 .paragraph3{width:calc(100vw - 20px);padding-right:20px;}
    .main-cont.cont2 .swiper-pagination{width:calc(100vw - 20px);padding-right:20px;}
}

@media (max-width: 426px){
    /* 테마 컬렉션 */
    .bg-tit{height:30.44vw;padding-top:11.11vw;}
    .bg-tit h2{font-size:6.67vw;line-height:9.72vw;}
    .main-cont.cont2{margin-top:25.06vw;}
    .main-cont.cont2 .sec-inner{padding:0 0 0 5.56vw;}
    .collect-swiper li a{height:77.46vw;}
    /* 2023-01-04 수정 (.paragraph1, .paragraph2, .paragraph3 예외처리) */
    .collect-swiper li p:not(.paragraph1, .paragraph2, .paragraph3){font-size:4.44vw;line-height:6.39vw;margin-top:5.56vw;/*width:calc(100vw - 27.56vw);*/padding-right:5.56vw}
    /* // 2023-01-04 수정 (.paragraph1, .paragraph2, .paragraph3 예외처리) */
    .collect-img{height:84.51vw;margin-top:11.11vw;}
    .collect-tit{font-size:6.67vw;line-height:9.72vw;margin-top:5.56vw;}
    /* 2023-01-04 수정 .collect-list 선택자 추가 */
    .collect-list .collect-desc{margin-top:1.41vw;font-size:3.89vw;line-height:5.56vw;}
    /* // 2023-01-04 수정 */
    .collect-list > li.list04 .collect-desc{font-size:4.44vw;line-height:6.39vw;}
    .digital-collect-list{top:30.05vw;margin:0 -1.11vw;}
    .digital-collect-list li{padding:1.11vw;}
    .digital-collect-list li a{height:33.80vw}
    .collect-txt-box{margin:-6.67vw 0 4.44vw;padding:4.72vw 5.56vw 5.56vw;height:27.78vw;}
    .collect-txt-box em{font-size:4.44vw;line-height:6.39vw;}
    .collect-txt-box h3{margin-top:1.39vw;font-size:6.67vw;line-height:9.72vw;}

    /* 테마 컬렉션 상세 */
    .theme .bottom.inner{padding:0 5.56vw;}
    .theme .inner{padding:0 5.56vw;}
    .theme .top h2{padding:2.22vw 0 2.50vw 8.33vw;}
    .theme .top .btn button{right:5.56vw;height:10.56vw;width:22.22vw;top:calc(50% - 5.28vw)}
    #headSub{font-size:3.61vw;line-height:5.28vw;}
    #headTitle{font-size:4.17vw;line-height:6.11vw;margin-top:0;}
    /* .theme .top .btn{height:16.11vw;} */
    .theme .top .btn{height:auto}
    .theme .search{margin:0 -5.56vw;padding:4.44vw 5.56vw;}
    .theme .list{margin-right:-5.56vw; }
    .theme .list .swiper-slide{/* 2023-01-04 수정 *//* width:260px !important;*/height:100%;}
    .theme .search .btnS input[type="text"]{height:11.11vw;}
    .theme .search .btn{height:11.11vw;}
    .theme .search .btnS input[type="button"]{width:12.50vw;background-size:5.28vw auto;}
    .theme .search .btnS input[type="button"]:hover, .theme .search .btnS input[type="text"]:focus + input[type="button"]{background-size:5.28vw auto;}
    .theme .list{/*padding:5.56vw 0;*/padding: 20px 0 !important;}
    .theme .right{padding-top:2.78vw;}
    .theme .right::before{height:2.50vw;}

    .theme .right > .wrap{padding-top:8.33vw;}
    .theme .view .top{margin-bottom:8.33vw;}

    .theme .view .top a{height:25.82vw;}
    .book .gridalicious{margin:0 -2.78vw;}
    .book .gridalicious .item{margin-bottom:11.11vw;width:50%;padding:0 2.78vw;}
    .book .gridalicious .item .img{height:61.03vw;}
    .book .gridalicious .item a > .con{margin-top:2.78vw;}
    .book .gridalicious .item a .con h3, .book .gridalicious .item a .con .tit{font-size:4.44vw;line-height:6.39vw;height:12.78vw;}

    .theme .top .btn .themeMenu{top:16.11vw;padding:2.78vw 5.56vw 5.56vw;}
    .theme .top .btn .themeMenu ul li{margin-top:2.78vw;}
    .theme .top .btn .themeMenu ul li a{height:21.13vw;padding:0 6.94vw;}
    .theme .top .btn .themeMenu ul li a h3{font-size:4.44vw;line-height:6.39vw;}
    .theme .top .btn .themeMenu ul li a p{font-size:3.61vw;line-height:5.28vw;margin-top:2.22vw;}

    /* 2023-01-04 삭제 */
    /* #mobileMenu > ul > li a > span{font-size:3.33vw;line-height:1;}
    #mobileMenu > ul > li a:before{margin-bottom:1.39vw;height:5.56vw;}
    #mobileMenu > ul > li.back a:before{background-size:auto 4.44vw}
    #mobileMenu > ul > li.home a:before{background-size:auto 5vw}
    #mobileMenu > ul > li.searchbot a:before{background-size:auto 5.56vw}
    #mobileMenu > ul > li.mypage a:before{background-size:auto 5.56vw}
    #mobileMenu > ul > li a{padding:2.22vw 0;} */

    /* 2022-12-06 추가 */
    .detailContent2 .contentHead .contentTitle{float:none}
    .detailContent2 .contentHead .summary-btn-wrap{float:none;margin-top:5px;position:relative;}
    .detailContent2 .contentHead .more{position:absolute;right:0;top:50%;transform:translateY(-50%);margin:0;}
    /* // 2022-12-06 추가 */

    /* 2023-01-04 추가 */
    .main-cont.cont2{padding-bottom:7.04vw}
    .collection1 .paragraph1, .collection1 .paragraph2, .collection1 .paragraph3{width:calc(100vw - 5.56vw);padding-right:5.56vw;}
    .main-cont.cont2 .swiper-pagination{width:calc(100vw - 5.56vw);padding-right:5.56vw;bottom:-7.04vw;}
    .main-cont.cont2 .swiper-pagination-bullet{width:8px;height:8px;margin:0 4px;}

    /* 2023-01-06 추가 */
    .collection1 .paragraph1{margin:5.87vw 0 2.35vw;color:#000;font-size:5.63vw;font-weight:600;text-align:center;letter-spacing:-0.5px}
    .collection1 .paragraph2{margin-bottom:1.17vw;text-align:center;color:#141414;font-size:4.44vw;letter-spacing:-0.5px;line-height:6.39vw;}
    .collection1 .paragraph3{text-align:center;color:#6d6d6d;font-size:3.76vw;letter-spacing:-0.5px}
    .collection2 .paragraph1{margin:5.56vw 0 0px;color:#1a1a1a;font-size:6.67vw;font-family:NotoSans, sans-serif;letter-spacing:-0.5px}
    .collection2 .paragraph2{color:#8c8c8c;font-size:3.89vw;letter-spacing:-0.5px;margin-top:1.41vw;}

}

@media (max-width: 375px){
	.theme .list { height: 160px; padding: 10px 0; }
}