/* 소르본 css PC */
#sorbonTab.tab_menu_wrap::-webkit-scrollbar { display: none; }
#sorbonTab.tab_menu_wrap { position: relative; width: auto; max-width: 100%; margin: 0 0 20px 0; overflow-x: auto; overflow-y: hidden; box-sizing: border-box; -ms-overflow-style: none; scrollbar-width: none; }
#sorbonTab.tab_menu_wrap > ul.tab_menu { display: flex; width: max-content; min-width: 100%; margin: 0; padding: 0; list-style: none; white-space: nowrap; box-sizing: border-box; }
#sorbonTab.tab_menu_wrap > ul.tab_menu > li { flex: 0 0 auto; padding: 10px 15px; border-bottom: 2px solid #fff; color: #7a7a7a; font-size: 15px; font-weight: 500; text-align: center; box-sizing: border-box; }
#sorbonTab.tab_menu_wrap > ul.tab_menu > li.on { border-bottom: 2px solid #30B9A4; font-weight: 700; color: #30B9A4; }
#sorbonTab.tab_menu_wrap > ul.tab_menu > li > a { display: block; color: inherit; text-decoration: none; }
#sorbonTab.tab_menu_wrap > ul.tab_menu > li.on > a { color: #30B9A4; }


/* 교재 소개 */
#sorbonIntroduce > h2 { padding: 30px 0; font-size: 30px; color: #333; font-weight: bold; text-align: center; }
#sorbonIntroduce > p.history_sub_title { position: relative; padding: 30px 0 30px 0; font-size: 27px; color: #333; text-align: center; }
#sorbonIntroduce > p.history_sub_title::before { position: absolute; top: 0; left: 50%; width: 50px; height: 1px; background: #333; transform: translateX(-50%); content: ''; }
#sorbonIntroduce > p.history_sub_title > span { font-weight: 500; }
#sorbonIntroduce > img.korea_img { padding: 10px 0 0 0; }
#sorbonIntroduce > .sorbon_box { height: 145px; border: 1px solid #A62BD8; display: flex; }
#sorbonIntroduce > .sorbon_box > .sorbon_target { padding: 36px 0 0 50px; width: 250px; background: #A62BD8; font-size: 27px; color: #fff; font-weight: 500; }
#sorbonIntroduce > .sorbon_box > .sorbon_text { padding: 47px 0 0 40px; font-size: 18px; color: #666; letter-spacing: -1px; }
#sorbonIntroduce > .sorbon_box > .sorbon_text.korea_text { padding: 20px 0 0 40px; }
#sorbonIntroduce > .sorbon_approach { margin: 100px 0 0 0; height: 320px; background: url("/images/sorbon/img_art_approach.png") no-repeat; }
#sorbonIntroduce > .sorbon_approach.korea_approach { background: url("/images/sorbon/img_korea_approach.png") no-repeat; }
#sorbonIntroduce > .sorbon_approach.intro_approach { background: url("/images/sorbon/img_human_intro_approach.png") no-repeat; }
#sorbonIntroduce > .sorbon_approach > p { padding: 35px 0 0 0; font-size: 27px; color: #fff; font-weight: 500; text-align: center; }
#sorbonIntroduce > .sorbon_book { padding: 80px 0 0 0; text-align: center; }
#sorbonIntroduce > .sorbon_book > p.small_title { padding: 2px 15px; margin: 0 0 5px 0; border-radius: 50px; background: #A62BD8; font-size: 18px; color: #fff; font-weight: 400; display: inline-block; }
#sorbonIntroduce > .sorbon_book > p { font-size: 32px; color: #333; font-weight: 300; }
#sorbonIntroduce > .sorbon_book > p > span { font-weight: 600; color: #A62BD8; }
#sorbonIntroduce > .sorbon_book > p > strong { font-weight: 500; }
#sorbonIntroduce > .sorbon_book > span.comma_line { position: relative; margin: 140px 0 0 50%; width: 50px; height: 50px; transform: translateX(-50%); display: block; }
#sorbonIntroduce > .sorbon_book > span.comma_line::after { position: absolute; left: 50%; top: -120px; width: 1px; height: 100px; background: #333; transform: translateX(-50%); content: ''; }
#sorbonIntroduce > .sorbon_book > dl.goal { height: 75px; line-height: 75px; margin: 20px 0 0 0; border-radius: 10px; background: #FBF6FC; display: flex; }
#sorbonIntroduce > .sorbon_book > dl.goal > dt { width: 200px; border-radius: 10px 0 0 10px; background: #A62BD8; font-size: 22px; color: #fff; font-weight: 500; }
#sorbonIntroduce > .sorbon_book > dl.goal > dd { padding: 0 0 0 40px; font-size: 18px; color: #333; }
#sorbonIntroduce > .sorbon_book > .text_box { padding: 20px 0 0 0; }
#sorbonIntroduce > .sorbon_book > .text_box.text_art { background: url("/images/sorbon/icon_book_bg_comma.png") no-repeat; background-position: center 15px; }
#sorbonIntroduce > .sorbon_book > .text_box > p:first-child { padding: 80px 0 0 0; }
#sorbonIntroduce > .sorbon_book > .text_box > p { padding: 0 0 80px 0; font-size: 18px; color: #333; }
#sorbonIntroduce > .sorbon_book > .text_box > p > span { font-size: 24px; color: #333; font-weight: 600; }
#sorbonIntroduce > .sorbon_book > .text_box > p.art_span { font-size: 18px; color: #888; }
#sorbonIntroduce > .sorbon_book > .text_box > p.art_span > span { font-size: 22px; color: #333; font-weight: 500; }
#sorbonIntroduce > .sorbon_book > .text_box > .image_box { padding: 0 0 80px 0; }
#sorbonIntroduce > .sorbon_book > .text_box > .image_box > p { padding: 10px 0 0 0; font-size: 14px; color: #888; }
#sorbonIntroduce > .sorbon_book > .text_box > .image_box > ul { gap: 30px; justify-content: center; display: flex; }
#sorbonIntroduce > .sorbon_book > .text_box > .image_box > ul > li > p { padding: 10px 0 0 0; font-size: 14px; color: #888; }
#sorbonIntroduce > .sorbon_book > .text_box > .image_box > ul.art_arrow > li { position: relative; }
#sorbonIntroduce > .sorbon_book > .text_box > .image_box > ul.art_arrow > li::after { position: absolute; top: 80px; right: -22px; width: 10px; height: 16px; background: url("/images/sorbon/icon_art_arrow.png") no-repeat; content: ''; }

