/*
Theme Name: theme_sanghyun
Theme URI: -
Author: sanghyun
Author URI: -
Description: theme sanghyun
Version:1.0
*/

span,p { word-break: keep-all; } 

.namumL { font-family: "NanumSquareRoundL"; } 
.namumR { font-family: "NanumSquareRoundR"; } 
.namumB { font-family: "NanumSquareRoundB"; } 
.namumEB { font-family: "NanumSquareRoundEB"; } 

#contents { margin-top: 80px; } 
.main-page .container { position: static; } 
.container { max-width: 1300px; width: 100%; margin: 0 auto; padding: 0 50px; display: block; position: relative; } 
.dark-blue { background: #22313f; color: #fbfbfb; } 

/* header */
#header_Wrap { padding: 20px 0 15px; position: relative; z-index: 901; } 
#header_Wrap .container { display: flex; align-items: center; justify-content: space-between; } 
#header_Wrap .container .logo { width: 200px; } 
#header_Wrap .container .logo a { width: 100%; } 
#header_Wrap .container .logo a img { width: 100%; height: 100%; } 
#header_Wrap .container .search { max-width: 690px; width: 100%; } 

.search .searchArea { position: relative; width: 100%; } 
.search .searchArea #s { font-weight: 400; font-size: 14px; line-height: 1.5; width: 100%; height: 40px; font-stretch: normal; font-style: normal; letter-spacing: normal; background-color: #f4f4f4; border: none; border-radius: 4px; color: #101010; padding: 6px 62px 6px 20px; border: none; } 
.search .searchArea #searchsubmit { position: absolute; cursor: pointer; width: 62px; height: 38px; right: 1px; top: 1px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border: none; background: url(./images/search_btn.png) center; background-repeat: no-repeat; font-size: 0; } 
.search .searchArea #searchsubmit:hover { background: url(./images/search_btn_hover.png) center; } 

#header_Wrap .container .login { display: flex; align-items: center; } 
#header_Wrap .container .login.mo , #mo_nav_wrap { display: none; } 
.pc .user_info { text-align: right; border-right: 1px solid #fbfbfb; margin-right: 10px; padding-right: 13px; padding-top: 3px; } 

.pc .user_info .user_id { font-size: 12px; color: #fbfbfb; } 
.pc .user_info .cosmosfarm-members-account-links { display: flex; flex-direction: column-reverse; } 
.pc .user_info .cosmosfarm-members-account-links a { color: #fbfbfb; font-size: 12px; } 
.pc .user_info .cosmosfarm-members-register-link { padding-top: 2px; } 

.pc .user_cart { padding-right: 15px; } 
.pc .user_cart a { color: #fff; position: relative; display: block; } 
.pc .user_cart a span { font-size: 12px; width: 20px; border-radius: 50%; height: 20px; position: absolute; right: -10px; top: -10px; background: #000; display: flex; align-items: center; justify-content: center; } 

.pc .user_cart img { width: 25px; } 
.pc .user_cart img:hover { content: url("https://onlinechoir.co.kr/wp-content/themes/theme_sample/images/shopping_cart_hover.png"); } 


/* nav */
#nav_Wrap { border-top: solid 1px #2e3e4c; position: relative; z-index: 902; font-family: "NanumSquareRoundR"; } 
.nav_wrap { display: flex; justify-content: space-between; } 
.nav_wrap .mn-list { display: flex; align-items: center; } 
.nav_wrap .mn-list > li { position: relative; } 
.nav_wrap .mn-list > li > a { color: #fbfbfb; position: relative; display: block; padding: 12.5px 15px; font-size: 14px; } 
.nav_wrap .mn-list > li > a::after { display: block; visibility: hidden; content: ""; position: absolute; width: 14px; height: 14px; background-color: #fff; left: calc(50% - 9.89949px); bottom: -9.89949px; transform: rotate(45deg); } 
.nav_wrap .mn-list > li.open > a::after { visibility: visible; } 
.nav_wrap .mn-list > li.mn-bar { width: 1px; height: 22px; margin: 11px; background: #fff; } 

.dropdown-menu { display: none; position: absolute; min-width: 160px; width: 100%; padding: 16px 0; background: #fff; } 
.dropdown-menu li { display: block; } 
.dropdown-menu li a { color: rgba(0,0,0,.7); display: block; white-space: nowrap; padding: 8px 20px; font-size: 14px; } 
.dropdown-menu li a:hover { background-color: rgba(0,0,0,.06); } 

.mn-site-overlay { width: 100% !important; position: fixed !important; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; z-index: -1; opacity: 0; visibility: hidden; transition: opacity 200ms ease-in-out,visibility 200ms ease-in-out,z-index 0ms linear 380ms; } 
.mn-site-overlay.open { opacity: .7; visibility: visible; z-index: 800; transition: opacity 200ms ease-in-out,visibility 200ms ease-in-out; } 


/* footer */
#footer_Wrap { background: -webkit-linear-gradient(83deg,#273745 26%,#22313f 26%); color: #fbfbfb; padding: 100px 0; } 
.ft_info { display: flex; } 
.ft_info > div { width: auto; } 
.ft_info > div .ft_tit { font-size: 18px; line-height: 1.5; } 
.ft_info > div ul { margin-top: 20px; } 
.ft_info > div ul li { display: inline-block; font-size: 15px; } 
.ft_info > .ft_left ul li { margin: 0px 20px 10px 0; } 
.ft_info > .ft_right ul li~li { margin-top: 8px; } 
.ft_info .kakao { margin-top: 25px; display: flex; gap: 15px; flex-wrap: wrap; } 
/* .ft_info .kakao a { width: 100%; } */
.ft_info .kakao img.kakao_1 { max-width: 174px; width: 100%; } 
.ft_info .kakao img.kakao_2 { max-width: 283px; width: 100%; } 

#footer_Wrap .sns__box { display: flex; margin-top: 30px; gap: 15px; } 
#footer_Wrap .sns__box .sns__link { } 
#footer_Wrap .sns__box .sns__link img { width: 100%; max-width: 40px; display: flex; } 

#copyright { padding: 20px 0; } 
.copyright { text-align: center; font-size: 15px; } 


/* product */
body #primary.content-area { max-width: 1300px; padding: 0 50px; width: 100%; height: 100%; margin: 0 auto; display: block; position: relative; font-family: "NanumSquareRoundR"; } 

body #primary.content-area nav,
body #primary.content-area .woocommerce-tabs,
body #primary.content-area .related.products,
body #primary.content-area .product_meta,
body #primary.content-area .product-type-simple .onsale { display: none; } 

body #primary.content-area .product-type-simple { display: flex; align-items: flex-start; margin: 100px 0; } 
body #primary.content-area .product-type-simple .woocommerce-product-gallery { width: 50%; position: relative; } 
body #primary.content-area .product-type-simple .woocommerce-product-gallery .flex-viewport { box-shadow: 0 0 10px 4px rgba(0,0,0,.5); height: initial !important; } 
/* body #primary.content-area .product-type-simple .woocommerce-product-gallery .flex-viewport img { } */

body #primary.content-area .product-type-simple .summary { width: 50%; padding-left: 100px; } 
body #primary.content-area .product-type-simple .summary h1 { font-size: 18px; font-weight: bold; padding: 15px 0 20px; border-bottom: 1px solid #ddd; } 
body #primary.content-area .product-type-simple .summary h1 span { font-size: 14px; display: inline-block; margin-left: 5px; } 

/* woocommerce > templates > single-product > price.php , title.php */
.des_box { padding: 20px 0; border-bottom: 1px solid #ddd; line-height: 1.3; } 
.des_box h2, .des_box p { display: flex; align-items: center; } 
.des_box.top p { padding-top: 20px; } 
.des_box.middle p:first-of-type { padding-top: 0px; } 
.des_box.middle p { padding-top: 20px; } 
.des_box .tit { display: inline-block; width: 140px; padding-right: 15px; font-weight: bold; font-size: 16px; } 
.des_box.bottom span.tit { font-weight: 400; width: 100%; max-width: 100px; margin-left: 140px; font-size: 15px; } 
.des_box .txt { color: #000; font-size: 15px; } 
.des_box a:hover { color: #0078ff; } 
.des_box .txt del { margin-right: 10px; } 
.des_box.bottom p { padding-bottom: 15px; } 
.des_box.bottom p:last-child { padding-bottom: 0; } 
body #primary.content-area .cart button { width: 100%; margin-top: 40px; border-radius: 25px; padding: 15px 0; font-weight: bold; background: #425A93; color: #fff; } 
body #primary.content-area .cart button:hover { background: #334672; } 

/* woocommerce > templates > single-product > add-to-cart > simple.php */
.product_info_desc { font-size: 15px; display: block; margin-top: 20px; line-height: 1.75; } 
.product_info_desc span { display: block; } 

body #primary.content-area .wcmp-player-container { padding: 20px 0 0 0; } 

ul.flex-direction-nav { position: absolute; top: 50%; left: 0; width: 100%; margin: 0; padding: 0px; list-style: none; transform: translateY(-50%); z-index: 999; } 

li.flex-nav-prev { float: left; } 
li.flex-nav-next { float: right; } 
a.flex-next { visibility:hidden; } 
a.flex-prev { visibility:hidden; } 

a.flex-next::after { visibility:visible; content: ''; position: absolute; top: 0; right: 15px; border-top: 2px solid #aaa; border-right: 2px solid #aaa; display: block; width: 20px; height: 20px; transform: rotate(45deg); } 
a.flex-prev::before { visibility:visible; content: ''; position: absolute; top: 0; left: 15px; border-top: 2px solid #aaa; border-left: 2px solid #aaa; display: block; width: 20px; height: 20px; transform: rotate(-45deg); } 


ul.flex-direction-nav li a { color: #ccc; } 
ul.flex-direction-nav li a:hover { text-decoration: none; } 


.main .wcmp-player-container { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); } 

.main .mejs-container,.main .mejs-container .mejs-controls,.main .mejs-embed, .mejs-embed body { background: #fff !important; } 
.main .wcmp-player.track.mejs-classic .mejs-playpause-button button { width: 25px; height: 25px; background: url(./images/listen_logo-1.svg) center/cover no-repeat !important; } 

.main .wcmp-player.track.mejs-classic .mejs-playpause-button.mejs-pause button { background: url(./images/pause_logo.svg) center/cover no-repeat !important; } 


.searchproduct .wcmp-player-container { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); } 

.searchproduct .mejs-container,.searchproduct .mejs-container .mejs-controls,.searchproduct .mejs-embed, .mejs-embed body { background: #fff !important; } 
.searchproduct .wcmp-player.track.mejs-classic .mejs-playpause-button button { width: 25px; height: 25px; margin-right: 10px; background: url(./images/listen_logo-1.svg) center/cover no-repeat !important; } 

.searchproduct .wcmp-player.track.mejs-classic .mejs-playpause-button.mejs-pause button { background: url(./images/pause_logo.svg) center/cover no-repeat !important; } 


/* 위젯 plugins > wc-product-table-lite > templates > cart-widget.php */
.wcpt-cart-widget:hover { background: #90A82B; } 
.wcpt-cw-footer { display: none; } 


/* 검색 */

/* 검색 결과 */
#contents.searcharea { margin-bottom: 80px; } 
.search_title_area { width: 100%; position: relative; text-align: left; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #222; } 
.search_title_area .searchtitle { font-weight: 700; font-size: 24px; line-height: 40px; color: rgb(38, 38, 38); } 

.search_category_area { font-size: 0; padding-bottom: 50px; } 
.search_category_area li { display: inline-block; padding-right: 30px; font-size: 16px; color: #222; } 
.search_category_area li p strong { font-weight: bold; color: #0078ff; } 

a.searchbtn { padding: 18px 25px; display: block; width: 180px; text-align: center; font-size: 16px; font-weight: bold !important; line-height: normal; color: #fff; background: #A2BC35; margin: 0 auto; margin-top: 60px; margin-right: 0; } 
a.searchbtn:hover { background: #90A82B; } 
.searchproduct p, .searchnotice p { color: #222; font-size: 20px; line-height: normal; font-weight: bold; padding-bottom: 20px; } 
.searchproduct .no-item-text, .searchnotice .no-item-text { padding-bottom: 80px; text-align: center; font-weight: 400; } 

.searchproduct table { width: 100%; position: relative; border: 1px solid #bbb; } 
.searchproduct table tr { border-bottom: 1px solid rgba(0,0,0,.06); } 
.searchproduct table tr:last-child { border-bottom: 0; } 

.searchproduct table th { font-weight: 400; background-color: #eaeaea; position: relative; display: table-cell; line-height: 1.25em; } 
.searchproduct table th:nth-child(n+2):nth-child(-n+3) { width: 11%; } 
.searchproduct table th:nth-child(n+4):nth-child(-n+5) { width: 9%; } 
.searchproduct table th ,.searchproduct table td { font-size: 14px; text-align: center; } 

.searchproduct table tr th:first-child, .searchproduct table tr td:first-child { padding: 10px 0px 10px 50px; text-align: left; position: relative; } 
.searchproduct table td.title a { color: #000; } 
.searchproduct table tr td span { display: inline-block; text-align: center; cursor: pointer; } 
.searchproduct table tr td span.icon_view { display: block; margin: 0 auto; } 

.icon_view { width: 25px; height: 25px; background: url(../theme_sample/images/view_logo-1.svg) center/cover no-repeat; } 
.icon_listen { width: 25px; height: 25px; background: url(../theme_sample/images/listen_logo-1.svg) center/cover no-repeat; } 

.searchnotice ul { margin: 0 -1% 0 0; padding: 0; padding-bottom: 80px; list-style: none; overflow: hidden; } 
.searchnotice ul .kboard-pure-item { margin: 0 1% 1% 0; width: 19%; visibility: visible; position: relative; float: left; list-style: none; border: 0; } 
.searchnotice ul .kboard-pure-item .kboard-pure-thumbnail { position: relative; margin-bottom: 0px; height: 230px; overflow: hidden; } 
.searchnotice ul .kboard-pure-item .kboard-pure-thumbnail img { width: 100%; height: 100%; object-fit: cover; } 
.searchnotice ul .kboard-pure-item .kboard-pure-title { text-align: left; position: absolute; font-weight: bold; left: 0; bottom: 0; width: 100%; height: auto; background: rgba(105,155,148,.4); line-height: normal; margin-bottom: 0; padding: 8px 10px; color: #fff; transition: .5s ease; } 


/* 검색 결과 없을 때*/
#contents.noticeSection { margin-bottom: 80px; } 
.noticeSection { width: 100%; padding: 140px 64px; background-color: #f4f4f4; } 
.noticeSection .contentWrapper { width: 100%; text-align: center; } 
.noticeSection .emptyCartNoticeTitle { margin-bottom: 20px; font-weight: bold; color: #222; font-size: 24px; line-height: 1.46; letter-spacing: 0px; } 
.noticeSection .emptyCartNoticeDesc { margin-bottom: 48px; color: #5c5c5c; font-weight: 500; font-size: 16px; line-height: 1.5; letter-spacing: 0px; } 
.noticeSection .emptyCartNoticeBtn { padding: 10px 25px; border-radius: 25px; text-align: center; box-shadow: 0 6px 8px 0 rgb(59 48 47 / 10%); color: #FFF; background: #A2BC35; font-weight: bold; } 
.noticeSection .emptyCartNoticeBtn:hover { background: #90A82B !important; opacity: 1 !important; color: #fff; } 

/* 리스트 페이지네이션 */
section .wcpt-pagination .page-numbers.current, .wcpt-pagination .page-numbers.current:hover { background-color: #233041; color: #fff; } 
section .wcpt-pagination .page-numbers.current {}
body section .wcpt-pagination a.page-numbers {}

/* 미디어 아이콘 */
body section .mejs-button, .mejs-time, .mejs-time-rail { height: initial; } 
body section .wcmp-player-container { width: initial; } 
.main .wcmp-player.track.mejs-classic .mejs-playpause-button button { margin-top: -2px; } 

body section .wcpt-header,
body:not(.wcpt-nav-modal-on) .wcpt-navigation { display: none; } 
body section .wcmp-player.track.mejs-classic .mejs-controls { height: 100%; } 


/*media query*/
@media all and (max-width: 1440px){
 #header_Wrap .container { flex-wrap: wrap; row-gap: 20px; } 
 #header_Wrap .container .search { order: 2; width: 100%; max-width: initial; } 


 /* product */
 body #primary.content-area .product-type-simple .summary { padding-left: 50px; } 
 body #primary.content-area .product-type-simple .woocommerce-product-gallery img { width: 100%; height: 100%; max-height: 700px; object-fit: contain; display: flex; } 
 }


@media all and (max-width: 1025px){
 #header_Wrap .container { gap: 10px; } 
 #header_Wrap .container .login.pc, #nav_Wrap { display: none; } 
 #header_Wrap .container .login.mo { display: block; } 
 #header_Wrap .container .login.mo img { width: 20px; filter: contrast(0.5) brightness(5); cursor: pointer; } 
 #mo_nav_wrap.on { display: flex; } 
 #mo_nav_wrap { position:absolute; display: none; background-color: #22313F; padding-bottom: 20px; width: 100vw; z-index: 9999; left: 0; } 
 #mo_nav_wrap .container { display: flex; flex-direction: column; gap: 20px; } 

 #mo_nav_wrap .login__box { display: flex; justify-content: space-between; gap: 20px; padding: 8px 15px; background-color: #A2BC35; border-radius: 3px; } 
 #mo_nav_wrap .user_info { display: flex; flex-wrap: wrap; gap: 25px; } 
 #mo_nav_wrap .cosmosfarm-members-account-links { display: flex; gap: 10px; } 
 #mo_nav_wrap .user_info .user_id,
 #mo_nav_wrap .user_info a { font-weight: 300; line-height: 1.5; font-size: 16px; color: #fff; } 

 #mo_nav_wrap .user_cart { } 
 #mo_nav_wrap .user_cart a { font-weight: 300; line-height: 1.5; font-size: 16px; color: #fff; display: flex; align-items: center; gap: 5px; } 
 #mo_nav_wrap .menu__box { display: flex; flex-direction: column; gap: 5px; } 
 #mo_nav_wrap .menu__box .mo-menu { padding: 5px 10px; border-radius: 3px; background-color: #244D73; } 
 #mo_nav_wrap .menu__box a,
 #mo_nav_wrap .menu__box span { font-size: 16px; line-height: 1.5; color: #fff; font-weight: 300; font-family: inherit; width: 100%; display: inline-block; } 
 #mo_nav_wrap .menu__box .mo-dropdown { padding: 5px 10px; display: none; flex-direction: column; gap: 5px; } 
 #mo_nav_wrap .menu__box li.on .mo-dropdown { display: flex; } 
 
 /* footer */
 .ft_info { flex-direction: column; gap: 25px; } 
 .ft_info > div ul { margin-top: 10px; display: flex; flex-wrap: wrap; gap: 15px; row-gap: 5px; } 
 .ft_info > .ft_left ul li { margin: 0; } 
 .ft_info > .ft_right ul li~li { margin-top: 0; } 


 /* product */
 body #primary.content-area .product-type-simple { flex-direction: column; gap: 50px; } 
 body #primary.content-area .product-type-simple .summary { width: 100%; padding: 0; } 
 body #primary.content-area .product-type-simple .woocommerce-product-gallery { width: 100%; margin: auto; } 
 

 /* search */
 .searchnotice ul .kboard-pure-item { width: 24%; } 
}
@media all and (max-width: 767px){
 #contents { margin-top: 40px; } 
 .container { padding: 0 25px; } 
 #footer_Wrap { padding: 40px 0; } 

 /* search */
 .searchnotice ul .kboard-pure-item { width: 49%; } 
 .searchnotice ul .kboard-pure-item .kboard-pure-thumbnail { height: 300px; } 
 .searchproduct thead { display: none; } 
 .searchproduct table tr:nth-of-type(2n) { background-color: #fafafa; } 
 }

@media all and (max-width: 479px) { html { font-size: 14px; } 
 #mo_nav_wrap .login__box { flex-direction: column; row-gap: 5px; } 
 .search .searchArea #searchsubmit { width: 40px; } 

 body #primary.content-area .product-type-simple { margin-top: 50px; } 
 body #primary.content-area { padding: 0 25px; } 
 
 
 /* search */
 .searchproduct table tr { display: flex; flex-wrap: wrap; align-items: center; row-gap: 5px; } 
 .searchproduct table tr th:first-child, .searchproduct table tr td:first-child { width: 100%; } 
 .searchproduct table th, .searchproduct table td { padding: 5px 10px; } 
 .searchnotice ul .kboard-pure-item .kboard-pure-thumbnail { height: 50%; } 
 }