@charset "UTF-8";

@font-face {
  font-family:"TS_mobile";
  src:  local("TS_mobile"),
        url("./fonts/TS-Mobile.woff2?version=2") format('woff2'),
        url("./fonts/TS_mobile.woff?v=2") format('woff');
  font-style: normal;
  font-weight: normal;
  unicode-range: U+0-10FFFF;
}

.c-font {
	font-family: "TS_mobile" !important;
}



/* main */
.main{}
.main .title {display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
.main .title h3.title{font-size: 28px;letter-spacing: -0.84px;color:#333;font-weight: 700; margin: 0}
.main .title .control { display: flex;align-items: center;}
.main .title .control button {font-size: 0}

/* main1 */
.main__vis{position: relative; overflow: hidden; margin-top: 44px; height: 540px;}
.main__vis-item {width: 100%; height: 559px; }
.main__vis-item .inner{padding-top: 130px; color: #fff; box-sizing: border-box;}
.main__vis-item strong{display: block; margin-bottom: 36px; font-family: 'BMEULJIRO'; font-size: 52px; letter-spacing: -0.065em;}
.main__vis-item p{color: #fff; font-size: 20px; line-height: 30px; letter-spacing: -0.065em;}
.main__vis-item a{display: block;width: 100%;height: 100%}
.main__vis-nav{ position: absolute; right: calc(50% - 600px); bottom: 40px; width: 100px; z-index: 500; background-color: #000; opacity: .6;border-radius: 31px; padding: 6px 0;display: flex;justify-content: center; align-items: center;}
.main__vis-pager{display: inline-block; vertical-align: middle;}
.main__vis-pager span{display: inline-block; width: 12px; height: 12px; margin: 0 4.5px; 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: 50px; background: #fff; border-radius: 25px; -webkit-border-radius: 25px ; -moz-border-radius: 25px ; -ms-border-radius: 25px ; -o-border-radius: 25px ; }
.btn--main-vis-play{display: inline-block; width: 10px; height: 10px; 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__vis-control{ position: absolute; left: 50%; top: 50%; width: 1200px; transform: translateX(-50%) ; -webkit-transform: translateX(-50%) ; -moz-transform: translateX(-50%) ; -ms-transform: translateX(-50%) ; -o-transform: translateX(-50%) ;  z-index: 500;}
.btn--main-vis-prev,
.btn--main-vis-next{width: 6px; height: 12px; background-repeat: no-repeat; background-position: 50% 50%; font-size: 0; text-indent: -9999px; background-size: cover;}
.btn--main-vis-prev{background-image: url(../images/main/arr_prev.png)}
.btn--main-vis-next{background-image: url(../images/main/arr_next.png)}
.main-banner-icon {position: absolute;bottom: 0px;left: 0; width: 100%; height: 110px; z-index: 100}
.main-banner-icon .background-dark{position: absolute;bottom: 0px;left: 0; width: 100%; height: 110px; background-color: #000; opacity: 0.6; z-index: -1}
.main-banner-icon .area-list{display: flex;justify-content: space-between;align-items: center; padding:26px 0;}
.main-banner-icon .area-list .area a {display: flex;justify-content: flex-start;align-items: center;}
.main-banner-icon .area-list .area a .img{width: 64px;height: 64px;border: 1px solid #e3e3e3;margin-right: 16px; border-radius: 50%;text-align: center; line-height: 86px;}
.main-banner-icon .area-list .area a.on .img,
.main-banner-icon .area-list .area a:hover .img{border-color: #fed889;background-color: #fed889;}
.main-banner-icon .area-list .area a .text p{font-size: 18px; color:#fff; letter-spacing: -0.54px; width: 85px; line-height: 1.56;}
.main-banner-icon .area-list .area a.on .text p,
.main-banner-icon .area-list .area a:hover .text p{color:#fed889}


.main__conts {margin-top: 60px;}
.main__conts{display: flex;justify-content: flex-start;align-items: flex-start;}
.main__conts .noice-area{width: 792px; margin-right: 24px;}
.main__conts .noice-area .bbs-list{display: flex; justify-content: space-between;align-items: flex-start;margin-bottom: 30px;}
.main__conts .noice-area .bbs-list li{width: calc(100% / 3);border: 1px solid #e3e3e3; border-right: 0; font-size:16px;color: #333;letter-spacing: -.48px; padding: 10px 0 ; text-align: center; cursor: pointer; }
.main__conts .noice-area .bbs-list li:last-child{border-right: 1px solid #e3e3e3;}
.main__conts .noice-area .bbs-list li.on{color:#fff;border-color: #855f11; background-color: #855f11;}
.main__conts .noice-area .community-list .main__notice__body .no-board{font-size: 16px; color:#333;letter-spacing: -.48px; text-align: center; margin: 152px 0 ;}
.main__conts .noice-area .community-list .main__notice__body .f-area {display:flex; padding-bottom: 14px; border-bottom: 1px solid #e3e3e3;  margin-bottom: 20px;}
.main__conts .noice-area .community-list .main__notice__body .f-area .main__notice-item__photo {width: 200px; height: 125px; margin-right: 30px;}
.main__conts .noice-area .community-list .main__notice__body .f-area .main__notice-item__photo img{width: 100%; height: 100%}
.main__conts .noice-area .community-list .main__notice__body .f-area .main__notice-item__txt {width: calc(100% - 230px);}
.main__conts .noice-area .community-list .main__notice__body .f-area .main__notice-item__txt .summary{font-size: 20px; font-weight: 700;letter-spacing: -.6px; color:#333;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main__conts .noice-area .community-list .main__notice__body .f-area .main__notice-item__txt .content{font-size: 16px;letter-spacing: -0.48px;color: #666; margin: 8px 0 12px; height: 50px; line-height: 1.63;display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.main__conts .noice-area .community-list .main__notice__body .f-area .main__notice-item__txt .date{font-size: 16px; color:#999;letter-spacing: 0.48px;}
.main__conts .noice-area .community-list .main__notice__body .area .main__notice-item__txt {display: flex; justify-content: flex-start; align-items: center; padding: 0 10px; padding-bottom: 17px;}
.main__conts .noice-area .community-list .main__notice__body .area:last-child .main__notice-item__txt{border-bottom: 1px solid #e3e3e3;padding-bottom: 19px;}
.main__conts .noice-area .community-list .main__notice__body .area .main__notice-item__txt .summary{width: calc(100% - 70px);line-height: 1.25 ; font-size: 16px; letter-spacing: -.48px; color:#666; }
.main__conts .noice-area .community-list .main__notice__body .area .main__notice-item__txt .date{font-size: 14px; width: 70px; color:#999;letter-spacing: -.42px;}


.main__conts .main__news .community-list .main__notice__body .no-board{font-size: 16px; color:#333;letter-spacing: -.48px; text-align: center; margin: 152px 0 ;}
.main__conts .main__news .community-list .main__notice__body .f-area {display:flex;  border-bottom: 1px solid #e3e3e3;  margin-bottom: 30px;}
.main__conts .main__news .community-list .main__notice__body .f-area .main__notice-item__photo {width: 240px !important; height: 150px !important; margin-bottom: 30px;}
.main__conts .main__news .community-list .main__notice__body .f-area .main__notice-item__photo img{max-width: 240px !important;; height: 150px !important; width: 240px !important;}
.main__conts .main__news .community-list .main__notice__body .f-area .main__notice-item__txt {width: calc(100% - 230px); margin-left: 30px;}
.main__conts .main__news .community-list .main__notice__body .f-area .main__notice-item__txt .summary{margin: 10px 0 12px 0; font-family: NotoSansCJKkr; font-size: 20px; font-weight: bold; line-height: 1; letter-spacing: -0.6px; color: #333;}
.main__conts .main__news .community-list .main__notice__body .f-area .main__notice-item__txt .content{width: 291px; height: 50px; margin-bottom: 16px; font-family: NotoSansCJKkr; font-size: 16px; line-height: 1.63; letter-spacing: -0.48px; color: #666; display:-webkit-box; word-wrap:break-word; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;}
.main__conts .main__news .community-list .main__notice__body .f-area .main__notice-item__txt .date{font-size: 16px; color:#999;letter-spacing: -.48px;}

.main__banner{ width: 386px; height: auto;}
.main__banner__head h2{float: left;}
.main__banner__head .control{float: right; font-size: 0;}
.main__banner__head .control button{display: inline-block; text-indent: -9999px; vertical-align: middle;}

.btn--main-ban-next,
.btn--main-ban-next-2,
.btn--main-ban-prev,
.btn--main-ban-prev-2{width: 8px; height: 14px; margin: 0 10px; background-repeat: no-repeat; background-position: 50% 50%; }
.btn--main-ban-prev,
.btn--main-ban-prev-2{background-image: url(../images/main/arr_prev_g.png)}
.btn--main-ban-next,
.btn--main-ban-next-2{background-image: url(../images/main/arr_next_g.png)}
.btn--main-ban-play,
.btn--main-ban-play-2 {width: 7px; height: 14px; margin-left: 10px; background: url(../images/main/ico_pause_g.png) no-repeat 50% 50%; text-indent: -9999px; vertical-align: middle;}
.btn--main-ban-play.active,
.btn--main-ban-play-2.active{background-image: url(../images/main/ico_play_g.png)}

.main__banner-list{height: 360px; overflow: hidden;}
.main__banner-item{width: 386px; height: 360px;}
.main__banner-item a img{width: 100%;height: 100%;}
.main__news{width: 588px; margin-right: 24px;}
.main__news__head h2{float: left;} 
.main__news__head .lnk-more{float: right; padding-right: 29px; background: url(../images/main/circle_more.png) no-repeat right 0 top 50%; color: #666; font-size: 14px; font-weight: 500; line-height: 24px; letter-spacing: -0.065em;}
.main__news-item{float: left; width: 330px;}
.main__news-item:nth-of-type(2n) {margin-left: 20px;}
.main__news-item__photo{position: relative; height: 180px; background: #ddd; border: 1px solid #ddd; box-sizing: border-box; overflow:hidden;}
.main__news-item__photo img{position: absolute; left: -50%; right: -50%; top: -50%; bottom: -50%; width: auto; height: auto; min-width: 100%; min-height: 100%; margin: auto;}
.main__news-item__tit{color: #333; font-size: 15px; font-weight: 500; max-height: 44px; margin: 14.5px 0 16.5px; line-height: 22px; letter-spacing: -0.065em;}
.main__news-item .date{color: #999; font-size: 14px;}

.main__quick-menu{width: 588px;}
.main-movie .main__banner-item-2{position: relative;}
.main-movie .main__banner-item-2 img{width: 100%; height: auto;}
.main-movie .main__banner-item-2 .btn{position: absolute;top:50%;left: 50%;width: 90px;height: 90px;transform: translate(-50%, -50%);}

.main__bottom{margin-top: 80px; position: relative;}
.main__bottom .main-bottom{width: 1200px !important;}
.main__bottom .main-bottom .cycle-carousel-wrap .main__bot{margin-right: 24px;}
.main__bottom .btn--main-bot-prev,
.main__bottom .btn--main-bot-next{position: absolute;width:28px; height:28px; top:50%;transform: translateY(-50%); font-size: 0 ; background-repeat: no-repeat; background-position: 50% 37%; z-index: 50;border: 1px solid #e3e3e3; border-radius: 50%;}
.main__bottom .btn--main-bot-prev {background-image: url(../images/main/prve.png); left: -14px;}
.main__bottom .btn--main-bot-next {background-image: url(../images/main/next.png); right: -14px;}







/* sub */
.sub-greeting{/* background: url(../images/sub/greeting.jpg) no-repeat right 10px top -10px; */ color: #333;}
.sub-greeting .ceo-img {margin-top: 40px;}
.greeting__tit {margin-bottom: 40px;  font-size: 28px; font-weight: 500; letter-spacing: -0.065em; line-height: 38px;}
.greeting__tit em{display: inline-block; padding-bottom: 15px; font-size: 34px;}
.greeting__tit em span{color: #146af0;}
.greeting__body p{margin-bottom: 20px; font-size: 16px; line-height: 26px; letter-spacing: -0.065em; word-break: keep-all}
.greeting__writer{margin-top: 55px;}
.greeting__writer span{display: block; font-size: 18px; font-weight: 500; letter-spacing: 0;}
.greeting__writer .date{margin-bottom: 20px; font-size: 16px; letter-spacing: 0;}
.greeting__writer strong{display: block; font-size: 22px; font-weight: 700; margin-top: 10px; letter-spacing: 0;}
.sub-greeting .gerr-img {width: 100%;}
.sub-greeting .gerr-img > img {width: 100%;}


.group-subs .img1{margin: 0 auto 30px auto; text-align: center;}


.sub-history{position:relative; margin-top: -10px;}
.history_group h3 {font-size: 22px; color: #333; font-weight: 500; margin-bottom: 30px; margin-top: 40px;}
.history_group .his_text{line-height: 24px;}
/* .history__group{padding:20px 0;}
.history__group + .history__group{border-top: 1px solid #ddd;}
.sub-history .history__group:first-of-type{padding-top:0;}
.history__group-tit{float: left; width: 250px; padding-left: 10px; margin-top: 6px; color: #333; font-size: 24px; font-weight: 500; letter-spacing: -0.065em; box-sizing: border-box;}
.history__group-items{float: left; width: calc(100% - 250px); font-size: 16px; line-height: 24px;}
.history__group-items dt, .history__group-items dd{margin: 6px 0;}
.history__group-items dt{float: left; width: 125px; color: #146af0; font-weight: 700;}
.history__group-items dd{float: left; width: calc(100% - 125px); letter-spacing: -0.065em;} */


.event_group h3 {font-size: 20px; text-align: center; color: #333; font-weight: 500; margin-bottom: 30px; margin-top: 40px;}
.event_group .event_text{line-height: 24px; margin-bottom: 30px;}
.event_group .event-table table{width: 100%;}
.event_group .event-table table > thead > tr > td{border:1px solid #e3e3e3;text-align: center; padding: 15px 0; color: #333; font-weight: 500;}
.event_group .event-table table > tbody > tr > td:nth-child(1) {text-align: center; padding: 15px 10px; }
.event_group .event-table table > tbody > tr > td{border:1px solid #e3e3e3; padding: 15px;}

.sub-sorority .sorority_group .sorority_text {margin-bottom: 30px;}
.sub-sorority .sorority_group .sorority_text:last-child{margin-bottom: 0;}
.sub-sorority .sorority_group .sorority_text h3 {color: #333; font-weight: 500; margin-bottom: 10px; margin-top: 40px;}
.sub-sorority .sorority_group .sorority_text > p{line-height: 23px;}


.origin_group .sub-origin {line-height: 24px;}
.origin_group .origin-conts {margin-top: 60px;}
.origin_group .origin-conts .origin-btns{display: flex;}
.origin_group .origin-conts .origin-btns > div{padding: 16px 10px; border: 1px solid #e3e3e3; width: 33.3333%; text-align: center; cursor: pointer;}
.origin_group .origin-conts .origin-btns > div.origin-bt1 {border: 1px solid #1F7FEE; background-color: #1F7FEE; color: #fff;}
.origin_group .origin-conts .origin-cont {margin-top: 30px;}
.origin_group .origin-conts .origin-cont .ori-imgs{margin-bottom: 30px;}
.origin_group .origin-conts .origin-cont .cont-origin  p {line-height: 23px; margin-bottom: 30px;}
.origin_group .origin-conts .origin-cont .cont-origin h3 {color: #333; margin-bottom: 10px; font-weight: 500;}
.origin_group .origin-conts .origin-cont .cont-origin .down-btn {width: 160px; text-align: center;}
.origin_group .origin-conts .origin-cont .cont-origin .down-btn > a {display: block; padding: 15px 0; background-color: #1F7FEE; color: #fff; border-radius: 5px;}
.origin_group .origin-conts .origin-cont .cont-origin .down-btn:hover > a{ background-color: #333;}



.sub-org__tit{margin-bottom: 30px; color: #333; font-size: 24px; font-weight: 500; letter-spacing: -0.065em;}
.sub-org__item{padding: 15px 20px; margin-bottom: 10px; border: 1px solid #ddd; color: #333; font-size: 15px; letter-spacing: -0.065em; line-height: 24px; box-sizing: border-box;}
.sub-org__item.txt-ver{padding: 0 20px;}
.sub-org__item.txt-ver p{line-height: 78px;}
.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: 213px; height: 65px; margin: 0 16px 16px 0 ; border: 1px solid #ddd; text-align: center; box-sizing: border-box; transition: all .4s ease-out; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -ms-transition: all .4s ease-out; -o-transition: all .4s ease-out; }
.president__list li:nth-child(4n){margin-right: 0;}
.president__list li:hover{border-color: #333;}
.president__list span,
.president__list strong{display: block; letter-spacing: -0.065em;}
.president__list span{padding: 13px 0 9px; color: #146af0; font-size: 14px; }
.president__list strong{ color: #333; font-size: 17px; font-weight: 500; }

.flag__list{font-size: 0;}
.flag__list li{display: inline-block; width: 430px; text-align: center;}
.flag__list li:nth-child(even){margin-left: 40px;}
.flag__list img{width: 100%; height: auto;}
.flag__list span{display: block; margin-top: 20px; color: #333; font-size: 20px; font-weight: 500; letter-spacing: -0.065em;}

.map__tit{margin-bottom: 32px; color: #333; font-size: 24px; font-weight: 500; letter-spacing: -0.065em; margin-top: 40px;}
.map__tit span{color: #146af0;}

.map__info{color: #333; font-size: 16px; letter-spacing: -0.065em; line-height: 30px;}
.map__info dt{float: left; width: 140px; font-weight: 700;}
.map__info dd{float: left; width: calc(100% - 140px)}
.map__item {margin-top: 33px; }
.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: 24px; font-weight: 500; letter-spacing: -0.065em}
.jeonjulee__summary strong{display: block; padding: 28px 0 24px; color: #333; font-size: 28px; font-weight: 500; letter-spacing: -0.065em; line-height: 38px;}
.jeonjulee__summary img{width: 100%; height: auto;}
.jeonjulee__story{margin-top: 25px;}
.jeonjulee__story p{margin-bottom: 20px; color: #333; font-size: 16px; line-height: 26px; letter-spacing: -0.065em; text-indent: 3px;}

.imyoungpha__story img{width: 100%; height: auto; margin-bottom: 25px;}
.imyoungpha__story p{margin-bottom: 20px; color: #333; font-size: 16px; line-height: 26px; letter-spacing: -0.065em;}
.imyoungpha__story-btm img{float: right; width: auto; margin-left: 50px;}

/* about > history */
.short-history-item {margin-bottom: 25px; 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: 12px 20px; background: rgba(20, 104, 240, 0.15); border-bottom: 1px solid #ddd;  font-size: 17px; font-weight: 500;}
.short-history-item dd{padding: 25px 20px; font-size: 15px; line-height: 24px; }


.pedigree-list__head{padding-bottom: 13px;}
.pedigree-list__head h4{margin-bottom: 20px; color: #333; font-size: 24px; font-weight: 500; letter-spacing: -0.065em;}
.pedigree-list__align{float: left;}
.pedigree-list__align select, 
.pedigree-list__align ul,
.pedigree-list__align li{display: inline-block; color: #333; font-size: 14px; letter-spacing: -0.065em;}
.pedigree-list__align select{height: 35px; margin-right: 10px; }
.pedigree-list__align li{vertical-align: middle; line-height: 35px;}
.pedigree-list__sch{float: right; font-size: 0;}
.pedigree-list__sch-opt{display: inline-block;}
.pedigree-list__sch-opt li{display: inline-block; margin-left: 10px; color: #333; font-size: 14px; letter-spacing: -0.065em; vertical-align: middle;}
.pedigree-list__sch-opt input[type="text"]{width: 105px; height: 35px; margin-left: 10px;}
.pedigree-list__sch .btn--submit{display: inline-block; width: 80px; height: 35px; padding-left: 17px; margin-left: 10px; background: #464646 url(/images/sub/ico_sch.png) no-repeat 49px 50%; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; color: #fff; font-size: 15px; letter-spacing: -0.065em; line-height: 35px; text-align: left; vertical-align: middle; box-sizing: border-box;}
.pedigree-list__tb {width: 100%; margin-bottom: 24px; border-top: 2px solid #146af0}
.pedigree-list__tb th, .pedigree-list__tb td{padding: 11px 10px; border: 1px solid #ddd; color: #333; font-size: 15px; font-weight: 500; vertical-align: middle; text-align: center; line-height: 22px; letter-spacing: -0.065em; box-sizing: border-box;}
.pedigree-list__tb  tr th:first-of-type, .pedigree-list__tb  tr td:first-of-type{border-left-width: 0;}
.pedigree-list__tb  tr th:last-of-type, .pedigree-list__tb  tr td:last-of-type{border-right-width: 0;}
.pedigree-list__tb  thead th{background: #edf3fe; border-top: none;}
.pedigree-list__checked-opt,
.pedigree-list__checked-total{text-align: right;}
.pedigree-list__checked-opt li{margin-bottom: 5px; color: #333; font-size: 15px; line-height: 28px;}
.pedigree-list__checked-opt input[type="text"]{width: 50px; height: 28px; vertical-align: middle;}
.pedigree-list__checked-opt .btn--change{display: inline-block; height: 28px; border: 1px solid #ddd; vertical-align: top; line-height: 26px; box-sizing: border-box;}
.pedigree-list__checked-total  strong{display: block; margin-top: 10px; color: #111; font-weight: 500; text-align: right;}
.pedigree-list__checked-total a,
.pedigree-list__checked-total button{ display: inline-block; min-width: 90px; height: 35px; margin-top: 30px; padding: 0 10px; 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: 15px; font-weight: 500; letter-spacing: -0.065em; line-height: 33px; text-align: center; box-sizing: border-box; }
.pedigree-list__checked-total .btn--download{border-color: #227447; color: #227447;}

.pedigree-input__head h4{float: left; color: #333; font-size: 24px; font-weight: 500; letter-spacing: -0.065em;}
.pedigree-input__util{float: right; margin-bottom: 15px; font-size: 0;}
.pedigree-input__util button,
.pedigree-input__util a{display: inline-block; width: 110px; height: 35px; margin-left: 10px; 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: 15px; font-weight: 500; letter-spacing: -0.065em; line-height: 33px; text-align: center; box-sizing: border-box; }

.pedigree-input__tab{margin-bottom: 50px;}
.pedigree-input__tb {width: 100%; margin-bottom: 40px; border-top: 2px solid #146af0}
.pedigree-input__tb th, .pedigree-input__tb td{padding: 7px 10px; border-bottom: 1px solid #ddd; color: #333; font-size: 15px; font-weight: 500; vertical-align: middle; text-align: left; line-height: 22px; letter-spacing: -0.065em; box-sizing: border-box;}
.pedigree-input__tb th{padding-left: 20px; 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: 100px; height: 35px; font-size: 15px; font-weight: 500;}
.pedigree-input__tb input[type="text"] {width: 100%; height: 35px; padding:0 9px;}
.pedigree-input__tb td .input-normal{width: 250px;}
.pedigree-input__tb .input-group{font-size: 0;}
.pedigree-input__tb .input-group input[type="text"]{width: 78px; color: #333;}
.pedigree-input__tb .input-group input[type="text"] + input[type="text"]{margin-left: 10px;}
.pedigree-input__tb .frm-notice{padding-left: 10px; color: #146af0; font-size: 14px; font-weight: 400;}
.pedigree-input__tb .radio-list,
.pedigree-input__tb .radio-list li{display: inline-block; margin-left: 2px; margin-right: 3px;}
.pedigree-input__tb .radio-list input{margin: -2px 0 0;}
.pedigree-input__tb .btn-guide{display: inline-block; height: 35px; margin-left: 5px; padding: 0 12px; background:#666; color: #fff; letter-spacing: -0.065em;} 

.pedigree-input__pic{margin-top: 50px;}
.pedigree-input__pic img{width: 100%; height: auto;}

.pedigree-view__tab{margin-bottom: 50px;}
.pedigree-view__head h4{color: #333; font-size: 24px; font-weight: 500; letter-spacing: -0.065em;}
.pedigree-view__head.v2 h4{float: left;}
.pedigree-view__head.v2 select{float: right; min-width: 160px; height: 35px; color: #333; font-size: 15px; letter-spacing: -0.065em;}
.pedigree-view__head p{margin: 22px 0 10px; padding-left: 26px; background: url(../images/sub/ico_notice.png) no-repeat 0% 0%; color: #333; font-size: 16px; letter-spacing: -0.065em; line-height: 20px; box-sizing: border-box;}
.pedigree-view__head.v2 p{clear: both; margin-top: 0; padding-top: 10px; background-position: 0% 10px;}
.pedigree-view__head p span {color: #146af0; font-weight: 500;}
.pedigree-view__body{border-top: 2px solid #146af0}
.pedigree-view__tb {width: 100%;}
.pedigree-view__tb th, .pedigree-view__tb td{height: 50px; padding: 7px 10px 7px 20px; border-bottom: 1px solid #ddd; color: #333; font-size: 15px; font-weight: 500; vertical-align: middle; text-align: left; line-height: 22px; letter-spacing: -0.065em; box-sizing: border-box;}
.pedigree-view__tb th{background: #edf3fe;}
.pedigree-view__tb .profile-box{width: 130px; height: 160px; margin:12px auto 15px; line-height: 160px; text-align: center; overflow: hidden;}
.pedigree-view__tb .profile-box img{width: auto; height: auto; max-width: 100%; max-height: 100%; vertical-align: middle}

/* people.php */
.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-list{margin-top: 60px;}
.people-item{float: left; position: relative; width: 435px; height: 300px; padding: 29px; margin-bottom: 30px; border: 1px solid #ddd; box-sizing: border-box; }
.people-item:nth-child(2n - 1){margin-right: 30px;}
.people-item__img{float: left; position:relative;  width: 120px; height: 150px; 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: 80px; height: 30px; padding: 0 11px; background: #2f9d03; color: #fff; font-size: 14px; font-weight: 500; letter-spacing: -0.065em; line-height: 30px; text-align: center; box-sizing: border-box;}
.people-item__info{float: left; width: calc(100% - 120px); height: 200px; padding-left: 28px; padding-top: 4px; box-sizing: border-box;}
.people-item__info .who{display: block; color: #333; font-size: 18px; font-weight: 500; letter-spacing: -0.065em;}
.people-item__info .who span{color: #999; font-size: 14px; vertical-align: text-bottom}
.people-item__info .age{display: block; margin-top: 10px; color: #666; font-size: 14px;}
.people-item__info .opt{padding-top: 14px; margin-top: 15px; border-top: 1px solid #ddd; color: #333; font-size: 14px; line-height: 22px; letter-spacing: -0.065em;}
.people-item__info .opt__tit{float: left; width: 55px; color: #666;}
.people-item__info .opt__cont{float: left; width: calc(100% - 55px);}
.people-item .lnk-more,
.people-item .info-benefit
{display: block; clear: both; width: 100%; height: 40px; 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: 14px; font-weight: 500; letter-spacing: -0.065em; line-height: 38px; text-align: center; box-sizing: border-box;}
.people-item .info-benefit{letter-spacing: 0;}

/* profile.php */

.profile__head h4{float: left; color: #333; font-size: 24px; font-weight: 500;
letter-spacing: -0.065em;}
.profile__nav {float: right; margin-bottom: 15px; font-size: 0;}
.profile__nav button,
.profile__nav a{display: inline-block; width: 110px; height: 35px; margin-left: 10px; 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: 15px; font-weight: 500; letter-spacing: -0.065em; line-height: 33px; text-align: center; box-sizing: border-box; }
.profile__summary{min-height: 250px; margin-bottom: 40px; padding: 29px; border: 1px solid #ddd; box-sizing: border-box;}
.profile__summary-img{float: left; position: relative; width: 130px; height: 160px; background: #f7f7f7;}
.profile__summary-img img{position: absolute; left: 50%; top: 50%; width: auto; height: auto; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.profile__summary-info{float: left; width: calc(100% - 130px); padding-left: 29px; padding-top: 10px; box-sizing: border-box;}
.profile__summary-info .who{display: block; color: #333; font-size: 18px; font-weight: 500; letter-spacing: -0.065em; line-height: 22px;}
.profile__summary-info .who span{padding-left: 6px; color: #999; font-size: 14px; vertical-align: top}
.profile__summary-info .basic-list{padding: 12px 0 14px; margin-bottom: 15px; border-bottom: 1px solid #ddd;}
.profile__summary-info li{float: left; color: #333; font-size: 15px; font-weight: 500; letter-spacing: -0.065em;}
.profile__summary-info .relation{float: right; font-size: 14px;}
.profile__summary-info dl{margin: 3px 0;}
.profile__summary-info dt,
.profile__summary-info dd{float: left; color: #333; font-size: 14px; letter-spacing: -0.065em; line-height: 21px;}
.profile__summary-info dt{width: 78px; color: #666;}
.profile__summary-info dd{width: calc(100% - 78px); font-weight: 500; }
.profile__detail-sect{display: none;}
.profile__detail-sect.active{display: block;}
.profile__detail-sect dl{padding: 10px 0; color: #333; font-size: 14px; font-weight: 500; letter-spacing: -0.065em; line-height:20px; border-bottom: 1px solid #ddd;}
.profile__detail-sect dt{float: left; width: 180px; color: #666; letter-spacing: 0;}
.profile__detail-sect dd{float: left; width: calc(100% - 180px)}
.profile__detail-sect dl:after{content: ''; display: block; clear: both;}

.profile__adm-util{margin-top: 30px; font-size: 0;}
.profile__adm-util button,
.profile__adm-util a{display: inline-block; width: 200px; height: 34px; border: 1px solid #146af0; margin-right: 10px; margin-bottom: 10px; color: #146af0; font-size: 14px; letter-spacing: -0.065em; line-height: 32px; box-sizing: border-box; transition: all ease-out .3s;}
.profile__adm-util .btn-cancel{border-color: #555; color: #555;}
.profile__adm-util a:hover,
.profile__adm-util button:hover{background: #edf3fe;}
.profile__adm-util .btn-cancel:hover{background: #f9f9f9;}


.box >h2{color: #64a051; font-weight: 600; font-size: 24px; letter-spacing: -1px; line-height: 1.25; margin-bottom: 30px;}
.box >h3{font-size: 20px; font-weight: 900; color: #333; font-family: sans-serif; line-height: 1.5;}
.lh_22{line-height: 22px; color: #000; font-size: 16px; font-family: sans-serif; text-align: justify;}

/* hanja-method */
.hanja__tit{ color: #333; font-size: 24px; font-weight: 500; letter-spacing: -0.065em}
.hanja__story{margin-top: 25px;}
.hanja__story p{margin-bottom: 16px; color: #333; font-size: 16px; line-height: 26px; letter-spacing: -0.065em; text-indent: 3px;}
.hanja__story ul{margin-top: 40px;}
.hanja__story li{position: relative; margin-bottom: 5px; padding-left: 12px; line-height: 26px; box-sizing: border-box;}
.hanja__story li:before{ content: ''; display: block; position: absolute; left: 0; top:12.5px; width: 3px; height: 3px; background: #146af0; 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{margin-bottom: 40px;}
.hanja-dfn__sect h4{margin-bottom: 20px; color: #333; font-size: 22px; font-weight: 500; letter-spacing: -0.065em}
.hanja-dfn__sect dt, 
.hanja-dfn__sect dd,
.hanja-dfn__sect p{ color: #333; font-size: 16px; line-height: 26px; letter-spacing: -0.065em; text-indent: 3px;}
.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-bottom: 10px; color: #f00;}
.hanja-dfn__sect table{margin-bottom: 30px;}
.hanja-dfn__sect th, 
.hanja-dfn__sect td{text-align: center; }
.hanja-dfn__sect td{width: 200px;}

/* characteristic.php  */
.hanha-char-tb td{text-align: left;}

/* about.php  */
.term__tit{padding: 20px 0; margin-bottom: 15px; background: #f7f7f7; border: 1px solid rgba(20, 104, 240, 0.15); color: #333; font-size: 22px; 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: 18px;}
.term__tb{float: left; width: 49%;}
.term__tb th, 
.term__tb td{text-align: center;}
.term__tb + .term__tb{margin-left: 2%;}

/* radical.php */
.hanja-radical-item{border-width: 1px; border-style: solid; border-color: #146af0 #ddd #ddd;  box-sizing: border-box;}
.hanja-radical-item dt{height: 50px; margin-bottom: 0; padding: 0 19px; background: rgba(20, 104, 240, 0.15); border-bottom: 1px solid #ddd; line-height: 49px; box-sizing: border-box;}
.hanja-radical-item  .img-box{float: left; width: 138px; height: 120px; line-height: 120px; text-align: center;}
.hanja-radical-item  .img-box img{vertical-align: middle;}
.hanja-radical-item  .txt-box{float: left; width: calc(100% - 138px); height: 120px; padding-left: 30px; padding-top: 22px; border-left: 1px solid #ddd; box-sizing: border-box; }
.hanja-radical-item  .txt-box li{padding: 8px 0; color: #146af0; font-size: 16px; font-weight: 500; letter-spacing: -0.065em; line-height: 20px;}

/* principle.php */
.hanja-principle {color: #333;}
.hanja-principle__tit{margin-bottom: 15px; font-size: 24px; font-weight: 500; letter-spacing: -0.065em;}
.hanja-principle__desc{margin-bottom: 45px; }
.hanja-principle p{font-size: 16px; line-height: 26px; letter-spacing: -0.065em;}
.hanja-principle__sect{margin-bottom: 50px;}
.hanja-principle__sect h5{margin-bottom: 10px; font-size: 22px; font-weight: 500; letter-spacing: -0.065em;}
.hanja-principle__sect img{width: auto; height: auto; max-width: 100%; margin-top: 25px;}
.hanja-principle__sect .ex-tb{width: 100%; margin: 30px 0;}
.hanja-principle__sect .ex-tb td{padding: 20px 40px; font-weight: 500; line-height: 25px; letter-spacing: -0.045em;}
.hanja-principle__sect {margin-bottom: 50px;}
.hanja-principle__sect .country-tb caption{padding-bottom: 20px; font-size: 16px; font-weight: 500; letter-spacing: -0.065em; text-align: left;}
.hanja-principle__sect .country-tb  th,
.hanja-principle__sect .country-tb  td{padding-top: 9px; padding-bottom: 9px; font-weight: 500; text-align: center;}
.hanja-principle__sect .country-tb tbody th{background: #f4f5f9;}
.hanja-principle__sect dt{margin-bottom: 16px; font-size: 16px; font-weight: 500; letter-spacing: -0.045em;}
.hanja-principle__sect dd{padding-left: 10px; font-size: 15px; line-height: 21px; box-sizing: border-box;}
.hanja-principle__sect dd + dd {padding-top: 12px;}
.hanja-principle__sect dd span{display: block; margin-bottom: 8px}
.hanja-principle__sect li{position: relative; padding-left: 10px; margin-top: 4px; box-sizing: border-box;}
.hanja-principle__sect li:before{ content: ''; display: block; position: absolute; left: 0; top: 8.5px; width: 4px; height: 4px; background: #333; 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: 50px; color: #333;}
.reference-data__tit{margin-bottom: 15px; font-size: 24px; font-weight: 500; letter-spacing: -0.065em;}
.reference-data p{font-size: 15px; line-height: 24px; letter-spacing: -0.065em;}
.reference-data__sect{padding-left: 5px; margin-bottom: 30px; box-sizing: border-box;}
.reference-data__sect h5{margin-bottom: 10px; font-size: 18px; font-weight: 500; letter-spacing: -0.065em;}
.reference-data__sect:first-of-type h5{margin-top: 45px;}
.reference-data__sect p{padding-left: 10px; box-sizing: border-box;}
.reference-data__sect p + p{margin-top: 15px;}

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

/* reference_7.php  */
.reference-story {color: #333;}
.reference-story__tit{margin-bottom: 35px; font-size: 24px; font-weight: 500; letter-spacing: -0.065em;}
.reference-story__sect{margin-bottom: 50px;}
.reference-story__sect h5{margin-bottom: 15px; font-size: 20px; font-weight: 500; letter-spacing: -0.065em;}
.reference-story__sect p,
.reference-story__sect li
{font-size: 16px; line-height: 26px; letter-spacing: -0.065em;}
.reference-story__sect p + p{margin-top: 20px;}
.reference-story__sect li + li{margin-top: 7px;}
.reference-story__sect li dfn{font-weight: 500; letter-spacing: 0;}

/* rule.php */

.rule__head {position: relative}
.rule__head h4{padding: 0 150px; margin-bottom: 35px; color: #333; font-size: 28px; font-weight: 500; letter-spacing: -0.065em; text-align: center; line-height: 44px; box-sizing: border-box;}
.rule__head span{position: absolute; right: 0; top: 0; color: #666; font-size: 15px; font-weight: 500; line-height: 22px; text-align: right;}
.rule__article h5{padding: 20px 30px; margin-bottom: 28px; border: 1px solid #ddd; color: #333; font-size: 20px; font-weight: 500; letter-spacing: -0.065em; box-sizing: border-box;}
.rule__article dl{margin-bottom: 25px;}
.rule__article dt{position: relative; margin-bottom: 5px; padding-left: 15px; color: #333; font-size: 17px; font-weight: 500; letter-spacing: -0.065em; line-height: 21px; box-sizing: border-box;}
.rule__article dt::before{ content: ''; display: block; position: absolute; top: 7.5px; left: 0; width: 6px; height: 6px; 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: 15px; letter-spacing: -0.065em; line-height: 25px;}
.rule__article dd li{padding-left: 17px; text-indent: -17px;}
.rule__article dd em{color: #146af0; }
.rule__article .ex-list{padding-left: 17px; box-sizing: border-box;}

.reference-timeline__tit{margin-bottom: 30px; color: #333; font-size: 24px; font-weight: 500; letter-spacing: -0.065em;}
.reference-timeline__tb{ float: left; width: 440px; margin-bottom: 40px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; overflow:hidden;}
.reference-timeline__tb:nth-of-type(even){margin-left: 20px;}
.reference-timeline__tb th,
.reference-timeline__tb td{width: 16.6666%; border-right: 1px solid #ddd; color: #333; font-size: 15px; font-weight: 500; line-height: 35px; 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: 20px solid #146af0;}
.reference-timeline__tb .join-td{border-top: 1px solid #ddd; font-size: 40px; font-weight: 700; line-height: 55px;}
.reference-timeline__tb .last-join{border-right: none; font-size: 24px; 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;}

/* about > timeline.php */

.histoty-timeline__tit{padding: 20px 0; margin-bottom: 35px; background: #f7f7f7; border: 1px solid rgba(20, 104, 240, 0.15); color: #333; font-size: 22px; 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: 18px;}
.histoty-timeline span{display: block; color: #333; font-size: 17px; font-weight: 500; letter-spacing: -0.045em; text-indent: 3px;}
.histoty-timeline ul{margin-top: 20px;}
.histoty-timeline li{position: relative; margin-bottom: 5px; padding-left: 12px; line-height: 26px; letter-spacing: -0.065em; box-sizing: border-box;}
.histoty-timeline li:before{ content: ''; display: block; position: absolute; left: 0; top:12.5px; width: 3px; height: 3px; background: #146af0; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }

/* privacy, term.php */
.sub-term,
.sub-term *{ color: #333; font-size: 15px;}

/* member > adm_lever.php */
.adm-level__align{float: left;}
.adm-level__align select, 
.adm-level__align ul,
.adm-level__align li{display: inline-block; color: #333; font-size: 14px; letter-spacing: -0.065em;}
.adm-level__align select{height: 35px; margin-right: 10px; }
.adm-level__align li{vertical-align: middle; line-height: 35px;}
.adm-level__sch{float: right; font-size: 0;}
.adm-level__sch-opt{display: inline-block;}
.adm-level__sch-opt li{display: inline-block; margin-left: 10px; color: #333; font-size: 14px; letter-spacing: -0.065em; vertical-align: middle;}
.adm-level__sch-opt input[type="text"]{width: 105px; height: 35px; margin-left: 10px;}
.adm-level__sch .btn--submit{display: inline-block; width: 80px; height: 35px; padding-left: 17px; margin-left: 10px; background: #464646 url(/images/sub/ico_sch.png) no-repeat 49px 50%; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; color: #fff; font-size: 15px; letter-spacing: -0.065em; line-height: 35px; text-align: left; vertical-align: middle; box-sizing: border-box;}
.adm-level__tb {width: 100%; margin-top: 20px; border-top: 2px solid #146af0}
.adm-level__tb th, .adm-level__tb td{padding: 11px 10px; border-bottom: 1px solid #ddd; color: #666; font-size: 14px; font-weight: 500; vertical-align: middle; text-align: center; line-height: 22px; letter-spacing: -0.065em; box-sizing: border-box;}
.adm-level__tb  thead th{background: #edf3fe; border-top: none; color: #333;}
.adm-level__tb .btn-lnk{display: inline-block; padding: 0 5px; border: 1px solid #146af0; color: #146af0; font-size: 13px; }
.adm-level__tb .btn-lnk:hover{border-color: #222; color: #222;}

/* mem_input.php */

.profile-frm__sect{margin-bottom: 40px;}
.profile-frm__sect h4{float: left; margin-bottom: 15px; color: #333; font-size: 20px; font-weight: 500; letter-spacing: -0.065em;}
 .profile-frm__tb {width: 100%; margin-bottom: 10px; border-top: 2px solid #146af0}
.profile-frm__tb th, .profile-frm__tb td{padding: 7px 10px; border-bottom: 1px solid #ddd; color: #333; font-size: 15px; font-weight: 500; vertical-align: middle; text-align: left; line-height: 22px; letter-spacing: -0.065em; box-sizing: border-box;}
.profile-frm__tb th{padding-left: 20px; background: #edf3fe;}
.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: 96px; height: 35px; font-size: 15px; font-weight: 500;}
.profile-frm__tb input[type="text"] {width: 100%; height: 35px; padding:0 9px;}

.profile-frm__sect .row-util{text-align: right;}
.profile-frm__sect .row-util button{display: inline-block; width: 65px; height: 28px; margin-left: 4px; background: #17375e; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; color: #fff; font-size: 14px; font-weight: 500; letter-spacing: -0.065em; line-height: 28px; text-align: center; box-sizing: border-box;}
.profile-frm__sect .row-util .btn--del{background: #953735;}

/* 210601 추가 */
.pedigree-auth{padding: 20px; margin-bottom: 15px; background: #f7f7f7; border: 1px solid rgba(20, 104, 240, 0.15); text-align: center; box-sizing: border-box}
.pedigree-auth dl,
.pedigree-auth dt,
.pedigree-auth dd,
.pedigree-auth span{display: inline-block; vertical-align: middle;}
.pedigree-auth dt{padding-right: 15px; color: #111; font-size: 16px; font-weight: 500; letter-spacing: -0.065em;}
.pedigree-auth input[type="text"],
.pedigree-auth select{height: 35px;}
.pedigree-auth input[type="text"]{padding: 0 10px;}
.pedigree-auth select{min-width: 90px;}
.pedigree-auth .tel-s{width: 80px;}
.pedigree-auth .tel-m{width: 100px;}
.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__head .sub__etc-nav {float: right;}
.sub__etc-nav{font-size: 0; }
.sub__etc-nav ul{display: flex;justify-content: flex-end;align-items: center;}
.sub__etc-nav ul li{margin-left: 5px; background: #f0f0f0}
.sub__etc-nav button,
.sub__etc-nav a{width: 100px; height: 35px; margin: 0 2px; background: inherit; font-size: 14px; font-weight: 500; letter-spacing: -0.065em; line-height: 35px; vertical-align: middle; text-align: center; transition: all .1s ease-out ; -webkit-transition: all .1s ease-out ; -moz-transition: all .1s ease-out ; -ms-transition: all .1s ease-out ; -o-transition: all .1s ease-out ; }
.sub__etc-nav :first-child{margin-left: 0;}
.sub__etc-nav :last-child{margin-right: 0;}
.sub__etc-nav .on,
.sub__etc-nav button:hover,
.sub__etc-nav a:hover{background: #146af0; color: #fff;}

.pedigree__detail-sect{display: none}
.pedigree__detail-sect.active {display: block;}

/* 팝업 영역 S*/
.popCmmn {
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
}

.popBg {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.7);
}

.popInnerBox {
  display:flex;
  justify-content:space-between;
  flex-direction:column;
  position:absolute;
  top:50%;
  left:50%;
  width:800px;
  height:400px;
  margin:-200px 0 0 -400px;
  text-align:center;
  background:#fff;
  border-radius:5px;
}

.popCloseBtnCmmn {
  width:30%;
  margin:10px;
  padding:10px;
  font-size:16px;
  background:#999;
  color:#fff;
  transition:all 0.3s;
}

.popCloseBtnCmmn:hover {
  background:#666;
}


.no-img{position: relative;}
.no-img img{position: absolute; width: 90% !important ;/* height: auto !important; */ top : 50% !important; left: 50% !important ;transform: translate(-50%, -50%);min-width: 0 !important;min-height: 0 !important; margin: 0 !important;}

/* 210813 add layer */
.layer-incomplete {display: none; position: fixed; left: 50%; top: 50%; width: 340px; height: 160px; padding: 30px 20px; margin-top: -80px; margin-left: -170px; 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: 25px; color: #333; font-size: 15px; 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: 60px; height: 30px; 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: 14px;  letter-spacing: -0.065em; line-height: 30px; vertical-align: middle;}
.layer-incomplete .btn-list .btn--confirm {background: #146af0;}

.bbs-sub-list{display: flex; justify-content: flex-start;align-items: center; margin-bottom: 50px;}
.bbs-sub-list:last-child{margin-bottom: 0}
.bbs-sub-list .img{width: 125px; height: 125px; border-radius: 50%; margin-right: 25px;overflow: hidden;}
.bbs-sub-list .img img{ width: 100%; height: 100%}
.bbs-sub-list .text {width: 600px;}
.bbs-sub-list .text p{margin-bottom: 10px; font-size: 16px; color:#666}
.bbs-sub-list .text .tit a {font-size: 18px; font-weight: 700; color: #333; margin-right: 10px; line-height: 20px;}
.bbs-sub-list .text .tit a  img{ width: 18px; height: 18px; }
.bbs-sub-list .text .member-info span{margin-right: 200px;}
.bbs-sub-list .text .member-info span:last-child {margin-right: 0}
.bbs-sub-list .text .content {line-height: 1.2; margin-top: 15px;}

/* conntent-page */

.sub-greeting h3 span.bar{display: block;}
.sub-greeting .img{width: 100%; height: auto;}
.sub-greeting p{font-size: 18px; color:#666;letter-spacing: -.54px;text-align: left;line-height: 30px;}
.sub-greeting .img img{width: 100%; height: auto;}
.sub-greeting .text1 {display: flex; justify-content: flex-start; align-items: flex-start; margin-top:30px;}
.sub-greeting .text1 h3{width: 350px; font-size: 30px;color:#333;font-weight: 700;letter-spacing: -.9px;line-height: 1.2}
.sub-greeting .text1 p{width: 550px;}
.sub-greeting .img-2{display: flex;justify-content: space-between;align-items: center;margin-top: 80px;}
.sub-greeting .img-2 img{width: 436px; height: 260px}
.sub-greeting .text2{margin-top: 30px;}
.sub-greeting .signature{margin-top: 30px; }

.sub-group img{width: 100%}
.sub-group .mgt80{margin-top: 80px;}

.sub-info {}
.sub-info table {border:1px solid #e3e3e3; font-size: 14px; color:#999;line-height: 1.5; width: 100%;}
.sub-info table td{padding: 20px}


.sub-logo .img,
.sub-origin .img,
.sub-series .img{ text-align: center;}