#sorbonIntroduce > .sorbon_book > .text_box > ul.korea_clue { gap: 8px; margin: 40px 0 0 0; align-items: center; justify-content: center; display: flex; }
#sorbonIntroduce > .sorbon_book > .text_box > ul.korea_clue > li { width: 230px; height: 230px; border-radius: 50%; border: 2px solid #A62BD8; background: #FBF6FC; }
#sorbonIntroduce > .sorbon_book > .text_box > ul.korea_clue > li > span { padding: 65px 0 0 0; font-size: 18px; color: #A62BD8; font-weight: 500; display: block; }
#sorbonIntroduce > .sorbon_book > .text_box > ul.korea_clue > li > p { padding: 10px 0 0 0; font-size: 18px; color: #333; }
#sorbonIntroduce > .sorbon_book > .text_box > .korea_h_box { padding: 80px 0 0 0; }
#sorbonIntroduce > .sorbon_book > .text_box > .korea_h_box > p { font-size: 30px; color: #A62BD8; font-weight: 500; }
#sorbonIntroduce > .sorbon_book > .text_box > .korea_h_box > p > span { font-size: 30px; color: #333; font-weight:300; }
#sorbonIntroduce > .sorbon_book > .text_box > .korea_h_box > img { padding: 20px 0 0 0; }
#sorbonIntroduce > .sorbon_book > .text_box > .korea_dispute { margin: 50px 0 0 0; }
#sorbonIntroduce > .sorbon_book > .text_box > .korea_dispute > .dispute_box { height: 150px; background: #F3F3F3; gap: 10px; text-align: left; align-items: center; justify-content: center; display: flex; }
#sorbonIntroduce > .sorbon_book > .text_box > .korea_dispute > .dispute_box > span { padding: 3px 15px; border-radius: 50px; background: #A62BD8; font-size: 30px; color: #fff; font-weight: 500; display: inline-block; }
#sorbonIntroduce > .sorbon_book > .text_box > .korea_dispute > .dispute_box > p { font-size: 30px; color: #333; }
#sorbonIntroduce > .sorbon_book > .text_box > .korea_dispute > img { width: 100%; padding: 20px 0 0 0; }

