/* BASIC css start */
#content{width:100%}
.w1100{width:1100px;margin:0 auto;float:none}
.page-head{background:#F8F8F8;text-align:center}
.page-head h1{padding-top:128px;font-size:35px;color:#424242;line-height:45px;font-weight:600}
.page-head p{font-size:20px;color:#7B7672;letter-spacing:-0.03em;margin:80px auto 125px}
.page-head ul{font-size:0;width:980px;margin:0 auto}
.page-head ul li{font-size:20px;color:#7B7672;border:1px solid #C9C9C9;border-radius:14px 14px 0 0;line-height:85px;width:25%;display:inline-block;width: calc(25% - 1px); margin-left: -1px;border-bottom:0;cursor:pointer;background:#fff;transition:all 0.3s}
.page-head ul li.sel,
.page-head ul li:hover{background:#767676;border-color:#767676;color:#fff}
.page-body { text-align:center;}
.mb30{margin-bottom:30px}
.page-body .page-cont{display:none;padding-top:150px}
.page-body .page-cont:nth-child(3) {padding-top:0;}
.page-body .page-cont:first-child{display:block;}
.page-body .sub_tit{font-size:20px;color:#7B7672;letter-spacing:-0.03em;line-height:1}
.page-body .main_tit{font-size:35px;color:#424242;letter-spacing:-0.03em;font-weight:600;line-height:1}
.page-body .cou{font-size:0;margin:60px 0}
.page-body .cou li:last-child{margin-right:0px}
.page-body .cou li{display:inline-block;margin-right:60px}
.more_view2{display:inline-block;border:1px solid #7B7672;border-radius:50px;width:485px;line-height:55px;height:55px;font-size:16px;color:#7B7672;letter-spacing:-0.03em;text-align:center;font-weight:600;position:relative;overflow:hidden;transition:all 0.3s}
.more_view2 span{display:inline-block;vertical-align:middle;padding-right:14px;background:url('/design/happyprinc/wib/img/be_arrow.svg')no-repeat center right;transition: all 0.3s ease;}
.more_view2::before{content: ""; position: absolute; top: 0; left: 0;width: 100%; height: 100%; background: #C9BAB2;  transition: all 0.3s ease;  transform: translate3d(-102%, 0, 0); border-radius: 100px;z-index:-1}
.more_view2:hover::before{transform: translate3d(0%, 0, 0);}
.more_view2:hover{color:#fff !important;border-color:#C9BAB2 !important;background:transparent !important}
.more_view2:hover span{color:#fff !important;background:url('/design/happyprinc/wib/img/be_arrow2.svg')no-repeat center right}
.txt_list{border-top:1px solid #424242;padding:27px 0;text-align:left;margin-top:150px;border-bottom:1px solid #c9c9c9}
.txt_list p{font-size:15px;color:#424242;font-weight:500;letter-spacing:-0.03em;margin-bottom:10px}
.txt_list li{font-size:13px;color:#7B7672;font-weight:400;letter-spacing:-0.03em;margin-top:9px}
.txt_list li:before{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:#E8A58F;margin-right:8px;vertical-align:middle}
.txt_list li span {font-weight:500;color:#7B7672;}

/*¸â¹ö½±*/
.page-table{margin-top:60px}
.page-table table th{background:#F9F9F9;border-top:1px solid #C9C9C9;font-size:15px;color:#424242;letter-spacing:-0.03em;font-weight:500}
.page-table table th span{font-size:13px;color:#7B7672;display:block;}
.page-table table th{padding:22px 0}
.page-table table td{padding:25px 0}
.page-table table td{border:1px solid #C9C9C9;color:#7B7672;font-size:14px}
.page-table table tr td:first-child{border-left:0}
.page-table table tr td:last-child{border-right:0}
.page-table table tr td span{display:block;line-height:22px;color:#7B7672;}
.page-table table tr td span span{font-size:13px}
.page-table table tr td strong.me{font-weight:500;color:#7B7672;}
.page-table table tr td span b{color:#E8A58F;font-weight:400}
.page-table table tr td.per{color:#E8A58F;font-weight:600}

/*¾Û´Ù¿î·Îµå*/
.bg{background:#f9f9f9;padding-top:100px; position:relative;}
.bg::before {content:''; display:Block; width:100% ; height:1px; border-bottom:1px dashed #DEDEDE; position:Absolute; bottom:545px; left:0;}
.cont_box{font-size:0;padding:100px 0}
.cont_box.top_box{}
.cont_box > div{display:inline-block;vertical-align:middle}
.cont_box > div.left_box{width:calc(100% - 550px)}
.cont_box > div.right_box{width:550px;padding: 0 45px; box-sizing: border-box; text-align: left;}
.cont_box > div.right_box p.txt1{font-size:20px;color:#7B7672;letter-spacing:-0.03em}
.cont_box > div.right_box p.point{font-size:35px;color:#424242;letter-spacing:-0.03em;font-weight:600;position: relative;width:auto;z-index:3;display: inline-block;padding:0 5px}
.cont_box > div.right_box p.point:before{content:"";display:block;width:100%;height:27px;border-radius:100px;background:#F3D0C2;position: absolute;left:0;bottom:0;z-index:-1}
.no_bg{padding-top:150px;font-size: 0;}
.no_bg > div{display:inline-block;vertical-align:top;width:50%}
.no_bg > div .tit1{font-size:35px;color:#424242;letter-spacing:-0.03em;font-weight:600;}
.no_bg > div .tit2{font-size:20px;color:#7B7672;letter-spacing:-0.03em;line-height:30px}
.no_bg > div.left_box .tit2{margin-bottom:60px}
.no_bg > div.right_box .tit2{margin-bottom:122px}
.no_bg > div a{width:386px;height:53px;line-height:53px;}
.no_bg > div a span{color:#7B7672}
.no_bg > div a:last-child{margin-top:20px}

/*»ýÀÏÃàÇÏ*/
.page-body .page-cont .box01{border-bottom: 1px dashed #DEDEDE;margin-bottom:60px}
.page-body .cou2 li{display:inline-block;margin-right:30px}
/* BASIC css end */