@charset "UTF-8";


.main .section2 .inner .reservation .call_box .text em{ display:block; margin-top: 9px; margin-right: 13px; font-weight: 500;font-family: 'gmarket'; color:#5c5b5b;line-height: 1;}
.main .section2 .inner .lists ul li{width: 33.333%;/* padding: 19px 0 25px 0; */}

.main .section2 .inner .lists ul li:nth-child(1) .img{ background: url(/template/centerC/images/main/sec2_list19.png) center no-repeat; }
.main .section2 .inner .lists ul li:nth-child(2) .img{ background: url(/template/centerC/images/main/sec2_list20.png) center no-repeat; }
.main .section2 .inner .lists ul li:nth-child(3) .img{ background: url(/template/centerC/images/main/sec2_list21.png) center no-repeat; }

.main .section5 .text_box .inner .content_wrap .wrap{width:85%;padding-left: 330px;}
.main .section5 .inner .input_box{/* max-width: 442px; */}
.main .section1 .inner .inner_wrap{background:url(/images/biobank/main/sec1_bg.jpg) center no-repeat;}
.main .section2 .inner .reservation .call_box .text{padding-top:5px;}
.main .section4 .inner .content_wrap .tit{margin-right:100px;}
.main .section2 .inner .lists{/* padding-top:26px; */}
.main .section2 .inner .lists ul li a{flex-direction: row;}


.main .section5:after{content:'';position:absolute;top:0;left:0;width:18.5%;height:100%;background-color:#006940;background: url(/template/centerC/images/main/background.jpg) center repeat;}

@media (max-width:1921px) {
    .main .section5:after {display:none;}
}

@media screen and (max-width: 1550px) {
    .main .section1 {background: url(/images/biobank/main/sec1_bg.jpg) center no-repeat;}
    .main .section1 .inner .inner_wrap {background:none;}
}

@media screen and (max-width: 1370px){
    .main .section2 .inner .reservation .call_box{
        padding-bottom: 30px;
    }
    .main .section2{padding-top: 20px;}
    .main .section2 .inner .reservation .call_box .text em{ display:inline-block;}
    .main .section2 .inner .lists{max-width:100%}
    .main .section5 .text_box .inner .content_wrap .wrap{width:100%;padding-left: 230px;}
    .main .section2 .inner .reservation .call_box .img{/* top: -15px; */}
    .main .section2 .inner .reservation .call_box .text{padding-bottom:0;padding-top: 0;/* line-height: 30px; */}
    .main .section2 .inner .reservation .call_box .text .call_number {display: inline-block;line-height: 1.2;}
    .main .section2 .inner .reservation .call_box .text .txt{display:inline-block;margin-top: 0;font-family: 'gmarket';font-weight: 600;font-size: 16px;/* color: #323131; */margin-right: 4px;}
    .main .section2 .inner .lists ul li{padding:0}

}

@media screen and (max-width: 1200px){

    .main .section4{/* padding-bottom: 25px; */padding-top: 26px;}
    .main .section5 > .inner{/* display: none; */}
    .main .section5 .text_box .inner .content_wrap{/* padding-bottom: 80px; */}

}

@media screen and (max-width:1023px){

    .main .section4 .inner .content_wrap .tit{display:block}

}

@media screen and (max-width: 767px) {
    .main .section2 .inner .lists ul li:after{display:none}
    .main .section2{padding-bottom: 0;}
    .main .section2 .inner .lists ul li{/* width:50% */width:50%}
    .main .section2 .inner .lists ul li:nth-child(3){display:none;}

    .main .section4 .inner .content_wrap .tit{margin-right: 0; }
    .main .section4 .inner .content_wrap .tit:before{top: 18px;}
    .main .section4 .inner .content_wrap .tit h4{font-size: 22px;}
    .main .section2 .inner .reservation .call_box .text{padding-left:0;margin-top: 5px;position: relative;}
    .main .section2 .inner .reservation .call_box .text .txt{/* padding-top: 6px; */}
    .main .section2 .inner .reservation .call_box .text .call_number{margin-top:0;padding-top: 0;}
    .main .section2 .inner .reservation .call_box{padding-bottom:18px;}
}

@media screen and (max-width:639px) {

    .main .section2 .inner .reservation .call_box .text em{margin-bottom: 5px;}
    .main .section2 .inner .reservation .call_box .text .call_number:after{top: 10px;left: -10px;}
    .main .section4 .inner .content_wrap .tit{display:block}

}



@media screen and (max-width:380px) {
    .main .section2 .inner .reservation .call_box .text .call_number:after{top:13px;}
    .main .section2 .inner .reservation .call_box .text em{display: block;}

}

@media (max-width:1201px) {
    .main .section5 .text_box .inner .content_wrap .wrap {padding-left: 0;padding-top: 0;}
}

@media (max-width:767px) {
    .main .section1 {margin-top:0px;}
}