#sorbonIntroduce > .sorbon_book > .text_box > .korea_dispute > ul.world_image > li { padding: 40px 0 50px 0; gap: 40px; justify-content: center; align-items: center; display: flex; }
#sorbonIntroduce > .sorbon_book > .text_box > .korea_dispute > ul.world_image > li > p { text-align: left; font-size: 18px; color: #333;  }
#sorbonIntroduce > .sorbon_book > .text_box > .korea_dispute > ul.flex_box { margin: 70px 0 0 0; gap: 20px; justify-content: center; display: flex; }
#sorbonIntroduce > .sorbon_book > .text_box > .korea_dispute > ul.flex_box > li { height: 290px; padding: 20px; border-top: 2px solid #A62BD8; box-shadow: 0 1px 13px rgba(0, 0, 0, 0.15); }
#sorbonIntroduce > .sorbon_book > .text_box > .korea_dispute > ul.flex_box > li > span { width: 50px; height: 45px; padding: 5px 0 0 0; border-radius: 50%; background: #E8DBEF; font-size: 26px; color: #A62BD8; font-weight: 600; display: inline-block; }
#sorbonIntroduce > .sorbon_book > .text_box > .korea_dispute > ul.flex_box > li > p { line-height: 30px; padding: 20px 0 0 0; font-size: 16px; color: #333; }
#sorbonIntroduce > .sorbon_book > .text_box > .korea_dispute > ul.intro_flex > li { width: 50%; height: auto; }

/* 교재 리스트 */
#sorbonBookList > ul > li { padding: 20px 0; border-bottom: 1px solid #ddd; display: flex; }
#sorbonBookList > ul > li > .thumb_image { width: 300px; height: 225px; text-align: center; }
#sorbonBookList > ul > li > .text_box > p.title { padding: 0 0 25px 0; font-size: 27px; color: #333; font-weight: 600; cursor: pointer; }
#sorbonBookList > ul > li > .text_box > p.title:hover { color: #30B9A4; transition: all .2s; }
#sorbonBookList > ul > li > .text_box > dl { padding: 5px 0; gap: 5px; font-size: 15px; color: #666; font-weight: 500; display: flex; }
#sorbonBookList > ul > li > .text_box > dl > dt { width: 90px; }
#sorbonBookList > ul > li > .text_box > dl > dd { font-weight: normal; }
#sorbonBookList > ul > li > .text_box > dl.price > dd { color: #333; font-weight: 600; }
#sorbonBookList > ul > li > .button_box { margin: 60px 0 0 auto; }
#sorbonBookList > ul > li > .button_box button { width: 130px; height: 40px; margin: 0 0 10px 0; border-radius: 0; font-size: 13px; display: block; }
#sorbonBookList > ul > li > .button_box button + button { color: #999; }
#sorbonBookList > ul > li > .button_box button + button:hover { color: #FFF; }

/* 상세 페이지 */
#capacity.sorbon_detail { padding: 30px 0 0 0; }
#capacity.sorbon_detail > .capacity_view_top > .capacity_view_con_wrap > .sorbon_delivery { margin: 10px 0 0 0; padding: 15px; background: #F9F7F0; display: flex; }
#capacity.sorbon_detail > .capacity_view_top > .capacity_view_con_wrap > .sorbon_delivery > p { width: 90px; font-size: 15px; color: #333; font-weight: 500; }
#capacity.sorbon_detail > .capacity_view_top > .capacity_view_con_wrap > .sorbon_delivery > p + p { width: auto; }
#capacity.sorbon_detail > .capacity_view_top > .capacity_view_con_wrap > .capacity_view_price > strong { font-size: 19px; color: #666; font-weight: 500; }
#capacity.sorbon_detail > .capacity_view_top > .capacity_view_con_wrap > .capacity_view_price > strong > span { color: #EF8135; font-size: 30px; font-weight: 600; }
#capacity.sorbon_detail > .capacity_view_top > .capacity_view_con_wrap > .capacity_view_btn { text-align: right; }
#capacity.sorbon_detail > .capacity_view_top > .capacity_view_con_wrap > .capacity_view_btn > button { width: 160px; height: 52px; border-radius: 0; font-size: 15px; }
#capacity.sorbon_detail > .capacity_view_top > .capacity_view_con_wrap > .capacity_view_btn > button.green.white { border: 1px solid #30B9A4; color: #30B9A4; }
#capacity.sorbon_detail > .capacity_view_top > .capacity_view_con_wrap > .capacity_view_btn > button.green.white:hover { background: #f8f8f8; }

