@charset "UTF-8";
/* CSS Document */


* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.kimgunja {cursor:url("https://beautifulfund.org/wp-content/themes/beautifulfund/img/kimgunja2018/cursor_flower.png"), default;}
.kimgunja .container a:hover,
.kimgunja .container a:focus {color:#000}
.sec_02 .news_list { float: left; }

.sec_06 { padding: 50px 0; }
.sec_06 h2 { margin-bottom: 20px; color: #333; font-size: 35px; }
.sec_06 p { color: #333; }
.sec_06 p a { text-decoration: underline; }

/** layout **/
.kimgunja {background-color:#f7f7f7}
/*.sec_top .logo {margin-left: 70px;background-image: url("../img/kimgunja/bf_logo.png"); background-repeat: no-repeat; width:145px; height:35px;}*/
.kimgunja_btn {display: inline-block; padding: 6px 18px; margin-left: 20px; margin-bottom: 0; font-size: 1em; font-weight: 700; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: #ffffff; background-image: none; color: #555; text-decoration: none; border-radius:18px; width: 250px; float: left;}
.kimgunja_btn_text { width: 570px; display: block !important; float: left; padding: 2px 0; text-align: center !important; }
.kimgunja .join_area,
.kimgunja .join_area a { float: left; }
.kimgunja_btn_box { width: 840px; margin: 0 auto; }
.kimgunja_blog_list ul li { margin-bottom: 30px; }
.kimgunja_blog_list ul li img { width: 100%; }
.kimgunja_blog_list ul li p { padding-top: 10px; }
.kimgunja_comment { padding-top: 50px; }

.custom-comment {
padding: 50px 0 150px 0;
font-family: "Noto Serif KR", serif !important;
}

.custom-comment h2 {
margin-bottom: 64px;
font-size: 40px;
font-weight: 600;
text-align: center;
font-family: "Noto Serif KR", serif !important;
color: #2a241b;
}

.custom-comment .btn_policy { float: right; width: auto; padding: 10px 20px; font-family: "Noto Serif KR", serif !important; }

.custom-comment {
width: 100%;
}

.custom-comment * {
font-size: 18px;
width: 100%;
}

.custom-comment #comments-count {
display: none;
}

.custom-comment .comments-pagination .current {
color: #2a241b;
}

.custom-comment .commentlist {
margin: auto;
width: 100%;
margin-bottom: 32px;
}

.custom-comment .commentlist .reply { display: none; }

.custom-comment .commentlist .comment {
border-bottom: 1px solid #e0e0e0;
padding: 15px 0;
}

.custom-comment .commentlist .comment .comment-body .comment-author {
display: inline;
}

.custom-comment .commentlist .comment .comment-body .comment-author .says {
display: none;
}

.custom-comment .commentlist .comment .comment-body .comment-author .fn,
.custom-comment .commentlist .comment .comment-body .comment-author .fn>* {
font-style: normal;
font-weight: 600;
}

.custom-comment .commentlist .comment .comment-body p {
padding: 5px 0 0 0;
line-height: 160%;
color: #2a241b;
font-weight: 500;
}

.custom-comment .commentlist .comment .comment-body .comment-meta {
display: inline;
}

.custom-comment .commentlist .comment .comment-body .comment-meta a {
color: #a1a1a1;
padding-left: 8px;
font-weight: 300;
font-size: 16px;
}

.custom-comment .custom_comment_respond {
padding-top: 2.4rem;
}

.custom-comment .custom_comment_respond #reply-title {
margin-bottom: 10px;
font-family: "Noto Serif KR", serif !important;
}

.custom-comment .custom_comment_respond h3 {
font-weight: 700;
}

.custom-comment .custom_comment_respond .custom_commentform p {
display: flex;
flex-direction: column;
}

.custom-comment .custom_comment_respond .custom_commentform .comment-form-comment {
margin-bottom: 10px;
}

.custom-comment .custom_comment_respond .custom_commentform .comment-form-comment textarea {
border-radius: 2px;
height: 88px;
font-size: 16px;
line-height: 170%;
outline: none;
padding: 15px 20px;
background-color: #fff;
border: 1px solid #ddd;
font-family: "Noto Serif KR", serif !important;
resize: none;
}

.custom-comment .custom_comment_respond .custom_commentform .comment-form-comment textarea::placeholder { color: #fff; }

.custom-comment .custom_comment_respond .custom_commentform .comment-form-author,
.custom-comment .custom_comment_respond .custom_commentform .comment-form-email {
display: inline-block;
width: 100%;
margin: 0;
margin-bottom: 10px;
}

.custom-comment .custom_comment_respond .custom_commentform .comment-form-author input,
.custom-comment .custom_comment_respond .custom_commentform .comment-form-email input {
background-color: #fff;
border: 1px solid #ddd;
outline: none;
border-radius: 2px;
width: 100%;
padding: 15px 20px;
font-size: 16px;
font-family: "Noto Serif KR", serif !important;
}

.custom-comment .custom_comment_respond .custom_commentform *>label {
float: left;
width: 100%;
font-size: 17px;
font-weight: 600;
color: #2a241b;
margin-bottom: 10px;
}

.custom-comment .custom_comment_respond .custom_commentform #submit {
background-color: #555;
border: none;
margin: auto;
padding: 16px;
margin-top: 16px;
border-radius: 2px;
color: #fff;
font-weight: bold;
font-family: "Noto Serif KR", serif !important;
}

.custom-comment .custom_comment_respond .custom_commentform .comment-form-url,
.custom-comment .custom_comment_respond .custom_commentform .comment-form-cookies-consent {
display: none;
}

.custom-comment .custom_comment_respond .custom_commentform .comment-notes {
display: none;
flex-direction: row;
gap: 8px;
margin-bottom: 8px;
}

.custom-comment .custom_comment_respond .custom_commentform .comment-notes span {
font-size: 14px;
color: #a1a1a1;
display: inline;
width: fit-content;
}

.video-container {padding-bottom:54%;padding-top:30px;overflow:hidden; position: relative; margin-bottom: 30px; }
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;right:0;width:100%;height:100%} 


.container {width:90%; max-width:1080px;}
.sec_top {padding-top: 200px;}
.sec_top .tit_img {background-image: url("../img/kimgunja2018/img_kimgunja.jpg"); background-repeat: no-repeat;width:100%;max-width: 537px; height:464px;background-size:contain;}
.sec_top .container .tit_img {margin-top: 60px;float:right;}
.sec_top .container .clearfix .col-lg-6 > h2 {color:#2a241b; font-size:52px; font-family:'Noto Serif KR',serif; font-weight: 400;letter-spacing: -4px;}
.sec_top .container .clearfix .col-lg-6 .txt .name {color: #3332a241b; font-size:20px; font-weight: 600; font-family:'Noto Serif KR',serif;margin-top:40px;}
.sec_top .container .clearfix .txt  .history {margin:0 auto; word-wrap: break-word; line-height: 25px;}
.sec_top .container .clearfix .txt  .history > table {color:#444; font-size: 13px;margin-top:25px;text-align: left;}
.sec_top .container .clearfix .txt  .history > table > tbody > tr > td:nth-child(1) {width: 15%; text-align: left;}
.sec_top .container .clearfix .txt  .history > table > tbody > tr > td:nth-child(2) {width: 85%;}

.sec_02 {margin-top:50px; margin-bottom: 60px;}
.sec_02 .clearfix  li  a  img {width:80px; height:64px; display:inline-block !important;}
.sec_02 .clearfix .blog_list li a span {display:inline-block !important;width:100%;max-width:210px;margin-left:5px;vertical-align:middle;font-weight:700;font-size:15px}
.sec_02 .clearfix .blog_list li {margin-bottom:15px}
.sec_02 .clearfix a {display:block;font-size:14px;word-break:keep-all;line-height:1.6}
.sec_02 .news_list {list-style: disc; padding-left: 20px;}

.sec_03 h2 { margin-bottom: 50px; text-align: center; color: #2a241b; font-size: 35px; }

.sec_04 { margin-bottom: 100px;}
.sec_04 .join_area {width:100%; height:100%; background-color:#e2e2e2; margin:15px auto 5px; text-align: center;}
.sec_04 .join_area a {display:block; padding:30px; width:100%;}
.sec_04 .join_area a.btn_join_kimgunja_fund { padding: 18px 30px; }
.sec_04 .join_area a.btn_join_kimgunja_fund .kimgunja_btn { margin-top: 13px; }
.sec_04 .join_area a p {display:inline-block; color:#000000; font-family:'NanumSquare','Noto Sans KR',sans-serif !important; font-size:18px; font-weight: 600; }
.sec_04 {margin-top:50px;}

.sec_05 { margin-bottom: 100px; }

.sec_01 .txt {color:#000; font-size:18px; font-family:'Noto Serif KR',serif; margin: 40px auto 40px auto; line-height:30px;}
.sec_02 .txt .col-lg-7 {width:55%}
.sec_02 .txt .col-lg-offset-1 {margin-left:3.2%}
.sec_02 .news_list {margin-top:20px}
.sec_02 .txt_area .blog_list > li > a > span {vertical-align: middle;}
.sec_04 .btn_area {display:inline;}

@media only screen and (max-width:1024px) {
.sec_top { padding-top: 150px; }
.kimgunja_btn_text { width: 100%; display: inline-block !important; float: none; }
.kimgunja_btn { width: 240px; display: inline-block !important; float: none; margin-left: 0; margin-top: 10px !important; margin-bottom: 5px; }
.kimgunja .btn_area { text-align: center !important; }
.kimgunja .join_area { max-height: none !important; }
.kimgunja_btn_box { width: 100%; }
.custom-comment { padding: 20px 0 100px 0; }
.custom-comment h2 { margin-bottom: 30px; font-size: 30px; }
.sec_03 h2 { font-size: 30px; }
}

@media only screen and (max-width:999px) {
.mobile_out {display:none;}
.pc_out {display:block;}
.sec_top .tit_img_m {background-image: url("../img/kimgunja2018/img_kimgunja@2x.jpg"); background-repeat: no-repeat;width:100%;max-width: 280px; height:254px;background-size:contain; background-position:center;margin: 20px auto;}
.sec_top .container .clearfix .col-lg-6 h2 {text-align: center;color:#2a241b; font-size:36px; font-family:'Noto Serif KR',serif; font-weight: 400;}
.sec_top .container .tit_img {margin:80px auto 0px auto; float:none; height:232px;background-position: center;}
.sec_top .container .clearfix .col-lg-6 .txt .name {color: #000000; font-size:20px; font-family:'Noto Serif KR',serif;margin-top:20px;}
.sec_top .container .clearfix .txt  .history > table {color:#444; font-size: 13px;margin-top:25px;text-align: left;}
.sec_top .container .clearfix .txt  .history > table > tbody > tr > td:nth-child(1) {width: 20%; text-align: left;}
.sec_top .container .clearfix .txt  .history > table > tbody > tr > td:nth-child(2) {width: 80%;}
.sec_top .container .clearfix .col-lg-6 { width: 100%; }

.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;width:100%;height:100%} 

.sec_01 .txt {color:#000000; font-size:16px; font-family:'Noto Serif KR',serif; margin-top: 30px; margin-bottom: 0;}

.sec_02 .container .txt_area .txt .col-lg-6 {padding-right:0px; padding-left:0px;margin-top:30px;}
.sec_02 .clearfix li a span {vertical-align: middle;}
.sec_02 .join_area {padding:20px;border:#ccc 1px solid;background-color:#e2e2e2;max-height:120px;}
.sec_02 .join_area p {margin-bottom:0;font-size:14px}
.sec_02 .join_area .btn_join_kimgunja {display:block;float:right;margin-top:30px;padding:5px 10px;border:#ccc 1px solid;text-align:center;font-weight:700;font-size:14px;line-height:1.4}
.sec_02 .join_area .btn_join_kimgunja:after {content:'';clear:both}

.sec_03 h2 { font-size: 25px; }

.sec_04 {margin-top:30px;}
.sec_04 .join_area {max-height: 145px}
.sec_04 .join_area a,
.sec_04 .join_area a.btn_join_kimgunja_fund {display:block;padding:20px}
.sec_04 .join_area a.btn_join_kimgunja_fund .kimgunja_btn { margin-top: 0; -moz-appearance: }
.sec_04 .join_area a p {text-align: left;}

.sec_06 h2 { margin-bottom: 10px; font-size: 25px; }

.kimgunja .btn_area {margin-top:10px !important;text-align: right;}

.custom-comment { padding: 30px 0 12  0px 0; }
	
}


@media only screen and (max-width:767px) {

.container { width: 100%; padding-left: 0 !important; padding-right: 0 !important; margin: 0; }
.custom-comment { padding: 30px 0 60px 0; }
.custom-comment * { font-size: 15px; }
.custom-comment h2 { margin-bottom: 20px; font-size: 20px; }
.custom-comment .custom_comment_respond .custom_commentform #submit { padding: 10px; }
.sec_top { padding-top: 100px; }
.sec_02 { margin-bottom: 0 !important; }
.sec_03 h2 { margin-bottom: 20px; font-size: 20px; }
.sec_04 { margin-bottom: 50px; }
.sec_04 .join_area a p { font-size: 16px; }
.sec_06 { padding-bottom: 0; }
.sec_06 img { width: 100%; margin-bottom: 5px; }
.sec_03 h2, .sec_06 h2 { text-align: center; font-size: 20px; }
  
}