/*여백*/

.ptb80 { padding: 80px 0!important;}
.ptb110 { padding: 110px 0!important;}
.ptb120 { padding: 120px 0!important;}
.ptb140 { padding: 140px 0!important;}

.pt0 { padding-top: 0px!important;}
.pt20 { padding-top: 20px!important;}	
.pt70 {padding-top: 70px!important;}
.pt80 {padding-top: 80px!important;}
.pt120 { padding-top: 120px!important;}
.pt140 { padding-top: 140px!important;}
.pt250 { padding-top: 250px!important;}

.pb0 { padding-bottom: 0px!important;}
.pb80 { padding-bottom: 80px!important;}
.pbt20 { padding-bottom: 20px!important;}
.pbt50 { padding-bottom: 50px!important;}
.pbt70 { padding-bottom: 70px!important;}
.pb100 { padding-bottom: 100px!important;}
.pb110 { padding-bottom: 110px!important;}
.pb120 { padding-bottom: 120px!important;}
.pb140 { padding-bottom: 140px!important;}	

.line-section-none {border-top: 1px solid #f3f3f3!important;}


/*텍스트 스타일*/
.color_w {color: #FFFFFF!important;}
.color_bk {color: #000!important;}

#buy_goods h1 {font-size: 40px; color: #1a1a1a; letter-spacing: -.8px; line-height: 60px; font-weight: 600;}
#buy_goods h2 { font-size: 40px; letter-spacing: -.5px; font-weight: 900; text-align: center; color: #202020; line-height: 60px;}
#buy_goods p.p1 { font-size: 18px; color: #666; letter-spacing: -.8px; padding: 25px 0 40px; line-height: 32px;}	

/*섹션별 백그라운드 컬러*/
#buy_goods .bgc_f8 { background-color: #f8f8f8!important;}
#buy_goods .bgc_kyy { background-color: #22244F!important;}
#buy_goods .bgc_beige { background-color: #f6e9c5!important;}
#buy_goods .bgc_fff { background-color: #fff!important;}

/*메인 배너 기본 레이아웃*/
#buy_goods .con_wrap { width: 100%; text-align: center; position: relative; overflow: hidden;}		

#buy_goods .main .main_topban { display: flex; justify-content: space-between; width: 1200px; margin: 0 auto; padding: 70px 0px;}
#buy_goods .main .main_left { width: 48%; height: 550px; text-align: left; position: relative; background-color: #fff;}
#buy_goods .main .main_right { width: 48%; height: 550px; text-align: left; position: relative; background-color: #fff;}

#buy_goods .main  .main_topban article {width: 32% }

#buy_goods .con_wrap.renewal.main .main_topban { display: flex; justify-content: space-between; width: 1200px; margin: 0 auto; padding: 70px 0px;}
#buy_goods .con_wrap.renewal.main .main_box { width: 48%; text-align: left; position: relative; background-color: #fff;}




/*메인 배너 컨텐츠*/
#buy_goods .con_wrap.renewal.main .main_topban .main_topban_txt {position: relative; padding: 35px;}
#buy_goods .con_wrap.renewal.main .main_topban .main_topban_txt h1 {font-size: 30px; color: #1a1a1a; letter-spacing: -.8px; line-height: 40px; font-weight: 600;}
#buy_goods .con_wrap.renewal.main .main_topban .main_topban_txt p { font-size: 16px; color: #1a1a1a; letter-spacing: -.8px; line-height: 27px;}
#buy_goods .con_wrap.renewal.main .main_topban .main_topban_txt .btn_wrap {display: flex;    align-items: center;    justify-content: space-between; width: 100%;}
#buy_goods .con_wrap.renewal.main .main_topban .main_topban_txt a.main_btn { font-size: 15px; color: #fff; letter-spacing: -.8px; padding: 14px 50px; background: #222450; transition: .3s; display: table; width: 100%; text-align: center;}
#buy_goods .con_wrap.renewal.main .main_topban .main_topban_txt a.main_btn2 {width: 50%; font-size: 15px; color: #fff; letter-spacing: -.8px; padding: 14px 50px; background: #222450; transition: .3s; display: table;  }
#buy_goods .con_wrap.renewal.main .main_topban .main_topban_txt a.main_btn2:nth-child(2n) {color: #222450; background: #fff; outline: 2px solid #222450; outline-offset: -2px;}
#buy_goods .con_wrap.renewal.main .main_topban .main_topban_txt a.main_btn:hover {color:#fff; background: #464a8c; transition: .3s;}
#buy_goods .con_wrap.renewal.main .main_topban .main_topban_txt a.main_btn2:hover {color:#fff; background: #464a8c; transition: .3s;}
#buy_goods .con_wrap.renewal.main .main_topban .main_topban_txt a.main_btn2:hover:nth-child(2n) {background: #333; transition: .3s;}

#buy_goods .con_wrap.renewal.main .main_topban img {  position: absolute;    width: 75px;    top: 101px;    right: 35px;    display: block;}
#buy_goods .con_wrap.renewal.main article {width: 32% !important; }

/*섹션 트윈*/
#buy_goods .sec_twin { display: flex; justify-content: space-between; width: 1200px; margin: 0 auto;}
#buy_goods .sec_twin .sec_left { width: 48%; height: 550px; text-align: left; position: relative;}
#buy_goods .sec_twin .sec_right { width: 48%; height: 550px; text-align: left; position: relative; background-color: #fff; background: url(/sub_company/img_buy_goods/img1.jpg?t=1) center center no-repeat; background-size: 575px;}

/*섹션 트윈 컨텐츠*/
#buy_goods .sec_twin .sec_twin_box {position: relative; padding: 96px 0 0 0px;}
#buy_goods .sec_twin .sec_twin_box a.sec_btn { font-size: 15px; color: #fff; letter-spacing: -.8px; padding: 20px 46px; background: #242424; transition: .3s; display: table;}
#buy_goods .sec_twin .sec_twin_box a.sec_btn:hover {color:#fff; background: #414141; transition: .3s;}

/*아이콘영역1*/
#buy_goods .icon_box { margin: 0 auto; width: 1200px; display: flex; align-content: flex-start; justify-content: space-between;}
#buy_goods .icon_box li { text-align: center; width: 266px; height: auto !important;}
#buy_goods .icon_box li img { width: 272px;}
#buy_goods .icon_box li .txt_box { width: 270px; height: 165px; background-color: #fff; position: absolute; bottom: -159px; border: solid 1px #ececec;}
#buy_goods .icon_box li h3 { font-size: 20px; letter-spacing: -.5px; font-weight: 600; color: #4a53a5; margin-top: 44px;}
#buy_goods .icon_box li p { font-size: 14px; letter-spacing: -.5px; font-weight: 400; color: #666; margin-top: 17px; line-height: 25px;}	

#buy_goods .icon_box2 { margin: 0 auto; width: 1200px; display: flex; align-content: flex-start; justify-content: space-between;}
#buy_goods .icon_box2 li { text-align: center; width: 266px; height: auto !important;}
#buy_goods .icon_box2 li img { width: 190px;}
#buy_goods .icon_box2 li h3 { font-size: 20px; letter-spacing: -.5px; font-weight: 600; color: #4a53a5; margin-top: 30px; line-height: 32px;}

/*트윈 영역이 텍스트일 경우*/
#buy_goods .sec_twin .sec_txt_box {width: 48%; height: 550px; text-align: left; position: relative; }
#buy_goods .sec_twin .sec_txt_box .sec_twin_txt { position: relative; padding: 96px 0 0 0px; }	

/*트윈 영역이 이미지일 경우*/
#buy_goods .sec_twin .sec_img1 { width: 48%; height: 550px; text-align: left; position: relative; background-color: #fff; background: url(/sub_company/img_buy_goods/img2_1.jpg?t=1) center center no-repeat; background-size: 575px;}
#buy_goods .sec_twin .sec_img2 { width: 48%; height: 550px; text-align: left; position: relative; background-color: #fff; background: url(/sub_company/img_buy_goods/img2_2.jpg?t=1) center center no-repeat; background-size: 575px;}

/*태그 박스*/
#buy_goods .tag_box { display: flex; flex-flow: column; gap: 0.9rem; padding: 40px 0 0;}
#buy_goods .tag_box ul { display: flex; flex-flow: row; gap: 0.8rem; height: initial;}
#buy_goods .tag_box ul li { border-radius: 2.5rem; background-color: #ffcc45; padding: 12px 22px; color:#333; font-size: 15px;}

/*굿즈 세트 상품*/
#buy_goods .section_goods {position:relative; width:1200px; margin:0 auto;}
#buy_goods .section_goods.goods_mt {margin-top: 436px;}
#buy_goods .section_goods .swiper .swiper-wrapper li img {width: 601px;}

/*굿즈 세트 상품 텍스트 영역*/
#buy_goods .section_goods .sec_txt { position: absolute; height: 455px; text-align: left; width: 600px; right: 1px; height: 455px; background-color: #fff;}
#buy_goods .section_goods .sec_txt_box {position: relative; padding: 70px 0 0 85px;}
#buy_goods .section_goods .sec_txt_box h4.tit {font-size: 34px; color: #1a1a1a; letter-spacing: -.8px; font-weight: bold;}
#buy_goods .section_goods .sec_txt_box p.tit_price { font-size: 24px; color: #f44336; letter-spacing: -.8px; padding: 40px 0 0;  font-weight: bold;}
#buy_goods .section_goods .sec_txt_box p.tit_sub { font-size: 22px; color: #1a1a1a; letter-spacing: -.8px; padding: 22px 0 0; }
#buy_goods .section_goods .sec_txt_box span.tit_line { position: absolute; border-top: solid 1px #e8e8e8; background: none; padding: 13px 215px; margin-top: 33px;}

#buy_goods .section_goods .sec_txt_box span.goods_set { font-size: 16px; border-radius: 2.5rem; border: solid 1px #333; background-color: #fff; padding: 8px 18px; color: #333; position: absolute;
bottom: 80px;}
#buy_goods .section_goods .sec_txt_box p.txt { font-size: 19px; color: #1a1a1a; letter-spacing: -.8px; padding: 135px 0 0; font-weight: 600;}
#buy_goods .section_goods .sec_txt_box p.txt_sub { font-size: 17px; color: #a9a9a9; letter-spacing: -.8px; padding: 16px 0 0; }

/*굿즈 세트 상품 스와이프 영역*/
#buy_goods .section_goods .swiper {position: absolute; top:70px; left:-1px; width: 600px; height: 455px; transition-duration: 400ms; overflow: hidden;}
#buy_goods .section_goods .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom:30px !important;}
#buy_goods .section_goods .swiper-pagination-bullet {width:10px !important; height:10px !important; margin:0 7px !important;}
#buy_goods .section_goods .swiper-pagination-bullet-active {background:#1a1a1a !important;}

/*굿즈 세트 상품 스와이프 없는 영역*/
#buy_goods .section_goods .no_swiper {position: absolute; top:70px; left:-1px; width: 600px; height: 455px; transition-duration: 400ms; overflow: hidden;}
#buy_goods .section_goods .no_swiper img {width: 601px;}

/*전상품 보기*/
#buy_goods p.center { font-size: 22px; letter-spacing: -.5px; font-weight: 400; color: #666; text-align: center; margin: 40px 0; line-height: 36px;}
#buy_goods .con_btn {text-align: center; }
#buy_goods .con_btn a.con_btn2 {margin-right: 10px;}
#buy_goods .con_btn a{ display: inline-block; width: 280px; padding: 13px 0; line-height: 48px; color: #4952a4; border: 2px solid #4952a4; text-align: center; font-weight: 700; font-size: 18px; transition: .3s;}
#buy_goods .con_btn a:hover {transition: .3s; background: #4952a4; color: #fff; font-weight: 400;}

/*버튼_블랙*/
#buy_goods .con_btn_bk {text-align: center; }
#buy_goods .con_btn_bk a{ display: inline-block; width: 280px; padding: 13px 0; line-height: 48px; color: #fff; background: #242424; text-align: center; font-size: 18px; transition: .3s;}
#buy_goods .con_btn_bk a:hover {transition: .3s; background: #414141; color: #fff; font-weight: 400;}

/*버튼_노랑*/
#buy_goods .con_btn_y {text-align: center; }
#buy_goods .con_btn_y a{ display: inline-block; width: 280px; padding: 13px 0; line-height: 48px; color: #000; background: #f9c029 ; text-align: center; font-size: 18px; transition: .3s; font-weight: 900;}
#buy_goods .con_btn_y a:hover {transition: .3s; background: #ffd25c; color: #000; font-weight: 400; font-weight: 900;}



#buy_goods .best_list {width:1200px !important; margin:0 auto}
#buy_goods .best_list ul {width: 1200px; margin: 0 auto; padding-top:30px}
#buy_goods .best_list ul::after {content:""; display:block; clear:both;}
#buy_goods .best_list ul li {position:relative; float:left; width:230px; height:210px; margin:0 8px 60px 0;}
#buy_goods .best_list ul li:nth-child(5n) {margin-right:0;}
#buy_goods .best_list ul li div.label {z-index:9; position:absolute; top:10px; left:10px;}
#buy_goods .best_list ul li div.label span {display:block; width:50px; height:50px; margin-bottom:5px; padding-top:14px; font-size:13px; font-weight:700; color:#f43e3e; text-align:center; background:#fff; border-radius:50%; box-sizing:border-box;}
#buy_goods .best_list ul li div.label span.best {color:#fff; background:#f43e3e}
#buy_goods .best_list ul li div.cover {overflow:hidden; height:210px; background:#f3f3f3;}
#buy_goods .best_list ul li div.cover img {width:230px; height:210px; transform:scale(1); transition:0.5s}
#buy_goods .best_list ul li:hover div.cover img {transform:scale(1.03) !important; transition:0.5s; image-rendering: -webkit-optimize-contrast}
#buy_goods .best_list ul li div.cover.acc_cover img {height:auto !important; padding-top:20px;}
#buy_goods .best_list ul li div.info {padding:0 7px;}
#buy_goods .best_list ul li h4 {margin-top:20px !important; font-size:15px !important; color:#666 !important; text-align: center;}
#buy_goods .best_list ul li p {margin:8px 0 !important; font-size:13px; color: #999;}
#buy_goods .best_list ul li p.price {position:absolute; bottom:20px; right:7px}
#buy_goods .best_list ul li p.price span.coupon {font-size:12px; color:#333}

/*기업 굿즈 제작 문의*/
#buy_goods .txt_point {line-height: 48px; color: #4952a4; font-weight: 700; font-size: 22px;}

/*상품 프리뷰*/	
#buy_goods .publtube_box { width: 1200px; margin:0 auto; box-sizing: border-box;}
#buy_goods .publtube_box .tab_default {overflow: hidden; box-sizing: border-box; height:567px; display:flex; justify-content: space-between;}
#buy_goods .publtube_box .tab_default .tab_cont_wrap { margin-top: 0; position: relative; top: 0; left: 0;}	
#buy_goods .publtube_box .tab_default .tab_cont_wrap .cont_box {height: 700px; overflow: hidden; }
#buy_goods .preview_box_full img { width: 100%;}

#buy_goods .publtube_box .tab_btn_wrap {padding:0px 20px 0px 25px;}
#buy_goods .publtube_box .tab_btn_wrap li {height:183px; width: 285px; margin-bottom:35px; background:#f7f7f7; cursor: pointer; transition:all .2s;}
#buy_goods .publtube_box .tab_btn_wrap li img {width:285px; position: relative; }
#buy_goods .publtube_box .tab_btn_wrap li:hover {box-shadow:0 15px 15px -3px rgba(0, 0, 0, 0.8);}

#buy_goods .tooltip {text-align: center; position: relative!important; bottom: 66px; width: 100%; padding: 20px 30px;color: #fff; background-color: rgba(0, 0, 0, 0.4); box-sizing: border-box;z-index: 9;}

/* 자주 묻는 질문 */
em {font-style: normal;}
#buy_goods .faq { position: relative; margin: 0 auto; text-align: left;}
#buy_goods .faq h3 span.sub_faq {display: inline-block; font-size: 15px; font-weight: 700; color: #4a53a5; letter-spacing: 2px; padding: 2px 3px; line-height: 20px; border-bottom: 2px solid #4a53a5; margin-bottom: 20px}
#buy_goods .faq h3 {text-align: center; font-size: 28px; color: #000; display:  block; padding-bottom: 60px; line-height: 28px}
#buy_goods .faq article {margin: 0 auto; width: 1200px;}
#buy_goods .faq .faq_list li {position:relative; font-size:14px; border-bottom:1px solid #e8e8e8;}
#buy_goods .faq .faq_list li.question {padding:20px 30px; cursor: pointer;}
#buy_goods .faq .faq_list li.question button {position:absolute; top:16px; right:25px; width:30px; height:30px; background: url(/include/img/arrow_down.png) center no-repeat}
#buy_goods .faq .faq_list li.complete button {background: url(/sub_review/img/new/arrow.png?t=1) center no-repeat;}
#buy_goods .faq .faq_list li.complete {font-weight:bold; color:#000;}
#buy_goods .faq .faq_list li.answer {padding:30px 40px; box-sizing: border-box;}
#buy_goods .faq .faq_list li.answer::after {content: ""; display: table; clear: both;}
#buy_goods .faq .faq_list li.answer .title {float:left; width:3%; font-size:17px; font-weight: bold}
#buy_goods .faq .faq_list li.answer .content {float:left; width:97%; color:#000; line-height: 26px}
#buy_goods .answer {display: none}

/*파트너 로고 슬라이드*/
.partner_slide_wrap{justify-content: flex-end;}
.partner_slide_wrap .partner-swiper-slide{white-space:nowrap; animation: partner_slide 45s infinite linear;}
.partner_slide_wrap { overflow: hidden; width: 1200px; margin: 0 auto;}	
.partner_slide_wrap > div { display: flex; justify-content: flex-start; white-space: nowrap;}
.partner_slide_wrap ul { display: flex;}
.partner_slide_wrap ul li { width: 337px; height: 135px; text-align: center; line-height: 135px;}
.partner_slide_wrap ul li { margin-left: 35px;}
.partner_slide_wrap	img {vertical-align: middle;  width: 200px;}

@keyframes partner_slide {
0%{transform: translateX(0%);}
100%{
transform: translateX(-2100%);
}
}

/*파트너 로고 노출*/
#buy_goods .best_list_logo { width: 1200px !important; margin: 0 auto;}		
#buy_goods .best_list_logo ul {padding-top: 30px;}
#buy_goods .best_list_logo ul li { position: relative; float: left; width: 192px; margin: 0 8px 60px 0;}
#buy_goods .best_list_logo ul li img {width: 100%;}


/*메인 상품 썸네일 슬라이드바*/
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #ffcd34!important; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #ffcd34!important; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #ffcd34!important; background-color: rgba(0,0,0,0.2);
	}


/*대량구매 상담문의*/	
.w1200 { position: relative; width: 1200px; margin: 0 auto;}
.info_wrap { padding: 90px 10px 20px 10px; width: 100%; box-sizing: border-box; position: relative; overflow: hidden; display: flex; justify-content: space-between;}	
.info_wrap .info_tit { padding: 24px 28px; background-color: #4952a4; border-radius: 10px 10px 0px 0px; text-align: start; }
.info_wrap .info_tit span { line-height: 24px; font-size: 17px; color: #fff; text-align: start;}
.info_wrap .info_tit .arrow { position: absolute; width: 18px; top: 54px; right: 24px;}
.info_wrap .info_list { width: 23%; box-shadow: 4px 7px 18px -4px rgb(207 207 207 / 50%); border-radius: 0px 0px 10px 10px; background-color: #fff;}
.info_wrap .info_list ul { padding: 0 20px; border-radius: 0px 0px 10px 10px; /*border: solid 1px;*/ }
.info_wrap .info_list ul li { padding: 15px 0 15px; display: block; position: relative; vertical-align: middle;}
.info_wrap .info_list ul li .info_icon { margin: 10px 10px 10px 0px; width: 35%;}
.info_wrap .info_list ul li .info_icon img {width: 100%;}
.info_wrap .info_list ul li .info_txt { position: absolute; right: 10px; top: 38px; width: 43%; text-align: start; font-size: 14px; color: #696e76; font-weight: 300; line-height: 20px; }
.info_wrap .info_list ul li + li {border-top: 1px solid #ebeef0;}