@charset "utf-8";

.sub_visual {position:relative; height:643px; overflow:hidden;}
.sub_visual .zoom_ani { position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; transform:scale(1.2); transition:all 6s;}
.sub_visual .zoom_ani.sv_company { background-image:url('../images/bg/bg_subvisual01.jpg');}
.sub_visual .zoom_ani.sv_capabilities { background-image:url('../images/bg/bg_subvisual02.jpg');}
.sub_visual .zoom_ani.sv_news { background-image:url('../images/bg/bg_subvisual03.jpg');}
.sub_visual .zoom_ani.sv_familysite { background-image:url('../images/bg/bg_subvisual04.jpg');}
.sub_visual .zoom_ani.sv_contactus { background-image:url('../images/bg/bg_subvisual05.jpg');}
.sub_visual .txt_box {position:absolute; top:311px; left:80px; color:#fff;}
.sub_visual .txt_box [class^="suv_"] {opacity:0; transform:translateY(30px);}
.sub_visual .txt_box h3 {margin-bottom:91px; color:#fff; font-size:52px; font-weight:600; transition:opacity 1.0s, transform 1.0s; transition-delay:0.1s;}
.sub_visual .txt_box p {font-size:32px; font-weight:300; line-height:1.37; transition:opacity 1.0s, transform 1.0s; transition-delay:0.3s;}
.sub_visual .txt_box.twoline { top:244px;}

.sub_visual.active .txt_box [class^="suv_"] {opacity:1; transform:translateY(0px);}
.sub_visual.active .zoom_ani {transform:scale(1);}

.sub_content {padding-top:86px; padding-bottom:120px; overflow:hidden}
.sub_content.pb0 { padding-bottom:0 !important }
.sub_contxt {text-align:center;}
.sub_contxt .top_tit {margin-bottom:46px; color:#2c7ac0; font-size:32px; line-height:1.5;}
.sub_contxt .btm_txt {color:#666; font-size:18px; line-height:1.78;}
.sub_contxt .btm_txt p + p {margin-top:33px;}

.sub_tit { font-size:22px; color:#000}
.line_gr {display:inline-block; position:relative; font-weight:500;}
.line_gr:before {content:''; position:absolute; z-index:-1; left:0; width:100%; height:12px; background:#e1e1e1; bottom:-2px;}

.sub_content .left { float:left; width:50%; padding-right:0;}
.sub_content .right { float:right; width:50%; padding-left:0; } 
.sub_content .right.img { text-align:right}



/********** 01 Company **********/
/* 01-1 Our Leadership */
.greeting { /* background:url('../images/content/greeting_bg.png') no-repeat; overflow:hidden */}
.greeting h4 { color:#000; text-align:center; margin:30px 0 50px -100px}
.greeting .greet_txt { float:right; position:relative; /* width:calc(100% - 450px); */padding-bottom:200px}
.greeting .greet_txt p { font-size:18px; font-weight:400; line-height:40px}
.greeting .greet_txt p.ceo { text-align:right; color:#000; font-style:italic; margin-top:50px; padding-right:10px}
.greeting .greet_txt p.sign { text-align:right;}

/* 01-2 BioGroup */
.history {background-repeat:no-repeat; background-position:center; background-size:cover; background-image:url('../images/content/history_bg.jpg'); overflow:hidden; border-top:1px solid #ddd}
.history .wrapper:after {content:''; display:block; clear:both;}
.history .wrapper {position:relative;}
.history h4 {display:inline-block; float:left; margin-top:87px;}
.history .year_tabwrap {float:right; position:relative; width:calc(100% - 320px);}
.history .year_tab:after {content:''; display:block; clear:both;}
.history .year_tab {position:absolute; top:0; right:0; width:100%;}
.history .year_tab li:before {content:''; position:absolute; top:-15px; left:0; width:1px; height:100%; background:#ddd;}
.history .year_tab li {float:left; position:relative; top:-69px; width:33.33%; height:160px; color:#666; font-size:24px; font-weight:500; transition:all .5s ease; cursor:pointer;}
.history .year_tab li p:before {content:''; position:absolute; bottom:10px; left:-4.5px; width:10px; height:10px; border-radius:50%; background:#ddd;}
.history .year_tab li p {position:absolute; bottom:0; left:0; padding-left:16px;}
.history .year_tab li.on {top:0; color:#000; font-size:30px;}
.history .year_tab li.on p:before {background:#2d7bc0;}

.history .year_tabcon {padding:0 0 97px; margin-top:250px; min-height:554px;}
.history .year_tabcon > div {border-top:1px solid #000;}
.history .year_tabcon > div.active {animation:fadeinup .4s ease; }
.history .year_tabcon ol li:after {content:''; display:block; clear:both;}
.history .year_tabcon ol li {display:table; width:100%; padding:40px 0; border-bottom:1px solid #ddd;}
.history .year_tabcon ol li > div {display:table-cell; vertical-align:middle;}
.history .year_tabcon ol li .year {width:146px; color:#000; font-size:24px; font-weight:600; vertical-align:top;}
.history .year_tabcon ol li .month_con {width:calc(100% - 146px); padding-top:7px;}
.history .year_tabcon ol li .month_con > div {display:table;}
.history .year_tabcon ol li .month_con > div + div {margin-top:31px;}
.history .year_tabcon ol li .month_con .month {display:table-cell;}
.history .year_tabcon ol li .month_con .month_txt {display:table-cell; color:#666; padding-left:17px;}
.history .year_tabcon ol li .month_con .month_txt em {color:#010101;}

.service {padding:105px 0 100px;}
.service h4 {margin-bottom:98px;}
.service .scope:after {content:''; display:block; clear:both;}
.service .scope .img {float:left; padding-left:80px; margin-bottom:160px}
.service .scope .scope_list {float:left; position:relative; top:140px; padding-left:5px;}
.service .scope .scope_list li + li {margin-top:73px;}
.service .scope .scope_list li + li:last-child {margin-top:140px;}
.service .scope .scope_list li span {display:block; margin-bottom:2px; font-size:16px; font-weight:500;}
.service .scope .scope_list li strong:before {content:''; position:absolute; top:9px; left:0; width:9px; height:9px; border-radius:50%; background:#000;}
.service .scope .scope_list li strong {display:block; position:relative; padding-left:20px; margin-bottom:4px; font-size:22px; font-weight:600; color:#333;}
.service .scope .scope_list li p {color:#666; font-size:15px; line-height:1.47;}
.service .scope .scope_list li p + p {margin-top:23px;}

/* 01-3 SanoMedics */
.sanoMedics_is { width:928px; margin:0 auto}

.organ_chart {padding:0 0 175px;}
.organ_chart h4 {margin-bottom:54px;}
.organ_chart .border_a {position:relative;}
.organ_chart .border_a:before {content:''; position:absolute; top:-137px; left:50%; width:1px; height:140px; margin-left:-.5px; background:#b2b2b2;}
.organ_chart .blue_table {width:437px; margin-left:40px; margin-top:100px; border-bottom:1px solid #ddd;}
.organ_chart .blue_table thead {height:35px; color:#fff; font-size:15px; background:#2c7ac0;}
.organ_chart .blue_table thead th {font-weight:400;}
.organ_chart .blue_table thead th:first-child {border-radius:20px 0 0 20px;}
.organ_chart .blue_table thead th:last-child {border-radius:0 20px 20px 0;}
.organ_chart .blue_table td {padding:16px 0; color:#666; font-size:14px; text-align:center;}

.organ_chart .root_chart {position:relative;}
.organ_chart .root_chart .root_bor:before {content:''; position:absolute; top:50%; left:-47px; width:29px; height:1px; margin-top:-.5px; background:#b2b2b2;}
.organ_chart .root_chart .root_bor {position:absolute; top:20px; right:50%; margin-right:-267px; width:220px; height:50px; color:#2c7ac0; text-align:center; border:1px solid #2c7ac0; border-radius:30px; background:#fff;}
.organ_chart .root_chart .root_bor p:before {content:''; position:absolute; top:50%; left:-12px; width:5px; height:5px; border-radius:50%; background:#2c7ac0; transform:translateY(-50%);}
.organ_chart .root_chart .root_bor p {position:relative; top:50%; transform:translateY(-50%);}

.organ_chart .chart:before {content:''; position:absolute; z-index:-1; top:0; left:50%; width:1px; height:267px; margin-left:-.5px; background:#b2b2b2;}
.organ_chart .chart {position:relative; z-index:4; font-weight:500;}
.organ_chart .chart [class^="group"]:before {content:''; position:absolute; top:0; height:1px; margin:0 43px; background:#b2b2b2;}
.organ_chart .chart [class^="group"] {position:relative; text-align:center;}
.organ_chart .chart [class^="group"] > li {position:relative;}
.organ_chart .chart [class^="group"] > li > p:before {content:''; position:absolute; top:-13px; left:50%; width:5px; height:5px; border-radius:50%; background:#2c7ac0; transform:translateX(-50%);}
.organ_chart .chart [class^="group"] > li > p {position:relative; z-index:1; display:inline-block; width:180px; height:50px; margin:0 auto; color:#2c7ac0; text-align:center; line-height:50px; border:1px solid #2c7ac0; border-radius:30px; background:#fff;}
.organ_chart .chart [class^="group"] > li > p + [class^="vari"]:after {content:''; position:absolute; top:0; left:50%; width:1px; height:26px; margin-left:-.5px; background:#b2b2b2;}
.organ_chart .chart [class^="group"] > li > p + .vari100:after {display:none;}
.organ_chart .chart [class^="group"].fl:after {content:''; display:block; clear:both;}
.organ_chart .chart [class^="group"].fl > li {float:left;}
.organ_chart .chart [class^="group"] .blue {color:#fff; background:#2c7ac0;}
.organ_chart .chart [class^="group"] .blue_t {color:#2c7ac0;}
.organ_chart .chart [class^="group"] .empty:before ,
.organ_chart .chart [class^="group"] .empty p:before {display:none;}
.organ_chart .chart [class^="group"] .empty p {border:0;}
.organ_chart .chart [class^="vari"]:before {content:''; position:absolute; top:26px; height:1px; margin:0 43px; background:#b2b2b2;}
.organ_chart .chart [class^="vari"]:after {content:''; display:block; clear:both;}
.organ_chart .chart [class^="vari"] {position:relative; padding-top:59px;}
.organ_chart .chart [class^="vari"] > li:before {content:''; position:absolute; top:-32px; left:50%; width:1px; height:24px; margin-left:-.5px; background:#b2b2b2;}
.organ_chart .chart [class^="vari"] > li {float:left; position:relative;}

.organ_chart .chart .vari33:before {left:28px; width:calc(100% - 142px);}
.organ_chart .chart .vari33 > li {width:33.33%;}
.organ_chart .chart .vari50:before {left:-11px; width:calc(100% - 63px);}
.organ_chart .chart .vari50 {width:50%; margin:0 auto;}
.organ_chart .chart .vari50 > li {width:50%;}
.organ_chart .chart .vari100 > li:before {display:none; top:-59px; height:50px;}
.organ_chart .chart .vari100 > li {width:100%; color:#666; font-weight:500;}
.organ_chart .chart .vari100 > li > p {padding:7px 0; background:#fff;}
.organ_chart .chart .vari100:before {top:10px; left:50%; width:1px; height:165px; margin-left:-.5px;}
.organ_chart .chart .vari100 > li + li {margin-top:22px;}
.organ_chart .chart .vari100 .gray_bor {margin-top:-23px;}

.organ_chart .chart .gray_bor {position:relative; z-index:2; padding-top:24px; margin-top:7px;}
.organ_chart .chart .gray_bor:before {content:''; position:absolute; z-index:-1; top:-0px; left:50%; width:1px; height:24px; margin-left:-.5px; background:#b2b2b2;}
.organ_chart .chart .gray_bor > p {display:block; width:122px; height:35px; margin:0 auto; color:#666; font-size:14px; border-radius:25px; line-height:35px; background:#f0f0f0;} 
.organ_chart .chart .gray_bor > p + p {margin-top:6px;}

.organ_chart .chart .group01:before {display:none;}
.organ_chart .chart .group01 {padding-bottom:38px;}
.organ_chart .chart .group01 > li > p:before {display:none;}
.organ_chart .chart .group01 > li + li {margin-top:38px;}
.organ_chart .chart .group02:before {left:85px; width:calc(100% - 255px);}
.organ_chart .chart .group02 {padding-top:110px;}
.organ_chart .chart .group02 > li:before {content:''; position:absolute; top:-109px; left:50%; width:1px; height:90px; margin-left:-.5px; background:#b2b2b2;}
.organ_chart .chart .group02 > li.center:before {display:none;}
.organ_chart .chart .group02 > li {width:20%;}
.organ_chart .chart .group03 {padding-top:60px; margin-top:58px;}
.organ_chart .chart .group03:before {left:170px; width:calc(100% - 426px);}
.organ_chart .chart .group03 > li {width:33.33%;}
.organ_chart .chart .group03 > li:before {content:''; position:absolute; top:-60px; left:50%; width:1px; height:40px; background:#b2b2b2;}

.bg_sano00 { height:430px; background:url('../images/bg/bg_visual01.jpg') no-repeat center / cover}
.bg_sano01 { height:430px; background:url('../images/bg/bg_visual02.jpg') no-repeat center / cover}
.bg_sano02 { height:430px; background:url('../images/bg/bg_visual03.jpg') no-repeat center / cover}
.bg_sano03 { height:430px; background:url('../images/bg/bg_sano03.jpg') no-repeat center / cover}
.bg_sano04 { height:430px; background:url('../images/bg/bg_sano04.jpg') no-repeat center / cover}

.safesoft_services { text-align:center; padding:100px 0; }
.safesoft_services ul { position:relative; left:50%; margin-left:10px; transform:translateX(-50%);}
.safesoft_services ul li { display:inline-block; margin-left:-23px; }
.safesoft_services ul li .txt { width:220px; height:220px; border-radius:50%; border:1px solid #307dc2; background:#fff;}
.safesoft_services ul li .txt > div { position:relative; top:50%; transform:translateY(-50%); padding:0 30px;}
.safesoft_services ul li .txt > div > span { display:block; color:#333; font-size:16px; font-weight:500;}
.safesoft_services ul li > p:before { content:''; display:block; width:1px; height:19px; margin:13px auto 11px; background:#307dc2;}
.safesoft_services ul li > p { color:#666; font-size:16px; font-weight:300;}

/* 01-4 Experiences */
.experience {text-align:center;}
.experience .line_gr {margin-bottom:62px; font-size:22px; font-weight:500;}
.experience .line_gr:before {bottom:-2px;}
.experience h4 {margin-bottom:38px;}
.experience ul {position:relative; left:50%; margin-left: 10px; transform:translateX(-50%);}
.experience ul li {display:inline-block; margin-left:-23px;}
.experience ul li .txt {width:220px; height:220px; border-radius:50%; border:1px solid #307dc2; background:#fff;}
.experience ul li .txt > div {position:relative; top:50%; transform:translateY(-50%);}
.experience ul li .txt > div > span {display:block; color:#333; font-size:18px; font-weight:500;}
.experience ul li .txt p {margin-top:15px; color:#2d7bc0; font-size:20px; font-weight:300;}
.experience ul li .txt p strong {font-size:30px; font-weight:500;}
.experience ul li .txt p span { margin-left:3px;}
.experience ul li > p:before {content:''; display:block; width:1px; height:19px; margin:13px auto 11px; background:#307dc2;}
.experience ul li > p {color:#666; font-size:16px; font-weight:300;}

.experience_graph {padding:0 0 130px;}
.experience_graph h4 {margin-bottom:67px;}
.experience_graph ul {width:857px; margin:0 auto;}
.experience_graph ul:after {content:''; display:block; clear:both;}
.experience_graph ul li {float:left; position:relative; width:120px; margin-right:125px; margin-bottom:48px; text-align:center;}
.experience_graph ul li:nth-child(4n) {margin-right:0;}
.experience_graph ul li .circle {position:absolute; z-index:1; top:50%; left:50%; width:80px; height:80px; color:#000; font-weight:500; font-size:24px; line-height:80px; border-radius:50%; transform:translate(-50%,-50%); background:#e1e1e1;}
.experience_graph ul li .chart {position:relative;}
.experience_graph ul li .chart strong {position:absolute; z-index:5; top:50%; left:50%; width:80px; height:80px; margin-top:-3px; color:#000; font-weight:500; font-size:24px; line-height:80px; border-radius:50%; transform:translate(-50%,-50%); background:#e1e1e1;}
.experience_graph ul li p {margin-top:12px; color:#666; font-size:18px;}

/*Experiences by Therapeutic Area*/
.therapeutic {padding:169px 0 120px;}
.therapeutic h4 {margin-bottom:93px;}
.therapeutic .img {width:926px; margin:0 auto;}
.therapeutic .table {display:table; width:780px; margin:89px auto 0;}
.therapeutic .table > div {width:calc(100% + 5px); text-align:center;}
.therapeutic .table > div:after {content:''; display:block; clear:both;}
.therapeutic .table > div > p {float:left;}
.therapeutic .table .wd01 {width:calc(60% + 5px);}
.therapeutic .table .wd02 {width:calc(20% + 5px);}
.therapeutic .table .thead {height:47px; margin:0 auto;}
.therapeutic .table .thead .th {position:relative; height:100%; padding:0 15px; font-size:18px; font-weight:400; text-align:center; border-radius:40px; background:rgba(225,237,248,.6);}
.therapeutic .table .thead .th span {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%);}
.therapeutic .table .thead .th + .th {margin-left:-10px;}
.therapeutic .table .tbody {width:100%; padding:32px 0 42px; color:#666; font-size:16px; border-bottom:1px solid #2c7ac0;}
.therapeutic .table .tbody .wd01 {width:60%;}
.therapeutic .table .tbody .wd02 {width:20%;}
.therapeutic .table .tbody > div:after {content:''; display:block; clear:both;}
.therapeutic .table .tbody > div + div {margin-top:16px;}
.therapeutic .table .tbody .td {float:left;}
.therapeutic .table .tbody .td.wd02 {position:relative;}
.therapeutic .table .tbody .td:first-child {padding-left:30px;}

.therapeutic .table .total:before {content:''; display:block; width:1px; height:22px; margin:0 auto; background:#2c7ac0;}
.therapeutic .table .total {position:absolute; top:62px; left:50%; width:100%; color:#2c7ac0; font-size:26px; font-weight:600; transform:translateX(-50%);}
.therapeutic .table .total p:before {content:''; position:absolute; top:0px; left:50%; width:13px; height:13px; margin-left:-6.5px; border-radius:50%; background:#2c7ac0;}
.therapeutic .table .total p {position:relative; padding-top:19px;}

/* 01-5 Location */
.location {}
.location .text_cont { padding-top:50px }
.location .text_cont li { padding-bottom:10px}
.location .text_cont li span { padding-right:5px; color:#333; font-weight:500;}
.location .map {margin: 0 auto; }

/********** 02 Capabilities **********/
.sub_txbox { margin-top:20px; }
.sub_txbox.mt0 { margin-top:0}
.sub_txbox strong { display:block; font-size:18px; color:#2c7ac0; font-weight:600; margin-bottom:15px }
.sub_txbox .tx { line-height:1.8}
/* 02-1 Strategic Consulting & Regulatory Services */
.consulting_ty  { text-align:center; padding:100px 0 0; }
.consulting_ty ul { position:relative; }
.consulting_ty ul li { display:inline-block; vertical-align:top; padding:0 20px}
.consulting_ty ul li .txt { width:220px; height:220px; border-radius:50%; border:1px solid #307dc2; background:#fff;}
.consulting_ty ul li .txt > div { position:relative; top:50%; transform:translateY(-50%); padding:0 30px;}
.consulting_ty ul li .txt > div > span { display:block; color:#333; font-size:16px; font-weight:500;}
.consulting_ty ul li > p:before { content:''; display:block; width:1px; height:19px; margin:13px auto 11px; background:#2c7ac0;}
.consulting_ty ul li > p { color:#666; font-size:16px; font-weight:300;}
.consulting_ty .tit { position:relative; margin-top:20px; text-align:center; font-size:20px; font-size:24px; color:#333; font-weight:500;}
.consulting_ty .tit:before { content:""; display:block; position:absolute; top:0; left:50%; margin-left:-4.5px; background:url('../images/content/consult_line.png') no-repeat; width:9px; height:65px; }
.consulting_ty .tit p { padding-top:90px; padding-bottom:80px}
.consulting_ment {  }
.consulting_ment p { line-height:1.8; max-width:1200px; margin-bottom:10px;}
.consulting_list { display:flex; justify-content:flex-start; flex-wrap:wrap; margin-top:50px;}
.consulting_list > div { position:relative; width:calc((80% - 20px) / 3); padding-top:90px;}
.consulting_list > div:before { content:""; display:block; position:absolute; top:0; left:0;  background:url('../images/content/consult_line.png') no-repeat; width:9px; height:65px;  }
.consulting_list > div ~ div {;margin-left:10px}
.consulting_list .txt_box { height:90px;}
.consulting_list .txt_box strong { display:block; padding-bottom:10px; color:#2c7ac0; font-size:22px; font-weight:600 }
.consulting_list .txt_list { padding-top:10px;}
.consulting_list .txt_list span { display:block; padding-bottom:10px; font-weight:600; }
.consulting_list .txt_list .list_ty1 li:after { top:13px !important;}


/*********** 04 Family Site *************/
.family .tit_box { position:relative; text-align:center }
.family .tit_box strong { display:block; font-size:30px; color:#2c7ac0; font-weight:500;}
.family .tit_box p { font-size:16px; color:#666; padding-top:30px; font-weight:400; line-height:1.8 }
.family .tit_box p.first { padding-top:0}
.family .family_box { position:relative; margin-top:30px; text-align:center; font-size:20px; font-size:24px; color:#333; font-weight:500;}
.family .family_box:before { content:""; display:block; position:absolute; top:0; left:50%; margin-left:-4.5px; background:url('../images/content/consult_line.png') no-repeat; width:9px; height:65px; }
.family .family_box .corp { padding-top:90px;}
.family .family_box .corp dl { display:inline-block}
.family .family_box .corp dt { font-size:16px; font-weight:600; color:#666; margin-bottom:15px;}
.family .family_box .corp ul { display:flex; justify-content:center; flex-wrap:wrap; margin-bottom:20px;}
.family .family_box .corp ul li { width:220px; height:220px; border:1px solid #ddd; margin-left:-1px} 
.family .family_box .corp ul li .thumb { position:relative; height:130px; } 
.family .family_box .corp ul li .thumb > img { position:relative; top:50%; transform:translateY(-50%); }
.family .family_box .corp ul li span { display:block; padding:0 15px; font-size:14px; color:#999}

/*********** 05 contact us *************/
.contactus { position:relative;}
.contactus:after {content:''; display:block; clear:both;}
.contactus .cont_info { margin-top:40px; width:70%; line-height:1.8 }
.contactus .form_sendmail .col ul { display:flex; display:flex; justify-content:flex-start; flex-wrap:wrap;}
.contactus .form_sendmail .col li {  width:calc((100% - 20px) / 2);}
.contactus .form_sendmail .col li:first-child { margin-right:20px}
.contactus .form_sendmail input { width:100%; padding:30px 0; color:#000; border:1px solid #fff; border-bottom:1px solid #2c7ac0 }
.contactus .form_sendmail textarea { width:100%; padding:30px 0; border:1px solid #fff; border-bottom:1px solid #2c7ac0; }
.contactus .form_sendmail input:placeholder,
.contactus .form_sendmail textarea:placeholder { font-size:15px; color:#2c7ac0; font-weight:500}
.contactus .form_sendmail input::-webkit-input-placeholder,
.contactus .form_sendmail textarea::-webkit-input-placeholder { font-size:15px; color: #2c7ac0; font-weight:500}/* WebKit browsers */
.contactus .form_sendmail input::-moz-placeholder,
.contactus .form_sendmail textarea::-moz-placeholder {  font-size:15px; color: #2c7ac0; font-weight:500}/* Mozilla Firefox 19+ */
.contactus .form_sendmail input::-ms-input-placeholder,
.contactus .form_sendmail textarea::-ms-input-placeholder {  font-size:15px; color: #2c7ac0; font-weight:500}/* Internet Explorer 10+ */
.contactus .form_sendmail .btn_submit{ display:inline-block; width:200px; height:50px; padding:0; border-radius:25px; border:1px solid #2c7ac0; background:#2c7ac0; color:#fff !important; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;} 
.contactus .form_sendmail .btn_submit:hover,
.contactus .form_sendmail .btn_submit:focus {border:1px solid #2c7ac0; background:#fff; color:#2c7ac0 !important; font-weight:600; text-decoration:none; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.cont_address { margin-top:60px; }
.cont_address .txt_box { margin-top:30px}
.cont_address .txt_box p { margin-bottom:20px; line-height:1.8}
.cont_address .txt_box p span { padding-right:5px; color:#333; font-weight:600;}
.cont_address .map {}
 
/********** 공통스타일(버튼, 테이블, 목차등등) **********/
/*table_스타일*/
.table_ty { width:100%; border-collapse:collapse; table-layout:fixed; border-top:1px solid #265fb2; border-bottom:1px solid #bcbdbd  }
.table_ty thead th { color:#000; padding:12px 0; text-align:center; font-weight:500; vertical-align:middle;  border-left:1px solid #e5e5e5; background:#f6f6f6; }
.table_ty thead th:first-child { border-left: 0; }
.table_ty thead th.dbor {border-bottom:1px solid #d3d1ce;}
.table_ty .lbor {border-left:1px solid #e5e5e5 !important;}
.table_ty .fbor {border-right:1px solid #e5e5e5 !important;}
.table_ty tbody th {font-weight:400; vertical-align:middle; text-align:center; padding:10px 0; border:0; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.table_ty tbody th:first-child {border-left:0; }
.table_ty tbody td {text-align:center; padding:10px 5px; border:0; border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5; }
.table_ty tbody td.tal_le {text-align:left}
.table_ty tbody td:first-child {border-left: 0; }


/*목차*/
.list_ty1 li {position: relative; padding:5px 0 5px 10px; }
.list_ty1 li:after {content: ''; position:absolute; left:0px; top:12px; width:3px; height:3px; background:#7c7c7c;}
.list_ty1.indent {padding: 0 0 0 23px;}
.list_ty1 li span {font-weight:500}

.list_ty1_ri li {position: relative; padding:2px 10px 2px 0; }
.list_ty1_ri li:after {content: ''; position:absolute; right:0px; top:12px; width:3px; height:3px; background:#7c7c7c;}
.list_ty1_ri.indent {padding: 0 23px 0 0;}
.list_ty1_ri li span {font-weight:500}

/*버튼*/
.btn_down a { display:inline-block; padding:0 50px 0 20px; background:#fff url('../images/ico/ico_down.png') 80% center no-repeat; border:1px solid #d0d0d0; border-radius:30px;line-height:45px; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s; vertical-align:top; }
.btn_down a span { font-size:13px; font-weight:600; color:#000; }
.btn_down a:hover  { display:inline-block; border:1px solid #000; background:#fff url('../images/ico/ico_down.png') 75% center no-repeat; color:#265fb2; text-decoration:none; -webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s;}
.btn_down.small { width:150px}

.br_block { display:none}

/***** 애니메이션 ******/
@keyframes menushow {
   0% {opacity:0; visibility:hidden;}
   100% {opacity:1; visibility:visible;}
}

@keyframes fadeinup {
   0% {opacity:0; transform:translateY(30px);}
   100% {opacity:1; transform:translateY(0);}
}

@keyframes zoomin {
   0% {transform:scale(1.3);}
   100% {transform:scale(1);}
}

@keyframes visualtxt {
   0% {opacity:0; transform:translate(-60%);}
   100% {opacity:1; transform:translate(0);}
}

@keyframes btnfade {
   0% {opacity:0;}
   100% {opacity:1;}
}

/*************************************************************************************************************************************************************************************************************************************************/
@media all and (max-width:1600px){
	
}

@media all and (max-width:1280px){
	/********** 01 Company **********/
	/* 01-1 Our Leadership */
	.greeting { background-position:-200px}
	.greeting h4 { margin:30px 0 50px 0}
	.greeting .greet_txt { width:calc(100% - 0px); padding-left:250px;}
	.greeting .greet_txt p { font-size:18px; font-weight:400; line-height:40px}
	.greeting .greet_txt p br { display:none}
	
	/* 01-2 BioGroup*/
	.service .scope .img { width:70%; padding-left:0;}
	.service .scope .scope_list { width:29%; top:140px; padding-left:5px;}

	
	/* 01-3 SanoMedics */
	.organ_chart .chart {width:600px; margin:0 auto;}
	.organ_chart .chart [class^="group"] > li {font-size:12px;}
	.organ_chart .chart [class^="group"] > li > p {width:90%; height:40px; line-height:40px;}
	.organ_chart .chart [class^="vari"]:before {left:50%; margin:0; transform:translateX(-50%);}
	.organ_chart .chart .group01 > li + li {margin-top:30px;}
	.organ_chart .chart .group01 > li > p {width:160px;}
	.organ_chart .chart .group02:before {left:50%; width:80.2%; margin:0; transform:translateX(-50%);}
	.organ_chart .chart .group03:before {left:50%; width:66.6%; margin:0; transform:translateX(-50%);}
	.organ_chart .chart .group03 {margin-top:40px;}
	.organ_chart .chart .vari50:before {width:50%;}
	.organ_chart .chart .vari33:before {width:66.7%;}
	.organ_chart .chart .gray_bor > p {width:90%; font-size:10px;}
	
	.organ_chart .root_chart .root_bor {width:150px; height:40px; margin-right:-197px; font-size:12px;}

	.organ_chart .blue_table {margin-left:0; margin-top:80px;}
	
	/* 01-4 Experiences */
	.experience_graph:after {content:''; display:block; clear:both;}
	.experience_graph {padding:0 0 60px;}
	.experience_graph ul {width:100%;}
	.experience_graph ul li {float:left; width:25%; margin-right:0;}
	.experience_graph ul li .chart strong {font-size:18px;}
	.experience_graph ul li p {font-size:15px;}
}

@media all and (max-width:1024px){
	.sub_visual {height:538px;}
	.sub_visual .txt_box {left:50px; top:250px;}
	.sub_visual .txt_box h3 {margin-bottom:70px; font-size:42px;}
	.sub_visual .txt_box p {font-size:28px;}
	
	.sub_content {padding-top:60px;}
	.sub_contxt {padding:0 20px;}
	.sub_contxt .top_tit {margin-bottom:32px; font-size:26px;}
	.sub_contxt .btm_txt {font-size:15px;}
	.sub_contxt .btm_txt p + p {margin-top:25px;}
	.sub_contxt .btm_txt p br {display:none;}
	
	/********** 01 Company **********/
	/* 01-2 BioGroup */
	.history .year_tabwrap {width:calc(100% - 235px);}
	.history .year_tab li {font-size:20px;}
	.history .year_tab li.on {font-size:24px;}
	.history .year_tabcon {margin-top:220px; min-height:auto;}
	.history .year_tabcon ol li .year {width:121px;}

	.service {padding:80px 0 200px;}
	.service .scope .img {margin-bottom:50px}
	.service .scope .scope_list { top:20px; }
	.service .scope .scope_list li span { font-size:13px; }
	.service .scope .scope_list li + li {margin-top:30px;}
	.service .scope .scope_list li + li:last-child {margin-top:70px;}
	.service .scope .scope_list li strong:before { top:7px; width:5px; height:5px; }
	.service .scope .scope_list li strong { padding-left:10px; font-size:16px;}
	.service .scope .scope_list li p { font-size:13px; line-height:1.47;}
	
	
	/* 01-3 SanoMedics */
	.sanoMedics_is { width:100%;}
	.organ_chart {padding: 91px 0 100px;}
	
	.safesoft_services ul li .txt { width:180px; height:180px}
	
	/* 01-4 Experiences */
	.experience ul {width:640px;}
	.experience .line_gr {margin-bottom:33px;}
	.experience ul li .txt {width:160px; height:160px;}
	.experience ul li .txt p {font-size:20px;}
	.experience ul li .txt p strong {font-size:26px;}

	.therapeutic .img {width:100%;}
	.therapeutic .table {width:100%; margin:60px 0 0;}
	.therapeutic .table .thead .th {font-size:14px;}
	.therapeutic .table .tbody {padding:24px 0 32px; font-size:12px}
	.therapeutic .table .tbody .td:first-child {padding-left:20px;}
	.therapeutic .table .total {top:48px; font-size:20px;}
	
	/********** 02 Capabilities **********/
	/* 02-1 Strategic Consulting & Regulatory Services */
	.consulting_ty ul li { display:inline-block; padding:0 10px}
	.consulting_ty ul li .txt { width:160px; height:160px; }
	.consulting_list > div { width:calc((100% - 20px) / 3); }
	
	.consulting_list .txt_box strong { font-size:18px;}
	
	/*********** 04 Family Site *************/
	.family .tit_box strong { font-size:24px; }
	.family .family_box .corp ul li { width:calc(50%); height:220px; }
	.family .family_box .corp ul li.w100 { width:calc(100%);}
}

@media all and (max-width:767px){
	/* 01-2 BioGroup */
	.service .scope .img {margin-bottom:10px}
	.service .scope .scope_list { top:0; }
	.service .scope .scope_list li span { font-size:8px; }
	.service .scope .scope_list li + li {margin-top:10px;}
	.service .scope .scope_list li + li:last-child {margin-top:30px;}
	.service .scope .scope_list li strong { padding-left:10px; font-size:14px;}
	.service .scope .scope_list li p { font-size:10px; line-height:1.47;}
	.service .scope .scope_list li p + p {margin-top:5px;}
	
	
}

@media all and (max-width:640px){	
	.sub_visual {height:450px;}
	.sub_visual .txt_box {top:50%; left:0; width:100%; text-align:center; transform:translateY(-50%);}
	.sub_visual .txt_box h3 {margin-bottom:25px; font-size:30px;}
	.sub_visual .txt_box p {font-size:18px;}
	
	.sub_contxt .top_tit {padding:0 20px; font-size:22px;}
	.sub_contxt .top_tit br {display:none;}
	
	.sub_content .left { float:left; width:100%; padding-right:0; }
	.sub_content .right { float:right; width:100%; padding-left:0;} 
	
	/********** 01 Company **********/
	/* 01-1 Our Leadership */
	.greeting { background-position:center top; background-size:360px;}
	.greeting h4 { margin:30px 0 50px 0}
	.greeting .greet_txt { width:calc(100% - 0px); padding-left:0; margin-top:350px; padding:0 20px}
	.greeting .greet_txt p { font-size:16px;}
	.greeting .greet_txt p.ceo { text-align:left; margin-top:20px}
	.greeting .greet_txt p.sign { text-align:left;}
	
	/* 01-2 BioGroup */
	.history h4 {position:absolute; z-index:2; top:58px; left:25px; margin-top:0;}
	.history .year_tabwrap {width:100%;}
	.history .year_tab li {height:189px; top:-44px; font-size:15px;}
	.history .year_tab li p:before {bottom:5px;}
	.history .year_tab li p {padding-left:12px;}
	.history .year_tab li.on {font-size:19px;}
	.history .year_tab li.on p:before {bottom:8px;}
	.history .year_tabcon {padding:0 0 52px;}
	.history .year_tabcon ol li > div {display:block;}
	.history .year_tabcon ol li .month_con {width:100%; padding-top:24px;}
	
	.service {padding:40px 0 80px;}
	.service h4 {margin-bottom:40px; font-size:24px;}
	
	/* 01-3 SanoMedics */
	.organ_chart .chart {width:100%;}
	.organ_chart .chart .vari50 {width:100%;}
	.organ_chart .root_chart .root_bor {width:100px; margin-right:-147px; font-size:10px;}
	.organ_chart .blue_table {width:100%; margin-top:50px;}
	.organ_chart .blue_table thead th {font-size:13px;}
	.organ_chart .blue_table td {font-size:12px;}
	.organ_chart .chart .gray_bor > p {font-size:9px;}
	
	.bg_sano01 { height:230px}
	.bg_sano02 { height:230px}
	.bg_sano03 { height:230px}
	.bg_sano04 { height:230px}
	
	.safesoft_services ul li { display:inline-block; margin-left:-15px; }
	.safesoft_services ul li .txt { width:140px; height:140px}
	.safesoft_services ul li .txt > div > span {font-size:14px;}
	
	/* 01-4 Experiences */
	.experience_graph ul li {width:50%;}
	
	.experience ul li .txt {width:120px; height:120px;}
	.experience ul li .txt > div > span {font-size:17px;}
	.experience ul li .txt p {margin-top:6px; font-size:15px;}
	.experience ul li .txt p strong {font-size:21px;}
	
	/********** 02 Capabilities **********/
	/* 02-1 Strategic Consulting & Regulatory Services */
	.consulting_ty ul{ margin-left: 10px; }
	.consulting_ty ul li { display:inline-block; padding:0 0; margin-left:-20px}
	.consulting_ty ul li .txt { width:140px; height:140px; }
	.consulting_ty ul li > p { font-size:14px; }
	.consulting_ty ul li > p br.br_block { display:block !important}
	
	.consulting_list > div { width:calc((100%) / 1) !important;  }
	.consulting_list > div ~ div {margin-top:50px}
	
	
	/*********** 05 contact us *************/
	.contactus .cont_info { width:100%; margin-bottom:20px }
	
}

@media all and (max-width:480px){
	
	
	/* 01-2 BioGroup */
	.service .scope .scope_list { top:0; }
	.service .scope .scope_list li span { font-size:6px; }
	.service .scope .scope_list li + li {margin-top:10px;}
	.service .scope .scope_list li + li:last-child {margin-top:60px;}
	.service .scope .scope_list li strong { padding-left:10px; font-size:10px;}
	.service .scope .scope_list li p { font-size:7px; }

	
	/* 01-4 Experiences */
	.experience ul {width:calc(100% + 30px);}
	.experience ul li {margin:0 20px 30px 0;}
	
	/********** 02 Capabilities **********/
	/* 02-1 Strategic Consulting & Regulatory Services */
	.consulting_ty ul li .txt { width:120px; height:120px; }
	.consulting_ty ul li > p { font-size:12px; }
	
	
	
	
}