.mo_area { display: none; } 

/* banner */
#sub-banner { width: 100%; height: 240px; } 

#sub-banner.guide { background: url(../images/guide_bg_new.jpg) right/cover no-repeat; } 
#sub-banner.groups { background: url(../images/groups_bg.jpg) right/cover no-repeat; } 
#sub-banner.service { background: url(../images/service_bg.jpg) right/cover no-repeat; } 
#sub-banner.composer { background: url(../images/composer_bg.jpg) right/cover no-repeat; background-size: 60%; background-position-y: 30%; } 
#sub-banner.hymnal { background: url(../images/hymnal_bg.jpg) right/cover no-repeat; } 
#sub-banner.login { background: url(../images/main_bg.jpg) right/cover no-repeat; } 
#sub-banner.notice { background: url(../images/notice_bg.jpg) right/cover no-repeat; } 
#sub-banner.inquiry { background: url(../images/inquiry_bg_new.jpg) right/cover no-repeat; } 
#sub-banner.chant { background: url(../images/chant_bg_new.jpg) right/cover no-repeat; } 
#sub-banner.orchestra { background: url(../images/orchestra_bg.jpg) right/cover no-repeat } 
#sub-banner.contest { background: url(../images/contest_bg_new.jpg) right/cover no-repeat; } 

#sub-banner.guide,
#sub-banner.service,
#sub-banner.composer,
#sub-banner.chant,
#sub-banner.orchestra,
#sub-banner.hymnal,
#sub-banner.contest,
#sub-banner.inquiry { position: relative; z-index: 0; } 


#sub-banner.guide::after,
#sub-banner.composer::after,
#sub-banner.hymnal::after { content: ""; width: 100%; height: 100%; position: absolute; top:0; left:0; background: linear-gradient(to right, #04649F 40%, #04649F33); z-index: -1; } 

#sub-banner.service::after,
#sub-banner.inquiry::after { content: ""; width: 100%; height: 100%; position: absolute; top:0; left:0; background: linear-gradient(to right, #04649F 60%, #04649F33); z-index: -1; } 
#sub-banner.contest::after { content: ""; width: 100%; height: 100%; position: absolute; top:0; left:0; background: linear-gradient(to right, #04649F 70%, #04649F33); z-index: -1; } 
#sub-banner.orchestra::after,
#sub-banner.chant::after { content: ""; width: 100%; height: 100%; position: absolute; top:0; left:0; background: linear-gradient(to right, #04649F 75%, #04649F33); z-index: -1; } 

#sub-banner .container { height: 100%; } 

#sub-banner .text-box { position: relative; top: 50%; transform: translateY(-50%); color: #fff; } 
#sub-banner .text-box h2 { font-size: 40px; line-height: normal; margin-bottom: 15px; } 
#sub-banner .text-box p { font-size: 20px; } 


/* contents */
#contents { margin-bottom: 80px; } 
#contents.contest { margin-bottom: 0; } 


/* 이용안내 */
.guide_wrap .cont_box { display: flex; justify-content: space-between; padding: 80px 0; } 
.guide_wrap .cont_box:nth-child(4) { padding-bottom: 0; } 
.guide_wrap .cont_box .box_left { width: 100%; max-width: 450px; padding-right: 40px; } 
.guide_wrap .cont_box .box_left h3 { font-size: 28px; line-height: 1.3; } 
.guide_wrap .cont_box .box_right { width: 100%; } 
.guide_wrap .cont_box .box_right p { font-size: 16px; line-height: 1.7; letter-spacing: -0.02rem; } 
.guide_wrap .cont_box:nth-child(4) .box_right p:first-child { margin-bottom: 40px; } 
.guide_wrap .cont_box > img { display: block; margin: 0 auto; } 

.guide_wrap .cont_guide_box { padding: 80px 0; } 
.guide_wrap .cont_guide_box ul { display: flex; justify-content: space-between; } 
.guide_wrap .cont_guide_box li { text-align: center; max-width: 230px; width:100% } 
.guide_wrap .cont_guide_box li:last-child { margin-right: 0; } 
.guide_wrap .cont_guide_box li div img { margin-bottom: 20px; max-width:140px; width:100%; } 
.guide_wrap .cont_guide_box li div strong { margin-bottom: 20px; font-weight: bold; display: block; font-size: 18px; } 
.guide_wrap .cont_guide_box li div p { word-break: keep-all; line-height: 1.75; } 

