@charset "utf-8";
@font-face {
 font-family: 'NanumBarunGothic', sans-serif;
 font-style: normal;
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
 font-family: 'NanumBarunGothic', sans-serif;
 font-style: normal;
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
 font-family: 'NanumBarunGothic', sans-serif;
 font-style: normal;
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

.nanumbarungothic * {
 font-family: 'NanumBarunGothic', sans-serif;
}

dt{font-weight: 400}
body {font-family: 'NanumBarunGothic', sans-serif !important;font-size: 16px; word-break:keep-all; word-wrap:break-word; color: #221e1f !important; line-height: 1.6; font-weight: 400; letter-spacing:-0.08em;}


#wrap {display: block;  width: 100%}
#wrap>#content {display: block;   word-break:keep-all; word-wrap:break-word}

.mobile{display: none !important}
.mobile2{display:none}

.inner{width: 1200px; margin: 0 auto; padding: 0; position: relative}
.inner2{width: 1160px; margin: 0 auto; padding: 0; position: relative}

.point01{color: #faa618}
.pointW{color: #fff}

.txtCenter{text-align: center}


/* #header-myownfund */
#header-myownfund{background: url(https://beautifulfund.org/wp-content/themes/beautifulfund/img/myownfund/box01_bg.png) top center no-repeat; height: 942px; padding-top: 210px;}
#header-myownfund .img01{position: absolute; right: 0; top:-165px  }
#header-myownfund dt{text-align: center; font-size: 3.875em;  font-weight: 400}
#header-myownfund dl{text-align: center; font-size: 3.125em; margin-bottom: 70px}
#header-myownfund dd{text-align: center; font-size: 1.625em; width: 480px; margin-left: 680px; padding-top: 50px}
#header-myownfund dd span{font-weight: 700; font-size: 1.154em}
#header-myownfund dd span.txt1{font-size: 1.538em}
#header-myownfund dd + dd{margin-top: 30px;  padding-top:0}
#header-myownfund iframe{float: left; box-shadow: 0px 3px 7px #4d4d4d; width: 673px; height: 379px}

/* #content */
.box01{background: #5b4b42; padding: 105px 0 130px}
.box0101{box-shadow: 0px 3px 7px #3a3a3a; background: #fff; border-radius:10px; padding: 50px 0; margin-top: 100px}
.box0101 ul li{display: inline-block; width: 33.333%; text-align: center; position: relative}
.box0101 ul li dt{ font-size: 1.250em; height: 160px; padding: 25px 40px 0}
.box0101 ul li dd{font-size: 1.250em; color: #fff; width: 180px; line-height: 40px; background: #676767; border-radius: 50px; margin: 0 auto}
.box0101 ul li + li{border-left: #f9f9f9 1px solid}

.box02{padding: 150px 0 180px}
.box02 ul {padding-top: 95px}
.box02 ul li{display: inline-block; width: 370px; height: 163px; border: 3px solid transparent; border-image: linear-gradient(to top, #d6d6d6 0%, #aeaeae 100%); border-image-slice: 1; margin-bottom: 22px; margin-right: 25px; padding: 30px 0px 0 125px; position: relative}
.box02 ul li:nth-child(3), .box02 ul li:nth-child(6){margin-right: 0}
.box02 ul li dd{font-size: 1.375em}
.box02 ul li img{position: absolute; left:5px}
.box02 ul li span{display: block; width: 50px; height: 5px; background: #faa618; margin-bottom: 10px}

.box03{background: #5b4b42; padding: 175px 0 220px}
.box0301{box-shadow: 0px 3px 7px #3a3a3a; background: #fff; margin-top: 110px}
.box0301 ul li{display: inline-block; width: 20%; height: 330px; text-align: center; padding-top: 50px}
.box0301 ul li span{display: block; width: 50px; height: 5px; background: #faa618; margin: 10px auto; }
.box0301 ul li img{margin-bottom: 20px}
.box0301 ul li dl{font-size: 1.375em}
.box0301 ul li dt{font-size: 1.500em; color: #faa618}
.box0301 ul li:nth-child(2n){background: #cec9c7}

.box04{background: url(https://beautifulfund.org/wp-content/themes/beautifulfund/img/myownfund/box05_bg.png) top center no-repeat #3d3d3d; height: 899px;  padding-top: 160px }
.box04 ul{text-align: center; margin-top: 145px}
.box04 ul li{display: inline-block; width: 190px; height: 250px; border: 2px solid #b0b0b0; border-radius: 20px; background: #fff; overflow: hidden}
.box04 ul li:nth-child(2n){ padding-top: 106px; width: 50px; border: none; background: none}
.box04 ul li dt{color: #faa618; font-size: 1.500em; margin: 18px 0 10px}
.box04 ul li dl{font-size: 1.250em}
.box04 ul li dd{ background: #f1f1f1; height: 120px; padding-top: 27px}

.box05{padding: 110px 0 100px; }
.box0501{background: url(https://beautifulfund.org/wp-content/themes/beautifulfund/img/myownfund/box06_img01.png) top center no-repeat; height: 296px;  padding-top: 106px; text-align: center; margin-top: 50px}
.box0501 img{position: absolute;  margin-left: -40px}
.box0501 img.l2{margin-left: 10px}

.box0502{margin-top: 70px; text-align: center; }
.box0502 ul li{display: inline-block; width: 216px; height: 444px; border-radius: 20px; background: #f1f1f1; overflow: hidden; text-align: center}
.box0502 ul li img{border-bottom: #fff 5px solid}
.box0502 ul li span{display: block; width: 50px; height: 2px; background: #faa618; margin: 15px auto; }
.box0502 ul li dt{font-size: 1.500em; color: #faa618}
.box0502 ul li dl{font-size: 1.375em; margin-top: 25px}
.box0502 ul li dd{font-size: 1.125em; color: #605f5f}
.box0502 ul li + li{margin-left: 20px}

.box0503{margin: 120px auto 85px}
.box0503 ul li{width: 1000px;  height: 77px;  border: 2px solid transparent; margin: 0 auto; position: relative;
    border-radius: 10px;
    background-image: linear-gradient(#f9f9f9, #f9f9f9), 
    linear-gradient(to top, #d6d6d6 0%, #aeaeae 100%);
    background-origin: border-box;
    background-clip: content-box, border-box;}
.box0503 ul li dd{font-size: 1.500em; line-height: 77px; padding-left: 80px}
.box0503 ul li dd img{position: absolute; left:25px; top:20px}
.box0503 ul li + li{margin-top: 10px}
.box0504{height: 260px; background: url(https://beautifulfund.org/wp-content/themes/beautifulfund/img/myownfund/box06_img10.png) top center no-repeat; }



.box06{background: #5b4b42; padding: 150px 0 150px; }
.box0601{box-shadow: 0px 3px 7px #3a3a3a; background: #fff; border-radius:20px; padding: 50px 0;  width: 1320px; margin: 60px auto 0}
.box0601 ul li{display:block;  position: relative; padding: 40px 80px; min-height: 350px}
.box0601 ul li img{position: absolute;}
.box0601 ul li:nth-child(2n){background: #b1b1b1}
.box0601 ul li:nth-child(2n) img{right: 80px}
.box0601 ul li ol{position: absolute; background: url(https://beautifulfund.org/wp-content/themes/beautifulfund/img/myownfund/box07_img06.png) top center no-repeat; width: 404px; height: 205px; margin-left: 745px; margin-top: 40px; padding-left: 90px; padding-top: 50px; z-index: 99}
.box0601 ul li:nth-child(2n) ol{background: url(https://beautifulfund.org/wp-content/themes/beautifulfund/img/myownfund/box07_img07.png) top center no-repeat; width: 404px; height: 205px; margin-left: 0px; margin-top: 40px; padding-left: 0px; padding-right: 95px; padding-top: 50px; text-align: right}
.box0601 ul li ol dt{font-size: 1.625em; color: #faa618}
.box0601 ul li ol dl{font-size: 1.23em; margin-top: 15px}

.box0601 ul li:nth-child(3) ol{margin-left: 675px;}
.box0601 ul li:nth-child(3) img{margin-left: 125px}

.box0601 ul li:nth-child(4) ol{padding-right: 70px; padding-top: 35px;}
.box0601 ul li:nth-child(5) ol{ padding-left: 70px; padding-top: 35px;}

.box07{margin: 130px auto 150px; }
.box07 ul{margin-top: 80px}
.box07 ul li{display: block;  border: 2px solid transparent; margin: 0 auto; position: relative; overflow: hidden; height: 292px;
    border-radius: 20px;
    background-image: linear-gradient(#fff, #fff), 
    linear-gradient(to top, #d6d6d6 0%, #aeaeae 100%);
    background-origin: border-box;
    background-clip: content-box, border-box; padding-left: 352px;}
.box07 ul li dt{background: #fbfbfb; height: 50px; text-align: right; font-size: 1.500em; color: #faa618; line-height: 50px}
.box07 ul li dt span{display: inline-block; ; width: 144px; text-align: center; color: #fff; background: #faa618; border-radius: 0 0 0 20px; margin-left: 20px}
.box07 ul li img{position: absolute; left:0}
.box07 ul li dl{font-size: 1.500em; text-align: center; padding: 40px 0 15px}
.box07 ul li dd{ text-align: right; padding-right: 50px;font-size: 1.250em}
.box07 ul li:nth-child(1){height: 258px}
.box07 ul li + li{margin-top: 30px}

.box08{background: url(https://beautifulfund.org/wp-content/themes/beautifulfund/img/myownfund/box09_bg.png) top left ; padding: 160px 0 130px; }
.box08 dt{color: #fff; font-size: 3.125em;}
.box08 dt span{padding: 0 140px; border: #fff 5px solid; margin: 0 20px}
.box08 dt img{margin-top: -30px; padding-right: 10px}

.box09{ padding: 133px 0 0px; }
.box09 .inner{background: url(https://beautifulfund.org/wp-content/themes/beautifulfund/img/myownfund/box10_bg.png) bottom right no-repeat; background-size: 320px; padding-bottom: 200px; }
.box09 ul{border: #faa618 5px solid; width: 1000px; margin: 90px auto 40px; padding: 35px 45px;}
.box09 ul li{ padding: 10px 0 10px 250px; line-height: 40px}
.box09 ul li dt{position: absolute; font-size: 1.250em; margin-left: -220px; margin-top: 10px}
.box09 ul li dl{font-size: 1.250em}
.box09 ul li input{border: #d7d7d7 1px solid;}
.box09 ul li input[type="checkbox"]{border: #d7d7d7 1px solid; width: 20px; height: 20px; vertical-align: middle; margin-top: -3px; margin-right: 5px; }
.box09 ul li input[type="text"],
.box09 ul li input[type="email"],
.box09 ul li input[type="tel"]{width: 350px;}
.box09 ul li + li{border-top: #d7d7d7 1px solid;}
.box09 ul li span{padding-left: 0; margin-left: 0; }

.box09 input[type="submit"]{width: 250px; margin-bottom: 20px; line-height: 1.5; border: none; text-align: center; color: #fff; font-size: 1.875em; background: #faa618; padding: 11px 0 8px 0;}
.box0901{color: #767676; font-size: 20px; margin-bottom: 30px; text-align: center} 



/* #footer */

#footer {position: relative; display: block; background: #514a4b; color: #fff; font-size: 1.125em; padding: 60px 0 }
#footer img{position: absolute; margin-top: -10px}
#footer dd{padding-left:250px; }
#footer dd span{padding: 0 15px}

/* 팝업 */
#layer_popup {display:none; position: relative; border:5px solid #cccccc;margin:0;padding:20px 0px 20px 20px;background-color:#ffffff;z-index:2000 ; }
#layer_popup .b-close {position:absolute;top:10px;right:35px;color:#000;font-weight:bold;cursor:pointer;font-size: 30px; z-index: 888}
#layer_popup .popupContent {margin:30px 0 0;padding:0px;text-align:left;border:0;width:800px;height:300px; }
#layer_popup .popupContent table{border:0; border-spacing:0; padding:0; border-collapse:collapse; width: 90%; margin: 30px auto}
#layer_popup .popupContent table tr th{font-weight: 700; padding: 20px 10px}
#layer_popup .popupContent table tr td{border-top: #dddddd 1px solid; border-bottom: #dddddd 1px solid; width: 25%; padding: 20px 10px}
#layer_popup .popupContent table tr td:nth-child(3){width: 50%;}
#layer_popup .popupContent table tr td b{color: #fc9f1c}

/* form */
.qna_rule { max-width: 500px; padding: 15px 19px 10px 19px; font-size: 13px; line-height: 1.5; letter-spacing: 0; word-break: keep-all; background-color: #fafafa; margin: 10px 0 15px 0; border:1px solid #ddd; }
.qna_rule table { border: 0 !important; text-align: left; line-height: 1.4; }
.qna_rule table th { padding: 5px 15px 5px 0px; word-break: keep-all; font-weight: 400 !important; color:#333; font-weight: 500 !important; border:0; border-bottom: 1px solid #ddd; }
.qna_rule table td { padding: 5px 15px 5px 0px; word-break: keep-all; font-weight: 400 !important; border:0; border-bottom: 1px solid #ddd; }
.qna_rule table th:last-child,
.qna_rule table td:last-child { padding-right: 0; }
.qna_rule table td b { color: #333; text-decoration: underline; font-weight: 500; }
.qna_rule p { margin-bottom: 5px !important; }
.qna_rule a { color: #ffa200; font-weight: bold; }
.qna_rule a:hover { color: #333; }
.qna_agree { color: #ffa200; font-weight: 400; }
.grecaptcha-badge { display: none !important; }
.wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { border:0 !important; text-align: center; font-size: 17px; }
body .wpcf7-not-valid-tip { color: #f80 !important; padding: 5px 0 0 0; line-height: 1.5 !important; font-size: 15px !important; }
div.wpcf7 .wpcf7-submit:disabled { cursor: not-allowed !important; }
div.wpcf7 .ajax-loader { display: block; margin: 0 auto; margin-top: 10px; }
body .wpcf7-response-output { width:100%; margin:0 auto !important; padding-top: 0 !important; text-align:center; border: 0 !important; float: left !important; word-break: keep-all !important; color: #f80 !important; }
.wpcf7-spinner { display: none !important; margin: 0 auto; margin-top: 20px; margin-bottom: 20px; }
.wpcf7-form[data-status="submitting"] .wpcf7-submit { display: none !important; }
.wpcf7-form[data-status="submitting"] .wpcf7-spinner { display: inline-block !important; }
.wpcf7-list-item { margin-right: 20px !important; }
.wpcf7-form-control-wrap.your-name input { margin-right: 10px; }


.basic_contact_float { background: rgba(81,74,75,0.95); position: fixed; width: 120px; top:170px; right:30px; padding: 15px 20px; border: 0 solid #ffa200; text-align: center; box-shadow: 0px 5px 0px rgba(81,74,75,0.2) !important; border-radius: 10px; z-index: 9; }
.basic_contact_float h4 { font-size: 12px; line-height: 1.5; color: #ffa200; padding-top: 0; padding-bottom: 5px; margin-top: 0; margin-bottom: 10px; border-bottom: 1px solid #ffa200; }
.basic_contact_float p { margin-bottom: 7px; line-height: 1.5; font-size: 12px; color: #fff; }
.basic_contact_float p b { font-weight: 500; color: #fff; opacity: 1; font-family: 'NanumSquare','Noto Sans KR',sans-serif !important; }
.basic_contact_float.btn_fundgallery { height: auto; top: auto; bottom: 60px; padding: 15px 0; border-radius: 10px; background: rgba(250,250,250,0.9); border:1px solid #ffa200; box-shadow: 0px 5px 0px rgba(81,74,75,0.2) !important; }
.basic_contact_float.btn_fundgallery:hover { opacity: 0.7; }
.basic_contact_float.btn_fundgallery h4 { border-bottom: 0; line-height: 1.6; padding-top: 6px; padding-bottom: 0; margin-bottom: 0; color: #333; font-size: 17px; }
.basic_contact_float.btn_fundgallery img { width: 23px; float: none; margin: 0 auto; margin-bottom: 5px; }
@media only screen and (min-width:1800px) { 
.basic_contact_float { width: 170px; right: 70px !important; padding: 25px; }
}
@media only screen and (max-width:1250px) { 
.basic_contact_float { width: 110px; padding: 15px; }
.basic_contact_float h4 { font-size: 12px; padding-bottom: 10px; margin-bottom: 10px; }
.basic_contact_float p { font-size: 12px; margin-bottom: 5px !important; }
.basic_contact_float.btn_fundgallery { padding: 15px 0; }
.basic_contact_float.btn_fundgallery h4 { padding-top: 5px; font-size: 14px; }
}
@media only screen and (max-width:1024px) { 
.basic_contact_float.btn_fundgallery img { width: 20px; }
}
@media only screen and (max-width:834px) { 
.basic_contact_float { width: 95px; right: 25px; padding: 12px 10px; }
.basic_contact_float h4 { font-size: 13px; }
.basic_contact_float p { font-size: 11px; }
.basic_contact_float p:last-child { margin-bottom: 0 !important; }
.basic_contact .basic_button { margin: 0; }
.basic_contact_float.btn_fundgallery h4 { padding-top: 3px; font-size: 13px; }
.basic_contact_float.btn_fundgallery img { width: 17px; }
}
@media only screen and (max-width:768px) { 
.basic_contact_float { width: 90px; }
.basic_contact_float h4 { font-size: 12px; }
.basic_contact_float p { font-size: 10px; }
.basic_contact_float.btn_fundgallery h4 { line-height: 1.5; }
}
@media only screen and (max-width:767px) { 
.basic_contact_float { display: none; }
.basic_contact_float.btn_fundgallery { z-index: 999; width: 85px; display: block; top: auto; bottom: 30px; border-radius: 100px; padding: 12px 0; }
.basic_contact_float.btn_fundgallery h4 { line-height: 1.4; padding-top: 0; }
}