#capacity.sorbon_detail .capacity_view_middle { position: relative; width: 100%; max-width: 1200px; padding: 60px 0 0 0; margin: 0 auto; box-sizing: border-box; }
#capacity.sorbon_detail .capacity_view_middle > p { margin: 0 0 25px 0; font-size: 15px; font-weight: 500; color: #999; }
#capacity.sorbon_detail .capacity_view_middle > .slide_container { position: relative; width: 100%; padding: 0 60px; box-sizing: border-box; }
#capacity.sorbon_detail .capacity_view_middle > .slide_container > .slide_track_container { width: 100%; overflow: hidden; }
#capacity.sorbon_detail .capacity_view_middle > .slide_container > .slide_track_container > .slide_list { margin: 0; padding: 0; list-style: none; transition: transform 0.4s ease-in-out;  display: flex;}
#capacity.sorbon_detail .capacity_view_middle > .slide_container > .slide_track_container > .slide_list > .slide_item { margin-right: 20px; box-sizing: border-box; flex: 0 0 calc((100% - 40px) / 3); }
#capacity.sorbon_detail .capacity_view_middle > .slide_container > .slide_track_container > .slide_list > .slide_item:last-child { margin-right: 0; }
#capacity.sorbon_detail .capacity_view_middle > .slide_container > .slide_track_container > .slide_list > .slide_item > img { width: 100%; height: auto; display: block; }
#capacity.sorbon_detail .capacity_view_middle > .slide_container > .slide_btn { position: absolute; top: 50%; width: 40px; height: 40px; padding: 0; border: none; background: transparent; cursor: pointer; z-index: 10; transform: translateY(-50%); }
#capacity.sorbon_detail .capacity_view_middle > .slide_container > .prev_btn { left: 0; }
#capacity.sorbon_detail .capacity_view_middle > .slide_container > .next_btn { right: 0; }
#capacity.sorbon_detail .capacity_view_middle > .slide_container > .prev_btn::before { width: 40px; height: 40px; margin: 0 auto; border-top: 3px solid #b5b5b5; border-left: 3px solid #b5b5b5; transform: rotate(-45deg); display: block; content: ''; }
#capacity.sorbon_detail .capacity_view_middle > .slide_container > .next_btn::before { display: block; width: 40px; height: 40px; border-top: 3px solid #b5b5b5; border-right: 3px solid #b5b5b5; transform: rotate(45deg); margin: 0 auto; content: ''; }

table.book_list > tbody > tr > td > .book_basket { align-items: center; display: flex; }
table.book_list > tbody > tr > td > .book_basket > .book_thumbnail { width: 100px; height: 75px; text-align: center; }
table.book_list > tbody > tr > td > .book_basket > .book_thumbnail > img { height: 100%; object-fit: cover;}
table.book_list > tbody > tr > td > .book_basket > .text_box { padding: 0 0 0 10px; }
table.book_list > tbody > tr > td > .book_basket > .text_box > p.book_title { padding: 0 0 5px 0; font-size: 15px; color: #666; font-weight: 500; }
table.book_list > tbody > tr > td > .book_basket > .text_box > p.book_type { width: 66px; height: 18px; line-height: 18px; padding: 2px 4px; border: 1px solid #30B9A4; background: #fff; font-size: 12px; color: #30B9A4; }
table.book_list > tbody > tr > td > .book_amount { gap: 5px; align-items: center; justify-content: center; display: flex; }
table.book_list > tbody > tr > td > .total_price { gap: 20px; align-items: center; justify-content: center; display: flex; }
table.book_list > tbody > tr > td > .total_price p { font-size: 13px; color: #666; font-weight: 500; }
table.book_list > tbody > tr > td > .total_price p > span { padding: 0 0 0 5px; font-size: 16px; color: #333; font-weight: 600; }
table.book_list > tbody > tr > td > .total_price span.mark { width: 20px; height: 20px; border-radius: 50%; background: #EBEBEB; font-size: 15px; color: #666; font-weight: 600; text-align: center; }