@charset "UTF-8";

/* main */
.main__vis{position: relative; height: 27rem; overflow: hidden;}
.main__vis-item {width: 100%; height: 27rem; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.main__vis-item .inner{padding:5.5rem 11% 0; color: #fff; box-sizing: border-box;}
.main__vis-item strong{display: block; margin-bottom: 3rem; font-family: 'BMEULJIRO'; font-size: 4.5rem; letter-spacing: -0.065em; line-height: 5.2rem;}
.main__vis-item p{color: #fff; font-size: 1.8rem; line-height: 2.8rem; letter-spacing: -0.065em;}
.main__vis-item a{display: block;width: 100%;height: 100%}
.main__vis-nav{ position: absolute; left: 0; bottom: 3rem; width: 100%;  text-align:center; font-size: 0; z-index: 500;}
.main__vis-pager{display: inline-block; vertical-align: middle;}
.main__vis-pager span{display: inline-block; width: 1.2rem; height: 1.2rem; margin: 0 0.45rem; background: rgba(255, 255, 255, .6); border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; -webkit-border-radius: 50%; text-indent: -9999px; cursor: pointer;}
.main__vis-pager .cycle-pager-active{ width: 5rem; background: #fff; border-radius: 2.5rem; -webkit-border-radius: 2.5rem; -moz-border-radius: 2.5rem; -ms-border-radius: 2.5rem; -o-border-radius: 2.5rem; }
.btn--main-vis-play{display: inline-block; width: 1rem; height: 1rem; margin-left: 1.5rem; background: url(../images/main/ico_pause.png) no-repeat 50% 50%; text-indent: -9999px; vertical-align: middle;}
.btn--main-vis-play.active{background-image: url(../images/main/ico_play.png)}

.main__conts h2{padding-top: 4rem; margin-bottom: 2rem; color: #333; font-size: 2.2rem; font-weight: 500; letter-spacing: -0.065em; text-align: center;}
.main__notice__cat{display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.8rem;}
.main__notice__cat li{display: inline-block; margin-right: 2.2rem; color: #666; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.065em; line-height: 2.8rem; vertical-align: middle;}
.main__notice__cat .on{position: relative; color: #333;}
.main__notice__cat .on:after{content: ''; display: block; position: absolute; left: -0.2rem; bottom: -0.4rem; width: 100%; height: .2rem; padding: 0 .2rem; background: #146af0; }
.main__notice__cat .lnk--all{display: inline-block; width: 2.8rem; height: 2.8rem;  background: #fff url(../images/main/ico_more.png) no-repeat 50% 50%; background-size: 1.4rem; border: 1px solid #999; font-size: 0; text-indent: -9999px; vertical-align: middle; box-sizing: border-box;}

.main__notice-item{display: block; padding: 1.9rem; margin-bottom: 1rem; border: 1px solid #ddd; box-sizing: border-box;}
.main__notice-item__photo{float: left; position:relative; width: 12rem; height: 8rem; text-align: center;}
.main__notice-item__photo img{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.main__notice-item__txt{float: left; width: calc(100% - 12rem); height: 100%; padding-left: 2rem; box-sizing: border-box;}
.main__notice-item__txt .cat{ display: inline-block; height: 2.6rem; padding: 0 1rem; background: #666; border-radius: .3rem; -webkit-border-radius: .3rem; -moz-border-radius: .3rem; -ms-border-radius: .3rem; -o-border-radius: .3rem; color: #fff; font-size: 1.4rem; font-weight: 500; line-height: 2.6rem; letter-spacing: -0.065em; }
.main__notice-item__txt .cat-peach{background: #ec6c61;}
.main__notice-item__txt .cat-green{background: #00a3a0;}
.main__notice-item__txt .cat-blue{background: #437dea;}
.main__notice-item__txt .summary , 
.main__notice-item__txt .summary *{color: #333; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.065em;  line-height: 2.2rem;}
.main__notice-item__txt .summary {max-height: 4.4rem; margin: .6rem 0 1.4rem; overflow:hidden;  overflow: hidden; white-space: normal; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main__notice-item__txt .date{color: #999;  font-size: 1.4rem; }

.main__banner-inner{position: relative; padding: 0 5.5rem; margin-bottom: 1rem; box-sizing: border-box;}
.btn--main-ban-next,
.btn--main-ban-prev{position: absolute; top: 50%; width: 4rem; height: 4rem; margin-top: -2rem; background-color: rgba(0, 0, 0, .4); background-repeat: no-repeat; background-position: 50% 50%; background-size: auto 1.4rem; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; font-size: 0; text-indent: -9999px; cursor: pointer}
.btn--main-ban-prev{left: 0; background-image: url(../images/main/arr_prev.png)}
.btn--main-ban-next{right: 0; background-image: url(../images/main/arr_next.png)}

.main__banner-item{ max-width: 29.7rem;}
.main__banner-item img{width: 100%; height: auto;}
.main__news__head{position: relative; padding: 0 8rem; box-sizing: border-box;}
.main__news__head .lnk-more{position: absolute; right: 0; top: 4rem; padding-right: 2.9rem; background: url(../images/main/circle_more.png) no-repeat right 0 top 50%; background-size: auto 2rem; color: #666; font-size: 1.4rem; font-weight: 500; line-height: 2.2rem; letter-spacing: -0.065em;}
.main__news-item{float: left; width: 48.78%; margin-bottom: 2.5rem;}
.main__news-item:nth-of-type(2n) {margin-left: 2.44%;}
.main__news-item__photo{position: relative; padding-top: 57.5%; border: 1px solid #ddd; box-sizing: border-box; overflow:hidden;}
.main__news-item__photo img{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.main__news-item__tit{height: 4.4rem; color: #333; font-size: 1.5rem; font-weight: 500; margin: 1rem 0 1.5rem; line-height: 2.2rem; letter-spacing: -0.065em; overflow: hidden; white-space: normal; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.main__news-item .date{color: #999; font-size: 1.4rem;}
.main__quick-menu {display: flex; margin-bottom: 5rem; justify-content: space-between; flex-wrap: wrap;  box-sizing: border-box;}
.main__quick-menu li{ width: 33.3%; margin-top: 2.5rem; text-align: center; }
.main__quick-menu li:nth-child(3n){margin-right: 0;}
.main__quick-menu li:nth-child(3) ~ li{margin-top: 3.5rem;}
.main__quick-menu a{display: inline-block; width:100%; color: #333; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.065em;}
.main__quick-menu i{ display: block; width: 9rem; height: 9rem; margin: 0 auto 1.5rem; background: #f2f2f2; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; text-align: center; line-height: 9rem;} 
.main__quick-menu i img {vertical-align: middle;}

/* sub */
.sub-greeting{background: url(../images/sub/greeting.jpg) no-repeat right 0 bottom 0; color: #333;}
.greeting__tit {margin-bottom: 3rem;  font-size: 1.8rem; font-weight: 500; letter-spacing: -0.065em; line-height: 2.8rem;}
.greeting__tit em{display: inline-block; padding-bottom: 1.4rem; font-size: 2.2rem; word-break: keep-all}
.greeting__tit em span{color: #146af0;}
.greeting__body p{margin-bottom: 2rem; font-size: 1.5rem; line-height: 2.5rem; letter-spacing: -0.065em; word-break: keep-all}
.greeting__writer{margin-top: 5.5rem;}
.greeting__writer span{display: block; font-size: 1.8rem; line-height: 2.4rem; font-weight: 500; letter-spacing: 0;}
.greeting__writer .date{margin-bottom: 1rem; font-size: 1.5rem; letter-spacing: 0;}
.greeting__writer strong{display: block; padding-bottom: 1rem; font-size: 2rem; font-weight: 700; margin-top: 1.3rem; letter-spacing: 0;}
.history__group{padding: 4rem 0 3.5rem;}
.history__group + .history__group{border-top: 1px solid #ddd;}
.sub-history .history__group:first-of-type{padding-top:0;}
.sub-history .history__group:last-of-type{padding-bottom:0;}
.history__group-tit{margin-bottom: 2rem; color: #333; font-size: 2rem; font-weight: 500; letter-spacing: -0.065em; box-sizing: border-box;}
.history__group-items dt, .history__group-items dd{margin: .6rem 0; font-size: 1.5rem; line-height: 2.3rem;} 
.history__group-items dt{float: left; width: 12rem; color: #146af0; font-weight: 700;}
.history__group-items dd{float: left; width: calc(100% - 12rem); letter-spacing: -0.065em;}

.sub-org__tit{margin-bottom: 2rem; color: #333; font-size: 2rem; font-weight: 500; letter-spacing: -0.065em;}
.sub-org__item{padding: 1.8rem 1.8rem 1.45rem; margin-bottom: 1rem; border: 1px solid #ddd; color: #333; font-size: 1.5rem; letter-spacing: -0.065em; line-height: 2.2rem; box-sizing: border-box;}
.sub-org__item dt{font-weight: 500;}
.sub-org__item p strong,
.sub-org__item dd strong{color: #146af0;}

.president__list li{ float: left; width: 48.29%; height: 6.5rem; margin: 0 3.42% 3.42% 0 ; border: 1px solid #ddd; text-align: center; box-sizing: border-box; }
.president__list li:nth-child(2n){margin-right: 0;}
.president__list span,
.president__list strong{display: block; letter-spacing: -0.065em;}
.president__list span{padding: 1.3rem 0 .9rem; color: #146af0; font-size: 1.4rem; }
.president__list strong{ color: #333; font-size: 1.7rem; font-weight: 500; }

.flag__list{font-size: 0;}
.flag__list li + li{margin-top: 5rem;}
.flag__list img{width: 100%; height: auto;}
.flag__list span{display: block; margin-bottom: 2rem; color: #333; font-size: 2rem ; font-weight: 500; letter-spacing: -0.065em;}

/* rule.php */

.rule__head h4{color: #333; font-size: 2.2rem; font-weight: 500; letter-spacing: -0.065em; text-align: center;  box-sizing: border-box;}
.rule__head span{display: block; padding: 2.6rem 0; color: #666; font-size: 1.5rem; font-weight: 500; line-height: 2.2rem; text-align: right;}
.rule__article h5{padding: 1.6rem 2rem; margin-bottom: 3rem; border: 1px solid #ddd; color: #333; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.065em; box-sizing: border-box;}
.rule__article dl{margin-bottom: 2.5rem;}
.rule__article dt{position: relative; margin-bottom: .6rem; padding-left: 1.4rem; color: #333; font-size: 1.7rem; font-weight:500; letter-spacing: -0.065em; box-sizing: border-box;}
.rule__article dt::before{ content: ''; display: block; position: absolute; top: 0.55rem; left: 0; width: .6rem; height: .6rem; background: #146af0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.rule__article dd{color: #333; font-size: 1.5rem; letter-spacing: -0.065em; line-height: 2.5rem;}
.rule__article dd li{padding-left: 1.7rem; text-indent: -1.7rem;}
.rule__article dd em{color: #146af0; }
.rule__article .ex-list{padding-left: 1.7rem; box-sizing: border-box;}


.map__tit{margin-bottom: 2rem; color: #333; font-size: 2rem; font-weight: 500; letter-spacing: -0.065em; }
.map__tit span{color: #146af0;}

.map__info{color: #333; font-size: 1.5rem; letter-spacing: -0.065em; line-height: 2.2rem;}
.map__info dt,
.map__info dd{padding: .4rem 0;}
.map__info dt{float: left; width: 8rem; font-weight: 700;}
.map__info dd{float: left;; width: calc(100% - 8rem)}
.map__info dd span{display: block;}
.map__info dd span + span{margin-top: .8rem;}
.map__item {margin-top: 2.2rem; border: 1px solid #ddd; box-sizing: border-box;}

.map__item .root_daum_roughmap{width: 100%;}
.map__item .root_daum_roughmap .map_border,
.map__item .root_daum_roughmap .wrap_controllers,
.map__item .os_mac .roughmap_maker_label .roughmap_lebel_text{display: none;}

.jeonjulee__tit{ color: #333; font-size: 2rem; font-weight: 500; letter-spacing: -0.065em}
.jeonjulee__summary strong{display: block; padding: 1.5rem 0 2.5rem; color: #333; font-size: 2.2rem; font-weight: 500;; letter-spacing: -0.065em; line-height: 3.2rem; text-align: left;}
.jeonjulee__summary img{width: 100%; height: auto;}
.jeonjulee__summary .m-img{display: none;}
.jeonjulee__story{margin-top: 2.5rem;}
.jeonjulee__story p{margin-bottom: 2rem; color: #333; font-size: 1.5rem; line-height: 2.5rem; letter-spacing: -0.065em; text-indent: .5rem ;}

.imyoungpha__story img{width: 100%; height: auto; margin-bottom: 2.5rem;}
.imyoungpha__story p{margin-bottom: 2rem; color: #333; font-size: 1.5rem; line-height: 2.5rem; letter-spacing: -0.065em;}
.imyoungpha__story-btm img{float: right; width: 16rem; margin-left: 2.5rem;}

/* about > history */
.short-history-item {margin-bottom: 2.5rem; border-width: 1px; border-style: solid; border-color: #146af0 #ddd #ddd;}
.short-history-item dt, 
.short-history-item dd{color: #333; letter-spacing: -0.065em; box-sizing: border-box;}
.short-history-item dt{padding: 1.2rem 1.5rem; background: rgba(20, 104, 240, 0.15); border-bottom: 1px solid #ddd;  font-size: 1.6rem; font-weight: 500;}
.short-history-item dd{padding: 2rem 1.5rem; font-size: 1.5rem; line-height: 2.4rem; }

.term__tit{padding: 2rem 0; margin-bottom: 1.5rem; background: #f7f7f7; border: 1px solid rgba(20, 104, 240, 0.15); color: #333; font-size: 2rem; font-weight: 500; letter-spacing: -0.065em; text-align: center; line-height: 1.2; box-sizing: border-box;}
.term__tit span{color: #666; font-size: 1.6rem;}
.term__tb{float: left; width: 49%;}
.term__tb th, 
.term__tb td{text-align: center;}
.term__tb + .term__tb{margin-left: 2%;}

/* about > timeline.php */

.histoty-timeline__tit{padding: 2rem 0; margin-bottom: 2.5rem; background: #f7f7f7; border: 1px solid rgba(20, 104, 240, 0.15); color: #333; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.065em; text-align: center; line-height: 1.2; box-sizing: border-box;}
.histoty-timeline__tit span{color: #666; font-size: 1.6rem;}
.histoty-timeline span{display: block; color: #333; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.045em; text-indent: .5rem; line-height: 1.4}
.histoty-timeline ul{margin-top: 2rem;}
.histoty-timeline li{position: relative; margin-bottom: .5rem; padding-left: 1.2rem; color: #666; font-size: 1.6rem; line-height: 2.5rem; letter-spacing: -0.065em; box-sizing: border-box;}

.histoty-timeline li:before{ content: ''; display: block; position: absolute; left: 0; top: 1.1rem; width: .3rem; height: .3rem; background: #146af0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }


/* principle.php */
.hanja-principle {color: #333;}
.hanja-principle__tit{margin-bottom: 1.5rem; font-size: 2.2rem; font-weight: 500; letter-spacing: -0.065em;}
.hanja-principle__desc{margin-bottom: 3.5rem; }
.hanja-principle p{font-size: 1.5rem; line-height: 2.5rem; letter-spacing: -0.065em; text-indent: 0.5rem;}
.hanja-principle__sect{margin-bottom: 4rem;}
.hanja-principle__sect h5{margin-bottom: 1rem; font-size: 2rem; font-weight: 500; letter-spacing: -0.065em;}
.hanja-principle__sect img{display: block; width: 91.46%; height: auto;  margin: 2rem auto 2.5rem;}
.hanja-principle__sect .ex-tb{width: 100%; margin: 2rem 0;}
.hanja-principle__sect .ex-tb td{padding: 1rem 1.4rem; font-weight: 500;  line-height: 2.4rem; letter-spacing: -0.045em;}
.hanja-principle__sect {margin-bottom: 4rem;}
.hanja-principle__sect .country-tb{width: 100%; margin-top: 4rem;}
.hanja-principle__sect .country-tb caption{padding-bottom: 1.5rem; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.065em; text-align: left;}
.hanja-principle__sect .country-tb  th,
.hanja-principle__sect .country-tb  td{padding-top: .9rem; padding-bottom: .9rem;  font-weight: 500; text-align: center;}
.hanja-principle__sect .country-tb thead th{font-size: 1.5rem;}
.hanja-principle__sect .country-tb tbody th{background: #f4f5f9; }
.hanja-principle__sect dt{margin-bottom: 1rem; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.045em;}
.hanja-principle__sect dd{font-size: 1.4rem; line-height: 2.4rem;}
.hanja-principle__sect dd span{display: block; margin-bottom: 1rem}
.hanja-principle__sect li{position: relative; padding-left: 1rem; }
.hanja-principle__sect li:before{ content: ''; display: block; position: absolute; left: 0; top: 1rem; width: .4rem; height: .4rem; background: #333; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }


/* hanja fonts.php */

.hanja-dfn__sect + .hanja-dfn__sect{margin-top: 3.5rem;}
.hanja-dfn__sect h4{margin-bottom: 1.5rem; color: #333; font-size: 2rem; font-weight: 500; letter-spacing: -0.065em}
.hanja-dfn__sect dt, 
.hanja-dfn__sect dd,
.hanja-dfn__sect p{ color: #333; font-size: 1.5rem; line-height: 2.5rem; letter-spacing: -0.065em;}
.hanja-dfn__sect p{text-indent: .5rem}
.hanja-dfn__sect dt{margin-bottom: 10px; font-weight: 500;}
.hanja-dfn__sect dd + dt{margin-top: 20px;}
.hanja-dfn__sect em{display: block; margin-top: 2rem; margin-bottom: 1rem; font-size: 1.5rem; color: #f00; line-height: 1.2;}
.hanja-dfn__sect table{width: 100%; margin: 1rem 0;}
.hanja-dfn__sect th, 
.hanja-dfn__sect td{text-align: center; }
.hanja-dfn__sect td{width: 33.3%;}

/* radical.php */
.hanja-radical-item{margin-bottom: 1rem; border-width: 1px; border-style: solid; border-color: #146af0 #ddd #ddd;  box-sizing: border-box;}
.hanja-radical-item dt{margin-bottom: 0; padding: 0 1.4rem; background: rgba(20, 104, 240, 0.15); border-bottom: 1px solid #ddd; line-height: 4rem; box-sizing: border-box; text-indent: 0;}
.hanja-radical-item  .img-box{float: left; width: 11rem; height: 10rem; line-height: 10rem; text-align: center;}
.hanja-radical-item  .img-box img{max-width: 65%; max-height: 80%; vertical-align: middle;}
.hanja-radical-item  .txt-box{display: flex; flex-direction: column; justify-content: center; float: left; width: calc(100% - 11rem); min-height: 10rem; padding: 1.4rem; border-left: 1px solid #ddd; box-sizing: border-box; }
.hanja-radical-item  .txt-box li{ color: #146af0; font-size: 1.4rem; font-weight: 500; letter-spacing: -00.065em;}
.hanja-dfn__sect .radical-tb{margin-top: 2rem;}

/* hanja-method */
.hanja__tit{margin-bottom: 1.5rem; color: #333; font-size: 2rem; font-weight: 500; letter-spacing: -0.065em}
.hanja__story{margin-top: 2rem;}
.hanja__story p{ color: #333; font-size: 1.5rem; line-height: 2.5rem; letter-spacing: -0.065em; text-indent: .5rem;}
.hanja__story ul{margin-top: 2rem;}
.hanja__story li{position: relative; margin-bottom: .5rem; padding-left: 1rem; font-size: 1.4rem; line-height: 2.4rem; box-sizing: border-box;}
.hanja__story li:before{content: ''; display: block; position: absolute; left: 0; top: 1rem; width: .4rem; height: .4rem; background: #146af0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;}


/* reference_1.php */

.reference-data {margin-bottom: 4rem; color: #333;}
.reference-data__tit{margin-bottom: 1.3rem; font-size: 2.1rem; font-weight: 500; letter-spacing: -0.065em;}
.reference-data p{font-size: 1.5rem; line-height: 2.4rem; letter-spacing: -0.065em;}
.reference-data__sect{padding-left: .5rem; margin-bottom: 3rem; box-sizing: border-box;}
.reference-data__sect h5{margin-bottom: 1rem; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.065em;}
.reference-data__sect:first-of-type h5{margin-top: 3.5rem;}
/* .reference-data__sect p{padding-left: 1rem; box-sizing: border-box;} */
.reference-data__sect p + p{margin-top: 1.5rem;}

/* reference_2.php  */
.reference-photo img{width: 100%; height: auto;}

/* reference_7.php  */
.reference-story {color: #333;}
.reference-story__tit{margin-bottom: 3.5rem; font-size: 2.4rem; font-weight: 500; letter-spacing: -0.065em;}
.reference-story__sect{margin-bottom: 5rem;}
.reference-story__sect h5{margin-bottom: 1.5rem; font-size: 2rem; font-weight: 500; letter-spacing: -0.065em;}
.reference-story__sect p,
.reference-story__sect li
{font-size: 1.6rem; line-height: 2.6rem; letter-spacing: -0.065em;}
.reference-story__sect p + p{margin-top: 2rem;}
.reference-story__sect li + li{margin-top: .7rem;}
.reference-story__sect li dfn{font-weight: 500; letter-spacing: 0;}


.reference-timeline h4{margin-bottom: 2rem; color: #333; font-size: 2rem; font-weight: 500; letter-spacing: -0.065em;}
.reference-timeline__tb{ width: 100%; margin-bottom: 2rem; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; -ms-border-radius: 1rem; -o-border-radius: 1rem; overflow:hidden; }
.reference-timeline__tb th,
.reference-timeline__tb td{width: 16.6666%; border-right: 1px solid #ddd; color: #333; font-size: 1.5rem; font-weight: 500; line-height: 3.5rem; vertical-align: middle; text-align: center; box-sizing:border-box;}
.reference-timeline__tb.ver2 th,
.reference-timeline__tb.ver2 td{width: inherit;}

.reference-timeline__tb th{background: #146af0; color: #fff;}
.reference-timeline__tb tr th:first-of-type,
.reference-timeline__tb tr td:first-of-type{border-left:1px solid #146af0; }
.reference-timeline__tb tr th:last-of-type,
.reference-timeline__tb tr td:last-of-type{border-right-color: #146af0;}
.reference-timeline__tb tbody tr:last-of-type td,
.reference-timeline__tb .last-join{border-bottom: 2rem solid #146af0;}
.reference-timeline__tb .join-td{border-top: 1px solid #ddd; font-size: 4rem; font-weight: 700; line-height:5.5rem}
.reference-timeline__tb .last-join{border-right: none; font-size: 2.4rem; font-weight: 500;}
.reference-timeline__tb .last-join + .last-join{border-right: 1px solid #ddd;}
.reference-timeline__tb tbody tr:nth-of-type(even) td{background: #f7f7f7;}
.reference-timeline__tb .point td{color: #00f;}

/* profile */
.profile__head {position: relative;}
.profile__head h4{margin-bottom: 1.5rem; color: #333; font-size: 2.2rem; font-weight: 500; letter-spacing: -0.065em;}
.profile__head .btn--close {position: absolute; right: 2rem; top: 0; width: 2.5rem; height: 2.5rem; background: url(../images/sub/ico_close_b.png) no-repeat 50% 50%; background-size: auto 1.6rem; border: 1px solid #ddd; font-size: 0; text-indent: -9999px; box-sizing: border-box;}

.profile__nav a,
.profile__nav button{display: inline-block; width: 10rem; height: 3.5rem; margin-right: .3rem; border: 1px solid #146af0; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -ms-border-radius:.3rem; -o-border-radius:.3rem; color: #146af0; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.065em; line-height: calc(3.5rem - 2px); text-align: center; box-sizing: border-box; }

.profile__summary-who{margin: 2rem 0; padding-top: 1.6rem; padding-bottom: 1.6rem; background: #146af0;}
.profile__summary-who .who{display: block; margin-bottom: 1rem; color: #fff; font-size: 2rem; font-weight: 700; letter-spacing: -0.065em;}
.profile__summary-who .who span{padding-left: 1.2rem; color: #ddd; font-size: 1.6rem; letter-spacing: -0.065em;}
.profile__summary-who .basic-list li{float: left; color: #fff; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.065em;}
.profile__summary-who .basic-list .relation{float: right;}

.profile__summary-body{margin-bottom: 3rem;}
.profile__summary-info{float: left; width: calc(100% - 12rem); min-height: 14.8rem;}
.profile__summary-info dl{margin: 3px 0;}
.profile__summary-info dt,
.profile__summary-info dd{float: left; color: #333; font-size: 1.6rem; letter-spacing: -0.065em; line-height: 2.5rem;}
.profile__summary-info dt{padding-right: 2rem; color: #666;}
.profile__summary-info dd{font-weight: 500; }
.profile__summary-img{float: left; position: relative; width: 12rem; height: 14.8rem}
.profile__summary-img img{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.profile__summary .notice--no-info {padding: 4rem 0 4rem; text-align: center; color: #666; font-size: 1.4rem; line-height: 1.5;}

.profile__detail-item .item-tit{display: block; width: 100%; height: 4.9rem; background: #f4f5f9 url(../images/cmn/drop_arr.png) no-repeat right 2.5rem top 50%; background-size: auto .9rem; border-top: 1px solid #ddd; color: #333; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.065em; line-height: 4.9rem; text-align: center; }
.profile__detail-item:last-of-type .item-tit{border-bottom: 1px solid #ddd;}
.profile__detail-item.active .item-tit{background-image: url(../images/cmn/drop_arr_top.png); border-bottom: 1px solid #ddd; }
.profile__detail-item .item-cont{display: none; padding: 3rem 2rem; box-sizing: border-box; }
.profile__detail-item.active .item-cont{display: block;}
.profile__detail-item .item-cont dl{position: relative; padding-left: 1rem; color: #333; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.065em; line-height:2.4rem; box-sizing: border-box;}
.profile__detail-item .item-cont dl::before{ content: ''; display: block; position: absolute; left: 0; top: 1rem; width: .4rem; height: .4rem; background: #146af0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.profile__detail-item .item-cont dt{ color: #666; letter-spacing: 0;}
.profile__detail-item .item-cont dd{}

.people-tab li{width: 33.3333%;   border-bottom-color: #ddd;}
.people-tab li:nth-child(3) ~ li{border-top: none;}
.people-tab li:nth-child(3n + 1){border-left: 1px solid #ddd;}
.people-tab .on button::after, 
.people-tab .on a::after {border-color: #333;}

.people-item{ position: relative; padding: 3rem 2.4rem; margin-bottom: 2rem; border: 1px solid #ddd; box-sizing: border-box; }
.people-item__img{float: left; position:relative;  width: 10rem; height: 12.5rem; background: #f6f6f6; border: 1px solid #ddd; text-align: center; box-sizing: border-box; overflow: hidden;}
.people-item__img img{position: absolute; left:-50%; right: -50%; bottom: -50%; top: -50%; width: auto; height: auto; max-width: 100%; max-height: 100%; margin: auto;}
.people-item__team{position: absolute; right: -1px; top: -1px; min-width: 8rem; height: 3rem; padding: 0 1rem; background: #2f9d03; color: #fff; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.065em; line-height: 3rem; text-align: center; box-sizing: border-box;}
.people-item__info{float: left; width: calc(100% - 10rem); min-height: 12.5rem; margin-bottom: 2.4rem; padding-left: 2.5rem; padding-top: .4rem; box-sizing: border-box;}
.people-item__info .who{display: block; color: #333; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.065em;}
.people-item__info .who span{color: #999; font-size: 1.4rem; vertical-align: text-bottom}
.people-item__info .age{display: block; margin-top: 1rem; color: #666; font-size: 1.4rem;}
.people-item__info .opt{padding-top: 1.4rem; margin-top: 1.4rem; border-top: 1px solid #ddd; color: #333; font-size: 1.4rem; line-height: 2.2rem; letter-spacing: -0.065em;}
.people-item__info .opt__tit{float: left; width: 5.5rem; color: #666;}
.people-item__info .opt__cont{float: left; width: calc(100% - 5.5rem);}
.people-item .lnk-more,
.people-item .info-benefit
{display: block; clear: both; width: 100%; height: 4rem; border: 1px solid #146af0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; color: #146af0; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.065em; line-height: calc(4rem - 2px); text-align: center; box-sizing: border-box;}
.people-item .info-benefit{letter-spacing: 0;}

.pedigree-list__head h4{margin-bottom: 1.5rem; color: #333; font-size: 2rem; font-weight: 500; letter-spacing: -0.065em;}
.pedigree-list__align select{width: 100%; height: 3.5rem;}
.pedigree-list__align ul{display: flex; margin: 1.2rem 0 1.5REM; align-items: center;}
.pedigree-list__align li{display: flex; margin-right: 1rem; align-items: center;}
.pedigree-list__align input[type="radio"]{margin: 0;}
.pedigree-list__align label{padding-left: .6rem; font-size: 1.5rem;}
.pedigree-list__sch input[type="text"]{width: 40%; max-width: calc(50% - 4rem); margin: 0 0.5rem 0 0}

.pedigree-list__item-list{margin-bottom: 2rem; border-top: 1px solid #333;}
.pedigree-list__item {padding: 1.5rem 0; border-bottom: 1px solid #ddd;}
.pedigree-list__item dl{position: relative; display: flex; justify-content: space-between; margin: .5rem 0; color: #333; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.065em;}
.pedigree-list__item dt{width: 9rem; line-height: 3.5rem;}
.pedigree-list__item dd{width: calc(100% - 9rem); min-height: 3.5rem; padding: .7rem 1rem; background: #edf3fe; font-size: 1.5rem; line-height: 2.1rem; box-sizing: border-box;}

.pedigree-list__checked-opt,
.pedigree-list__checked-total{font-size: 1.5rem; text-align: right;}
.pedigree-list__checked-opt li{margin-bottom: .2rem; color: #333; font-size: 1.5rem; line-height: 2.8rem;}
.pedigree-list__checked-opt input[type="text"]{width: 5rem; height: 2.8rem; vertical-align: middle;}
.pedigree-list__checked-opt .btn--change{display: inline-block; height: 2.8rem; border: 1px solid #ddd; vertical-align: top; line-height: calc(2.8rem - 2px); box-sizing: border-box;}
.pedigree-list__checked-total  strong{display: block; margin-top: 1rem; color: #111; font-weight: 500; text-align: right;}
.pedigree-list__checked-total a,
.pedigree-list__checked-total button{ display: inline-block; min-width: 9rem; height: 3.5rem; margin-top: 2.5rem; padding: 0 1rem; border: 1px solid #146af0; border-radius: .3rem; -webkit-border-radius: .3rem; -moz-border-radius: .3rem; -ms-border-radius: .3rem; -o-border-radius: .3rem; color: #146af0; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.065em; line-height: calc(3.5rem - 2px); text-align: center; box-sizing: border-box; }
.pedigree-list__checked-total .btn--download{border-color: #227447; color: #227447;}

.profile-frm__sect{margin-bottom: 3rem;}
.profile-frm__sect h4{float: left; padding-left: 1rem; margin-bottom: 1.5rem; color: #333; font-size: 2rem; font-weight: 500; letter-spacing: -0.065em;}
.profile-frm__tb {width: 100%; margin-bottom: 1rem; border-top: 2px solid #146af0}
.profile-frm__tb th, .profile-frm__tb td{padding: .7rem; border-bottom: 1px solid #ddd; color: #333; font-size: 1.5rem; font-weight: 500; vertical-align: middle; line-height: 2.2rem; text-align: left; letter-spacing: -0.065em; box-sizing: border-box; }
.profile-frm__tb th{padding-left: 1.5rem; background: #edf3fe; word-break: keep-all}
.profile-frm__tb--add-info th,
.profile-frm__tb--add-info td{text-align: center;}
.profile-frm__tb select,
.profile-frm__tb input,
.profile-frm__tb button,
.profile-frm__tb a{vertical-align: middle;}
.profile-frm__tb select{min-width: 8rem; height: 3.5rem; margin: .2rem 0; font-size: 1.5rem; font-weight: 500;}
.profile-frm__tb--add-info select{min-width: 7rem;}
.profile-frm__tb input[type="text"] {width: 100%; height: 3.5rem; padding:0 .9rem;}
.profile-frm__tb input[type="file"]{width: 100%;}
.profile-frm__sect .row-util{padding-right: 2rem; text-align: right; box-sizing: border-box;}
.profile-frm__sect .row-util button{ display: inline-block; min-width: 6.5rem; height: 2.8rem; margin-left: .3rem; background: #17375e; border-radius: .3rem; -webkit-border-radius: .3rem; -moz-border-radius: .3rem; -ms-border-radius: .3rem; -o-border-radius: .3rem; color: #fff; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.065em; line-height: calc(2.8rem - 2px); text-align: center; box-sizing: border-box; }
.profile-frm__sect .row-util .btn--del{background: #953735;}

.pedigree-input__head .tit{margin-bottom: 1.5rem; color: #333; font-size: 2.2rem; font-weight: 500; line-height: 3rem; letter-spacing: -0.065em;}
.pedigree-input__head .modify-nav{ margin-bottom: 1.5rem; font-size: 0;}
.pedigree-input__head .modify-nav button,
.pedigree-input__head .modify-nav a{display: inline-block;  height: 3.5rem; padding: 0 .5rem; margin-right: .5rem; border: 1px solid #146af0; border-radius:.3rem; -webkit-border-radius:.3rem; -moz-border-radius:.3rem; -ms-border-radius:.3rem; -o-border-radius:.3rem; color: #146af0; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.065em; line-height: calc(3.5rem - 2px); text-align: center; box-sizing: border-box; }
.pedigree-auth{padding: 2rem; margin-bottom: 1.5rem; background: #f7f7f7; border: 1px solid rgba(20, 104, 240, 0.15); text-align: center; box-sizing: border-box}
.pedigree-auth__frm{display: inline-block; text-align: left;}
.pedigree-auth span{display: inline-block; vertical-align: middle;}
.pedigree-auth dl{position: relative;}
.pedigree-auth dl + dl{padding-top: 1.5rem; margin-top: 1.5rem; border-top: 1px dashed #ddd;}
.pedigree-auth dt{margin-bottom: 1rem; color: #111; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.065em; line-height: 2rem;}
.pedigree-auth input[type="text"],
.pedigree-auth select{height: 3.5rem;}
.pedigree-auth input[type="text"]{padding: 0 1rem;}
.pedigree-auth input[name="email"]{min-width: 25rem;}
.pedigree-auth select{min-width: 8rem;}
.pedigree-auth .tel-s{width: 6rem;}
.pedigree-auth .tel-m{width: 7rem;}
.pedigree-auth .auth-chk{position: absolute; right: 0; top: 0;}
.pedigree-auth dl + dl .auth-chk{top: 1.5rem;}
.pedigree-auth input[type="checkbox"]{margin: 0; margin-right: .4rem; vertical-align: middle;}
.pedigree-auth label{color: #666; font-size: 1.4rem; vertical-align: middle}
.pedigree-auth .btn--confirm{padding: 0 10px; margin-left: 6px; height: 35px; background: #464646; color: #fff; font-size: 14px; letter-spacing: -0.065em; vertical-align: middle; line-height: 35px;}

.pedigree-input__tb {width: 100%; margin-bottom: 4rem; border-top: 2px solid #146af0}
.pedigree-input__tb th, .pedigree-input__tb td{padding: .7rem; border-bottom: 1px solid #ddd; color: #333; font-size: 1.5rem; font-weight: 500; vertical-align: middle; line-height: 2.2rem; text-align: left; letter-spacing: -0.065em; box-sizing: border-box; }
.pedigree-input__tb th{padding-left: 1.5rem; background: #edf3fe;}
.pedigree-input__tb select,
.pedigree-input__tb input,
.pedigree-input__tb button,
.pedigree-input__tb a{vertical-align: middle;}
.pedigree-input__tb select{min-width: 8rem; height: 3.5rem; margin: .2rem 0; font-size: 1.5rem; font-weight: 500;}
.pedigree-input__tb input[type="text"] {width: 100%; height: 3.5rem; padding:0 .9rem;}
.pedigree-input__tb input[type="file"]{width: 100%; height: auto; padding: .4rem .3rem; border: 1px solid #ddd; box-sizing: border-box;}
.pedigree-input__tb td .input-normal{width: 25rem;}
.pedigree-input__tb .input-group{padding: 0 1rem; font-size: 0; box-sizing: border-box;}
.pedigree-input__tb .input-group input[type="text"]{width: 48.2%; color: #333;}
.pedigree-input__tb .input-group input[type="text"]:nth-of-type(2n){margin-left: 3.6%}
.pedigree-input__tb .frm-notice{display: block; padding-top: 1rem; color: #146af0; font-size: 1.4rem; line-height: 1.3; font-weight: 400;}
.pedigree-input__tb .radio-list li{display: inline-block;margin-right: 3px;}
.pedigree-input__tb .radio-list input{margin: -2px 0 0;}
.pedigree-input__tb .btn-guide{display: inline-block; width: 10rem; height: 3.5rem;  background:#666; color: #fff; letter-spacing: -0.065em; line-height: 3.5rem;}
.pedigree-input__tb .name-box{margin-bottom: 1rem;}
.pedigree-input__tb .name-box input[type="text"]{float: left; width: calc(100% - 12rem)}
.pedigree-input__tb .name-box .btn-guide{float: left; width: 11.5rem; margin-left: .5rem;}
.pedigree-input__pic{margin-top: 4rem;}
.pedigree-input__pic img{width: 100%; height: auto;}

.mypage-nav {padding-top: 2rem; padding-bottom: 2rem; border-bottom: 1px dashed #eee}
.mypage-nav__tit{display: block; margin-bottom: 1rem; color: #000; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.065em;}
.mypage-nav__tab + .mypage-nav__tit{margin-top: 1.5rem;}
.mypage-nav__tab li{float: left; width: 25%; background: #f4f5f9; border-right: 1px solid #ddd; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; box-sizing: border-box;} 
.mypage-nav__tab.logout-ver li{width: 50%;}
.mypage-nav__tab li:nth-child(1){border-left: 1px solid #ddd;}

.mypage-nav__tab a,
.mypage-nav__tab button{display: block; width: 100%; height: 100%; padding: 0; color: #666; font-size: 1.4rem; letter-spacing: -0.065em; line-height: 4rem; text-align: center; box-sizing: border-box;}
.mypage-nav__tab .on a,
.mypage-nav__tab .on button
{position: relative; background: #fff; color: #333; font-weight: 500;}
.mypage-nav__tab .on button::after,
.mypage-nav__tab .on a::after{content: ''; display: block; position: absolute; left: -1px; top: -1px; width: 100%; height: 100%; border: 1px solid #333;}

.join-frm__sect h4{float: left; padding-left: 1rem; margin-bottom: 1.5rem; color: #333; font-size: 2rem; font-weight: 500; letter-spacing: -0.065em;}
.join-frm__tb {width: 100%; margin-bottom: 1rem; border-top: 2px solid #146af0}
.join-frm__tb th, .join-frm__tb td{padding: .9rem .7rem; border-bottom: 1px solid #ddd; color: #333; font-size: 1.5rem; font-weight: 500; vertical-align: middle; line-height: 2.2rem; text-align: left; letter-spacing: -0.065em; box-sizing: border-box; }
.join-frm__tb th{padding-left: 1.5rem; background: #edf3fe; word-break: keep-all}
.join-frm__tb select,
.join-frm__tb input,
.join-frm__tb button,
.join-frm__tb a{vertical-align: middle;}
.join-frm__tb select{min-width: 8rem; height: 3.5rem; margin: .2rem 0; font-size: 1.5rem; font-weight: 500;}
.join-frm__tb input[type="text"] ,
.join-frm__tb input[type="password"]{width: 100%; height: 3.5rem; padding:0 .9rem;}
.join-frm__tb input[type="file"]{width: 100%;}
.join-frm__tb input,
.join-frm__tb label{vertical-align: middle;}
.join-frm__tb input[type="radio"]{margin: 0;}
.join-frm__tb input + label{padding-left: .5rem; margin-right: 1rem;}
.join-frm__tb td .input--tel{width: 6.5rem;}
.join-frm__tb td .input--post{width: 7rem;}
.join-frm__tb td .input--address{margin-top: .4rem;}
.join-frm__tb .txt-reference{display: block; padding-top: .5rem; color: #666; font-size: 1.4rem;}
.join-frm__tb .agree-box{padding-top: .5rem;}
.join-frm__tb .agree-box dd{display: inline-block;}
.join-frm__tb .agree-box input,
.join-frm__tb .agree-box label{vertical-align: middle;}
.join-frm__tb .photo-box{margin-bottom: .5rem;}
.join-frm__tb .photo-box img{width: auto; max-width: 15rem; height: auto; }
.join-frm__tb .date-box ul{margin-bottom: .5rem;}
.join-frm__tb .date-box li{display: inline-block; vertical-align: middle;}
.join-frm__tb .date-box input{width: 5rem;}
.join-frm__tb .date-box .input--year{width: 7rem;}
.join-frm__tb .id-column input[type="text"]{display: inline-block; width: calc(100% - 9rem); vertical-align: middle;}
.join-frm__tb .id-column .btn-id{display: inline-block; width: 8rem; height: 3.5rem; background: #555; color: #fff; vertical-align: middle;}


.pedigree-input__util{margin-bottom: 1rem; font-size: 0; text-align: right; }
.pedigree-input__util button,
.pedigree-input__util a{display: inline-block; width: 9rem; height: 3.5rem; margin-left: .3rem; border: 1px solid #146af0; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; color: #146af0; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.065em; line-height: calc(3.5rem - 2px); text-align: center; box-sizing: border-box; }


.pedigree-view__tit-btn{display: block; width: 100%; height: 4.9rem; background: #f4f5f9 url(../images/cmn/drop_arr.png) no-repeat right 2.5rem top 50%; background-size: auto .9rem; border-top: 1px solid #ddd; color: #333; font-size: 1.6rem; font-weight: 500; letter-spacing: -0.065em; line-height: 4.9rem; text-align: center; }
.pedigree-view__tit-btn:last-of-type{border-bottom: 1px solid #ddd;}
.pedigree-view__tit-btn.on{background-image: url(../images/cmn/drop_arr_top.png); border-bottom: 1px solid #ddd; }

.pedigree-view__head {padding-top: 3rem;}
.pedigree-view__head h3{color: #333; font-size: 2rem; font-weight: 500; letter-spacing: -0.065em;}
.pedigree-view__head p{margin: 1rem 0 .6rem; padding-left: 2.6rem; background: url(../images/sub/ico_notice.png) no-repeat 0% 0%; color: #333; font-size: 1.6rem; letter-spacing: -0.065em; line-height: 2.4rem; box-sizing: border-box;}
.pedigree-view__head p span {color: #146af0; font-weight: 500;}
.pedigree-view__head select{display: block; min-width: 16rem; height: 3.5rem; margin-bottom: 2rem; color: #333; font-size: 1.5rem; letter-spacing: -0.065em;}
.pedigree-view__body{border-top: 2px solid #146af0}
.pedigree-view__tb {width: 100%; margin-bottom: 5rem;}
.pedigree-view__tb th, .pedigree-view__tb td{height: 50px; padding: 1.45rem 2rem; border-bottom: 1px solid #ddd; color: #333; font-size: 1.5rem; font-weight: 500; vertical-align: middle; text-align: left; line-height: 2.1rem; letter-spacing: -0.065em; box-sizing: border-box;}
.pedigree-view__tb th{background: #edf3fe;}
.pedigree-view__tb .profile-box{width: 13rem; height: 16rem; margin:12px auto 15px; line-height: 16rem; text-align: center; overflow: hidden;}
.pedigree-view__tb .profile-box img{width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle}

.cmn-policy,
.cmn-policy *{max-width: 100%; color: #333; font-family: 'Lato', 'NotoSansKR', sans-serif !important; font-size: 1.4rem !important; line-height: 1.6; word-break: break-all;}


/* 동의 */
.sl-join__tit{ margin-bottom: 1rem; color: #333; font-size: 1.8rem; font-weight: 500; letter-spacing: -0.065em;}
.sl-join__term textarea {width: 100%; height: 12rem; padding: 1.5rem 2rem; border: 1px solid #ddd; color: #333; font-size: 1.4rem; letter-spacing: -0.055em; line-height: 2.3rem; box-sizing: border-box; overflow-y: auto;}
.sl-join__agree {margin-top: 1.5rem; text-align: right;}
.sl-join__agree.all-ver{padding: 1.5rem 0; margin-bottom: 1.4rem; background: #f7f7f7; border: 1px solid rgba(20, 104, 240, 0.15); text-align: center; box-sizing: border-box;}
.sl-join__agree input, 
.sl-join__agree label{vertical-align: middle;}
.sl-join__agree label{color: #333; font-size: 1.4rem; letter-spacing: -0.065em;}

.join_ok{border-top:1px solid #333;}
.join_ok .inner{text-align:center; border-width:0 1px 1px; border-style:solid; border-color:#ddd; background:#f7f7f7; line-height:1.6; padding:3rem 2rem; letter-spacing:-0.05em;}
.join_ok .inner p{font-size:2rem; font-weight:normal; color:#333; margin:0 0 .5rem; line-height: 1.4;}
.join_ok .inner span{display:block; font-size:1.5rem; color:#888;}
.join_ok_button{text-align:center; margin:2rem 0 0;}

/*** idpw.php ***/
.sl-idpw__sect{padding: 2.5rem; border: 1px solid #ddd; box-sizing: border-box;}
.sl-idpw__sect.pw-ver{margin-top: 1rem;}
.sl-idpw__sect .tit{display: block; color: #333; font-size: 1.8rem; font-weight: 700; letter-spacing: -0.065em; }
.sl-idpw__sect .guide-txt{margin-top: 1rem; font-size: 1.5rem; color: #555; letter-spacing: -0.065em; line-height: 2.1rem; word-break: keep-all}
.sl-idpw__frm{margin: 1.5rem 0 0;}
.sl-idpw__frm li{ margin-bottom: 5px; }
.sl-idpw__frm li:last-child{margin-bottom: 10px;}
.sl-idpw__frm .pw-id{float: left; width: calc(50% - .25rem);}
.sl-idpw__frm .pw-name{float: left; width: calc(50% - .25rem); margin-left: .5rem;}
.sl-idpw__frm .pw-email{clear: both;}
.sl-idpw__frm li input{ width: 100%; height: 3.5rem; margin: 0; padding: 0 0 0 1rem; border: 1px solid #ddd; font-size: 1.5rem; line-height: calc(3.5rem - 2px); letter-spacing: -0.025em;}
.sl-idpw__frm .btn--submit{width: 100%; height: 4rem; background: #464646; color: #fff; font-size: 1.5rem; font-weight: 500; line-height: 4rem; letter-spacing: -0.065em;}


/* 210813 add layer */
.layer-incomplete {display:none; position: fixed; left: 50%; top: 50%; width: 28rem; height: 15rem; padding: 3rem 1.5rem; margin-top: -7.5rem; margin-left: -14rem; background: #fff; text-align: center; box-shadow: 3px 4px 5px 0px rgba(0, 0, 0, 0.1); box-sizing: border-box; z-index: 800;}
.layer-incomplete p {margin-bottom: 2.2rem; color: #333; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.065em; line-height: 1.4; text-align: center;}
.layer-incomplete .btn-list  {font-size: 0;}
.layer-incomplete .btn-list button,
.layer-incomplete .btn-list a {display: inline-block; width: 5.5rem; height: 3rem; margin: 0 2px; background: #464646; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; color: #fff; font-size: 1.4rem;  letter-spacing: -0.065em; line-height: 3rem; vertical-align: middle;}
.layer-incomplete .btn-list .btn--confirm {background: #146af0;}


#Srch_1_tr td .text{line-height: 2.5 ; width: 100%}
#Srch_1_tr td .text-btn{text-align: center; margin-top:  5px}
#Srch_1_tr td  input{width: 80%;}

#Srch_3_tr td{line-height: 2.5}


div.scroll {overflow: scroll;}
div.scroll table {min-width: 750px;}



@media screen and (max-width: 767px){
  .people-tab li{ width: 50%;}
  .people-tab li:nth-child(2) ~ li{border-top: none;}
  .people-tab li:nth-child(3n + 1){border-left: none}
  .people-tab li:nth-child(2n + 1){border-left: 1px solid #ddd;}
}

@media screen and (max-width: 340px){
  .profile-frm__tb select{font-size: 1.4rem;}

  .pedigree-input__tb,
  .pedigree-input__tb tbody,
  .pedigree-input__tb thead,
  .pedigree-input__tb tr{display: block; width: 100%;}
  .pedigree-input__tb th,
  .pedigree-input__tb td{display: block; width: 100%;}


}