/* 인사말 */
.sub-greeting-top { position: relative; margin-bottom: 120px; } 
.sub-greeting-top strong { position: absolute; left: 20px; bottom: -20%; display: block; font-size: 4rem; line-height: 4rem; color: #000; } 
.sub-greeting-top strong em { display: block; margin-bottom: 10px; font-size: 4rem; line-height: 4rem; } 
.sub-greeting-bottom p { margin-bottom: 20px; font-size: 1.8rem; line-height: 2.8rem; color: #000; } 
.sub-greeting-bottom span { display: block; margin-bottom: 30px; font-size: 1.8rem; color: #000; } 
.sub-greeting-bottom em { font-size: 2rem; font-weight: 600; color: #000; } 
.sub-greeting-bottom p em { font-size: 1.8rem; font-weight: 700; } 

/* 오시는 길 */
.sub-info-addr { margin-bottom: 10px; } 
.sub-info-addr ul { display: flex; gap: 10px; } 
.sub-info-addr ul li { display: flex; flex-direction: column; align-items: center; gap: 15px; width: calc((100% - 30px) / 4); padding: 20px; border: 1px solid #ddd; } 
.sub-info-addr ul li i { font-size: 2.8rem; color: #333462; } 
.sub-info-addr ul li p { font-size: 1.8rem; font-weight: 700; } 
.sub-info-addr ul li span { text-align: center; } 

#map { border: 1px solid #ddd; } 


/* 제품소개 */
#kboard-venus-webzine-list .kboard-list { display: flex; flex-wrap: wrap; gap: 5px; } 
#kboard-venus-webzine-list .kboard-list .kboard-webzine-item { width: calc((100% - 5px) / 2); border: 1px solid #ddd; transition: all .3s; } 

.kboard-webzine-thumbnail~a { display: block; width: calc(100% - 250px); } 

.sub-prod-tit { display: flex; gap: 20px; width: 100%; padding: 10px 20px; border: 1px solid #ccc; border-bottom: 0; } 
.sub-prod-tit:last-child { border-bottom: 1px solid #ccc; } 
.sub-prod-tit p, .sub-prod-tit span { display: block; text-align: left; } 
.sub-prod-tit p { display: flex; align-items: center; width: 80px; border-right: 1px solid #ccc; font-weight: 600; } 

.sub-prod-list-model { padding-bottom: 13px; margin-bottom: 25px; border-bottom: 1px solid #ccc; } 
.sub-prod-list-model span { font-size: 20px; font-weight: 600; color: #0a0a0a; } 
.sub-prod-list-tit { display: flex; gap: 10px; } 
.sub-prod-list-tit + .sub-prod-list-tit { margin-top: 10px; } 
.sub-prod-list-tit p,
.sub-prod-list-tit span { color: #0a0a0a; transition: all .3s; } 
.sub-prod-list-tit p { width: 100px; min-width: 100px; padding: 5px 10px; border: 1px solid #ccc; font-size: 16px; font-weight: 700; text-align: center; line-height: 23px; background-color: #f7f7f7; } 
.sub-prod-list-tit span { overflow: hidden; display: -webkit-box; width: 100%; padding: 5px; box-sizing: border-box; height: 35px !important; font-size: 16px; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: keep-all; line-height: 26px; } 
.sub-prod-list-tit.kboard-webzine-title.kboard-venus-webzine-cut-strings { height: 100%; padding: 10px; margin-top: 20px; } 
.sub-prod-list-tit.kboard-webzine-title.kboard-venus-webzine-cut-strings a { font-weight: 400 !important; } 
.kboard-attr-row .attr-name { font-size: 16px !important; } 

.sub-prod-list-tit-wrap { height: 100%; } 

input#kboard_option_prodName,
input#kboard_option_standard { width: 100%; } 

#kboard-venus-webzine-editor .kboard-attr-row .attr-name { padding: 2px 10px; } 
#kboard-venus-webzine-editor .kboard-attr-row .attr-name .attr-required-text { display: none; } 
#kboard-venus-webzine-editor .kboard-attr-row .attr-value input[type=text], #kboard-venus-webzine-editor .kboard-attr-row .attr-value input[type=password] { padding: 4px 2px; font-size: 16px; } 

#kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-title { padding: 0; font-size: 16px; } 

.kboard-venus-webzine-cut-strings { overflow: hidden; display: -webkit-box; height: 45px !important; white-space: normal; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all; line-height: 23px; transition: all .3s; } 

#kboard-venus-webzine-list .kboard-list .kboard-webzine-item:hover { border: 1px solid #333462; background-color: #333462; } 
#kboard-venus-webzine-list .kboard-list .kboard-webzine-item:hover .sub-prod-list-tit span,
#kboard-venus-webzine-list .kboard-list .kboard-webzine-item:hover .kboard-venus-webzine-cut-strings { color: #fff; } 
#kboard-venus-webzine-list .kboard-list .kboard-webzine-item:hover .sub-prod-list-model span { color: #fff; } 
#kboard-venus-webzine-list .kboard-list .kboard-webzine-item:hover .sub-prod-list-tit p { color: #333462; } 

#kboard-venus-webzine-document .kboard-content .content-view { padding: 20px !important; } 

.sub-prod-list-tit.kboard-webzine-title.kboard-venus-webzine-cut-strings img { display: none !important; } 
.sub-prod-list-tit.kboard-custumRadio span,
.sub-prod-tit.kboard-custumRadio span { display: flex; align-items: center; gap: 0.5rem; } 

.kboard-control { display: flex; justify-content: space-between; margin-top: 1rem; } 

/* 게시판 board */
.kboard-list-uid p { display: block; overflow: hidden; width: 70%; margin: 0 auto; padding: 3px 0; border-radius: 15px; background-color: #333462; color: #fff; } 
.file-wrap { display: flex; align-items: center; gap: 10px; } 
.file-wrap p { padding: 7px 12px; font-size: 18px; line-height: 23px; color: #fff; background-color: #333462; } 
.kboard-list-years, .kboard-list-category { width: 120px; } 

.option-separator { display: none; } 
#kboard-default-document .kboard-content .content-view hr { display: none; } 

.kboard-title h1 { padding: 20px 0 !important; } 
.kboard-content .content-view { padding: 0 !important; } 
.kboard-document-add-option-value-wrap,
.sub-category-wrap { border: 1px solid #ccc; } 
.sub-category-wrap { border-top: none; } 
.kboard-document-add-option-value,
.sub-category-wrap { display: flex; align-items: center; } 
.kboard-document-add-option-value span,
.sub-category-wrap p { padding: 10px 20px; } 
.kboard-content .content-view p { margin-bottom: 0 !important; } 
.kboard-document-add-option-value span + span,
.sub-category-wrap p + p { border-left: 1px solid #ccc; } 
.kboard-document-add-option-value span:first-child,
.sub-category-wrap p:first-child { width: 120px; background-color: #f2f2f2; } 
.sub-contents-wrap { padding: 20px; border: 1px solid #ddd; border-top: none; } 


/* 폼메일 */

.sub-mail-wrap { display: flex; justify-content: center; gap: 50px; } 
.sub-mail-wrap .sub-mail-left { display: flex; flex-direction: column; align-items: center; width: 30%; } 
.sub-mail-wrap .sub-mail-right { width: 45%; } 

form.wpcf7-form.init { padding: 30px 40px; background-color: #f2f2f2; } 
.form-wrap label { width: 100%; } 
.form-tit { font-size: 18px; font-weight: 600; padding: 5px 0; margin-bottom: 10px; } 
.form-wrap { margin-bottom: 15px; } 

input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select { width: 100%; height: 37px; border: none; border: 1px solid #ddd; border-radius: 0; font-size: 16; padding: .5rem 1rem; transition: all .3s; } 
textarea { border: none; border: 1px solid #ddd; border-radius: 0; font-size: 16px; } 
.terms { position: relative; padding: 10px; background-color: #fff; border: 1px solid #ddd; } 
h5.terms-title { margin-bottom: 10px; font-size: 16px; } 
.terms-inbox ol li { margin-bottom: 10px; } 

.terms-inbox ol li p:first-child { font-size: 16px; font-weight: 600; margin-bottom: 7px; } 
.terms-inbox ol li p:last-child { line-height: 23px; } 
.terms-checkbox { position: absolute; right: 10px; top: 10px; } 
.wpcf7-list-item { margin: 0 !important; } 
.terms~p { display: flex; justify-content: center; padding-top: 20px; } 
.wpcf7-spinner { display: none; } 

[type=button], [type=submit], button { color: #fff; border: 1px solid #333462; background-color: #333462; font-size: 16px; border-radius: none; } 
[type=button]:focus, [type=button]:hover, [type=submit]:focus, [type=submit]:hover, button:focus, button:hover { background-color: #555; } 

.sub-mail-addr { margin-top: 50px; } 
.sub-mail-addr ul li { padding: 5px; } 
.sub-mail-addr ul li span { font-size: 16px; line-height: 23px; } 
.sub-mail-addr ul li span:first-child { display: inline-block; min-width: 89px; width: 89px; font-weight: 700; } 



/* 개인정보처리방침 */
.fusion-text { padding: 10rem 0; background-color: #f2f2f2; } 
.fusion-text p + p { margin-top: 10px; } 
.fusion-text p { font-size: 1.7rem; } 

@media screen and (max-width: 1680px){
 .sub-visual { background-size: cover !important; } 
 }

 @media screen and (max-width: 1300px){
 .sub-mail-addr ul li { display: flex; } 
 }

@media screen and (max-width: 1280px){
 .sub-visual { height: 45rem; } 
 .sub-greeting-top strong { font-size: 2.8rem; line-height: 3rem; } 
 .sub-greeting-top strong em { font-size: 3.2rem; line-height: 3rem; } 
 .sub-greeting-top { margin-bottom: 90px; } 

 #kboard-venus-webzine-list .kboard-list .kboard-webzine-item { width: 100%; } 
 .sub-mail-wrap { flex-direction: column; align-items: center; } 
 .sub-mail-wrap .sub-mail-left,
 .sub-mail-wrap .sub-mail-right { width: 100%; } 
 form.wpcf7-form.init { padding: 20px 10px; } 
 .form-tit { font-size: 1.6rem; font-weight: 500; } 
 }

@media screen and (max-width: 1024px){
 #kboard-default-list .kboard-category .kboard-category-list { flex-wrap: wrap; } 
 #kboard-default-list .kboard-category .kboard-category-list li { width: calc((100% - 2rem) / 3) !important; } 

 .kboard-list-category { max-width: 64px; } 
 .kboard-list-years { max-width: 54px; } 
 #kboard-default-list .kboard-list table td.kboard-list-date { width: 74px; } 
 }

@media screen and (max-width: 768px){
 .sub-visual { height: 35rem; } 
 .sub-visual-tit h2 { font-size: 3rem; } 
 .sub-visual-tit em,
 .sub-visual-tit p { font-size: 1.6rem; } 

 .sub-greeting-top { margin-bottom: 30px; } 
 .sub-greeting-top strong { position: static; margin-top: 2rem; font-size: 2.2rem; line-height: 3rem; } 
 .sub-greeting-top strong em { font-size: 2.6rem; line-height: 3rem; } 
 .sub-greeting-bottom p,
 .sub-greeting-bottom span,
 .sub-greeting-bottom p em { font-size: 1.6rem; } 

 .sub-info-addr ul { flex-wrap: wrap; } 
 .sub-info-addr ul li { width: calc((100% - 1rem) / 2); } 

 .sub-prod-list-tit p { width: 80px; min-width: 80px; padding: 5px; font-size: 15px; } 
 .sub-prod-list-tit span,
 #kboard-venus-webzine-list .kboard-list .kboard-webzine-wrap .kboard-webzine-title { font-size: 1.5rem; } 
 .sub-prod-list-model span { font-size: 18px; } 
 #kboard-venus-webzine-list .kboard-list .kboard-webzine-thumbnail { width: auto; height: auto; } 
 #kboard-venus-webzine-list .kboard-list .kboard-webzine-item { width: 100%; flex-direction: column; } 
 #kboard-venus-webzine-list .kboard-list .kboard-webzine-thumbnail { margin: 0 auto; } 
 .kboard-webzine-thumbnail~a { width: 100%; } 

 .kboard-control { display: flex; justify-content: space-between; } 
 .kboard-venus-webzine-button-small, .kboard-venus-webzine-button-small:link, .kboard-venus-webzine-button-small:visited { padding: 0 5px !important; } 

 
 #kboard-default-list .kboard-list tbody td.kboard-list-title a .kboard-default-cut-strings { font-size: 1.5rem !important; } 

 #kboard-default-list .kboard-list tbody td.kboard-list-title a .kboard-default-cut-strings,
 #kboard-catalog-list .kboard-list table td.kboard-list-title .kboard-default-cut-strings { overflow: hidden; width: 100%; height: 18px; font-size: 1.5rem !important; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } 
 
 #kboard-venus-webzine-list .kboard-control { float: left; } 
 }

@media screen and (max-width: 500px){
 .sub-greeting-top strong { font-size: 1.8rem; } 

 .sub-info-addr ul li { width: 100%; } 

 #kboard-default-list .kboard-list table td.kboard-list-date { display: none; } 
 #kboard-default-list .kboard-list table td.kboard-list-uid { width: 75px; } 
 #kboard-default-list .kboard-category .kboard-category-list { gap: 5px; } 
 #kboard-default-list .kboard-category .kboard-category-list li a { font-size: 1.5rem; } 
 #kboard-default-list .kboard-category .kboard-category-list li { padding: 0 !important; } 
 }

@media screen and (max-width: 400px){
 #kboard-default-list .kboard-category .kboard-category-list li { width: calc((100% - 5px) / 2) !important; } 
 }