/* csv project 공통 */

@media(max-width:1024px) {.visible_pc {display:none;}}
@media(min-width:1025px) {.visible_mo {display:none;}}

#wrap .csv .contents_area .section .tit {font-family:'NotoSansM'; text-align:center;font-size: 28px;line-height: 1.5;letter-spacing: -0.02em;}
#wrap .csv .contents_area .section .sub {color: #666;font-size: 20px;text-align: center;margin-top: 30px;line-height: 30px;letter-spacing: -0.02em;}
#wrap .csv .section {position:relative;}
#wrap .csv .section_link .link_wrap {display:flex; justify-content: center; position:relative; margin-top:44px;flex-wrap: wrap;}
#wrap .csv .section_link .link_wrap .out_link {width:200px; height:50px; display:block; border:1px solid #999; box-sizing:border-box; border-radius:25px; display:flex; justify-content: space-between; align-items: center; padding:0 16px 0 30px; font-size:15px; margin: 0 5px;}
#wrap .csv .section_link .link_wrap .out_link::after {content:''; display:block; width:30px; height:30px; background-image:url('/static/img/csv/icon_link.png'); background-size:contain; background-position:center; background-repeat: no-repeat;}
#wrap .csv .section_bg::before {content:''; display:block; width:100%; background-color:#f7f7f7; position:absolute; top:103px;bottom: 0;}

/* 세가방 */
#wrap .csv.bookstore .visual_area {background-image:url('/static/img/csv/bookstore/key_visual.png');}
#wrap .csv.bookstore .section_slider {position:relative;padding-bottom: 46px;}
#wrap .csv.bookstore .section_slider .bookstore_container {width: 100%;max-width: 1000px; margin: 54px auto 0;}
#wrap .csv.bookstore .section_slider .bookstore_container .swiper-wrapper .swiper-slide img {width:100%;}
#wrap .csv.bookstore .section_slider .bookstore_container .slide_bottom {display:flex; align-items: center; margin-top:40px; justify-content: center;}
#wrap .csv.bookstore .section_slider .bookstore_container .swiper-pagination {position:relative; display:flex; justify-content: center; bottom:0;}
#wrap .csv.bookstore .section_slider .bookstore_container .swiper-pagination .swiper-pagination-bullet {display:block; width:22px; height:22px; margin:0 6px; border-radius: 0; background:none; opacity:1; display:flex; justify-content: center; align-items: center;}
#wrap .csv.bookstore .section_slider .bookstore_container .swiper-pagination .swiper-pagination-bullet::before {content:''; box-sizing: border-box; display:block; border-radius:50%; width:14px; height:14px; border-style:solid; border-color: #999; background:#999; border-width:0;}
#wrap .csv.bookstore .section_slider .bookstore_container .swiper-pagination .swiper-pagination-bullet-active::before {width:18px; height:18px; border-width:2px; background:none;}
#wrap .csv.bookstore .section_slider .bookstore_container .btn_autoplay {width:18px; height:18px; font-size:0; margin-left:14px; background-size:contain; background-position:center; background-repeat:no-repeat; background-image:url('/static/img/csv/icon_pause.png');}
#wrap .csv.bookstore .section_slider .bookstore_container .btn_autoplay.play {background-image:url('/static/img/csv/icon_play.png');}

/* 빡독 */
#wrap .csv.read .visual_area {background-image:url('/static/img/csv/read/key_visual.png');}
#wrap #container.csv.read .contents_area .section_video {padding-bottom:100px;margin-top: 54px;}
#wrap #container.csv.read .contents_area .section_video .responsive_wrap {max-width: 1000px; width: 100%;margin:0 auto;}
#wrap #container.csv.read .contents_area .section_video .responsive_wrap .video_box {position:absolute; top:0; left:0; padding-top:56.3%; position:relative; background:green;margin:0;}

/* 글로벌 */
#wrap .csv.global .visual_area {background-image:url('/static/img/csv/global/key_visual.png');}
#wrap .csv.global .section_desc {padding-bottom:60px; margin-top:50px;}
#wrap .csv.global .section_desc img {position:relative; display:block; max-width:1000px; width:100%; margin: 0 auto 54px;}
#wrap .csv.global .section_desc .sub {position:relative; padding:0 100px}


@media(max-width:1024px) {
	
	/* csv project 공통 */
	#wrap #container.csv .contents_area {padding-bottom:0;}
	#wrap .csv .contents_area .section .tit {font-size: 5.56vw; margin-top: 0;line-height: 1.3;}
	#wrap .csv .contents_area .section .sub {font-size: 3.33vw;	margin-top: 5vw;color: #333;}

	/* 링크 섹션 */
	#wrap .csv .section_link .link_wrap {width: 77.78vw;margin: 4.17vw auto 0;justify-content: space-between;}
	#wrap .csv .section_link .link_wrap .out_link {width: 34.72vw; height: 9.17vw; border-width: 0.28vw; border-radius: 4.58vw;padding:0 2.22vw 0 4.17vw; font-size: 2.92vw; margin: 3.89vw 2.08vw 0;}
	#wrap .csv .section_link .link_wrap .out_link::after {width:4.17vw; height:4.17vw;}
	#wrap .csv .section_bg::before {top: 19.72vw;bottom: 0;}
	
	/* 세가방 */
	#wrap .csv.bookstore .visual_area {background-image:url('/static/img/csv/bookstore/key_visual_m.png');}
	#wrap .csv.bookstore .section_slider {padding-bottom: 6.39vw;}
	#wrap .csv.bookstore .section_slider .bookstore_container {width: 100%;max-width: 138.89vw; margin: 8.33vw auto 0;}
	#wrap .csv.bookstore .section_slider .bookstore_container .slide_bottom {margin-top:5.56vw;}
	#wrap .csv.bookstore .section_slider .bookstore_container .swiper-pagination {bottom:0;}
	#wrap .csv.bookstore .section_slider .bookstore_container .swiper-pagination .swiper-pagination-bullet {width: 4.44vw; height: 4.44vw; margin: 0 1.39vw;}
	#wrap .csv.bookstore .section_slider .bookstore_container .swiper-pagination .swiper-pagination-bullet::before {width: 2.92vw; height: 2.92vw;}
	#wrap .csv.bookstore .section_slider .bookstore_container .swiper-pagination .swiper-pagination-bullet-active::before {width:4.44vw; height:4.44vw; border-width:0.28vw;}
	#wrap .csv.bookstore .section_slider .bookstore_container .btn_autoplay {width: 3.61vw; height: 3.61vw; margin-left: 2.78vw;}
	
	/* 빡독 */
	.csv.read .visual_area {background-image:url('/static/img/csv/read/key_visual_m.png');}
	#wrap #container.csv.read .contents_area .section_video {padding-bottom: 17.64vw;margin-top: 8.89vw;}
	#wrap #container.csv.read .contents_area .section_video .responsive_wrap {width: 86.67vw; margin:0 auto;}
	#wrap #container.csv.read .contents_area .section_video .responsive_wrap .video_box {top:0; left:0; padding-top:56.3%; margin:0;}
	
	/* 글로벌 */
	#wrap .csv.global .visual_area {background-image:url('/static/img/csv/global/key_visual_m.png');}
	#wrap .csv.global .section_desc {padding-bottom: 13.89vw; margin-top: 9.72vw;}
	#wrap .csv.global .section_desc img {max-width:138.89vw; margin: 0 auto 7.5vw;}
}