@charset "utf-8";



body {font-size: 8px; }
li{font-size: 12px; }

.web{display: none !important}
.mobile{display: block !important}
.mobile2{display:inline-block !important}



.inner{display: block; width: 96%; margin: 0 auto; }
.inner2{width: 96%; }





.mt10{margin-top: 5px !important;}
.mt20{margin-top: 10px !important;}
.mt30{margin-top: 15px !important;}
.mt40{margin-top: 20px !important;}
.mt50{margin-top: 25px !important;}
.mt60{margin-top: 30px !important;}
.mt70{margin-top: 35px !important;}
.mt80{margin-top: 40px !important;}
.mt90{margin-top: 45px !important;}
.mt100{margin-top: 50px !important;}
.mt110{margin-top: 55px !important;}
.mt120{margin-top: 60px !important;}
.mt130{margin-top: 65px !important;}
.mt140{margin-top: 70px !important;}
.mt150{margin-top: 75px !important}
.mt160{margin-top: 80px !important;}
.mt170{margin-top: 85px !important;}
.mt180{margin-top: 90px !important;}
.mt190{margin-top: 95px !important;}
.mt200{margin-top: 100px !important;}

.mb30{margin-bottom: 15px !important;}
.mb40{margin-bottom: 20px !important;}
.mb50{margin-bottom: 25px !important;}
.mb60{margin-bottom: 30px !important;}
.mb70{margin-bottom: 35px !important;}
.mb80{margin-bottom: 40px !important;}
.mb90{margin-bottom: 45px !important;}
.mb100{margin-bottom: 50px !important;}
.mb110{margin-bottom: 55px !important;}
.mb120{margin-bottom: 60px !important;}
.mb130{margin-bottom: 65px !important;}
.mb140{margin-bottom: 70px !important;}
.mb150{margin-bottom: 75px !important;}
.mb160{margin-bottom: 80px !important;}
.mb170{margin-bottom: 85px !important;}
.mb180{margin-bottom: 90px !important;}
.mb190{margin-bottom: 95px !important;}
.mb200{margin-bottom: 100px !important;}



.pt10{padding-top: 5px !important;}
.pt20{padding-top: 10px !important;}
.pt30{padding-top: 15px !important;}
.pt40{padding-top: 20px !important}
.pt50{padding-top: 25px !important}
.pt60{padding-top: 30px !important}
.pt70{padding-top: 35px !important}
.pt80{padding-top: 40px !important}
.pt90{padding-top: 45px !important}
.pt100{padding-top: 50px !important}
.pt110{padding-top: 55px !important}
.pt120{padding-top: 60px !important}
.pt130{padding-top: 65px !important}
.pt140{padding-top: 70px !important}
.pt150{padding-top: 75px !important}
.pt160{padding-top: 80px !important}
.pt170{padding-top: 85px !important}
.pt180{padding-top: 90px !important}
.pt190{padding-top: 95px !important}
.pt200{padding-top: 100px !important}

.pb10{padding-bottom: 5px !important}
.pb20{padding-bottom: 10px !important}
.pb30{padding-bottom: 15px !important}
.pb40{padding-bottom: 20px !important}
.pb50{padding-bottom: 25px !important}
.pb60{padding-bottom: 30px !important}
.pb70{padding-bottom: 35px !important}
.pb80{padding-bottom: 40px !important}
.pb90{padding-bottom: 45px !important}
.pb100{padding-bottom: 50px !important}
.pb110{padding-bottom: 55px !important}
.pb120{padding-bottom: 60px !important}
.pb130{padding-bottom: 65px !important}
.pb140{padding-bottom: 70px !important}
.pb150{padding-bottom: 75px !important}
.pb160{padding-bottom: 80px !important}
.pb170{padding-bottom: 85px !important}
.pb180{padding-bottom: 90px !important}
.pb190{padding-bottom: 95px !important}
.pb200{padding-bottom: 100px !important}

.ml30{margin-left: 0 !important; margin-top: 30px !important;}




.mobile{display: block !important}
.web{display: none !important}