.guide_wrap .guide_box { margin-top: 120px; padding-bottom: 100px; position: relative; width: 100%; } 
.guide_wrap .guide_box img { max-width: 100%; width: 240px; object-fit: cover; } 
.guide_wrap .guide_box h3 { font-size: 28px; font-weight: bold; display: flex; align-items: center; justify-content: center; } 
.guide_wrap .guide_box h3 span { line-height: normal; display: inline-block; margin-left: 5px; } 
.guide_wrap .guide_box ul { display: flex; justify-content: center; gap:60px; margin-top: 80px; } 
.guide_wrap .guide_box ul li { width:100%; max-width: 250px; padding: 30px; border: 1px solid #bbbbbb; text-align: center; border-radius: 10px; } 
.guide_wrap .guide_box ul li img { width: 100px; height: 100px; object-fit: contain; } 
.guide_wrap .guide_box ul li:last-child { margin-right: 0; } 
.guide_wrap .guide_box ul li div { margin-top: 50px; } 
.guide_wrap .guide_box ul li div span { font-weight: bold; font-size: 18px; } 


/* 서비스 */
.guide_wrap .cont_wrap { display: flex; width: 100%; justify-content: space-between; } 
.guide_wrap .cont_box.service { display: block; } 
.guide_wrap .cont_box .box_right.service > p { margin-bottom: 40px; letter-spacing: normal; } 
.guide_wrap .cont_box:nth-child(1) .box_right.service > p:nth-child(n+3):nth-child(-n+4) { margin-bottom: 20px; } 
.guide_wrap .cont_box .box_right.service > p span { display: inline-block; margin-left: 25px; } 
.guide_wrap .cont_box .box_right.service > p strong { display: block; } 
.guide_wrap .cont_box.service:nth-child(3) { padding: 100px 0; } 
.guide_wrap .cont_box .box_right.service ul { display: flex; justify-content:flex-start; align-items: center; gap: 20px; row-gap:10px; flex-wrap: wrap; } 
.guide_wrap .cont_box .box_right.service ul li { display: flex; flex-wrap: wrap; align-items: center; gap:10px; row-gap:5px; } 

.guide_wrap .cont_box .des_box { } 
.guide_wrap .cont_box .des_box > .title { font-size: 20px; font-weight: bold; margin-bottom: 40px; } 
.guide_wrap .cont_box .des_box .flow_wrap { display: flex; flex-wrap: wrap; } 
.guide_wrap .cont_box .des_box .flow_wrap .flow { width: 47%; border-top: 1px solid #BBBBBB; padding: 20px 0; color: #000; margin-top: 30px; } 
.guide_wrap .cont_box .des_box .flow_wrap .flow p { font-size: 1rem; margin-top: 10px; line-height: 1.5; font-weight: bold; } 
.guide_wrap .cont_box .des_box .flow_wrap .flow p:last-of-type { display: block; } 
.guide_wrap .cont_box .des_box .flow_wrap .flow p.title { font-size: 1.5rem; padding-bottom: 10px; } 
.guide_wrap .cont_box .des_box .flow_wrap .flow img { max-width: 100%; } 
.guide_wrap .cont_box .des_box .flow_wrap .flow span { display: block; } 
.guide_wrap .cont_box .des_box .flow_wrap .flow:nth-child(odd) { margin-right: 3%; } 
.guide_wrap .cont_box .des_box .flow_wrap .flow:nth-child(even) { margin-left: 3%; } 

.guide_wrap .cont_box:nth-child(2) .cont_wrap { margin-bottom: 40px; } 
.guide_wrap .cont_box .page_btn { margin-top: 50px; text-align: right; } 
.guide_wrap .cont_box .page_btn a { display: inline-block; text-align: center; width: 230px; line-height: 1.5; padding: 15px 0; font-weight: bold; color: #fff; background: #A2BC35; } 
.guide_wrap .cont_box .page_btn a:hover { background-color: #90A82B; } 

.orchestra_wrap .cont_box { display: flex; justify-content: space-between; padding: 80px 0; } 
.orchestra_wrap .cont_box .box_left { flex-shrink: 0; width: 300px; padding-right: 40px; } 
.orchestra_wrap .cont_box .box_left h3 { font-size: 28px; line-height: 1.3; } 
.orchestra_wrap .cont_box .box_right { width: 100%; } 
.orchestra_wrap .cont_box .box_right p { font-size: 16px; line-height: 1.7; letter-spacing: -0.02rem; margin-bottom: 20px; } 

.orchestra_wrap { max-width: 1000px; margin: 0 auto; } 
.orchestra_wrap #kboard-contact-form-editor .kboard-control .right { display: none !important; } 
.orchestra_wrap #kboard-contact-form-editor .kboard-attr-row { display: flex; align-items: center; margin-bottom: 20px; } 
.orchestra_wrap #kboard-contact-form-editor .kboard-attr-row .attr-name { width: 30%; } 
.orchestra_wrap #kboard-contact-form-editor .kboard-attr-row .attr-value { width: 70%; } 
.orchestra_wrap #kboard-contact-form-editor .kboard-attr-row.meta-key-organization_size .attr-value { display: flex; flex-wrap: wrap; } 
.orchestra_wrap #kboard-contact-form-editor .kboard-attr-row .attr-value .attr-value-label { width: 20%; font-size: 14px; display: flex; align-items: center; } 
.orchestra_wrap #kboard-contact-form-editor .kboard-attr-row .attr-value .attr-value-label input { margin-right: 7px; } 
.orchestra_wrap #kboard-contact-form-editor .kboard-attr-row .attr-value .description { font-size: 14px; } 
.orchestra_wrap #kboard-contact-form-editor .kboard-attr-row input[type=text] { border: 1px solid #bbbbbb; font-size: 14px; } 

.orchestra_wrap #kboard-contact-form-editor .kboard-control { text-align: center; padding: 40px 0 0 0; } 
.orchestra_wrap #kboard-contact-form-editor .kboard-control .left { float: none; } 
.orchestra_wrap #kboard-contact-form-editor .kboard-control .left button { color: #fff !important; background: #A2BC35 !important; border-radius: 0; font-weight: bold; } 
.orchestra_wrap #kboard-contact-form-editor .kboard-control .left button:hover { background: #90A82B !important; opacity: 1; } 


/* 큐레이션 */
.curation_info_wrap { margin-bottom: 150px; } 
.curation_info_wrap .box { position: relative; } 
.curation_info_wrap .box p { line-height: 1.75; font-size: 18px; padding: 30px 0 0px 70px; margin-bottom: 100px; position: relative; z-index: 10; } 
.curation_info_wrap .box span { position: absolute; left: 0; top: 0px; width: 60px; } 
.curation_info_wrap .box span img { width: 100%; height: 100%; object-fit: cover; } 
.curation_info_wrap .box ul { display: flex; justify-content: center; flex-wrap: wrap; gap: 100px; } 
.curation_info_wrap .box ul li { width: 200px; height: 200px; } 
.curation_info_wrap .box ul li img { width: 100%; height: 100%; object-fit: cover; } 


.curation_wrap #kboard-default-list .kboard-list-header,
.curation_wrap .kboard-default-new-notify,
.curation_wrap #kboard-default-document .kboard-document-action,
.curation_wrap .wcpt-no-results,
.curation_wrap #kboard-default-document .wcpt-table .wcpt-header,
.curation_wrap #kboard-default-document .wcpt-table thead,
.curation_wrap #kboard-default-document .wcpt-header { display: none; } 

.curation_wrap #kboard-default-list .kboard-list table { border-bottom: 1px solid #BBBBBB; } 
.curation_wrap #kboard-default-list .kboard-list table thead tr { background-color: #eaeaea; border: 1px solid #eaeaea; } 
.curation_wrap #kboard-default-list .kboard-list table tbody { border-left: 1px solid #BBBBBB; border-right: 1px solid #BBBBBB; box-sizing: border-box; } 
.curation_wrap #kboard-default-list .kboard-list table tbody tr { border-bottom: 1px solid #ECECEC; } 
.curation_wrap #kboard-default-list .kboard-list table tr:last-child { border-bottom: 0; } 
.curation_wrap #kboard-default-list .kboard-list thead tr td { border-bottom: 0; color: #000 !important; } 
.curation_wrap #kboard-default-list .kboard-list tbody tr td { color: #000; border-bottom: 0; } 
.curation_wrap #kboard-default-list .kboard-search input,
.curation_wrap #kboard-default-list .kboard-search select { line-height: 36px; height: 36px; border: 1px solid #bbbbbb; color: #000 !important; } 

.curation_wrap #kboard-default-document .kboard-content .content-view { padding: 22px 0; } 
.curation_wrap #kboard-default-document .kboard-title h1 { padding: 12px 0px; } 
.curation_wrap #kboard-default-document .wcpt-table:nth-of-type(2) thead { display: none; } 
.curation_wrap #kboard-default-document .monthly_header_table { display: flex; align-items: center; border: 1px solid #bbb; background-color: #eaeaea; } 
.curation_wrap #kboard-default-document .monthly_header_table > div { background: #eaeaea; font-size: 14px; font-family: "NanumSquareRoundEB"; } 
.curation_wrap #kboard-default-document .wcpt-row:not(:last-child) { border: 0; } 
.curation_wrap #kboard-default-document .monthly_box { display: flex; border: 1px solid #BBBBBB; border-top: 0; } 
.curation_wrap #kboard-default-document .monthly_box~.monthly_box { border-top: 0; } 
.curation_wrap #kboard-default-document .monthly_txt { width: 120px; text-align: center; padding: 10px 0; } 
.curation_wrap #kboard-default-document .monthly_header { width: calc(100% - 120px); display: flex; align-items: center; } 
.curation_wrap #kboard-default-document .monthly_box .monthly_txt { border-right: 1px solid #BBBBBB; display: flex; align-items: center; justify-content: center; } 
.curation_wrap #kboard-default-document .monthly_box .monthly_list { width: calc(100% - 120px); } 
.curation_wrap #kboard-default-document table tr { border-bottom: 1px solid #ECECEC !important; } 
.curation_wrap #kboard-default-document table tr td { font-size: 14px; } 
.curation_wrap #kboard-default-document td[data-wcpt-column-index="1"] .wcpt-custom-field { cursor: pointer; } 
.curation_wrap #kboard-default-document .monthly_header_table .title,
.curation_wrap #kboard-default-document table tr td:first-child { padding: 10px 40px; width: calc(100% - 31%); text-align: left; } 
.curation_wrap #kboard-default-document .wcpt-table td.wcpt-cell:nth-child(n+2):nth-child(-n+3),
.curation_wrap #kboard-default-document .monthly_header_table .bundle { width: 11%; text-align: center; vertical-align: middle; min-width: 100px; } 
.curation_wrap #kboard-default-document .wcpt-table td.wcpt-cell:nth-child(n+4):nth-child(-n+5),
.curation_wrap #kboard-default-document .monthly_header_table .icon { width: 9%; text-align: center; min-width: 80px; vertical-align: middle; } 
.curation_wrap #kboard-default-document .page_all_btn { margin-top: 30px; text-align: right; } 
.curation_wrap #kboard-default-document .page_all_btn a { display: inline-block; text-align: center; width: auto; line-height: 1.5; padding: 15px 30px; font-weight: bold; color: #fff; background: #425A93; } 
.curation_wrap #kboard-default-document .page_all_btn a:hover { background-color: #334672; } 

.curation_wrap a.kboard-default-button-small,
.curation_wrap input.kboard-default-button-small,
.curation_wrap button.kboard-default-button-small { height: 38px; line-height: 38px; padding: 0 15px; border-radius: 3px; color: #fff !important; background-color: #A2BC35 !important; } 
.curation_wrap a.kboard-default-button-small:hover,
.curation_wrap input.kboard-default-button-small:hover,
.curation_wrap button.kboard-default-button-small:hover { opacity: 1; background-color: #90A82B !important; } 
.curation_wrap .wcmp-player-container { display: none; } 



/* composer */
.composer_wrap { position: relative; } 
.composer_wrap #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-new,
.composer_wrap #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-user,
.composer_wrap #kboard-pure-gallery-list .kboard-control,
.composer_wrap #kboard-pure-gallery-document .kboard-title,
.composer_wrap #kboard-pure-gallery-document .kboard-detail,
.composer_wrap #kboard-pure-gallery-document .kboard-document-action { display: none; } 

.composer_wrap #kboard-pure-gallery-list.mw1200 .kboard-pure-gallery-list .kboard-list-item { width: 19%; } 
.composer_wrap #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item { margin: 0 1% 1% 0 !important; } 

.composer_wrap #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item { padding: 0; } 
.composer_wrap #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-thumbnail { margin-bottom: 0; } 
.composer_wrap #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item:hover .kboard-list-thumbnail .kboard-list-thumbnail-child { transform: none; } 
.composer_wrap #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-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; } 
.composer_wrap #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item:hover .kboard-list-title { text-decoration: none; background: rgba(105,155,148,.8); } 

.composer_wrap #kboard-pure-gallery-document .custom-document.table > .custom-box .table_wrap table td span.icon_listen { background: url(../images/composer_icon.svg) center/cover no-repeat; } 


/* hymanl */
.hymnal_wrap { margin-bottom: 80px } 
.hymnal_wrap .title { background: #233041; color: #fff; padding: 15px 40px; font-size: 20px; line-height: normal; } 
.hymnal_wrap table { width: 100%; position: relative; border: 1px solid #bbb; /* border-left: 1px solid #BBBBBB; border-right: 1px solid #BBBBBB; border-bottom: 1px solid #BBBBBB; */ } 
.hymnal_wrap table thead tr { background: #EAEAEA; } 
.hymnal_wrap table thead tr th { font-family: "NanumSquareRoundEB"; } 
.hymnal_wrap table tr th:first-child,.hymnal_wrap table tr td:first-child { text-align: left; padding: 10px 0px 10px 50px; position: relative; } 
.hymnal_wrap table tbody { } 
.hymnal_wrap table tr th,.hymnal_wrap table tr td { text-align: center; font-size: 14px; vertical-align: middle; } 
.hymnal_wrap td[data-wcpt-column-index="1"] .wcpt-custom-field { cursor: pointer; } 
.hymnal_wrap table tr { border-bottom: 1px solid #ECECEC; } 

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

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

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


#wcpt-21 .wcpt-header.wcpt-navigation, #wcpt-25 .wcpt-header.wcpt-navigation { display: none !important; } 

.wcpt-table th.wcpt-heading { font-weight: 400; background: #EAEAEA; padding: 0; } 
.wcpt-table th.wcpt-heading:nth-child(n+2):nth-child(-n+3) { width: 11%; } 
.wcpt-table th.wcpt-heading:nth-child(n+4):nth-child(-n+5) { width: 9%; } 
.wcpt-table .wcpt-title { color: #000; } 
.wcpt-cell { padding: 0; } 
.wcpt-row.wcpt-even { background: transparent; } 

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


/* contest */
.contest-img { width: 100%; } 
.contest-img img { width: 100%; display: block; } 


/* notice, inquiry */
.board_wrap #kboard-default-list .kboard-list-header,
.board_wrap #kboard-default-document .kboard-document-action > div,
.board_wrap #kboard-default-document .kboard-detail .detail-attr.detail-view { display: none !important; } 

.board_wrap #kboard-default-list .kboard-list table td.kboard-list-user,
.board_wrap #kboard-default-list .kboard-list table td.kboard-list-date { width: 120px; } 
.board_wrap #kboard-default-list .kboard-list table { border-bottom: 1px solid #BBBBBB; } 
.board_wrap #kboard-default-list .kboard-list table thead tr { background-color: #eaeaea; border: 1px solid #BBBBBB; } 
.board_wrap #kboard-default-list .kboard-list table tbody { border-left: 1px solid #BBBBBB; border-right: 1px solid #BBBBBB; box-sizing: border-box; } 
.board_wrap #kboard-default-list .kboard-list table tbody tr { border-top: 1px solid #bbb; border-bottom: 1px solid #ECECEC; } 
.board_wrap #kboard-default-list .kboard-list table tr:last-child { border-bottom: 0; } 
.board_wrap #kboard-default-list .kboard-list thead tr td { border-bottom: 0; color: #000 !important; } 
.board_wrap #kboard-default-list .kboard-list tbody tr td { color: #000; border-bottom: 0; } 
.board_wrap #kboard-default-list .kboard-search input,
.board_wrap #kboard-default-list .kboard-search select { line-height: 36px; height: 36px; border: 1px solid #bbbbbb; color: #000 !important; } 

.board_wrap a.kboard-default-button-small,
.board_wrap input.kboard-default-button-small,
.board_wrap button.kboard-default-button-small { height: 38px; line-height: 38px; padding: 0 15px; border-radius: 3px; color: #fff !important; background-color: #A2BC35 !important; } 
.board_wrap a.kboard-default-button-small:hover,
.board_wrap input.kboard-default-button-small:hover,
.board_wrap button.kboard-default-button-small:hover { opacity: 1; background-color: #90A82B !important; } 

.board_wrap #kboard-default-document .kboard-title h1 { background: #233041; color: #fff; } 
.board_wrap #kboard-default-document .kboard-detail { background: #eaeaea; } 
.board_wrap #kboard-default-document .kboard-document-action { padding: 0 22px 15px 22px; border-bottom: 2px solid #eaeaea; } 

 


/* ************** 우커머스 ************** */
.woocommerce { max-width: 1300px; padding: 0 50px; width: 100%; height: 100%; margin: 0 auto; display: block; position: relative; } 

/* 마이페이지 */
.woocommerce_mypage { display: flex; font-family: "NanumSquareRoundR"; } 

.left_account_wrap,.woocommerce-MyAccount-content { opacity: 0; } 
.woocommerce_mypage .left_account_wrap, .woocommerce_mypage .woocommerce-MyAccount-content { opacity: 1; } 

/* 마이페이지 - 사이드 */
.left_account_wrap { display: block; width: 216px; padding: 80px 0; } 
.account_info_area { padding-bottom: 18px; position: relative; } 
.account_info_area strong { font-size: 20px; line-height: 1.36; font-weight: bold; color: #000; } 
.userBtns { display: flex; margin-top: 20px; align-items: center; font-size: 15px; } 
.userBtns a:hover { font-weight: bold !important; color: #101010 !important; } 
.userBtns .userDataUpdateBtn a { font-weight: bold; line-height: unset; color: #101010; height: 100%; } 
.userBtns .userDataUpdateBtn .updateIcon { display: none; } 
.userBtns .logoutBtn { margin-left: 30px; } 
.userBtns .logoutBtn a { height: 100%; line-height: unset; color: #aaaaaa; } 

.woocommerce-MyAccount-navigation-link a { color: #aaaaaa; font-size: 15px; line-height: normal; margin-bottom: 13px; display: inline-block; transition: .1s; } 
.woocommerce-MyAccount-navigation-link a:hover { font-weight: bold; color: #000; } 
.woocommerce-MyAccount-navigation-link a.act { font-weight: bold; color: #000; } 

/**/

.woocommerce-MyAccount-content { display: block; width: calc(100% - 216px); min-height: 47.5vh; padding: 80px 0 80px 60px; border-left: 1px solid #707070; } 
.acc_all_title { font-size: 24px; font-weight: bold; line-height: normal; margin-bottom: 40px; } 
.acc_info_title,.acc_info_txt { font-size: 24px; font-weight: bold; line-height: normal; padding-bottom: 15px; border-bottom: 2px solid #BDB7C4; } 

.acc_info_txt { border-bottom: 0; } 

.woo_account_area .acc_sub_info_title { font-weight: bold; font-size: 27px; letter-spacing: 0px; line-height: normal; color: #101010; } 

.account_top_area { margin-bottom: 20px; position: relative; width: 90%; } 
.account_top_area .accountbtn { background: #f4f4f4; color: #999; font-size: 16px; font-weight: bold; border-radius: 25px; line-height: normal; position: absolute; right: 0; top: -2px; display: block; padding: 10px 25px; } 
.account_top_area .accountbtn:hover { background: #101010; color: #fff; } 

.woo_account_area { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 15px 0 20px 0; padding: 0 15px; } 
.accountbox { width: 48%; position: relative; display: flex; overflow: hidden; align-items: center; padding-bottom: 20px; } 
.accountbox.address { width: 100%; } 
.accountbox .leftbox { width: 100px; } 
.accountbox .leftbox span { font-size: 14px; line-height: normal; color: #666; font-weight: 400; } 
.accountbox .rightbox { width: 70%; border: 1px solid #A5A5A5; padding: 10px; border-radius: 5px; min-height: 39px; } 
.accountbox.address .rightbox { width: 85.5%; } 
.accountbox .rightbox span { font-size: 14px; line-height: normal; color: #101010; font-weight: 500; letter-spacing: 0px; } 
.accountbox .rightbox span .pwbtn { color: #999; border-bottom: 2px solid #999; background: none; font-weight: bold; border-radius: 0; line-height: normal; display: block; } 
.accountbox .rightbox span .pwbtn:hover { color: #000; border-bottom: 2px solid #000; } 

.accountbtnbox { text-align: center; margin-top: 20px; } 
.accountbtnbox .accountbtn { padding: 10px 25px; border-radius: 25px; color: #fff; background: #A2BC35; font-weight: bold; } 
.accountbtnbox .accountbtn:hover { color: #fff; background: #90A82B; } 

.account_edit_wrap { display: none; position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3); z-index: 22; } 
.account_edit_area { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 500px; border-radius: 20px; background: #fff; padding: 40px; } 
.account_edit_area .edit_txt { font-size: 20px; font-weight: bold; color: #101010; letter-spacing: 0px; line-height: normal; padding-bottom: 20px; } 
.pop_close_area { position: absolute; right: 35px; top: 36px; cursor: pointer; } 

.woocommerce form .form-row label { font-size: 14px; line-height: normal; color: #666; font-weight: 400; margin-bottom: 5px; } 
.woocommerce form .form-row input.input-text { border: 1px solid #A5A5A5; padding: 10px; border-radius: 5px; font-size: 14px; } 

.save_account_area { text-align: center; margin-top: 20px; } 
.woocommerce button.button { padding: 10px 25px !important; border-radius: 25px; color: #fff !important; opacity: 1 !important; background: #A2BC35; font-weight: bold; } 
.woocommerce button.button:hover { background: #90A82B !important; opacity: 1 !important; color: #fff; } 

.woocommerce-customer-details, .woocommerce-order-details__title { display: none; } 

.acc_info_txt { line-height: 40px; color: #101010; font-size: 16px; font-weight: 300; } 
.order-number, .order-date, .order-status { font-weight: bold; margin-left: 30px; background: none; } 
.order-number { margin-right: 80px; } 
.woocommerce-table__product-name a { color: #000; } 

.order-again { margin-top: 50px; } 


/* 주문내역 판매내역 */

.mypage_order_wrap .woocommerce-orders-table tbody { max-height: calc(40px * 15); overflow: overlay; display: block; } 

.mypage_order_wrap .woocommerce-orders-table thead tr,
.mypage_order_wrap .woocommerce-orders-table tbody tr { display: table; width: 100%; } 

.mypage_order_wrap .woocommerce-orders-table thead tr th:nth-child(1),
.mypage_order_wrap .woocommerce-orders-table tbody tr td:nth-child(1) { width: 20%; } 

.mypage_order_wrap .woocommerce-orders-table thead tr th:nth-child(2),
.mypage_order_wrap .woocommerce-orders-table tbody tr td:nth-child(2) { width: 20%; } 

.mypage_order_wrap .woocommerce-orders-table thead tr th:nth-child(3),
.mypage_order_wrap .woocommerce-orders-table tbody tr td:nth-child(3),
.mypage_order_wrap .woocommerce-orders-table thead tr th:nth-child(4),
.mypage_order_wrap .woocommerce-orders-table tbody tr td:nth-child(4) { width: 11%; } 

.mypage_order_wrap .woocommerce-orders-table thead tr th:nth-child(5),
.mypage_order_wrap .woocommerce-orders-table tbody tr td:nth-child(5) { width: 15%; } 

.mypage_order_wrap .woocommerce-orders-table thead tr th:nth-child(6),
.mypage_order_wrap .woocommerce-orders-table tbody tr td:nth-child(6) { width: 23%; } 


.woocommerce_mypage .woocommerce-orders-table__header { background: #EAEAEA; } 

.woocommerce_mypage .woocommerce-orders-table__header.woocommerce-orders-table__header-order-date,
.woocommerce_mypage .woocommerce-orders-table__header.woocommerce-orders-table__header-order-name,
.woocommerce_mypage .woocommerce-orders-table tbody tr td:first-child,
.woocommerce_mypage .woocommerce-orders-table tbody tr td:nth-child(2) { padding: 10px 0 10px 20px; } 

/* 주문내역 취소 */
.pafw-cancel-reason-form .button { font-family: "NanumSquareRoundR"; } 


/* 로그인 */
.login .cosmosfarm-members-form .link-text.center { display: flex; justify-content: center; } 
.login .cosmosfarm-members-form .link-text.pwdreset { float: none; display: flex; } 
.login .cosmosfarm-members-form .link-text.register { float: none; } 

.login .cosmosfarm-members-form button, .login .cosmosfarm-members-form input[type=submit],
.register .cosmosfarm-members-form button, .register .cosmosfarm-members-form input[type=submit] { background: #22313f !important; color: #fff; } 
.login .cosmosfarm-members-form button:hover, .login .cosmosfarm-members-form input[type=submit]:hover,
.register .cosmosfarm-members-form fieldset > div.button_div input:hover { background: rgba(34, 49, 63 ,.8) !important; } 
.login .cosmosfarm-members-form a { color: #000; font-size: 14px; } 

.login .cosmosfarm-members-form .link-text.center a { border: 1px solid rgba(34, 49, 63 ,.8); padding: 5px 10px; border-right: 0; box-shadow: 0 0 2px 0px rgb(34 49 63 / 80%); } 
.login .cosmosfarm-members-form .link-text.center a:hover { background: rgba(34, 49, 63 ,.8); color: #fff; } 
.login .cosmosfarm-members-form .link-text.register a { border-right: 1px solid rgba(34, 49, 63 ,.8); } 
.login .cosmosfarm-members-form .message .cosmosfarm-members-form { width: 80%; word-break: keep-all; line-height: 1.7; } 
.login .cosmosfarm-members-form .message a { display: none; } 

.login .cosmosfarm-members-form .button_div label { border-bottom: 1px solid rgba(0,0,0,.16); } 


/* 회원가입 */

.register_info_wrap { background-color: #f8f8f8; padding: 50px 150px; display: flex; flex-direction: column; gap: 20px; } 
.register_info_wrap h3 { font-size: 20px; margin-bottom: 30px; text-align: center; display: block; line-height: 1.75; } 
.register_info_wrap h3 span { background: #6ca961; color: #fff; padding: 15px 30px; display: inline-block; } 
.register_info_wrap p { line-height: 1.45; display: flex; align-items: flex-start; } 
.register_info_wrap p .tit { background: #6ca961; color: #fff; padding: 10px 0px; display: inline-block; margin-right: 25px; min-width: 170px; text-align: center; } 
.register_info_wrap p.dib > span { display: inline-block; vertical-align: top; } 
.register_info_wrap p span.box { background: transparent; color: #000; align-self: center; } 

.color_red { color: red; } 


.register .title_wrap { text-align: center; margin: 60px 0 30px; } 
.register .title_wrap h3 { font-size: 22px; line-height: 1.75; } 
.register .title_wrap p { color: #666; } 

.register .cosmosfarm-members-form { width: 100%; } 

.register .cosmosfarm-members-form fieldset { display: flex; flex-direction: column; } 
.register .cosmosfarm-members-form fieldset > div { width: 100%; } 
.register .cosmosfarm-members-form fieldset > div.button_div { width: 100%; margin-bottom: 10px; order: 1; } 
.register .cosmosfarm-members-form fieldset > div.button_div input { width: 150px; margin: 0 auto; } 
.register .cosmosfarm-members-form fieldset > div.req-text { font-size: 14px; font-weight: bold; order: -1; margin: 10px 0; } 
.register .cosmosfarm-members-form fieldset > label { font-weight: bold; font-size: 14px; width: 20%; pointer-events: none; } 
.register .cosmosfarm-members-form fieldset > label .req { margin-left: 5px; color: #333; } 


.register .cosmosfarm-members-form fieldset .label_div:nth-of-type(3) { border-top: 1px solid #E9E9E9; } 

.register .cosmosfarm-members-form fieldset .label_div:nth-of-type(4) { margin-top: 80px; border-top: 1px solid #E9E9E9; position: relative; } 
.register .cosmosfarm-members-form fieldset .label_div:nth-of-type(4)::before { content: '\AE30\BCF8\C815\BCF4'; position: absolute; left: 10px; top: -35px; font-size: 18px; } 

.register .cosmosfarm-members-form fieldset .label_div:nth-of-type(13) { margin-top: 80px; margin-bottom: 40px; border-top: 1px solid #E9E9E9; position: relative; } 
.register .cosmosfarm-members-form fieldset .label_div:nth-of-type(13)::before { content: '\C18C\C18D\B2E8\CCB4\0020\C815\BCF4'; position: absolute; left: 10px; top: -35px; font-size: 18px; } 

.register .cosmosfarm-members-form fieldset .label_div:nth-of-type(14) { border-top: 1px solid #e9e9e9; } 
.register .cosmosfarm-members-form fieldset .label_div { border-bottom: 1px solid #E9E9E9; display: flex; align-items: center; } 

.register .cosmosfarm-members-form fieldset .label_div > label { width: 15%; background: #fcfcfc; padding: 20px 0 20px 20px; border-right: 1px solid #e9e9e9; } 
.register .cosmosfarm-members-form fieldset .label_div > div { width: 25%; margin: 0; margin-left: 2%; } 

.register .cosmosfarm-members-form fieldset .label_div:nth-of-type(23),
.register .cosmosfarm-members-form fieldset .label_div:nth-of-type(24) { display: block; border: 0; } 

.register .cosmosfarm-members-form fieldset .label_div:nth-of-type(23) > label,
.register .cosmosfarm-members-form fieldset .label_div:nth-of-type(24) > label { background: #fff; padding: 40px 0 20px; border: 0; } 

.register .cosmosfarm-members-form fieldset .label_div:nth-of-type(23) > div,
.register .cosmosfarm-members-form fieldset .label_div:nth-of-type(24) > div { width: 100%; margin: 0 auto; } 


.register .cosmosfarm-members-form .div_radio input { box-shadow: none !important; display: inline-block; vertical-align: middle; } 
.register .cosmosfarm-members-form .div_radio label { display: inline-block; vertical-align: middle; padding: 0; margin-right: 30px; } 
.register .cosmosfarm-members-form .div_radio br { display: none; } 

.register .cosmosfarm-members-form select, 
.register .cosmosfarm-members-form input { border: 1px solid #d4d4d4 !important; box-shadow: 0 0 3px rgba(0,0,0,.16); } 

.register .cosmosfarm-members-form fieldset > label[for="policy_service"],
.register .cosmosfarm-members-form fieldset > label[for="policy_privacy"],
.register .cosmosfarm-members-form fieldset > .div_checkbox.agree { display: block; width: 100%; } 

.register .cosmosfarm-members-form .policy_content { line-height: 1.5; margin-bottom: 20px; background-color: #fff !important; border: 1px solid #c4c4c4 !important; padding: 15px !important; font-size: 14px; } 
.register .cosmosfarm-members-form .policy_content strong { font-weight: bold; margin-bottom: 5px; display: inline-block; } 

.register .cosmosfarm-members-form .agree label { cursor: pointer; font-size: 14px; display: flex; align-items: center; } 
.register .cosmosfarm-members-form .div_checkbox.agree input { margin-right: 10px; } 


/* 회원탈퇴 */

.woocommerce .cosmosfarm-members-form.delete { display: flex; height: 100%; align-items: center; justify-content: center; } 
.woocommerce .cosmosfarm-members-form .delete-account { width: 100%; color: #fff; } 
.woocommerce .cosmosfarm-members-form .delete-account a { display: block; width: 100%; height: 100%; padding: 20px 0; text-align: center; background: #22313f; font-weight: bold; width: 100%; color: #fff; } 


/* 카트 */
.woocommerce #contents.cart { display: flex; } 
.woocommerce #contents.cart .woocommerce-cart-form { width: calc(100% - 400px); } 
.woocommerce #contents.cart table.shop_table a { color: #000; } 
.woocommerce #contents.cart table.shop_table img { max-width: 150px; width: 100%; } 

.woocommerce #contents.cart .cart-collaterals { max-width: 400px; margin-left: 40px; width: 100%; } 
.woocommerce #contents.cart .cart-collaterals .cart_totals { width: 100%; } 
.woocommerce #contents.cart .cart-collaterals .cart_totals h2 { font-size: 20px; font-weight: bold; line-height: normal; margin: 15px 0 20px; } 
.woocommerce #contents.cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button { width: 100%; text-align: center; padding: 1em 0; color: #fff; background: #425A93; } 
.woocommerce #contents.cart .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button:hover { background: #334672; } 
.woocommerce .return-to-shop { display: none; } 

.woocommerce #contents.cart.noticeSection { flex-direction: column; align-items: center; } 
.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; } 
.woocommerce-info { display: none; } 


/* 결제 */
.woocommerce_mypage .woocommerce-order-downloads__title,
.woocommerce_mypage .pafw-payment-details-section > h2 { font-size: 20px; font-weight: bold; margin: 30px 0 20px; } 

.woocommerce #contents.checkout > form { display: flex; } 

.woocommerce #contents.checkout .woocommerce .col2-set { width: calc(100% - 400px) } 
.woocommerce #contents.checkout .col2-set .col-1, .woocommerce-page #contents.checkout .col2-set .col-1,
.woocommerce #contents.checkout .col2-set .col-2, .woocommerce-page #contents.checkout .col2-set .col-2 { width: 100%; } 
.woocommerce #contents.checkout #order_review { max-width: 400px; margin-left: 40px; width: 100%; } 
.woocommerce #contents.checkout .woocommerce-billing-fields h3,
#order_review_heading { font-size: 20px; font-weight: bold; line-height: normal; margin: 0 0 20px; } 
.woocommerce #contents.checkout .woocommerce-additional-fields { margin-top: 20px; } 
.woocommerce #contents.checkout .woocommerce-additional-fields h3 { font-weight: bold; margin-bottom: 20px; } 

.woocommerce #contents.checkout table.shop_table th,
.woocommerce #contents.checkout table.shop_table td { padding: 12px 24px; } 
.woocommerce #contents.checkout table.shop_table td.product-name,
.woocommerce #contents.checkout table.shop_table td.product-total { font-size: 14px; } 
.woocommerce-terms-and-conditions-wrapper { font-size: 14px; font-family: "NanumSquareRoundR"; line-height: 1.45; } 

.woocommerce #contents.checkout #payment { background: rgb(247, 248, 250); } 
.woocommerce #contents.checkout #payment button { background: #425A93; width: 100%; margin-top: 20px; border-radius: 0; padding: 1em 0; } 
.woocommerce #contents.checkout #payment button:hover { background: #334672 !important; } 

.woocommerce-checkout #payment div.form-row { padding: 12px 24px; } 
.woocommerce #contents.checkout form .form-row textarea { resize: none; padding: 10px; height: 6em; } 


/* 무통장입금 */
.woocommerce-order { margin: 80px 0; font-family: "NanumSquareRoundR"; } 

.woocommerce-order > p { font-weight: bold; font-size: 20px; } 
.woocommerce ul.order_details { margin: 1.5em 0; border: 1px solid #ddd; padding: 10px; } 

.msmp-email-section.bank-account-info { border: 1px solid rgba(0,0,0,.1); margin-bottom: 24px; padding: 10px; } 
.msmp-email-section.bank-account-info > h4 { font-weight: bold; margin-bottom: 1em; } 
.msmp-email-section.bank-account-info table { width: 100%; font-size: 14px; } 
.msmp-email-section.bank-account-info table tr { margin-bottom: 10px; display: block; text-align: left; } 
.msmp-email-section.bank-account-info table tr:first-child { margin-bottom: 20px; } 
.msmp-email-section.bank-account-info table tr th { font-weight: bold; min-width: 70px; margin-right: 15px; display: inline-block; } 
.msmp-email-section.bank-account-info table tr td { display: inline-block; line-height: 1.5; } 

.woocommerce table.my_account_orders .button:first-child { margin-right: 15px; } 
.woocommerce .cart button.wp-element-button { display: none !important; } 


/* 카드 */



/* 이용단체 */
/* .groups_wrap .group_box { margin-bottom: 80px; } 
.groups_wrap .group_box #kboard-default-list .kboard-list-header { display: none; } 
.groups_wrap .group_box p { font-size: 20px; font-weight: bold; margin-bottom: 30px; } 
.groups_wrap .group_box ul { display: flex; flex-wrap: wrap; border: 2px solid #333; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } 
.groups_wrap .group_box li { width: calc(100% / 5); font-size: 14px; line-height: 1.75; padding: 10px 25px; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; text-align: center; justify-content: center; } 
.groups_wrap .group_box li:nth-child(5n) { border-right: 0; } 
.groups_wrap .group_box li a { color:#111; display: flex; } 
.groups_wrap .group_box li a.modify { display: none; } 
.groups_wrap .group_box:nth-child(2) li:last-child { border-bottom: 0; }  */
.groups_wrap .meta-key-youtube_link {
    margin-bottom: 10px;
}


/* 개인정보보호방침 */
.privacy_wrap .service_tit { font-weight: bold; padding: 0 0 15px 0; margin: 0 0 25px 0; border-bottom: 1px solid #000; font-size: 18px; } 
.privacy_wrap .service_cont { line-height: 1.5; font-size: 14px; } 
.privacy_wrap .service_cont strong { font-weight: bold; } 


.wcpt-cw-qty-total,.wcpt-cw-separator { display: none !important; } 


/********************* 서브메인 **********************/
/* banner */
.main #banner { width: 100%; display: block; } 
.main .slick_wrap { position: relative; width: 100%; background-color: #22313F; 
    max-height: 300px;
    overflow: hidden;
} 
.main .slick-list { width: 100%; height: 100%; } 

.main .slick-slider, .main .slick-track { height: 100%; } 
.main .slick-slide { position: relative; } 

.main #banner .list .bg{height: 100%; overflow: hidden;}
.main #banner .list img { width: 100%; height: 100%; object-fit: contain; height: 100%; max-height: 300px;} 
/* .main #banner .list.slick-active .bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/banner-bg-1.png) center/cover no-repeat;     background-size: 100%;} 
.main #banner .list:nth-child(2) .bg { background: url(../images/banner-bg-2.png) center/cover no-repeat;     background-size: 100%;} 
.main #banner .list:nth-child(3) .bg { background: url(../images/banner-bg-3.png) center/cover no-repeat;     background-size: 100%;} 
.main #banner .list:nth-child(4) .bg { background: url(../images/banner-bg-4.png) center/cover no-repeat;     background-size: 100%;}  */


/* contents */
.main #contents { font-family: "NanumSquareRoundR"; position: relative; margin-bottom: 50px; } 
.main #contents .container { width: 70%; } 
.main .main_pro_wrap .title { background: #233041; color: #fff; padding: 15px 40px; font-size: 20px; line-height: normal; } 
.main .main_pro_wrap table { width: 100%; position: relative; border-left: 1px solid #BBBBBB; border-right: 1px solid #BBBBBB; border-bottom: 1px solid #BBBBBB; box-sizing: border-box; } 
.main .main_pro_wrap table thead tr { background: #EAEAEA; } 
.main .main_pro_wrap table thead tr th { font-family: "NanumSquareRoundEB"; } 
.main .main_pro_wrap table tr th:first-child,.main .main_pro_wrap table tr td:first-child { text-align: left; padding: 10px 0px 10px 50px; position: relative; } 
.main .main_pro_wrap table tr th,.main .main_pro_wrap table tr td { text-align: center; font-size: 14px; vertical-align: middle; } 
.main .main_pro_wrap table tr { border-bottom: 1px solid #ECECEC; } 

.main #wcpt-21 .wcpt-header.wcpt-navigation,
.main #wcpt-25 .wcpt-header.wcpt-navigation { display: none !important; } 

.main .wcpt-table th.wcpt-heading { font-weight: 400; background: #EAEAEA; padding: 0; } 
.main .wcpt-table th.wcpt-heading:nth-child(n+2):nth-child(-n+3) { width: 11%; } 
.main .wcpt-table th.wcpt-heading:nth-child(n+4):nth-child(-n+5) { width: 9%; } 
.main .wcpt-table .wcpt-title { color: #000; } 
.main .wcpt-cell { padding: 0; } 
.main .wcpt-row.wcpt-even { background: transparent; } 

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

.main td[data-wcpt-column-index="1"] .wcpt-custom-field { cursor: pointer; } 

/* sideimg_wrap */
.main .sideimg_wrap { position: absolute; left: 0; top: 0; width: 100%; } 
.main .sideimg_wrap .left { left: 10px; } 
.main .sideimg_wrap .left,.main .sideimg_wrap .right { display: inline-block; width: 250px; position: absolute; top: 0; } 
.main .sideimg_wrap .right { right: 10px; } 
.main .sideimg_wrap .left img:nth-child(2),
.main .sideimg_wrap .right img { padding: 10px; } 
.main .sideimg_wrap .left img,.main .sideimg_wrap .right img { border: 1px solid #ddd; margin-bottom: 20px; width: 250px; } 


/* description_wrap */
.main #bot_section { padding-top: 80px; } 
.main .description_wrap .title { text-align: center; margin-bottom: 50px; } 
.main .description_wrap .title h3 { font-size: 28px; letter-spacing: 3px; line-height: normal; color: #216594; } 

.main .description_wrap .des_cont { text-align: center; margin-bottom: 30px; } 
.main .description_wrap .des_cont p { line-height: 1.75; font-size: 18px; color: #4E4596; } 
.main .description_wrap .des_cont p span { display: block; } 

.main .description_wrap .des_list_wrap { display: flex; justify-content: space-between; margin: 80px 0; } 
.main .description_wrap .des_list_wrap .list { width: 31.333%; display: flex; align-items: flex-start; } 
.main .description_wrap .des_list_wrap .list .circle { width: 125px; display: block; margin-right: 25px; } 
.main .description_wrap .des_list_wrap .list .circle img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } 
.main .description_wrap .des_list_wrap .list .txt { width: calc(100% - 150px); } 
.main .description_wrap .des_list_wrap .list .txt p { padding-bottom: 30px; } 
.main .description_wrap .des_list_wrap .list .txt span { display: block; font-size: 14px; line-height: 1.5; } 

.main .description_imgbox { padding-top: 40px; } 
.main .description_imgbox img { height: 100%; margin: 0 auto; display: block; max-width:760px; width:100% } 


@media all and (max-width: 1440px){
 /* .main .slick_wrap { height: 250px; }  */
 .main .sideimg_wrap,.main .sideimg_wrap .left, .main .sideimg_wrap .right { position:static; } 
 .main .sideimg_wrap { display: flex; margin: 0 auto; } 
 .main .sideimg_wrap .left, .main .sideimg_wrap .right { width: initial; max-width:50%; display: flex; } 
 .main .sideimg_wrap .left img, .main .sideimg_wrap .right img { width: calc(100% / 3); object-fit: contain; } 
 
 .main #contents .container { width: 100%; } 
 }
@media all and (max-width: 1024px){
 /* .main .slick_wrap { height: 200px; }  */
 .main .sideimg_wrap { flex-direction: column; } 
 .main .sideimg_wrap .left, .main .sideimg_wrap .right { max-width: initial; width: 100%; } 
 .main .description_wrap .des_list_wrap { gap:50px; } 
 .main .description_wrap .des_list_wrap .list { flex-direction: column; gap: 30px; width: 100%; } 
 .main .description_wrap .des_list_wrap .list .circle { margin: 0; } 
 .main .description_wrap .des_list_wrap .list .circle,
 .main .description_wrap .des_list_wrap .list .txt { width: initial; } 
 .main .description_wrap .des_list_wrap .list .txt { display:flex; flex-direction: column; gap:15px; align-items: center; } 
 .main .description_wrap .des_list_wrap .list .txt p { padding-bottom: 0; font-size: 20px; line-height: 1.5; } 
 }
@media all and (max-width: 767px){
 /* .main .slick_wrap { height: 150px; }  */
 .main .main_pro_wrap table thead tr { display: none; } 
 .main .main_pro_wrap table tr { display: flex; align-items: center; padding: 10px; } 
 .main .main_pro_wrap table tr td { padding:0; } 
 .main #wcpt-21 .wcpt-cell,
 .main #wcpt-25 .wcpt-cell { padding: 0; } 
 .main .wcmp-player-container { position: static; transform: initial; } 
 .main .wcpt-table .wcpt-title { display: flex; align-items: center; } 
 .main .main_pro_wrap table tr th:first-child, .main .main_pro_wrap table tr td:first-child { width: 100%; } 
 .main .wcpt .wcpt-item-row>div:last-child, .wcpt .wcpt-item-row>span:last-child { display: flex; word-break:keep-all;} 
 .main table td.wcpt-cell:nth-of-type(2){width: 70px; display: flex; justify-content: center;}
 .main table td.wcpt-cell:nth-of-type(3){width: 90px; display: flex; justify-content: center;}
}
@media all and (max-width: 479px){
 .main .sideimg_wrap { padding: 0 25px; margin-bottom: 15px; } 
 .main .sideimg_wrap .left img, .main .sideimg_wrap .right img { margin-bottom: 10px; } 
 /* .main .slick_wrap { height: 100px; }  */
 .main .main_pro_wrap table tr td:last-of-type { display: none; } 
 .main .wcpt * { font-family: 'noto sans kr'; font-weight: 300; line-height: 1.5; } 
 body table.wcpt-table .wcpt-title { font-weight: 300; } 
 .main #bot_section { padding-top: 30px; } 
 .main .description_wrap .des_list_wrap { flex-direction: column; align-items: center; } 
 .main .description_wrap .des_list_wrap .list { align-items: center; } 
 .main .description_wrap .des_list_wrap .list .circle { width: 50%; } 
 }


/************************** 메인페이지 *******************************/


/*media query*/
@media all and (max-width: 1440px) { } 
@media all and (max-width: 1024px) { /* composer detail*/
 .composer_wrap .custom-document { flex-direction: column; } 
 .composer_wrap #kboard-pure-gallery-document .custom-document .kboard-content.left { width: 100%; } 
 .composer_wrap #kboard-pure-gallery-document .custom-document .right { width: 100%; padding: 50px 0; } 

 /* mypage */
 /* composer */
 .woocommerce { margin: 50px 0 100px 0; } 
 .woocommerce .woocommerce_mypage { flex-direction: column; } 
 .woocommerce .left_account_wrap,.woocommerce-MyAccount-content { width: 100%; padding: 0; } 
 .woocommerce-MyAccount-content { border-left: none; } 
 .woocommerce .left_account_wrap { background-color: #f2f2f2; border-radius: 20px; padding: 30px; display: flex; flex-direction: column; gap: 25px; } 
 .woocommerce .left_account_wrap .woocommerce-MyAccount-navigation-link a { margin-bottom: 0; } 
 .woocommerce .left_account_wrap .account_info_area { padding: 0; display: flex; justify-content: space-between; align-items: center; } 
 .woocommerce .left_account_wrap .userBtns,
 .woocommerce .left_account_wrap .userBtns .logoutBtn { margin: 0; } 
 .woocommerce .left_account_wrap .userBtns { gap: 20px; } 
 .woocommerce .woocommerce-MyAccount-navigation ul { display:flex; flex-direction: column; gap: 10px; } 
 .woocommerce .woocommerce-MyAccount-content { margin-top: 50px; min-height: initial } 
 .woocommerce .acc_all_title { margin-bottom: 20px; } 
 .woocommerce table.shop_table { margin: 0; border: none; } 
 .woocommerce table.shop_table tr { border-bottom: 1px solid rgba(0,0,0,.1); } 
 
 .woocommerce table.shop_table td { border-top: none; } 
 .woocommerce_mypage .woocommerce-orders-table__header.woocommerce-orders-table__header-order-date, 
 .woocommerce_mypage .woocommerce-orders-table__header.woocommerce-orders-table__header-order-name, 
 .woocommerce_mypage .woocommerce-orders-table tbody tr td:first-child, 
 .woocommerce_mypage .woocommerce-orders-table tbody tr td:nth-child(2) { padding: 0; } 
 .woocommerce .woocommerce_mypage .woocommerce-orders-table__header.woocommerce-orders-table__header-order-name,
 .woocommerce .woocommerce_mypage .woocommerce-orders-table tbody tr td, 
 .woocommerce .mypage_order_wrap .woocommerce-orders-table thead tr th { padding: 10px 0px 10px 10px; } 

 .mypage_order_wrap .woocommerce-orders-table thead tr, .mypage_order_wrap .woocommerce-orders-table tbody tr { display: flex; align-items: center; } 
 .mypage_order_wrap .woocommerce-orders-table thead tr th:nth-child(1), .mypage_order_wrap .woocommerce-orders-table tbody tr td:nth-child(1) { flex: 1.2 1.2 0% } 
 .mypage_order_wrap .woocommerce-orders-table thead tr th:nth-child(2), .mypage_order_wrap .woocommerce-orders-table tbody tr td:nth-child(2) { flex: 1 1 0% } 
 .mypage_order_wrap .woocommerce-orders-table thead tr th:nth-child(3), .mypage_order_wrap .woocommerce-orders-table tbody tr td:nth-child(3) { width: 90px; } 
 .mypage_order_wrap .woocommerce-orders-table thead tr th:nth-child(4), .mypage_order_wrap .woocommerce-orders-table tbody tr td:nth-child(4) { width: 90px; } 
 .mypage_order_wrap .woocommerce-orders-table thead tr th:nth-child(5), .mypage_order_wrap .woocommerce-orders-table tbody tr td:nth-child(5) { width: 60px; } 
 .mypage_order_wrap .woocommerce-orders-table thead tr th:nth-child(6), .mypage_order_wrap .woocommerce-orders-table tbody tr td:nth-child(6) { width: 90px; } 

 
 /* register */
.register_info_wrap { padding: 30px 50px; } 
.register .cosmosfarm-members-form fieldset .label_div > div { width: 70%; } 
.register .cosmosfarm-members-form fieldset .label_div > label { width: 30%; } 
 }
@media all and (max-width: 767px){
 #contents { margin-bottom: 40px; } 
 
 /* guide */ 
 .guide_wrap .cont_box { flex-direction: column; gap: 15px; padding: 40px 0; } 
 .guide_wrap .cont_guide_box { padding: 40px 0; } 
 .guide_wrap .cont_guide_box ul { flex-wrap: wrap; gap: 20px; } 
 .guide_wrap .cont_guide_box li { max-width: initial; width: 40%; } 
 .guide_wrap .guide_box { margin-top : 60px; padding-bottom: 50px; } 
 .guide_wrap .guide_box h3 { flex-wrap: wrap; gap: 10px; } 
 .guide_wrap .guide_box ul { flex-direction: column; align-content: center; } 
 .guide_wrap .guide_box ul li { max-width: 350px; padding: 30px; } 
 /* service */
 .guide_wrap .cont_wrap { flex-direction: column; gap: 15px; } 
 .guide_wrap .cont_box .des_box .flow_wrap .flow { width: 100%; } 
 .guide_wrap .cont_box .des_box .flow_wrap .flow:nth-child(odd), .guide_wrap .cont_box .des_box .flow_wrap .flow:nth-child(even) { margin: 0; } 
 .guide_wrap .cont_box.service:nth-child(3) { padding: 50px 0; } 
 
 
 /* service-orchestra */
 .orchestra_wrap .cont_box { flex-direction: column; gap: 15px; } 
 .orchestra_wrap #kboard-contact-form-editor .kboard-attr-row.meta-key-organization_size .attr-value { column-gap: 10px; } 
 .orchestra_wrap #kboard-contact-form-editor .kboard-attr-row .attr-value .attr-value-label { width: auto; padding: 0; } 
 .orchestra_wrap .cont_box { padding: 40px 0; } 
 .orchestra_wrap #kboard-contact-form-editor input[type=file] { width: 100%; } 
 
 /* service-worship */
 .curation_info_wrap .box ul { gap: 50px; } 
 .curation_info_wrap .box p { margin-bottom: 50px; } 
 .curation_info_wrap { margin-bottom: 75px; } 
 .curation_wrap #kboard-default-list .kboard-list table tbody tr:first-of-type { border-top: 1px solid #BBBBBB; } 
 .curation_wrap #kboard-default-document .monthly_txt { width: 45px; } 
 .curation_wrap #kboard-default-document .monthly_header,
 .curation_wrap #kboard-default-document .monthly_box .monthly_list { width: calc(100% - 45px); } 
 .curation_wrap #kboard-default-document .monthly_header_table { display: none; } 
 .curation_wrap #kboard-default-document table tr { display: flex; align-items:center; padding: 10px; gap:10px; } 
 .curation_wrap #kboard-default-document .kboard-content .content-view { padding: 0; border-top: 1px solid #bbb; } 
 .curation_wrap #kboard-default-document .monthly_header_table .title, .curation_wrap #kboard-default-document table tr td:first-child { padding: 0px; width:100%; } 
 .curation_wrap #kboard-default-document .wcpt-table td.wcpt-cell:nth-child(n+2):nth-child(-n+3), .curation_wrap #kboard-default-document .monthly_header_table .bundle,
 .curation_wrap #kboard-default-document .wcpt-table td.wcpt-cell:nth-child(n+4):nth-child(-n+5), .curation_wrap #kboard-default-document .monthly_header_table .icon { min-width: fit-content; } 

 /* composer detail*/
 .composer_wrap #kboard-pure-gallery-document .custom-document.table > .custom-box .table_wrap table thead { display: none; } 
 .composer_wrap #kboard-pure-gallery-document .custom-document.table > .custom-box .table_wrap table th { background-color: transparent; } 
 .composer_wrap #kboard-pure-gallery-document .custom-document.table > .custom-box .table_wrap table tr { display: flex; align-items:center; padding: 10px; justify-content: center;} 
 .composer_wrap #kboard-pure-gallery-document .custom-document.table > .custom-box .table_wrap table tr th:first-child, 
 .composer_wrap #kboard-pure-gallery-document .custom-document.table > .custom-box .table_wrap table tr td:first-child { padding: 0px; width: 100%; } 
 .composer_wrap #kboard-pure-gallery-document .custom-document.table > .custom-box .table_wrap table th:nth-child(n+2):nth-child(-n+3), 
 .composer_wrap #kboard-pure-gallery-document .custom-document.table > .custom-box .table_wrap table td:nth-child(n+2):nth-child(-n+3) { width: 80px; word-break: keep-all;} 
 

 /* hymnal */
 .hymnal_wrap table thead tr { display: none; } 
 .hymnal_wrap table tr { display: flex; align-items:center; padding: 10px; } 
 .hymnal_wrap table tr th:first-child, .hymnal_wrap table tr td:first-child { padding: 0; width: 100%; } 
 body .hymnal_wrap table.wcpt-table .wcpt-title { display: flex; align-items: center; } 
 .hymnal_wrap .wcmp-player-container { position:static; transform: none; width:fit-content; margin-top: -2px; } 
 .hymnal_wrap .wcpt .wcpt-item-row>div:first-child, 
 .hymnal_wrap .wcpt .wcpt-item-row>span:first-child {display:flex; word-break: keep-all;} 
 .hymnal_wrap table td.wcpt-cell:nth-of-type(2){width: 70px; display: flex; justify-content: center;}
 .hymnal_wrap table td.wcpt-cell:nth-of-type(3){width: 90px; display: flex; justify-content: center;}

 /* mypage */
 /* composer */
 .mypage_order_wrap .woocommerce-orders-table tbody { max-height: calc(80px * 7); } 
 .mypage_order_wrap .woocommerce-orders-table thead tr, .mypage_order_wrap .woocommerce-orders-table tbody tr { flex-wrap: wrap; border: 1px solid #eee; } 
 .mypage_order_wrap .woocommerce-orders-table thead tr th, .mypage_order_wrap .woocommerce-orders-table tbody tr td { border: none; } 
 .mypage_order_wrap .woocommerce-orders-table thead tr th:nth-child(2), .mypage_order_wrap .woocommerce-orders-table tbody tr td:nth-child(2) { order: -2; width: 100%; flex:none } 
 .mypage_order_wrap .woocommerce-orders-table thead tr th:nth-child(3), .mypage_order_wrap .woocommerce-orders-table tbody tr td:nth-child(3),
 .mypage_order_wrap .woocommerce-orders-table thead tr th:nth-child(4), .mypage_order_wrap .woocommerce-orders-table tbody tr td:nth-child(4),
 .mypage_order_wrap .woocommerce-orders-table thead tr th:nth-child(5), .mypage_order_wrap .woocommerce-orders-table tbody tr td:nth-child(5) { display: none; } 

 /* mypage */
 /* chage__info */
 .accountbox { width: 100%; } 
 .accountbox .rightbox,
 .accountbox.address .rightbox { width: calc(100% - 80px); } 
 .acc_info_title, .acc_info_txt { font-size: 20px; } 
 .accountbox .leftbox { width: 80px; } 


 /* register */
 .register_info_wrap p { flex-direction: column; gap: 10px } 
 .register_info_wrap p span.box { align-self: initial; } 
 .register_info_wrap .color_red { font-weight: 600; } 
 }

@media all and (max-width: 479px){
 #sub-banner { height: 180px; } 
 #sub-banner .text-box h2 { font-size: 30px; } 
 #sub-banner .text-box p { font-size: 18px; } 
 .guide_wrap .cont_box .box_left h3,
 .guide_wrap .guide_box h3,
 .orchestra_wrap .cont_box .box_left h3 { font-size: 25px; } 
 .guide_wrap .cont_box .box_right p,
 .orchestra_wrap .cont_box .box_right p,
 .curation_info_wrap .box p { font-size: 15px; } 
 /* guide */
 .guide_wrap .cont_guide_box li { width: 100%; } 
/* service-orchestra */
 .orchestra_wrap #kboard-contact-form-editor .kboard-attr-row { flex-direction: column; align-items: flex-start; margin-bottom: 0; } 
 .orchestra_wrap #kboard-contact-form-editor .kboard-attr-row .attr-value,
 .orchestra_wrap #kboard-contact-form-editor .kboard-attr-row .attr-name { width: 100%; } 
 /* service-worship */
 .curation_wrap #kboard-default-document table tr { flex-wrap: wrap; } 
 /* composer */
 .composer_wrap #kboard-pure-gallery-list .kboard-pure-gallery-list .kboard-list-item .kboard-list-title { font-weight: 400; padding: 5px; } 
 /* composer detail*/
 .composer_wrap #kboard-pure-gallery-document .custom-document.table > .custom-box .table_wrap table tr { } 
 /* hymnal */
 .hymnal_wrap table tr td:last-of-type { display: none; } 

 /* mypage */
 /* composer */
 .woocommerce { padding: 0 20px; margin-top: 30px; } 
 .woocommerce .left_account_wrap .account_info_area { flex-direction: column; align-items: flex-start; gap: 5px; } 
 .mypage_order_wrap .woocommerce-orders-table tbody { max-height: calc(77px * 4); } 
 .woocommerce .left_account_wrap { padding: 15px; } 
 .account_info_area strong { font-size: 18px; } 
 .woocommerce .woocommerce-MyAccount-navigation ul { gap: 5px; } 
 .woocommerce .woocommerce-MyAccount-content { margin-top: 30px; } 
 .woocommerce .acc_all_title { font-size: 20px; line-height: 1; } 

 /* mypage */
 /* chage__info */
 .woocommerce_mypage .woocommerce-order-downloads__title, .woocommerce_mypage .pafw-payment-details-section > h2 { font-size: 18px; line-height:1.5; margin-bottom: 0; } 
 .woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads { margin-bottom: 0; } 
 .acc_info_title, .acc_info_txt { font-size: 16px; line-height:1.5; } 


 /* register */
 .register_info_wrap { padding: 20px 15px; } 
 .register .cosmosfarm-members-form fieldset { gap: 20px; } 
 .register .cosmosfarm-members-form fieldset .label_div:nth-of-type(23) > label, .register .cosmosfarm-members-form fieldset .label_div:nth-of-type(24) > label { width: 100%; } 
 .register .cosmosfarm-members-form fieldset .label_div { flex-direction: column; align-items:flex-start; } 
 .register .cosmosfarm-members-form fieldset .label_div > div,
 .register .cosmosfarm-members-form fieldset .label_div > label { width: 100%; border: none; padding:10px; margin: 0; background: none; } 
 .register .cosmosfarm-members-form fieldset .label_div:nth-of-type(3),
 .register .cosmosfarm-members-form fieldset .label_div { border-top: 1px solid #eee; border-bottom: 1px solid #eee; background: #fcfcfc } 
 .register .cosmosfarm-members-form fieldset .label_div:nth-of-type(4)::before,
 .register .cosmosfarm-members-form fieldset .label_div:nth-of-type(13)::before { font-weight: bold; } 
 }