@charset "utf-8";
/* *******************************************************
 * filename : content.css
 * description : 서브페이지 컨텐츠 CSS
 * date : 2019-02-01
******************************************************** */
/* ******************  메인페이지 ********************** */
.con01-content .con01-link-list li .link-list-tit{min-height:34px;}

/* ******************  레이아웃 ********************** */
#wrap #gnb > ul{margin-right:280px;}
#wrap #gnb .gnb-bg-inner{width:24%; background-position:70% 0;}
#wrap #gnb > ul > li > a{padding:0 28px;}
.br-1620{display: none;}

.header-link-btn{float:left; width:55px; height:40px; border-radius:20px; line-height:43px; text-align:center; background:#f1f1f1; font-size:21px; color:#686868; margin-right:15px; transition:all 0.4s;}
.header-link-btn:hover{background:#38b4bc; color:#fff;}

@media all and (max-width:1860px){
	#wrap #gnb .gnb-bg-inner{width:18%;}
}
@media all and (max-width:1760px){
	#wrap #gnb .gnb-bg-inner{width:16%; background-position:50% 0;}
	#wrap #gnb > ul > li > a{padding:0 22px;}
}
@media all and (max-width:1620px){
	#wrap .header-service-img{height:18px;}
	#wrap #gnb > ul > li > a{padding:0 15px; font-size:15px;}
	#wrap #gnb.total-menu > ul > li .gnb-2dep ul li a{font-size:13px;}
	.br-1620{display: block;}
}
@media all and (max-width:1366px){
	/* .gnb-bg-inner{width:13%;}
	.gnb-bg-inner .gnb-bg-txt{font-size:14px;} */
	#wrap #gnb > ul{margin-right:240px;}
	#wrap #gnb > ul > li > a{padding:0 13px;}

	.header-lang{width:90px;}
	.header-link-btn{width:40px; margin-right:10px; foant-size:19px;}
}

.mobile-link-btn{margin-right:15px;}
.header-util-menu-box .lang-select .mobile-link-btn > a{font-size:16px;}


/* ******************  서브공통 ********************** */
/* 서브2차메뉴 */
.page-sub-menu{margin-bottom:70px}
.page-sub-menu .menu-list-inner{text-align:center}
.page-sub-menu .menu-list-inner li{display:inline-block; vertical-align:top; width:155px; background-color:#fff; border-radius:100px; margin:25px 7px 0; border:1px solid #e5e5e5;  transition:all 0.3s;}
.page-sub-menu .menu-list-inner li a{display:table; width:100%; height:40px;}
.page-sub-menu .menu-list-inner li a em{display:table-cell; vertical-align:middle; line-height:1.2; font-weight:400; font-size:15px; color:#727272; letter-spacing:-0.5px; transition:all 0.3s; padding:0 4%; word-break:keep-all}
.page-sub-menu .menu-list-inner li.selected,
.page-sub-menu .menu-list-inner li:hover{background:#3cb7bc; border-color:#3cb7bc;}
.page-sub-menu .menu-list-inner li.selected a em,
.page-sub-menu .menu-list-inner li:hover a em{color:#fff;}

@media all and (max-width:800px){
	.page-sub-menu .menu-list-inner li{margin:25px 2px 0; width:calc(25% - 7px);}
	.page-sub-menu .menu-list-inner li a{height:35px;}
}


.summary-top.yj{background:url("../images/content/company_bg.jpg") no-repeat 50% 0; background-size:cover; padding:104px 0 234px}
@media all and (max-width:800px){
	.summary-top.yj{padding:80px 0 150px;}
}
/* ******************  회사소개 ********************** */
.intro-tit {text-align:center; font-size:28px; line-height:1.571em; color:#333; letter-spacing:-0.05em;}

@media all and (max-width:800px){
	.intro-tit {font-size:19px;}
}

/* ******************  연혁 ********************** */
.history-container {position: relative; background: url('/images/content/history_bg.jpg')no-repeat 40%; height:420px; margin-bottom: 110px;}
.history-container .txt-box {width: 710px; position:absolute; right:0; bottom:0;} 
.history-container .txt-box p {font-size:28px; line-height:1.333em; letter-spacing:-0.025em; color:#fff; font-weight:400; background: linear-gradient(to right, #8ecf3b, #38b4bc);  padding: 55px 55px 0 55px }
.history-container .txt-box h4 {font-size:50px; line-height:1.333em; letter-spacing:-0.025em; color:#eb5900; font-weight:400; background: linear-gradient(to right, #8ecf3b, #38b4bc); padding: 0 0 0 55px}

@media all and (max-width:800px){
	.history-container .txt-box {width:80%;}
	.history-container .txt-box p {font-size:20px; padding: 30px 15px;}
	.history-container .txt-box h4{font-size:30px; padding-left:15px;}
}

/* ******************  경영진 ********************** */
/* 회사소개 - 경영진 */
.management-main-tit{font-size:50px; color:#222; text-align:center; border-bottom:1px solid rgba(179,179,179,0.3);  padding-bottom:25px; margin-bottom:60px;}
.management-main-tit em{position: relative; font-weight:700;}
.management-main-tit em:before{position: absolute; content:''; width:100%; height:1px; background:#3eb6bc; bottom:-21px;}
.management-conent-list{position: relative;}
.management-conent-list.ceoList {margin-bottom: 263px;}
.management-conent-list.ceoList .flexBox {justify-content: center;}
.flexBox{display: flex;}
.flexBox.flex-wrap{flex-wrap:wrap;}

@media all and (max-width:800px){
	.management-conent-list.ceoList {margin-bottom: 135px;}
}

.member-list{width:33.33%;}
.member-list a{display: block; position: relative; overflow:hidden;}
.member-list a .img img{width:100%;}
.member-list a:after{
	position:absolute; display:inline-block; content:""; width:100%; height:calc(100% + 1px); top:0; left:0; 
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#8ecf3b+0,38b4bc+100 */
	background: rgb(142,207,59); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(142,207,59,1) 0%, rgba(56,180,188,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(142,207,59,1) 0%,rgba(56,180,188,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(142,207,59,1) 0%,rgba(56,180,188,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ecf3b', endColorstr='#38b4bc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	opacity:0; transition:all 0.2s
}
.member-list .txtBox{position: absolute; bottom:10%; left:10%; color:#fff; z-index:9; opacity:0; transition:all 0.2s}
.member-list .txtBox dt{font-size:38px; margin-top:20px; font-weight:700;}
.member-list .txtBox dd{font-size:22px; font-weight:700;}
.member-list .txtBox dd.team{margin-bottom:10px;}

@media all and (min-width:801px){
	.member-list a:hover:after{opacity:0.85;}
	.member-list a:hover .txtBox{opacity:1;}
}

.pop_info-item {display: none; width: 100%; position: absolute; z-index: 1000; left: 0; top: 0;}
.pop_info-item .thum {position: relative; width: 33.33%;}
.pop_info-item .thum img{max-width:100%;}
.pop_info-item .expList {width: calc(100% - 33.33%); padding: 50px 80px 30px 86px; background: #f9f9f9; box-sizing:border-box;}
.pop_info-item .expList .tit {font-size: 1.5rem; font-weight: 700; color: #153a6a; border-bottom: 1px solid #ccc; padding-bottom: 8px; margin-bottom: 30px; }
.pop_info-item .expList ul li {position: relative; padding-left: 25px; font-size:17px; line-height:1.88; letter-spacing:-0.2px; color:#555}
.pop_info-item .expList ul li:before {content: "\e928";  font-family:'xeicon'; font-size:17px; color:#38b4bc; position: absolute; left: 0; top: 0px; }

.pop_info-item .expList .tit-box{position: relative; display: flex; width:100%; border-bottom:1px solid rgba(179,179,179,0.3); margin-bottom:30px; padding-bottom:30px;}
.pop_info-item .expList .tit-box:before{position: absolute; content:'\e921'; font-family:'xeicon'; font-size:32px; color:#222; right:0;}
.pop_info-item .expList .tit-box h4{font-size:32px; line-height:1.03; letter-spacing:-0.5px; color:#222; font-weight:700; margin-right:30px;}
.pop_info-item .expList .tit-box strong{font-size:28px; line-height:1.17; letter-spacing:-0.5px; color:#222; font-weight:500; opacity:0.6;}

.member-list-circle .pop_info-item .expList{background:#fff;}
.member-list-circle .member-list a{margin:22px; box-sizing:border-box;}
.member-list-circle .member-list a:after{border-radius:50%; overflow:hidden;}
.member-list-circle .member-list a .img{border-radius:50%; overflow:hidden;}
.member-list-circle .member-list .txtBox{bottom:50%; transform:translateY(50%); text-align:center; width:100%; left:0;}
.member-list-circle .member-list .txtBox dt{font-size:38px; margin-bottom:0; margin:20px 0;}
.member-list-circle .member-list .txtBox dd{font-size:22px;}

.member-list-circle .pop_info-item{background:#fff;}
.member-list-circle .pop_info-item .thum{padding:22px; box-sizing:border-box;}
.member-list-circle .pop_info-item .thum .img{border-radius:50%; overflow:hidden; max-width:400px; margin:auto;}

/* 하단 이미지 */
.member-bottom-img{margin-top:90px;}
.member-bottom-img img{max-width:100%;}

@media all and (max-width:1220px){
	.pop_info-item .expList {padding:30px; padding-bottom:20px;}
	.pop_info-item a {padding: 0 20px; left: 0; overflow-y: auto; display: block; position: fixed; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; /* height: 90%; */ box-sizing:border-box; /* margin-top:100px; */}
	.pop_info-item:after { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); position: fixed; left: 0; top: 0; z-index: -1; }

	.member-list-circle .member-list a{margin:10px;}
	.pop_info-item .thum{background:#fff;}

	.pop_info-item .expList .tit-box{margin-bottom:15px; padding-bottom:15px;}
	.pop_info-item .expList .tit-box:before{font-size:20px;}
	.pop_info-item .expList .tit-box h4{font-size:19px; margin-right:20px;}
	.pop_info-item .expList .tit-box strong{font-size:17px;}
	
	.pop_info-item .expList ul li {font-size:14px;}
	.pop_info-item .expList ul li:before {font-size:14px;}
}
@media all and (max-width:800px){
	.management-main-tit{font-size:30px; margin-bottom:30px; padding-bottom:20px;}
	.management-main-tit em:before{bottom:-18px;}
	.member-list{width:50%;}

	.pop_info-item .flexBox{display: block;}
	.pop_info-item .thum{width:100%; background:#fff; text-align:center;}
	.pop_info-item .expList{width:100%;}
	.pop_info-item .expList .tit-box:before{display: none;}

	.member-bottom-img{margin-top:60px;}
}
@media all and (max-width:480px){
	.member-list-circle .pop_info-item .thum{padding:20px;}
	.pop_info-item .expList{padding:30px 20px; position: relative; top:-1px;}
	.pop_info-item .expList .tit-box h4{font-size:17px; white-space:nowrap;}
	.pop_info-item .expList .tit-box strong{font-size:14px; /* white-space:nowrap; */}
	.pop_info-item .expList ul li{padding-left:20px; font-size:13px;}
}
/* ******************  네트워크 ********************** */
.network-container .tit {font-size:28px; text-align:center; font-weight: 700; line-height:1.571em; letter-spacing:-0.05em; color:#333;}
.network-container .img-box {margin:17px auto 170px; text-align:center;}
.network-container .img-box img {max-width:100%;}

@media all and (max-width:800px){
	.network-container .tit {font-size:19px;}
	.network-container .tit>br {display:none;}
}


/* ******************  뮤플러스 허벌테라피 ********************** */
.therapy-sum-wrap {margin-bottom: 0;}
.therapy-synergy-wrap {text-align:center; margin-top: 120px;}
.therapy-synergy-wrap .tit {font-size:38px; line-height:1.1; letter-spacing:-0.05em; color:#333; font-weight: 500; margin-bottom: 40px;}
.synergy-inner {border-radius:20px; border:3px solid transparent; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #8ecf3b 0%, #38b4bc 100%); /* padding:35px 0;  */    background-origin: border-box;
    background-clip: content-box, border-box;}
.synergy-inner .inner-box {padding:35px 0;}
.synergy-inner .sub-tit {display:inline-block; color:#fff; font-size:20px; line-height:1.3; letter-spacing:-0.05em; font-weight: 700; background: #38b4bc; border-radius:33px; padding:25px 9.5%; margin:0 0 5.41%;}
.synergy-inner .con-box {padding:0 63px;}
.synergy-inner .con-box img {max-width:100%;}
.synergy-inner .con.con1 {display:flex;  background: #f8f8f8; padding: 63px 0;}
.synergy-inner .con.con1 .left-box{width:30%;}
.synergy-inner .con.con1 b{display:block; font-size:18px; line-height:1.556em; letter-spacing:-0.05em; color:#333; font-weight: 700; padding: 15px 0;}
.synergy-inner .con.con1 p {font-size:16px; line-height:1.25em; letter-spacing:-0.05em; color:#e75adb;}
.synergy-inner .con-inner {display:flex; margin-top: 43px;}
.synergy-inner .con-inner>div {background: #f8f8f8; width:calc(100% - 4.4%);}
.synergy-inner .con-inner .con.con2 {margin-right:4.4%; padding: 65px 40px 45px;}
.synergy-inner .con-inner .con.con3 {padding: 30px 40px 0; box-sizing: border-box;}

@media all and (max-width:800px){
	.synergy-inner .sub-tit {font-size:15px; margin:0 20px 5.41%}
	.synergy-inner .con-box {padding:0 20px;}
	.synergy-inner .con-inner {flex-wrap:wrap; margin-top: 20px;}
	.synergy-inner .con-inner>div {width:100%;}
	.synergy-inner .con.con1 {flex-wrap:wrap; padding: 30px 10px;}
	.synergy-inner .con.con1 .left-box {width:100%; margin-bottom: 50px;}
	.synergy-inner .con.con1 .right-box {width:100%;}
	.synergy-inner .con.con1 b {font-size:14px;}
	.synergy-inner .con.con1 p {font-size:13px;}
	.synergy-inner .con-inner .con.con2 {margin-right: 0; margin-bottom: 20px; padding: 20px;}
	.synergy-inner .con-inner .con.con3 {padding: 20px;}
}

/* 항암, 대사질환 */
.disease-container {text-align:center;}
.disease-container .tit {display:inline-block; font-size:30px; line-height:1.1; letter-spacing:-0.05em; font-weight: 700; color:#333; margin-bottom: 16px;}
.disease-container .sub-tit {display:block; font-size:26px; line-height:1.3; letter-spacing:-0.05em; font-weight: 700; color:#38b4bc;}
.disease-inner-box {display:flex; margin:3.56% auto 10.9%;}
.disease-inner-box>div {width: 50%;}
.disease-inner-box .img-box {width:100%;}
.disease-inner-box .img-box img{max-width:100%;}
.disease-inner-box .img-box .img-inner-box {position:relative;}
.disease-inner-box .img-box .img-inner-box::before {display: block; content: ""; position: absolute; /* width: 335px; height: 335px; */ width:55.83%; height:76.3%; /* background: linear-gradient(120deg ,#38b4bc,#8ecf3b); */ /* border-radius: 50%;  */bottom: -31.2%; left: 3%; z-index: -1; opacity:0.8; background: url('/images/content/cancer_deco.png')no-repeat; background-size:contain;}
.disease-inner-box .txt-box {text-align:left; padding-left: 6.66%; box-sizing:border-box;}
.disease-inner-box .txt-box .list .item {border-bottom: 1px solid rgba(206,206,206,0.4); padding: 25px 0;}
.disease-inner-box .txt-box .tit {display:inline-block; font-size:22px; line-height:1.5; letter-spacing:-0.025em; color:#333; font-weight: 700; opacity:0.9; margin-bottom:9px;}
.disease-inner-box .txt-box .txt {position:relative; font-size:16px; line-height:1.75em; letter-spacing:-0.05em; color:#333; padding-left: 15px;}
.disease-inner-box .txt-box .txt>span {opacity:0.7;}
.disease-inner-box .txt-box .txt::before {position:absolute; display:block; content:""; width: 3px; height: 3px; background: #989898; left:0; top:12px;}
/* 항암 description 박스 */
.disease-container.cancer .des-box {display:flex; align-items:center; justify-content:center; background: url('/images/content/cancer_bg.jpg')no-repeat 50%; height:505px;}
.disease-container.cancer .des-box .des-inner-txt {padding:0 20px;}
.disease-container.cancer .des-box .tit {font-size:30px; line-height:1.3; letter-spacing:-0.05em; color:#fff; font-weight: 700;}
.disease-container.cancer .des-box .txt {font-size:24px; line-height:1.5; letter-spacing:-0.05em; color:#fff; font-weight: 300;}
/* 대사질환 description 박스 */
.disease-container.meta .des-box {display:flex; align-items:center; justify-content:center; background: url('/images/content/cancer_bg.jpg')no-repeat 50%; height:505px;}
.disease-container.meta .des-box .des-inner-txt {padding:0 20px;}
.disease-container.meta .des-box .tit {font-size:30px; line-height:1.3; letter-spacing:-0.05em; color:#fff; font-weight: 700;}
.disease-container.meta .des-box .txt {font-size:24px; line-height:1.5; letter-spacing:-0.05em; color:#fff; font-weight: 300;}
.disease-container.meta .des-box.disease {background: none; display:inherit; height:auto;}
.disease-container.meta .des-box.disease .tit {color:#333;}
.disease-container.meta .des-box.disease .obesity-area.one {margin: 0 auto 117px;}
.disease-container.meta .des-box.disease .obesity-area.two {margin: 0 auto 200px;}

@media all and (max-width:800px){
	.disease-container .tit {font-size:20px;}
	.disease-container .sub-tit {font-size:18px;}
	.disease-inner-box {flex-wrap:wrap; margin:5% auto 10.9%;}
	.disease-inner-box>div {width:100%;}
	.disease-inner-box .txt-box {margin-top:50px; padding-left: 0;}
	.disease-inner-box .txt-box .tit {font-size:16px;}
	.disease-inner-box .txt-box .txt {font-size:13px;}	
	.disease-inner-box .txt-box .txt::before{top:10px;}	
	.disease-container.cancer .des-box {height:300px;}
	.disease-container.cancer .des-box .tit {font-size:20px;}
	.disease-container.cancer .des-box .txt {font-size:17px;}

	.disease-container.meta .des-box {height:300px;}
	.disease-container.meta .des-box .tit {font-size:20px;}
	.disease-container.meta .des-box .txt {font-size:17px;}

	.disease-container.meta .des-box.disease .obesity-area.one {margin: 0 auto 50px;}
	.disease-container.meta .des-box.disease .obesity-area.two {margin: 0 auto 50px;}
}

/* 플랫폼 기술 */
.platform-container {text-align:center;}
.platform-container .tit {display:inline-block; font-size:30px; line-height:1.1; letter-spacing:-0.05em; color:#333; font-weight: 700; margin-bottom: 70px;}
.platform-container img {max-width:100%;}

@media all and (max-width:800px){
	.platform-container .tit {font-size:20px;}
}


/******** ci service *********/
/*===== bi =====*/
.bi-container .bi-bg{background: url('/images/content/bi_bg.jpg')no-repeat; height:391px; text-align:center;}
.bi-container .tit {font-size:38px; line-height:1.1; letter-spacing:-0.02em; color:#232323; padding-top: 120px;}
.bi-container .area {position:relative; top:-127px;}
.bi-container .gradient-box-top {margin-bottom:70px;}
.bi-container .gradient-box-top .box {border:1px solid #ddd; border-top:2px solid #333; margin-top:5px;}
.bi-container .gradient-box-top.flex .box {display:flex; align-items:center;}
.bi-container .gradient-box-top.flex .box ul {width:50%;}
.bi-container .gradient-box-top.flex .box .img-box {width:50%;}
.bi-container .gradient-box-top .box .img-box {text-align:center;}
.bi-container .gradient-box-top .box .img-box img{max-width:100%;}
.bi-container .gradient-box-top .gray-box-list {/* border-top:2px solid #333; *//*  margin-top:5px; */ /* border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; */ background: #fff; padding:25px 0;} 
.bi-container .gradient-box-top .gray-box-list li {background: #fff; margin-top:0;}
.bi-container .gradient-box-top .gray-box-list li p {line-height:1.5; margin-bottom:10px; padding:0 27px 0 60px;}
.bi-container .gradient-box-top .gray-box-list li p.high-arrow:before {top:9px;}

.bi-container .gradient-box-top.two .box {padding-bottom:60px;}
.bi-container .gradient-box-top.four .box{flex-direction:row-reverse;}
.bi-container .gradient-box-top.five {margin-bottom: 60px;}
.bi-container .gradient-box-top.five .box .img-box {margin-top: -20px;}
.button-box {text-align:center;}
.button-box>span,
.button-box>a {display:inline-block; width:280px; background: #163a6b; padding: 18px 0; text-align: center; border-radius: 50px; color: #fff; font-size:19px; letter-spacing:-0.05em; line-height:1.1; cursor:pointer;}
.button-box .application-btn {margin-right: 1.66%; margin-bottom: 2%;}
.button-box .down-btn {background:#51afb5; letter-spacing:-0.08em;}
.button-box .down-btn i {position:relative; top:2px; margin-left:30px;}

@media all and (max-width:800px){
	
	.bi-container .bi-bg{background: url('/images/content/bi_bg.jpg')no-repeat; height:auto; padding-bottom:30px;}
	.bi-container .tit {font-size:24px; padding:60px 20px 0;}
	.bi-container .area{top:auto;}
	.bi-container .gradient-box-top {top:-120px; margin-bottom: 30px;}
	.bi-container .gradient-box-top .gray-box-list li p {padding: 0 10px 0 30px;}
	.bi-container .gradient-box-top .gray-box-list li p br {display:none;}
	.bi-container .gradient-box-top.flex .box {flex-wrap:wrap; padding-bottom:30px;}
	.bi-container .gradient-box-top.flex .box ul {width: 100%;}
	.bi-container .gradient-box-top.flex .box .img-box {width: 100%;}

	.bi-container .gradient-box-top.two .box {margin-bottom:30px;}
}

/*===== crdo =====*/
.crdo-content {}
.crdo-content .gradient-box-top {margin-bottom: 5%;}
.crdo-content .box .tit01{font-size:26px; line-height:1.077em; letter-spacing:-0.02em; text-align:center; color:#333; font-weight: 500; margin-bottom: 15px;} 
.crdo-content .box .tit01 .highlight {color:#38b4bc;}
.crdo-content .box .tit02{font-size:19px; line-height:1.474em; letter-spacing:-0.02em; text-align:center;}
.crdo-content .box .tit02 .highlight {color:#333; font-weight: 500;}
.crdo-content .gradient-box-top:first-child .box {margin-top:5px; border-top:2px solid #333; padding:30px 0; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.crdo-content .gradient-box-top.two h4 {margin-bottom:40px;}
.crdo-content .gradient-box-top.two .tit {font-size:20px; line-height:1.5em; letter-spacing:-0.02em; font-weight: 700; background: #51afb5; padding: 20px 0; color:#fff; text-align:center;}
.crdo-content .gradient-box-top.two table {width:100%;}
.crdo-content .gradient-box-top.two table tr {border-bottom:1px solid #ddd;}
.crdo-content .gradient-box-top.two table th {width:20.83%; font-size:20px; line-height:1.65em; letter-spacing:-0.02em; color:#555; font-weight: 500; background:#f5f5f5; padding:0 20px;}
.crdo-content .gradient-box-top.two table td i {position: relative; top:2px; font-size:24px; color:#51afb5; margin-right:10px;}
.crdo-content .gradient-box-top.two table td {font-size:18px; line-height:2.111em; letter-spacing:-0.02em; color:#555; padding:15px 25px;}

.crdo-content .process-box {padding-top:28px;}
.crdo-content .process-box .tit {position: relative; font-size:32px; line-height:1.031em; letter-spacing:-0.05em; color:#222; font-weight: 500; margin-bottom: 55px;}
.crdo-content .process-box .tit::before {display:block; content:""; position:absolute; width:85px; height:1px; background:#111; top:-28px; left:0; }
.crdo-content .process-box .img-box {margin-bottom: 10%;}
.crdo-content .process-box .img-box img {max-width:100%;}  

.diagram-wrap{z-index:9}
/* .crdo-content .diagram-box .standard {position: relative; background: url('/images/content/crdo_diagram_img.png')no-repeat; width:436px; height:436px; margin:340px auto;} */
.crdo-content .diagram-box .standard {display:inline-block; /* width:36.33%; */ width:436px;}
.crdo-content .diagram-box .standard img{max-width:100%;}
/* .crdo-content .diagram-box .standard::before {width: 434px; height: 434px; border: 4px dashed #ddd; top: 50%; left: 50%; content: ""; display: block; position: absolute; border-radius: 50%; border-width: 2px; transform: translate(-50%,-50%);} */
.crdo-content .diagram-box .s-box {display:flex; justify-content:center; align-items:center; text-align:center; position:absolute; width: 130px; height: 130px; border-radius:50%; background: #8bce40;}
.crdo-content .diagram-box .s-box .name {font-size:17px; line-height:1.941em; letter-spacing:-0.02em; color:#fff; margin-top:15px;}
.crdo-content .diagram-box .s-box .pop-box {position:absolute; display:none; background: #f5f5f5; border-radius:15px; width:250px;/*  height:250px; */ padding:25px 35px; box-sizing:border-box;}
.crdo-content .diagram-box .s-box .pop-box .list-tit {position: relative; font-size:17px; line-height:1.529em; letter-spacing:-0.045em; color:#333; text-align:left; padding-left: 15px;}
.crdo-content .diagram-box .s-box .pop-box .list-tit::before {display:block; content:""; position:absolute; width: 3px; height:3px; background: #808080; left:0; top:10px;}
.crdo-content .diagram-box .s-box .pop-box .detail-btn {display:inline-block; background: #232323; border-radius:14.5px; cursor:pointer; margin-top:20px;}
.crdo-content .diagram-box .s-box .pop-box .detail-btn span{font-size:13px; line-height:2em; letter-spacing:-0.045em; color:#fff; font-weight: 300; padding:8px 17px;}
.crdo-content .diagram-box .s-box .pop-box .detail-btn i {padding-left: 35px;}


.crdo-content .diagram-box {text-align:center; position:relative; margin:200px 0; z-index:99}
.crdo-content .diagram-box .s-box {position: absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.crdo-content .diagram-box .s-box .pop-box {position:absolute; bottom:50%; right:0; z-index:99;}
/* .crdo-content .diagram-box .box1 {top:-93px; left:50px;}
.crdo-content .diagram-box .box2 {top:-93px; left:257px;}
.crdo-content .diagram-box .box3 {top:50px; left:397px;}
.crdo-content .diagram-box .box4 {top:253px; left:397px;}
.crdo-content .diagram-box .box5 {bottom:-93px; left:257px;}
.crdo-content .diagram-box .box6 {bottom:-93px; left:50px;}
.crdo-content .diagram-box .box7 {bottom:53px; right:397px;}
.crdo-content .diagram-box .box8 {top:50px; right:397px;} */

/* .crdo-content .diagram-box .box1 {top:-93px; left:36.16%; }
.crdo-content .diagram-box .box2 {top:-93px; left:53.33%; }
.crdo-content .diagram-box .box3 {top:50px; right:23.83%;}
.crdo-content .diagram-box .box4 {top:253px; right:23.83%; }
.crdo-content .diagram-box .box5 {bottom:-93px;  right:35.75}
.crdo-content .diagram-box .box6 {bottom:-93px; left:36.16%}
.crdo-content .diagram-box .box7 {bottom:53px; left:24.25%;}
.crdo-content .diagram-box .box8 {top:50px; left:24.25%; } */

.crdo-content .diagram-box .box1 {margin-top:-245px; margin-left:-100px; background:#3cb5b5;}
.crdo-content .diagram-box .box2 {margin-top:-245px; margin-left:100px; background:#8bce40;}
.crdo-content .diagram-box .box3 {margin-top:-100px; margin-left:-245px; background:#41b6ae;}
.crdo-content .diagram-box .box4 {margin-top:-100px; margin-left:245px; background:#81cb4e;}
.crdo-content .diagram-box .box5 {margin-top:100px; margin-left:-245px; background:#48b9a3;}
.crdo-content .diagram-box .box6 {margin-top:100px; margin-left:245px; background:#74c762;}
.crdo-content .diagram-box .box7 {margin-top:245px; margin-left:-100px; background:#53bc93;}
.crdo-content .diagram-box .box8 {margin-top:245px; margin-left:100px; background:#60c080;}

@media all and (min-width:801px){
	.crdo-content .diagram-box .s-box:hover .pop-box {display:block;}
}
@media all and (max-width:800px){
	.crdo-content .box .tit01 {font-size:18px;}
	.crdo-content .box .tit02 {font-size:15px;}

	.crdo-content .gradient-box-top.two .tit {font-size:15px;}
	.crdo-content .gradient-box-top.two table th {font-size:15px;}
	.crdo-content .gradient-box-top.two table td {font-size:14px; padding:15px;}
	.crdo-content .gradient-box-top.two table td i{top:5px; margin-right:5px;}
	
	.crdo-content .process-box .tit {font-size:21px; margin-bottom:30px;}
	
	.crdo-content .diagram-box{margin:30px 0;}
	.crdo-content .diagram-box .standard{width:100%;}
	.crdo-content .diagram-box-list{display: flex; flex-wrap:wrap; margin-top:50px;}
	.crdo-content .diagram-box .s-box {flex-wrap:wrap;  position: relative; top:auto; left:auto; margin:auto; margin-left:0; transform:none; width:48%; height:auto; background:none; margin-bottom:50px;}
	.crdo-content .diagram-box .inner-box{display: flex; align-content:center; justify-content:center; flex-wrap:wrap; width:100px; height:100px; border-radius:50%; margin-bottom:15px;}
	.crdo-content .diagram-box .inner-box .name{width:100%; text-align:center; margin-top:5px; font-size:14px;}

	.crdo-content .diagram-box .s-box .pop-box{position: relative; display: block; width:100%; padding:20px 15px; height:16rem; display: flex; flex-wrap:wrap; align-content: space-between}
	.crdo-content .diagram-box .s-box .pop-box > ul{width:100%;}
	.crdo-content .diagram-box .s-box .pop-box .list-tit{font-size:13px; padding-left:10px;}
	.crdo-content .diagram-box .s-box .pop-box .detail-btn{margin:auto;}
	.crdo-content .diagram-box .s-box .pop-box .detail-btn i{padding-left:10px;}
	
	.crdo-content .diagram-box .box1 .inner-box{background:#3cb5b5;}
	.crdo-content .diagram-box .box2 .inner-box{background:#8bce40;}
	.crdo-content .diagram-box .box3 .inner-box{background:#41b6ae;}
	.crdo-content .diagram-box .box4 .inner-box{background:#81cb4e;}
	.crdo-content .diagram-box .box5 .inner-box{background:#48b9a3;}
	.crdo-content .diagram-box .box6 .inner-box{background:#74c762;}
	.crdo-content .diagram-box .box7 .inner-box{background:#53bc93;}
	.crdo-content .diagram-box .box8 .inner-box{background:#60c080;}

	.button-box>span, .button-box>a{width:45%; padding:13px 0; font-size:14px;}
	.button-box .down-btn i{margin-left:10px;}
}
@media all and (max-width:480px){
	.button-box>span, .button-box>a{width:100%;}
	.crdo-content .diagram-box .s-box{width:100%;}
	.crdo-content .diagram-box .s-box .pop-box{height:auto;}
	.crdo-content .diagram-box .s-box .pop-box .detail-btn{margin-top:2rem;}
}

/* 서브 팝업창 */
.sub-modal-content{position: relative; width:96%; max-width:1200px; margin:20px auto; padding:60px 55px; box-sizing:border-box; background:#fff;}
.sub-modal-content .modal-close-btn{position: absolute; top: 57px; right: 51px; color: #000; z-index:9; }
.sub-modal-content .modal-close-btn i {font-size:32px;}
.sub-modal-content .modal-close-btn i:hover {color:#000}
/* CRDO 상세보기 팝업 */
.crdo-content .detail-box {/* display:none; */ position: relative; width: 100%; max-width: 1200px; }
.crdo-content .detail-box .table-tit{font-size:32px; line-height:1.1; letter-spacing:-0.05em; color:#222; font-weight: 500; margin-bottom: 43px; text-align:left;}
.crdo-content .detail-box .table-tit .pop-close {float:right; position:relative; top:2px; cursor:pointer;}
.crdo-content .detail-box .sub-tit {position: relative; display:inline-block; font-size:26px; line-height:1.269em; letter-spacing:-0.05em; color:#333; padding-left: 45px; font-weight: 500; margin-bottom: 15px; float:left;}
.crdo-content .detail-box .sub-tit::before {display:block; content:""; position:absolute; left:0; top:0; width:29px; height: 29px;}
.crdo-content .detail-box .sub-tit.sub-pop-01::before{background: url('/images/content/cancer_icon.png')no-repeat;}
.crdo-content .detail-box .sub-tit.sub-pop-02::before{background: url('/images/content/crdo_pop_icon01.png')no-repeat;}
.crdo-content .detail-box .sub-tit.sub-pop-03::before{background: url('/images/content/crdo_pop_icon02.png')no-repeat;}
.crdo-content .detail-box .sub-tit.sub-pop-04::before{background: url('/images/content/crdo_pop_icon03.png')no-repeat;}
.crdo-content .detail-box .sub-tit.sub-pop-05::before{background: url('/images/content/crdo_pop_icon04.png')no-repeat;}
.crdo-content .detail-box .sub-tit.sub-pop-06::before{background: url('/images/content/crdo_pop_icon05.png')no-repeat;}
.crdo-content .detail-box .sub-tit.sub-pop-07::before{background: url('/images/content/crdo_pop_icon06.png')no-repeat;}
.crdo-content .detail-box .sub-tit.sub-pop-08::before{background: url('/images/content/crdo_pop_icon07.png')no-repeat;}
.crdo-content .detail-box table{width:100%; max-width:1200px;}
.crdo-content .detail-box table thead tr {background: #3cb5b5;}
.crdo-content .detail-box table thead tr th {color:#fff; font-size:17px; line-height:1.588em; letter-spacing:-0.02em; font-weight: 400; padding:15px 0; border-right: 1px solid #efefef; text-align:center;} 
.crdo-content .detail-box table tbody tr th {color:#5d5d5d; font-size:15px; line-height:1.8em; letter-spacing:-0.02em; text-align:center; font-weight: 400; background:rgba(192,192,192,0.07); border-bottom:1px solid #efefef; border-right: 1px solid #efefef; padding:0 1rem;}
.crdo-content .detail-box table tbody tr td {color:#8c8c8c; font-size:15px; line-height:1.8em; letter-spacing:-0.02em; text-align:center; padding:15px 1rem 18px; border-bottom:1px solid #efefef; border-right: 1px solid #efefef; }
.crdo-content .detail-box table tbody tr td:last-child {border-right:none;}

/* CRDO 서비스신청 팝업 */
.counseling-box {/* position:fixed; */ position:relative; /* display:none; */ width:100%; max-width:1200px; /* height:1091px;  */}
.counseling-box h3.main-tit {font-size:32px; line-height:1.1; letter-spacing:-0.05em; color:#222; font-weight:500; margin-bottom:30px;}
.counseling-box h3.main-tit .application-close {float:right; position:relative; top:2px; cursor:pointer;}
.counseling-box h3.main-tit.tit02 {font-size:24px; line-height:1.375em; margin-bottom:15px;}
.counseling-box h3.main-tit a.down {float:right; font-size:15px; line-height:1.3; letter-spacing:-0.02em; color:#e9e9e9; background:#163a6b; border-radius:20.5px; padding:10px 25px;}
.counseling-box h3.main-tit a.down i {position: relative; top:2px; padding-left:93px;}

.counseling-box .bbs-write-tbl {border-top:1px solid #b3b3b3; margin-bottom: 50px;}
.bbs-write-tbl .write-input {background: #f5f5f5; width:41.16%; border:none; text-indent: 15px; font-size: 15px; letter-spacing: -0.02em; color: #8c8c8c;}
.bbs-write-tbl .write-select {background: #f5f5f5; border:none; text-indent: 15px;}
.counseling-box .bbs-write-tbl th {font-size:17px; line-height:1.588em; letter-spacing:-0.02em; color:#555; font-weight:500; padding-left:0;}
.bbs-write-tbl th, .bbs-write-tbl td {padding:15px 10px; border-bottom:1px solid #efefef;}
.bbs-write-tbl .write-input, .bbs-write-tbl .write-select, .bbs-write-tbl .write-textarea {height:43px;}
.counseling-box .bbs-write-tbl td input[type="file"] {text-indent:10px;}
.counseling-box .notice {font-size:14px; line-height:1.929em; letter-spacing:-0.02em; color:#ff3e3e;}
.counseling-box .bbs-write-tbl.tbl02 th {vertical-align:top; padding-top:27px;}
.counseling-box .bbs-write-tbl.tbl02 tr:last-child td{border-bottom:0;}

.counseling-box .animal-notice .txt {position: relative; font-size:16px; line-height:1.813em; letter-spacing:-0.02em; color:#717171; padding-left: 10px;}
.counseling-box .animal-notice .txt::before {position:absolute; content:""; display:block; width:3px; height:3px; background:#8c8c8c; border-radius:50%; left:0; top:12px;}

.counseling-box .btn-box {text-align:center;}
.counseling-box .submit {font-size:18px; line-height:1.1; letter-spacing:-0.05em; background: #163a6b; color:#fff; padding:15px 70px; border-radius:50px;}

.bbs-write-tbl .phone-fieldset .write-input,
.bbs-write-tbl .phone-fieldset .write-select{max-width:150px;}

@media all and (max-width:800px){
	.sub-modal-content{padding:30px 15px;}
	.sub-modal-content .modal-close-btn{top:30px; right:15px;}

	.crdo-content .detail-box .table-tit{padding-right:30px;}
	.bbs-write-tbl .phone-fieldset .write-input,
	.bbs-write-tbl .phone-fieldset .write-select{max-width:none;}
}
@media all and (max-width:640px){
	.counseling-box h3.main-tit a.down{display: block; float:none; margin:20px 0; position: relative;}
	.counseling-box h3.main-tit a.down i{position: absolute; right:24px; top:12px;}
}

/* ******************  251110 수정 :: 레이아웃 **********************
#wrap #gnb > ul{margin-right:320px;}	

@media all and (max-width: 1520px) {
	#wrap #gnb > ul{margin-right:300px !important;}
}

@media all and (max-width: 1280px) {
	#wrap #gnb > ul{margin-right:270px !important;}
}

@media all and (max-width: 800px) {
	.platform-container .tit {margin-bottom: 35px;}
} */