@charset "utf-8";




h4.title {font-size:26px;color:#088fd5;font-weight:600;margin:20px 0 10px 0;}
h4.title1 {font-size:20px;color:#088fd5;margin:20px 0 10px 0;border-top:1px solid #ddd;padding:20px 0 0 0;}
h5.title {font-size:20px;color:#fff;font-weight:400;margin:20px 0 0px 0;display:inline-block;background:#088fd5;padding:8px 25px;border-radius:20px;}
h5.title1 {font-size:17px;color:#000;font-weight:400;margin:20px 0 5px 0;}

/*센터소개 */
.sub01_intro01 {position:relative;padding:20px 0;text-align:center;}
.sub01_intro01 .slogan-wrap:before {background:url(../images/sub/intro_intro_line_left.png) no-repeat 0 50%;position:absolute;left:10%;top:50%;width:20%;height:35px;z-index:1;content:"";}
.sub01_intro01 .slogan-wrap:after {background:url(../images/sub/intro_intro_line_right.png) no-repeat 100% 50%;position:absolute;right:10%;top:50%;width:20%;height:35px;z-index:1;content:"";}
.sub01_intro01 .slogan-wrap span {display:inline-block;padding:0 10px;color:#192857;font-size:28px;position:relative;z-index:10;background:#fff;letter-spacing:-0.5px;line-height:1.3em;font-weight:600;}
.sub01_intro01 .slogan-wrap {position:relative;}
.sub01_intro01 ul.first {margin:30px auto 0px;}
.sub01_intro01 ul.first li {padding:20px 40px;line-height:1.3em;word-break: keep-all;width:29%;float:left;margin:1% 2%;font-size:1em;min-height:282px;background:url(../images/sub/intro_intro_img01.png) no-repeat center center;background-size: 100%;}
.sub01_intro01 ul.first li p.tit {margin:30px auto 10px;padding-top:30px;color:#007bba;font-weight:600;font-size:1.3em;}
.sub01_intro01 .fl_l {width:35%;text-align:center;margin-top:120px;} /* 200513modi 슬로건위치조정 */
.sub01_intro01 .fl_r {width:65%;text-align:left;margin-top:80px;}
.sub01_intro01 .fl_r .subtitle {float:left;width:90px;margin-bottom:10px;color:#fff;font-weight:600;font-size:1.2em;display:block;background:#0789d5;padding:0;border-radius: 50%;text-align:center;margin-top:20px;line-height:90px;}
.sub01_intro01 .fl_r strong {color:#192857;margin-bottom:10px;font-weight:600;display:block;font-size:1.2em;}
.sub01_intro01 .fl_r p.txt {float:right;width:calc(100% - 110px);line-height:1.4em;margin-top:20px;font-size:0.9em;word-break: keep-all;font-family:'Noto Sans KR','NanumSquare',Dotum, Arial, sans-serif;}



.sub01_intro02 {position:relative;padding:0 0 20px 0;}
.sub01_intro02 .fl_l {width:56%;}
.sub01_intro02 .fl_r {width:40%;}

.sub01_greeting {position:relative;padding:20px 0;}
.sub01_greeting .slogan-wrap {color:#088fd5;font-size:34px;margin:0 0 50px 0;}
.sub01_greeting p {margin:0 0 30px 0;line-height:1.5em;word-break: keep-all;}

.sub02_greeting p.title {background:url(../images/sub/intro_intro_icon03.png) no-repeat 0 0;width:124px;line-height:34px;display:inline-block;padding:0 10px;color:#fff;text-align:center;font-weight:600;margin:10px 0;}
.sub02_greeting p.dot {background:url(../images/sub/intro_intro_icon04.png) no-repeat 20px 7px;padding-left:35px;line-height:1.3em;}
.sub02_greeting ol {list-style:none;margin:0 0 0 20px;padding:0;}
.sub02_greeting li {padding:5px 0;line-height:1.3em;letter-spacing:-0.5px;}
.sub02_greeting li span {font-style:italic;color:#088fd5;font-weight:600;margin-right:5px;font-size:1.1em;}

.sub01_statistic {position:relative;padding:0 0 20px 0;}

.sub01_organ {position:relative;padding:20px 0;}
.sub01_organ .slogan-wrap {font-size:30px;margin:0 0 50px 0;}
.sub01_organ p {line-height:1.5em;word-break: keep-all;}
.sub01_location {position:relative;padding:0 0 20px 0;}
.location_icon {background:#088fd5;border-radius:50%;width:70px;height:70px;color:#fff;text-align:center;line-height:70px;margin:0 auto 10px;}
.location_icon i {line-height:70px;}
.btn_location {text-align:right;margin:10px 0;}
.btn_location a {background:#ecf7fb url(../images/sub/icon_location.png) no-repeat 10px 50%;padding:10px 10px 10px 40px;display:inline-block;border:1px solid #dddddd;border-radius:5px;color:#426dca;}
.btn_location a:hover {border:1px solid #426dca;}


.sub01_clinical {position:relative;padding:0 0 20px 0;}
.sub01_clinical p {margin:0 0 30px 0;line-height:1.5em;word-break: keep-all;}
.sub01_clinical .img {margin:30px 0;background:url(../images/main/main_sec03.png) no-repeat center bottom;background-attachment: fixed;padding:100px 0;}
.claim_flow {background:#f8f8f8;border-top:1px solid #222;padding:20px;margin:80px 0 0 0}
.claim_flow li {float:left;width:50%;border-left:1px solid #d9d9d9;background:url(../images/sub/icon_tel02.png) no-repeat 30px 50%;padding:10px 0 10px 95px;}
.claim_flow li strong {display:block;font-size:1.4em;color:#000;margin-top:10px;}
.claim_flow li:first-child {border-left:none;background:url(../images/sub/icon_tel01.png) no-repeat 30px 50%;}

.sub03_process {}
.sub03_process ul {margin:0;}
.sub03_process li {list-style:none;padding:0px 0;}
.sub03_process .fl_l {width:25%;border:1px solid #e0dcdc;background:#f9f9f9;padding:10px;}
.sub03_process .fl_l div {border:3px solid #fff;background:#ecf7fb;text-align:center;color:#088fd5;padding:30px 0;}
.sub03_process .fl_l div strong {display:block;margin-top:5px;font-size:1.4em;}
.sub03_process .fl_r {width:72%;padding:10px 0 0 0;line-height:1.4em;word-break: keep-all;}
.sub03_process .process-flow {clear:both;padding:20px 0;color:#dedede;text-align:center;width:25%;}

ul.dotType01 li {background:url(../images/common/icon01.png) no-repeat 0 19px;padding:8px 0 8px 10px;line-height:1.3em;}
ol.dotType01 {margin-left:20px;}
ol.dotType01 li {padding:8px 0 8px 0px;line-height:1.3em;}
ol.dotType02 {margin-left:20px;}
ol.dotType02 li {list-style:lower-alpha;padding:8px 0 8px 0px;line-height:1.3em;}

a.btn_download {background:#fff;padding:2px 10px;display:inline-block;border:1px solid #dddddd;border-radius:5px;color:#426dca;margin-top:10px;}
a.btn_download:hover {border:1px solid #426dca;}

.ecase_go {text-align:center;padding-top:50px;}
.ecase_go a {background:#192857;border:1px solid #192857;padding:10px 25px;font-size:1.2em;color:#fff;border-top-right-radius: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;}
.ecase_go a:hover {background:#fff;color:#192857;}

.modal-policy {padding:20px 0;}
.modal-policy h5 {font-size:1.1em;color:#000;margin-bottom:10px;}
.modal-policy .policy_wrap {height:150px;overflow-y:scroll;border:1px solid #ddd;padding:10px;font-size:0.8em;line-height:1.3em;margin-bottom:5px;}

.irb_no1 {background:url(../images/sub/irb_img02.png) no-repeat 0 0;padding:0 0 0 78px;min-height:68px;line-height:1.3em;margin:20px 0 20px 0;}
.irb_no2 {background:url(../images/sub/irb_img03.png) no-repeat 0 0;padding:0 0 0 78px;min-height:68px;line-height:1.3em;margin:0 0 20px 0;}
.irb_no3 {background:url(../images/sub/irb_img04.png) no-repeat 0 0;padding:0 0 0 78px;min-height:68px;line-height:1.3em;margin:0 0 20px 0;}
.irb_no4 {background:url(../images/sub/irb_img05.png) no-repeat 0 0;padding:0 0 0 78px;min-height:68px;line-height:1.3em;margin:0 0 0px 0;}

.irb-box {background:#f8f8f8;padding:20px;border-radius:10px;}

.table-wrap {margin:20px 0;}
/*board*/
.tableA {clear:both;display: table;width:100%;border-collapse:separate;border-spacing:0;margin:0;border-top:1px solid #222222;table-layout:fixed;}
.tableA thead th {background: #f8f8f8;padding:15px 5px;border-left:1px solid #eeeeee;border-bottom:1px solid #eeeeee;font-weight:600;color:#55565a;line-height:1.3em;}
.tableA thead th:first-child {border-left:none;}
.tableA tbody th {background: #fff;padding:15px 5px;border-bottom:1px solid #eeeeee;vertical-align:middle;}
.tableA tbody td {border-left:1px solid #eeeeee;border-bottom:1px solid #eeeeee;padding:15px 5px;text-align:center;vertical-align:middle;line-height:1.3em;}
.tableA tbody td:first-child {border-left:none;}
.tableA tfoot td {background: #f8f8f8;border-left:1px solid #eeeeee;border-bottom:1px solid #eeeeee;padding:15px 5px;text-align:center;vertical-align:middle;line-height:1.3em;}
.tableA tfoot td:first-child {border-left:none;}
.tableB {clear:both;display: table;width:100%;border-collapse:separate;border-spacing:0;margin:0;border-top:2px solid #222222;table-layout:fixed;}
.tableB thead th {background: #f8f8f8;padding:15px 5px;border-left:1px solid #eeeeee;border-bottom:1px solid #eeeeee;font-weight:600;color:#55565a;}
.tableB tbody th {background: #f8f8f8;padding:15px 5px;border-bottom:1px solid #eeeeee;vertical-align:middle;color:#000000;line-height:1.3em;}
.tableB tbody td {border-bottom:1px solid #eeeeee;padding:15px 10px;text-align:center;vertical-align:middle;line-height:1.3em;}
.tableB tbody td.title {border-right:1px solid #eeeeee;color:#000000;}
.tableB tbody td .btn {color:#fff;background:#55565a;border-radius:5px;margin-left:10px;display:inline-block;font-size:0.9em;padding:3px 10px;margin-top:10px;}


/* desktop 1600*/
@media screen and (max-width:1600px){		

}

/* desktop 1366 */
@media screen and (max-width:1366px){		

}

/* desktop 1280 */
@media screen and (max-width:1280px){		
.container {width:95%;}
}

/* desktop 1200 */
@media screen and (max-width:1200px){		

}

/* desktop 1060 */
@media screen and (max-width:1065px){		
.sub01_intro01 .fl_l img {width:90%;}
}

/* desktop 1024 */
@media screen and (max-width:1024px){		
	

}

/* desktop 768 */
@media screen and (max-width:768px){	
	h4.title {font-size:21px;}
	h5.title {font-size:17px;padding:5px 15px;}
	h4.title1 {font-size:17px;margin:10px 0 10px 0;padding:10px 0 0 0;}
	h5.title1 {font-size:15px;margin:10px 0 5px 0;}
	.sub01_intro02 .fl_r img {width:100%;} 
	.sub01_intro01 ul.first li {    min-height: 212px;}
	.sub01_intro01 ul.first li p.tit {    margin: 10px auto 10px;    padding-top: 20px;}
}

/* mobie 640 */
@media screen and (max-width:640px){
	.sub01_intro02 .fl_l, .sub01_intro02 .fl_r {float:none;width:100%;}
	.sub01_intro02 .fl_r {text-align:center;margin-top:10px;}
	.sub01_intro02 .fl_r img {width:80%;margin:0 auto;} 
	.sub01_intro01 ul.first li {    min-height: 176px;}
	.sub01_intro01 ul.first li p.tit {    margin: 0px auto 10px;    padding-top: 20px;}
	.sub02_greeting li {letter-spacing: -0px;}
	.sub01_intro01 .fl_l {float:none;    width: 100%;    margin-top: 30px;}
	.sub01_intro01 .fl_l img {width:auto;}
	.sub01_intro01 .fl_r {float:none;    width: 100%;    margin-top: 30px;}
	
	.irb-box {padding:10px;}
}

/* mobie 414 */
@media screen and (max-width:425px){	
	h4.title {font-size:18px;}
	h5.title {font-size:15px;}
	h4.title1 {font-size:15px;}
	h5.title1 {font-size:13px;}
	
	.location_icon {width:30px;height:30px;line-height:30px;}
	.location_icon i {line-height:30px;font-size:22px}
	.tableB tbody td .ml20 {margin-left:0!important;margin-top:20px;}
	
	ul.dotType01 li {        padding: 5px 0 5px 10px;}
	
	
.sub01_greeting .slogan-wrap {font-size:20px;margin:0 0 30px 0;}
	.sub01_intro01 .slogan-wrap:before {    left: 0%;}
	.sub01_intro01 .slogan-wrap:after {    right: 0%;}
.sub01_greeting p {line-height:1.5em;margin:0 0 20px 0;}
	
	.sub01_organ .slogan-wrap {font-size:20px;margin:0 0 30px 0;line-height:1.3em;}
	.sub01_intro01 ul.first li {float:none;width:96%;background:#ecf7fb;background-image:none;padding:10px 10px 10px 10px;min-height:auto;border-radius:15px;border:1px solid #e0dcdc;}
	.sub01_intro01 ul.first li p.tit {    margin: 0px auto 10px;    padding-top: 0px;}
	.claim_flow {padding:20px 0;margin:40px 0 0 0}
.claim_flow li {float:none;width:100%;border-left:none;}
.claim_flow li strong {margin-top:5px;}
.claim_flow li:first-child {margin-bottom:20px;}
	
.sub03_process .fl_l {float:none;width:100%;padding:5px;}
.sub03_process .fl_l div {border:2px solid #fff;padding:10px 0;}
.sub03_process .fl_r {float:none;width:100%;padding:10px 0;}
.sub03_process .process-flow {padding:10px 0;width:100%;}
.ecase_go {padding-top:30px;}
.ecase_go a {padding:5px 15px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
}