@CHARSET "UTF-8";

.txt_red{color:#f00!important}
.txt_blue{color:#00f!important}

/*layout  */

#global .member-lnk{margin-right:10px}
#global .toppop-ctrl{display:none}
/*바이오센터 색상*/
/*  #family .sublayout .lnb #side_title{background:#059eda}
#family .family #snb1 > ul > li.on > a{background:#5fc2eb}
#family .family #snb1 div.d3{border:1px solid #059eda} */
/*#family #side_title{background:#e9573f}
#family  #snb1 > ul > li> a{background:#ff8e6c; color:#fff;}*/
#family #side_title{background:#d33a21;}
#family  #snb1 > ul > li> a{border:1px solid #ff8e6c;background:#fff;color:inherit;font-weight:500;}
 
 
 
 

/*바이오*/
.sel-num select{height:30px}
.sel-num select,.sel-num  input{vertical-align:top}
.equip-tbl td .btn{height:30px;line-height:30px;padding:0 10px}


.equip-tbl .equip-detail{overflow:hidden}
.equip-tbl .equip-detail dt{float:left;width:80px;height:30px;font-weight:500;padding-left:10px;clear:left;display:block}
.equip-tbl .equip-detail dd{float:left;display:inline;width:510px;margin-bottom:10px}
.equip-name{border-bottom:1px solid #000;font-size:20px;padding:10px 0 20px;font-weight:500;margin-bottom:30px;letter-spacing:-0.08em}
.equip-tbl td.tel input{width:80px}
.equip-tbl td.tel input:first-child{width:60px}
.equip-tbl td.address input:first-child{margin-bottom:10px}
.equip-tbl td.address input#ADDR_DETAIL{width:60%}






/*팝업*/
#top_tit{background:#173974;overflow:hidden;padding:20px}
#top_tit h1{color:#fff;font-weight:700;font-size:25px;float:left;}
#top_tit .btn{float:right;background:#fff;color:#000!important;box-shadow:none;border-radius:3px!important}
#pop_wrapper{padding:20px}
.box_equip, .equip_caution{overflow:hidden;padding:20px;border:2px solid #e9573f}

.equip_caution dl dt{font-weight:500;font-size:15px;color:#189ed4}
.equip_caution dl dd{padding-left:10px}
.equip_txt{float:left;color:#f00}
.equip_ex{float:right}

#bio .ctt-wrap .ctt h4:before { background-color:#059edb!important; }
#bio .ctt-wrap .ctt h5 { color: #059edb!important; background: url(/images/site/ggbc/h5_tit.png)0 center no-repeat; }

/*----------------------------------------------
페밀리사이트 메인
------------------------------------------------*/

.spt_ic{background:url(/images/site/main/spt_box_ic.png) 20px center  no-repeat;padding-left:100px;min-height:75px}
.box_org { border-top:2px solid #e9573f; font-size:1.125em; letter-spacing:-0.05em; font-weight:300; }

.site_wrap { overflow:hidden; border-top:1px solid #000; }
.site_wrap li { width:280px; min-height:310px; border:1px solid #cbcbcb; float:left; margin:35px 35px 0px 0; text-align:center; background:#f1f3f6; position:relative; 
				transition: all 0.4s ease;   -webkit-transition: all 0.4s ease;}
.site_wrap li:hover { border:1px solid #e9573f; }
.site_wrap li:hover .site_logo:before { width:85%; }
.site_wrap li:hover a { background-color:#e9573f; color:#fff; border:1px solid #e9573f; }
.site_wrap li:hover a:after { right:15px!important; color:#fff; }
.site_wrap li:nth-child(3n+3) { margin-right:0; }
.site_wrap li .site_logo { width:100%; height:110px; line-height:110px; border-bottom:1px solid #cbcbcb; background:#fff;  }
.site_wrap li .site_logo:before { content:''; background:#e9573f; height:5px; width:20%; display:block; margin:0 auto; transition: all 0.4s ease;   -webkit-transition: all 0.4s ease; }
.site_wrap li strong { font-size:1.125em; letter-spacing:-0.025em; display:block; padding-top:20px; }
.site_wrap li strong:after { content:''; display:block; background-color:#000; width:28px; height:2px; margin:17px auto; }
.site_wrap li p { font-size:14px; letter-spacing:-0.025em; line-height:20px; word-break:keep-all; padding:0 10px 20px; }
.site_wrap li a { width:183px; height:40px; background:#FFF; border:1px solid #cdcdcd; line-height:40px; color:#000; font-size:15px; letter-spacing:-0.025em; display:block; 
				 position:absolute!important; left:17% ; bottom:20px; padding-right:25px!important; transition: all 0.4s ease;   -webkit-transition: all 0.4s ease; }
/*.site_wrap li a:hover { background-color:#e9573f; color:#fff; border:1px solid #e9573f; }*/
/*.site_wrap li a:hover:after { right:15px!important; color:#fff;   }*/
.site_wrap li a:after {  top:0!important; right:20px!important; color:#000; transition: all 0.4s ease;   -webkit-transition: all 0.4s ease; }


/* 20250919 */
.site_wrap li {
    width: 280px;
    min-height: 220px;
    border: 1px solid #cbcbcb;
    float: left;
    margin: 35px 35px 0px 0;
    text-align: center;
    background: #fff;
    position: relative;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
}
.site_wrap li .site_logo {
    width: 100%;
    height: 0;
    line-height: 110px;
    border-bottom: 1px solid #cbcbcb;
    background: #fff;
}