@charset "utf-8";

/* Nav */
.list-nav { line-height:22px; margin-bottom:15px; }
.list-nav .page-nav { margin-top:4px; }
@media all and (max-width:460px) {
	.responsive .list-nav .page-nav { display:none; }
}

/* ī�װ��� */
.list-category { margin-bottom:20px; }
.list-category ul { list-style:none; }
.list-category .active a, .list-category .selected a { color:crimson; font-weight:bold !important; }

/* Sort */
.list-sort { margin:15px 0px 20px; }
.list-sort ul { list-style:none; }
.list-sort .on { font-weight:bold; color:crimson !important;}
.list-sort .pull-left a, .list-sort .pull-right a { display:inline-block; margin:0px 10px; }

/* ��� */
.list-wrap { overflow:hidden; line-height:20px; }
.list-wrap .txt-normal { letter-spacing:0; }
.list-wrap .txt-short { letter-spacing:-1px; padding-right:1px; }
.list-wrap .item-row { float:left; }
.list-wrap .item-image { position:relative; overflow:hidden; }
.list-wrap .item-content { padding-top:10px; margin:0px 4px; text-align:center; }
.list-wrap .item-star { text-align:center; overflow:hidden; letter-spacing:-1px; font-size:18px; line-height:20px; height:20px; margin-bottom:4px; }
.list-wrap .item-name { overflow:hidden; letter-spacing:-1px; padding-right:1px; text-align:center; font-size:14px; }
.list-wrap .item-text { font-size:12px; color:#888; }
.list-wrap .item-price { margin-top:4px; line-height:22px; }
.list-wrap .item-price b { font-size:16px; display:inline-block; margin:0px 4px; }
.list-wrap .item-price b i { font-size:12px; }
.list-wrap .item-price strike { color:#888; margin:0px 4px; font-size:14px; display:inline-block; }
.list-wrap .item-details { color:#888; margin-top:4px; padding:0px 1px; font-size:13px; text-align:center; }
.list-wrap .item-sp { margin:0px 4px; white-space:nowrap; }
.list-wrap .item-sp i { margin-right:2px; color:#888; }
.list-wrap .item-sns { margin-top:15px; text-align:center; }
.list-wrap .item-sns img { width:15%; max-width:34px; border-radius:50%; }
.list-none { margin:0px 0px 15px; padding:80px 0px; text-align:center; color:#888; }
.list-btn { margin:30px auto 0px; max-width: 980px;}
.list-page { margin-bottom:15px; }
.list-page .pagination { margin:0; }


/* littlesong */

/* list */
.sub_container_wrap .inner_area{max-width:100%;margin:0 auto;padding:0 0 80px 0}

.item_box{position:relative;padding:81px 0 85px;}
.item_box .item_inner{position:relative;max-width: 980px;margin:0 auto;}

.item_box:first-child{padding:50px 0 133px;background:url(./img/bg_2022_v2.png) no-repeat center;background-size: cover}
.item_box1{padding:40px 0 70px;background:#FFE672}

.list_wrap .item_list{display: flex;justify-content: center;align-items: flex-start;}
.list_wrap .item_box2 .item_list:before{position:absolute;top:0;left:-100%;display: flex;clear:both;content: '';width:100%;height:100%;background:#FFF1C0;}
.list_wrap .it_row{z-index:2;position:relative;float:left;width:300px;min-height:388px;padding:0;margin:0 20px 0 0;background:#fff;border:8px solid #c1c1c1;text-align:center}
.list_wrap .it_row_2022{width:390px;margin:0 42px 0 0}
.list_wrap .it_row:nth-of-type(2n){margin:0}

.list_wrap .it_row_v2:before{width:206px;height:223px;background:url('/img/ddr/img_usb.png') no-repeat center;}

.list_wrap .it_name{display:block;width:80%;margin:28px auto 14px;word-break: keep-all;font-size:32px;font-weight: 600;letter-spacing: -0.025em;line-height: 1.25;color:#1D1D1D}
.list_wrap .it_row_v2 .it_name{line-height:80px;}
.list_wrap .it_name b{display:block;margin:17px 0 0;font-weight: 600}
.it_row .it_price{display:block;margin:20px 0 0;font-size:40px;color:#E05552;font-weight:600;}
.it_row_2022:first-child .it_price{margin:5px 0 0}
.it_row input[type="submit"],.it_row .btn_buy_lnk{position: absolute;z-index:1;bottom:-30px;left:50%;width:180px;height:50px;line-height:50px;transition: .2s all;transform: translateX(-50%);-webkit-transform: translateX(-50%);color:#fff;background:#ff9a0e;font-size:22px;border-radius:25px;font-weight:600;border:0;-webkit-appearance: none;letter-spacing: -0.025em;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);}
.it_row input[type="submit"]:hover,.it_row .btn_buy_lnk:hover{background: #FFB44D}

.it_row .it_desc{padding:15px 0 0;font-size:16px;color:#1D1D1D;line-height:1.4}
.it_row .it_desc b{font-weight:600;color:#00BF8A}
.it_row_2021:nth-of-type(1) .it_desc b{color:#0072BB}
.it_row_2021:nth-of-type(2) .it_desc b{color:#00A779}
.it_row_2021_v2 .it_desc b{color:#FE655F}
.it_row_2022:last-child .it_desc b{font-weight:600;color:#A065E4}

.list_wrap .it_row_2021{min-height:360px;padding:0}
.item_box .it_row_2021:nth-of-type(1n){border-color:#0072BC}
.item_box .it_row_2021:last-child{border-color:#00A779}

.it_row .new_price{position:relative;display:inline-block;margin:20px 0 5px;font-size:20px;color:#717171;}
.it_row .new_price:before{position:absolute;top:50%;left:-3px;display:block;clear:both;content:'';width:100px;height:1px;background:#717171;}
.it_row .new_expire{display:block;margin:22px 0 0;color:#E05552;font-size:18px;letter-spacing: -0.03em;font-weight:600}

.inner_area .item_notice{max-width: 980px;margin:0 auto;}

.item_box .new_tt{position:relative;display:block;margin:0 0 40px 0;text-align:center;color:#1D1D1D;font-size:38px;letter-spacing: -0.025em;font-weight: 600}
.list_wrap .it_row_2021 .it_name{width:100%;height:100px;margin:0;background: url(/img/ddr/img_tt_22.png) no-repeat center;text-indent: -9999px}
.list_wrap .it_row_2021 .it_1604535874{background-position:0 0}
.list_wrap .it_row_2021 .it_1604535912{background-position:0 -100px}
.it_row_2021 .it_desc{padding:26px 0 0;}
.item_box .it_row_2021:nth-of-type(1) .it_desc{padding:46px 0 0;}

.it_row_2021:nth-of-type(1n) input[type="submit"]{background: #0063A3}
.it_row_2021:last-child input[type="submit"]{background: #008E67}

.list_wrap .new_op label{display: none;}
.new_op{position:relative;width:238px;margin:16px auto 0;}
.it_row_2022 .new_op{width:300px}
.new_op:after {display: block;clear: both;content: '';position: absolute;top: 0;right: 14px;top: 50%;margin-top: -3px;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 8px solid #00A779;}
.it_row_2022 .new_op:after{border-top: 8px solid #a065e4}
.new_op select{width:100%;height:44px;padding:0 15px;border:2px solid #C1C1C1;color:#656565;-webkit-appearance:none;font-size:16px;font-weight:600;letter-spacing: -0.015em;}
.new_op select::-ms-expand{display: none}
.btn_item_adm{z-index:2;position:absolute;bottom:40px;right:30px;}


/* 2021성경학교 또드락 컨텐츠 1621323237 */
.list_wrap .it_row_2021_v2{float:inherit;min-height:360px;margin:0 auto;padding:0;border-color: #FF655F;}
.list_wrap .it_row_2021_v2 .it_name{width:100%;height:100px;margin:0;background: url(/img/ddr/img_tt2021_22.png) no-repeat center;background-size:cover;text-indent: -9999px}
.it_row_2021_v2 input[type="submit"]{background:#FF655F}
.it_row_2021_v2 input[type="submit"]:hover{background:#FF655F}
.item_box .it_row_2021_v2 .it_desc{padding:52px 0 0}

/* 2022 하나님나라 씨앗공과 */
.new_tt2{display: block;margin:0 0 25px 0;color:#1D1D1D;font-size:32px;font-weight:600;text-align: center;}
.item_box .item_bot2{width:330px;padding:50px 30px 60px 0;background: #FFF1C0}
.item_box .item_bot3{width:650px;padding:50px 0 60px 30px;background: #FEEAA3}
.item_box .it_row_2022:nth-of-type(1){border-color:#00bf8a}
.item_box .it_row_2022:last-child{border-color:#a065e4}

.it_row_2022:nth-of-type(1n) input[type="submit"]{bottom:-33px;width:200px;height:60px;line-height:60px;font-size:24px;border-radius:30px;background: #00bf8a}
.it_row_2022:last-child input[type="submit"]{bottom:-33px;width:200px;height:60px;line-height:60px;border-radius:30px;background: #a065e4}

.list_wrap .it_row_2022 .it_name{width:380px;height:119px;margin:0;background: url(/img/ddr/img_tt22.png) no-repeat center;text-indent: -9999px}
.list_wrap .it_row_2022 .it_1637281766{background-position:0 0}
.list_wrap .it_row_2022 .it_1637281774{background-position:0 -120px}

.list_wrap .it_row_2022_v2{width: 390px;margin-left:-420px;border-color: #FFD305;}
.list_wrap .it_row_2022_v2 .it_name{width:380px;height:119px;margin:0;background: url(./img/img_tt22_v2.png) no-repeat center;text-indent: -9999px}
.it_row_2022_v2 .it_desc{padding:60px 0 0}
.it_row_2022_v2 input[type="submit"], .it_row .btn_buy_lnk{background:#FFD305;color:#000}
.it_row_2022_v2 input[type="submit"]:hover, .it_row .btn_buy_lnk:hover{background-color:#FFD305}