.pc{display: none !important}
.mobile{display: block !important}
.mobile2{display:inline-block !important}

.img100 img{width: auto !important;}
.img{width: 90% !important; margin-left: 5%;}




/* #header-myownfund */
#header-myownfund{ height: auto; padding-top: 110px; background-size: auto 100%; text-align: center; padding-bottom: 50px}
#header-myownfund .img01{ top:-65px ; height:25px }
#header-myownfund dl{margin-bottom: 70px}
#header-myownfund dd{ width: 90%;; margin-left: 5%; padding-top: 25px}
#header-myownfund dd + dd{margin-top: 30px; }
#header-myownfund iframe{float: none; box-shadow: 0px 3px 7px #4d4d4d; width: 300px; height: 169px; margin: 0 auto}

/* #content */
.box01{ padding: 50px 0 60px}
.box0101{ padding: 30px 0; margin-top: 50px}
.box0101 ul li{display: block; width: 100%; padding: 30px 0}
.box0101 ul li dt{  height: auto; padding: 25px 20px 30px}
.box0101 ul li dd{ width: 140px; line-height: 35px;  }
.box0101 ul li + li{border-left: #f9f9f9 0px solid; border-top: #f9f9f9 1px solid;}

.box02{padding: 70px 0 90px}
.box02 ul {padding-top: 45px}
.box02 ul li{display: block; width: 100%; height: 150px;  margin-right: 0px; padding: 30px 20px 0px 125px; }


.box03{ padding: 90px 0 110px}
.box0301{ margin-top: 50px}
.box0301 ul li{display: block; width: 100%; height: 130px; padding-top: 30px; padding-left: 100px; position: relative}
.box0301 ul li span{display: block; width: 50px; height: 5px; background: #faa618; margin: 10px auto; }
.box0301 ul li img{margin-bottom: 0px; position: absolute; left:10px; top:20px; width: 80px}


.box04{ height: auto;  padding-top: 80px; background-size: auto 100%; padding-bottom: 50px }
.box04 ul{ margin-top: 70px}
.box04 ul li{display: block; width: 100%; height: 120px; position: relative; padding-left: 40%; padding-right: 20px}
.box04 ul li:nth-child(2n){ padding-top: 10px; width: 100%;padding-bottom: 10px; height: auto; padding-left: 45%}
.box04 ul li dt{color: #faa618; font-size: 1.500em; margin: 22px 0 10px;  }
.box04 ul li dl{font-size: 1.250em}
.box04 ul li dd{ background: #f1f1f1; height: 120px; padding-top: 27px; width: 35%; position: absolute; left:0}

.box05{padding: 50px 0 50px; }
.box0501{background: url(https://beautifulfund.org/wp-content/themes/beautifulfund/img/myownfund/box06_img01.png) top center no-repeat; height: auto;  background-size: 100% 100%; padding: 60px 10% 40px;}
.box0501 img{position: absolute;  margin-left: -15px; width: 10px}
.box0501 img.l2{margin-left: 5px}

.box0502{margin-top: 70px}
.box0502 ul{text-align: center}
.box0502 ul li{display: inline-block; width: 46%; height: auto; border-radius: 20px; margin: 0 2% 20px; padding-bottom: 30px}
.box0502 ul li img{ width: 100%;}

.box0502 ul li + li{margin-left: 2%}

.box0503{margin: 60px auto 40px}
.box0503 ul li{width: 100%;  height: auto;  }
.box0503 ul li dd{ line-height: 1.5;  padding: 20px 0 20px 80px}
.box0503 ul li dd img{position: absolute; left:25px; top:20px}
.box0503 ul li + li{margin-top: 10px}
.box0504{height: auto; background: none; }
.box0504 img{width: 100%;}


.box06{ padding: 70px 0 70px; }
.box0601{ padding: 30px 0;  width: 96%; margin: 30px auto 0}
.box0601 ul li{display:block;  position: relative; padding: 30px 20px; min-height: 350px; font-size: 10px}
.box0601 ul li img{position: absolute; width: 90%; left:5%; top: 190px}
.box0601 ul li:nth-child(2n) img{right: 5%}
.box0601 ul li ol{ width: 80%; height: 205px; background-size: 100% auto;  margin-left: 10%; margin-top: 0px; padding-left: 50px; padding-top: 30px; }
.box0601 ul li:nth-child(2n) ol{background-size: 100% auto; width: 80%; height: 205px; margin-left: 0px; margin-top: 0px; padding-left: 20px; padding-right: 50px; padding-top: 30px; }
.box0601 ul li ol dl{font-size: 1.375em; margin-top: 10px}

.box0601 ul li:nth-child(3) ol{margin-left: 10%;}
.box0601 ul li:nth-child(3) img{margin-left: 5%}

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

.box07{margin: 70px auto 70px; }
.box07 ul{margin-top: 40px}
.box07 ul li{ height: auto; padding-left: 0px; font-size: 10px }
.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: relative; left:0;  width: 100%;}
.box07 ul li dl{ padding: 40px 10px 15px}
.box07 ul li dd{  padding-bottom: 20px}
.box07 ul li:nth-child(1){height: auto}
.box07 ul li + li{margin-top: 30px}

.box08{ padding: 80px 0 60px; }
.box08 dt{color: #fff; font-size: 3.125em;}
.box08 dt span{padding: 0 0; border: #fff 3px solid; margin: 0 auto; width: 70%; height: 50px; display: block}
.box08 dt img{margin-top: -30px; padding-right: 10px; }
.box0801 img{width: 80%}

.box09{ padding: 70px 0 0px; }
.box09 .inner{background-size: 40% auto ;  padding-bottom: 150px}
.box09 ul{border: #faa618 3px solid; width: 100%; margin: 40px auto 30px; padding: 20px 20px 30px}
.box09 ul li{ padding: 10px 0 10px 0px; line-height: 35px; font-size: 11px}
.box09 ul li dt{position: relative; font-size: 1.250em; margin-left: 0px; margin-top: 10px; font-weight: 700px; margin-bottom: 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: 15px; height: 15px; 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: 100%; display: block; margin-bottom: 10px;}
.box09 ul li + li{border-top: #d7d7d7 1px solid;}

.box09 input[type="submit"]{width: 60%; padding: 11px 0 11px 0; }
.box0901 { font-size: 13px; }



/* #footer */

#footer {position: relative; display: block; background: #514a4b; color: #fff; font-size: 1.125em; padding: 30px 0 ; text-align: center}
#footer img{position: relative; margin-top: 0px; margin-bottom: 20px}
#footer dd{padding-left:0px; }
#footer dd span{padding: 0 5px}


/* 팝업 */
#layer_popup {display:none; border:5px solid #cccccc;margin:0;padding:5px;background-color:#ffffff;z-index:2000; width: 85%;padding:20px 10px 20px 10px; margin: 2vh auto; }
#layer_popup .b-close {position:absolute;top:5px;right:15px;color:#000;font-weight:bold;cursor:hand;}
#layer_popup .popupContent {margin:20px auto 0;text-align:left;border:0;width:100%;height:40vh; overflow-y: scroll; font-size: 12px}
#layer_popup .popupContent table{border:0; border-spacing:0; padding:0; border-collapse:collapse; width: 96%; margin: 30px auto}
#layer_popup .popupContent table tr th{font-weight: 700; padding: 10px 5px}
#layer_popup .popupContent table tr td{border-top: #dddddd 1px solid; border-bottom: #dddddd 1px solid; width: 25%; padding: 10px 5px}
#layer_popup .popupContent table tr td:nth-child(3){width: 50%;}
#layer_popup .popupContent table tr td b{color: #fc9f1c}


.qna_rule { font-size: 11px; padding: 10px 12px 5px 12px; }
.wpcf7-form-control-wrap.your-name input { margin-right: 0; }
.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 { font-size: 13px; }
body .wpcf7-not-valid-tip { font-size: 12px !important; }