@charset "utf-8";

h2.title{margin-bottom:38px;font-size:34px;text-align:center;}
.container {padding-top: 147px; overflow: hidden;}


/* visual */
#visual {position:relative; /*height: 529px;*/}
#visual p.scroll_down {padding-bottom:52px; background:url(/common2/images/main/scroll_down.png) no-repeat center bottom; position:absolute; bottom:80px; left:50%; margin-left:-45px; z-index:6666; cursor:pointer;}
#visual p.scroll_down span {color:#fff; font-family:'NanumSquare'; font-weight:300; font-size:13px;}
#visual .slide-box *:focus {outline:0;}
#visual .slide-box .slick-list, 
#visual .slide-box .slick-track {width:100%; overflow:hidden; zoom:1;}
#visual .slide-box .slick-slide {width:100%; /*height: 529px;*/ background-repeat:no-repeat; background-position:center center; background-size:cover; background-attachment:fixed; float:left; position:relative;overflow:hidden;}
#visual .slide-box .slick-slide > img{/* width:100%; */display: block;margin-left: 50%;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);}
#visual .slide-box .slick-dots{position:absolute;left: 50%;bottom:9%;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);z-index:1020;}
#visual .slide-box .slick-dots li{display:inline-block;margin:0 10px; width:12px;}
#visual .slide-box .slick-dots button{padding:0;width:12px;height:12px;border:0 none;font-size:0;background-image:url('/common2/images/main/visual_dot.png');background-color:transparent;background-size:contain;background-repeat:no-repeat;overflow:hidden;}
#visual .slide-box .slick-dots .slick-active button{background-image:url('/common2/images/main/visual_dot_on.png');}

#visual .slide-box #slide1_2 {display:none;}

.slide-box .text-wrap {position: absolute;z-index: 5;}
.slide-box .slick-item1 .text-wrap, .slide-box .slick-item2 .text-wrap {
    top: 50%;
    left: 50%;
    width:720px;
    color: #fff;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
}
.slide-box .slick-item1 .text-wrap .deco,
.slide-box .slick-item2 .text-wrap .deco {color:#fff;font-size: 25px;font-weight:100;}
.slide-box .slick-item1 .text-wrap .text,
.slide-box .slick-item2 .text-wrap .text {color:#fff;font-size: 70px;font-weight:100;border-bottom: 1px solid #fff;border-bottom: 1px solid rgba(255,255,255,0.6);}
.slide-box .slick-item1 .text-wrap .text span,
.slide-box .slick-item2 .text-wrap .text span {color:#fff;font-size: 70px;font-weight:bold;}
.slide-box .slick-item3 .text-wrap {left: 0;right:0;margin:0 auto;width:1100px;text-align: left;}
.slide-box .slick-item1-1 .text-wrap {top: 20%; left: 0; right: 0; margin: 0 auto; width: 1100px; text-shadow: 0 0 4px rgba(0,0,0,0.4);}
.slide-box .slick-item1-1 .text-wrap .deco { color: #fff; font-size: 21px; font-weight: 100;}
.slide-box .slick-item1-1 .text-wrap .text {color: #fff; font-size: 70px; font-weight: 400; line-height: 90px; letter-spacing: -5px;}
.slide-box .slick-item1-1 .text-wrap .text_small { margin-top: 20px; padding: 10px 30px; color: #fff; font-size: 21px; font-weight: 300;}
/* .slide-box .slick-item1-1 .text-wrap .text_small:before {content: '';width: 50px;height: 3px;background: #fff;display: block;margin-bottom: 20px;} */

/* section */
.section {padding-top: 46px;}
.section h2.title {margin-top: 16px;}

.section1 .inner-wrap,
.section3 .inner-wrap {margin:0 auto; width: 1100px;}

.btn-section-more{/* position: relative; */ display: block; padding: 10px 0 10px 15px; margin: 30px auto 0; width: 110px; text-align: left; color: #fff; border:1px solid #3bb9b3; background-color: #3bb9b3; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.btn-section-more:after {content: '';display: inline-block;float: right;margin-top: 12px;vertical-align: middle;width: 33px;height: 1px;background-color: #fff;background-color: rgba(255,255,255,0.5);}
.btn-section-more:hover {color: #3bb9b3; background-color: #fff;}
.btn-section-more:hover:after {background-color: #3bb9b3;}

/* section1 */
.section1{padding-bottom:50px; background-color:#f8f8f8;}
.section1 .top .box {float: left;padding: 30px 30px;height: 261px;border: 1px solid #6f6f6f;background-color: #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.section1 .top .box strong.title {display: block;margin-bottom: 20px;font-size: 25px;letter-spacing: -1px;}
.section1 .top .notice {float: left;width: 351px;}
.section1 .top .notice ul {margin-top: 5px;}
.section1 .top .notice li {line-height: 160%;}
.section1 .top .notice li .title {display: inline-block;width: 95px;letter-spacing: -1px;color: #3bb9b3;font-weight: bold;}
.section1 .top .notice .tel {margin: 0;line-height: 125%;font-size: 32px;color: #3bb9b3;font-weight:bold;letter-spacing: -2.5px;}
.section1 .top .notice .tel .title {display: inline-block;width: 95px;font-size: 20px;letter-spacing: -1px;font-weight: 400;}
.section1 .top .notice .tel {
    font-size: 27px;
    letter-spacing: -1.5px;
}
.section1 .top .board {/* float: left; *//*  width: 737px; */margin-left:12px;position: relative;}
.section1 .top .board .left {float: left; width: 190px;}
.section1 .top .board .left .text {margin: 20px 0 53px; letter-spacing: -1px;}
.section1 .top .board .btn-more {position: absolute;padding-right: 25px; background: url('/common2/images/main/cancer/btn_more.png') no-repeat right center;}
.section1 .top .board .right {float: left;}
.section1 .top .board .board-list {font-size: 0;}
.section1 .top .board .board-list > li {/* display: inline-block; *//* margin-left: 15px; *//* width: 148px; */margin-bottom: 16px;vertical-align: top;}
.section1 .top .board .board-list li:first-child {/* margin-left: 0; */}
.section1 .top .board .board-list li img {width: 100%;}
.section1 .top .board .board-list .board-img {width: 148px;height: 137px;overflow: hidden;}
.section1 .top .board .board-list .board-title {
    /* margin-top: 8px; */
    line-height: 20px;
    word-break: keep-all;
    letter-spacing: -1.5px;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	text-align: left;
}
.section1 .top .board .board-list .board-title:hover {text-decoration: underline;}
.section1 .top .board .board-detail {font-size: 0;}
.section1 .top .board .board-detail > li {display: inline-block; vertical-align: middle; text-align: center;}

.section1 .top .board .board-detail .status span {display: block;margin:0 auto;width: 74px;height: 29px;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 35px;text-align: center;line-height: 29px;border: 1px solid #3bb9b3;}
.section1 .top .board .board-detail .status span.re {color: #fff;background-color: #3bb9b3;}

.section1 .top .board1 {width: 260px;float: left;}
.section1 .top .board1 .btn-more {/* left: 35px; *//* bottom: 27px; */right: 35px;top: 33px;}

.section1 .top .board2 {float: right;width: 464px;}

.section1 .top .board2 .btn-more {top: 33px;right: 30px;}
.section1 .top .board2 .board-list > li {margin-bottom: 6px;}
.section1 .top .board2 .board-list .board-title {width: 40%;}
.section1 .top .board2 .board-list .name {width: 10%;}
.section1 .top .board2 .board-list .date {width: 30%;}
.section1 .top .board2 .board-list .status {width: 20%;}

.section1 .top .box.notice strong.title {/* margin-bottom: 5px; */}
.section1 .top .box.board2 strong.title {margin-bottom: 15px;}

/* section2 */
.section2{padding-bottom:50px; text-align:center;}
.section2 img {max-width: 450px; width: 80%;}

/* section3 */
.section3 {padding-bottom: 62px; background-color:#f8f8f8;}
.section3 .guide{width:100%; font-size:0;}
.guide li{position: relative;display: inline-block;margin-left: 0.2%;padding: 43px 24px;width: 33.2%; height:315px; vertical-align: top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;overflow: hidden;}
.guide li:first-child{margin-left:0;}
.guide li a{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;font-size:0;}
.guide li strong {display: block; margin: 15px 0; font-size: 25px; letter-spacing: -1px;color: #fff;}
.guide li p .title{display: inline-block;width: 46px;color:#fff;text-align: justify;}
.guide li .text{color:#fff;letter-spacing: -0.8px;font-weight: 300; word-break:keep-all;}
.guide li .icon{display: block; height: 56px;background-size: contain;background-repeat: no-repeat;background-position:left center;}
.guide li .icon1{width:51px; background-image:url('/common2/images/main/cancer/icon_guide01.png');}
.guide li .icon2{width:60px; background-image:url('/common2/images/main/cancer/icon_guide02.png');}
.guide li .icon3{width:60px; background-image:url('/common2/images/main/cancer/icon_guide03.png');}
.guide .li1{background-color:#832d6e;}
.guide .li2{background-color:#df5165;}
.guide .li3{background-color:#ef9271;}
.guide .li4{background-color:#f1b292;}

/* section4 */
.section4{padding-bottom:50px;}
.section4 .mini-banner {font-size: 0; margin:0 auto; width:100%; /* max-width:1100px; width:95%; */}
.section4 .mini-banner strong.title {/* display: inline-block;margin-top: 135px; */font-size: 25px;color: #fff;}
.section4 .mini-banner li {position: relative;display: inline-block;margin-left: 0.1%;/* width: 24.93%; */width:16.58%;height: 310px;vertical-align: top;text-align: center;overflow: hidden;background-size: cover;}
.section4 .mini-banner li:first-child {margin-left: 0;}
.section4 .mini-banner li > a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; font-size:0;}
/* .section4 .mini-banner li:hover strong.title {display: none;}
.section4 .mini-banner li:hover .mask {display: block; height: 100%;} */
.section4 .mini-banner .text-wrap {position: absolute;top: 50%;left: 0;right: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
.section4 .mini-banner .text {color: #fff;color: rgba(255,255,255,0.7);font-size: 16px; word-break:keep-all;}
.section4 .mini-banner .banner01 {background-image: url('/common2/images/main/cancer/minibanner_bg07.png');}
.section4 .mini-banner .banner02 {background-image: url('/common2/images/main/cancer/minibanner_bg03.png');}
.section4 .mini-banner .banner03 {background-image: url('/common2/images/main/cancer/minibanner_bg02.png');}
.section4 .mini-banner .banner04 {background-image: url('/common2/images/main/cancer/minibanner_bg04.png');}
.section4 .mini-banner .banner05 {background-image: url('/common2/images/main/cancer/minibanner_bg01.png');}
.section4 .mini-banner .banner06 {background-image: url('/common2/images/main/cancer/minibanner_bg06.png');}

.section4 .mini-banner .mask {position:absolute; left: 0; bottom: 0;width: 100%;height: 0; background-color: #832d6e; background-color: rgb(131, 45, 110, 0.8); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.section4 .mini-banner .mask .title {display: block; margin-top: 37px; font-size: 20px; color: #fff;}
.section4 .mini-banner .mask .title:after {content:''; display: block; margin: 13px auto 16px; width: 27px; height: 1px; background-color: #fff;}
.section4 .mini-banner .mask .text {color: #fff;color: rgba(255,255,255,0.8);letter-spacing: -1.5px;line-height: 30px;}


/* section5 - style_common.css -> 시설소개 */
.section5{background-color:#f8f8f8;}
.section5 .inner-wrap{margin:0 auto; max-width:1100px; width:95%;}

/* section6 */
.section6 {padding-bottom: 37px; margin:0 auto; max-width:1100px; width:95%;}
.section6 .map {position: relative; margin:0 auto; width: 100%; max-width: 1920px; height: 483px; text-align: center; overflow: hidden;}
.section6 .map .box-wrap {position: absolute; left: 0; right: 0; margin:0 auto; width:1100px; height: 100%;}
.section6 .map .box {position: absolute; right: 0; bottom: 58px; padding: 38px 33px 32px; width: 326px; height: 275px; text-align: left; background-color: #832d6e; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.map .box .title {font-size: 30px; font-weight: bold; color: #fff;}
.map .box .title:after {content: '';display: block;margin: 13px 0;width: 100%;height: 1px;background-color: #fff;background-color: rgba(255,255,255,0.3);}
.map .box .text {font-size: 20px; color: #fff; font-weight: 300; letter-spacing: -1px; line-height: 30px;}
.map .box .link_navermap {
    display: block;
    margin-top: 22px;
    padding-left: 30px;
    width: 100%;
    height: 51px;
    text-align: center;
    font-size: 20px;
    color: #822c69;
    line-height: 51px;
    font-weight: 500;
    background: url('/common2/images/main/icon_map.png') no-repeat #fff 16% center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; 
}


/* IE hack */
/* IE9  */
@media all and (monochrome:0) {
	.intro-box > .top .text{width:60%\9;margin-top:35px\9;}
	.intro-box > .top .text:before{margin:36px 35px 0 15px\9;width:189px\9;}
}

/* IE10 IE11 */
@media all and (-ms-high-contrast:none)
{
	/* IE10 */
	.intro-box > .top .text{width:60%;margin-top:35px;}
	.intro-box > .top .text:before{margin:36px 35px 0 15px;width:189px;}
	
	/* IE11 */
	*::-ms-.intro-box > .top .text{width:60%;margin-top:35px;}
	*::-ms-.intro-box > .top .text:before{margin:36px 35px 0 15px;width:189px;}
}

/* IE9  */
@media all and (monochrome:0) and (max-height:640px) and (orientation: landscape){
	.intro-box > .top .text{width:64%\9;}
	.intro-wrap .intro-list .service-box > p{margin-left:35px !important\9;}
}

/* IE10 IE11 */
@media all and (-ms-high-contrast:none) and (max-height:640px) and (orientation: landscape)
{
	/* IE10 */
	.intro-box > .top .text{width:64%;}
	.intro-wrap .intro-list .service-box > p{margin-left:35px !important;}
	
	/* IE11 */
	*::-ms-.intro-box > .top .text{width:64%;}
	*::-ms-.intro-wrap .intro-list .service-box > p{margin-left:35px !important;}
}

/* landscape */
@media screen and (max-height:1039px) and (orientation: landscape) {
    .intro-wrap {/* padding-top: 64px; */background-position: 70% center;}
    .intro-wrap .intro-box{position: absolute; top: 50%; left: 0; right: 0; -webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);}
    .intro-wrap .intro-list {margin-top: 37px;}
    .intro-wrap .intro-list .top {/* height: 580px; */}
    .intro-wrap .intro-list .top .icon {margin-top: 147px;}
    /* .intro-wrap .intro-list .mask .title {margin-top: 17%;} */
    	
}
@media screen and (max-height:910px) and (orientation: landscape) {
    .intro-wrap {/* padding-top: 60px; */}
    .intro-wrap .intro-list {margin-top: 35px;}
    .intro-wrap .intro-list .top {height: 500px;}
    .intro-wrap .intro-list .top .icon {margin-top: 120px;}
}
@media screen and (max-height:820px) and (orientation: landscape) {
    .intro-box > .top .text {margin-top: 19px;}
    .intro-box > .top .logo {text-align: left;}
    .intro-box > .top .logo img {width: 85%;}
    .intro-wrap .intro-list .top {height: 430px;}
    .intro-wrap .intro-list .top .icon {background-size: contain;height:119px;}
    .intro-wrap .intro-list .over {/* padding-bottom: 10%; */}	
    /* .intro-wrap .intro-list .mask .title {margin-top: 13%;} */
}
@media screen and (max-height: 760px) and (orientation: landscape) {
    .intro-box > .top .text {width:64%;font-size: 40px;}
    .intro-box > .top .text:before {margin-top: 31px;}
    .intro-box > .top .text span {font-size: 40px;}

    .intro-box > .top .logo img {width: 80%;}

    .intro-wrap {/* padding-top: 45px; */}
    .intro-wrap .intro-list {/* margin-top: 55px; */}
    .intro-wrap .intro-list li:before {height: 80px;background-size: contain;background-repeat: no-repeat;background-position: top center;}
    .intro-wrap .intro-list .top {height: 400px;}
    .intro-wrap .intro-list .top .icon {margin-top: 93px;height: 92px;}
    .intro-wrap .intro-list .bottom {height: 80px;}
    .intro-wrap .intro-list .service-box {padding: 13px 40px;}
    .intro-wrap .intro-list .service-box > p,
    .intro-wrap .intro-list .service-box > p a {margin-top: 0;font-size: 51px;}
    .intro-wrap .intro-list .service-box .title {font-size: 31px;}
    .intro-wrap .intro-list .service-box .title span {margin-bottom: 5px; font-size: 16px;line-height: 17px;}
    .intro-wrap .intro-list .service-box .icon5 {margin-top: 3px;height: 52px;background-position: center;background-size: contain;background-repeat: no-repeat;}
    .intro-wrap .intro-list .btn-service {line-height: 368%;font-size: 22px;}
    .intro-wrap .intro-list .btn-service span {font-size: 22px;}
    .intro-wrap .intro-list .mask .deco{
    font-size: 30px;
    padding-top: 40px;
}
    .intro-wrap .intro-list .mask .title, .intro-wrap .intro-list .over .title {/* margin-top: 7%; */font-size: 42px;line-height: 120%;letter-spacing: -2px;}
    .intro-wrap .intro-list .over {background-position: center 58%;/* padding-top: 180px; */}
    .intro-wrap .intro-list .over .deco{
		padding-top: 70px;
		font-size: 30px;
	}
	.intro-wrap .intro-list > ul > li:before{
    width: 85px;
    height: 73px;
    background-size: contain;
    box-sizing: border-box;
    background-repeat: no-repeat;
}
    .intro-wrap .intro-list .over .title {font-size: 30px;}
    .intro-wrap .intro-list .over .text {margin-top: 22px;line-height: 180%;}
    .intro-wrap .intro-list .over .text li{font-size: 18px;}
    .intro-wrap .intro-list .mask .button, 
    .intro-wrap .intro-list .over .button{
		font-size: 17px;
		font-weight: 300;
		width: 170px;
		line-height: 47px;
	}
	.intro-wrap .intro-list .over .button{
    line-height: 45px;
    bottom: 15px;
}
}
@media screen and (max-height:640px) and (orientation: landscape) {
    .intro-box {width: 1000px;}    
    .intro-box > .top .text:before {margin: 36px 26px 0 20px;width: 170px;}
    .intro-box > .top .logo {width: 36%;}
    .intro-box > .top .logo img {width: 100%;}
    .intro-wrap .intro-list{margin-top: 30px;}
    .intro-wrap .intro-list .service-box {padding: 13px 25px;}
    .intro-wrap .intro-list .service-box > p {margin-left: 43px;}
    .intro-wrap .intro-list .service-box .title {margin-left: 20px;}

}

@media screen and (max-height:620px) and (orientation: landscape) {
    .intro-wrap {/* padding-bottom: 45px; *//* height: auto; */background-position: 70% 64%;}
}



/* intro */
@media screen and (max-width:1250px) and (min-width:1024px) {
    .intro-box > .top .logo img {width: 32.160vw;}
    .intro-box > .top .text {margin-top: 1.520vw;font-size: 3.600vw;letter-spacing: -0.280vw;text-shadow: 0 0 0.480vw rgba(255,255,255,0.7);}
    .intro-box > .top .text:before {margin: 2.880vw 3.680vw 0 1.600vw;width: 15.840vw;height: 0.080vw;box-shadow: 0 0 0.48vw rgba(255,255,255,0.7);}
    .intro-box > .top .text span {font-size: 3.600vw;letter-spacing: -0.160vw;}

    .intro-wrap .intro-list {margin-top: 2.800vw;}
    .intro-wrap .intro-list li:before {top: -1.200vw;left: 6.400vw;width: 10.240vw;height: 8.320vw;background-size: contain;}
    .intro-wrap .intro-list .top {height: 39vw;}
    .intro-wrap .intro-list .top .icon {margin-top: 9.600vw;height: 9.520vw;background-size: contain;}
    .intro-wrap .intro-list .bottom {height: 8.800vw;}

    .intro-wrap .intro-list .mask .title {margin-top: 3.24vw;font-size: 2.800vw;letter-spacing: -0.320vw;}
    .intro-wrap .intro-list .over {padding-bottom: 3.16vw;}
    .intro-wrap .intro-list .over .title {font-size: 2.800vw;letter-spacing: -0.360vw;}
    .intro-wrap .intro-list .over .text {margin-top: 1.840vw;font-size: 1.600vw;}


    .intro-wrap .intro-list .service-box {padding: 1.280vw 3.600vw;}
    .intro-wrap .intro-list .service-box .icon5 {margin-top: 0.480vw;width: 5.280vw;height: 5.120vw;background-size: contain;}
    .intro-wrap .intro-list .service-box .title {margin-left: 2.880vw;font-size: 2.800vw;letter-spacing: -0.200vw;}
    .intro-wrap .intro-list .service-box .title span {font-size: 1.440vw;letter-spacing: -0.040vw;}
    .intro-wrap .intro-list .service-box > p {margin-top: 0.800vw;margin-left: 5.200vw;line-height: 4.400vw;letter-spacing: -0.040vw;}
    .intro-wrap .intro-list .service-box > p a{font-size: 4.400vw;}
    .intro-wrap .intro-list .btn-service {font-size: 2vw;letter-spacing: -0.200vw;}
    .intro-wrap .intro-list .btn-service span {font-size: 2vw;}    
}
@media screen and (max-width:1250px){
    .intro-box {width: 90%;}
}
@media screen and (max-width: 1023px){
    html, body {
        height: auto;
    }
    
    .intro-box > .top .logo {
        text-align: center;
        float: none;
        margin: 0 auto;
    }
    .intro-box > .top .logo img {
        max-width: 353px;
        width: 80%;
    }

    .intro-box > .top .text {
        margin-top: 0;
        word-break: keep-all;
        line-height: 120%;
        float: none;
        font-size: 40px;
        margin: 0 auto;
    }
    .intro-box > .top .text span{font-size:40px;}
    .intro-box > .top .text:before {
        float: none;
        display: block;
        margin: 36px auto 20px;
    }
    .intro-wrap .intro-list li {
        width: 100%;
        display: block;
        height: auto;
        background-position: center;
        background-size: cover;
    }
    .intro-wrap .intro-list {
        margin-top: 35px;
    }
    .intro-wrap .intro-list .top .icon {
        height: 80px;
        margin-top: 0;
        display: inline-block;
        vertical-align: middle;
        background-size: contain;
        width: 150px !important;
    }

    .intro-wrap .intro-list .mask .title {
        /* display: inline-block; */
        /* margin-top: 20px; */
        vertical-align: middle;
        /* line-height: 130%; */
        text-align: center;
        /* font-size: 30px; */
        letter-spacing: -2px;
    }

    .intro-wrap .intro-list .mask {
        position: inherit;
        width: 100%;
        height: 100%;
        /* padding: 20px 0; */
    }

    .intro-wrap {
        background-size: cover;
        height: auto;
        background-position: center;
        padding: 60px 0;
    }

    .intro-wrap .intro-list .top {
        /* height: 280px; */
    }

    .intro-wrap .intro-list .bottom {
        height: auto;
        display: table;
    }

    .intro-wrap .intro-list .service-box {
        float: none;
        display: table-cell;
        table-layout: fixed;
        padding: 15px 25px;
        text-align: center;
    }

    .intro-wrap .intro-list .btn-service {
        float: none;
        display: table-cell;
        vertical-align: middle;
        line-height: 150%;
        word-break: keep-all;
    }

    .intro-wrap .intro-list .service-box > p {
        margin-left: 0;
        display: block;
        font-size: 50px;
        margin-top: 5px;
    }
    .intro-wrap .intro-list .service-box > p a{font-size: 50px;}

    .intro-wrap .intro-list .service-box .title {
        margin-left: 30px;
        font-size: 30px;
    }
    
    .intro-wrap .intro-list li a.pc-link {display: none;}
	.intro-wrap .intro-list li a.mobile-link {display: block;}
}
@media screen and (max-width:720px){
    .intro-wrap {padding: 30px 0; height:100%;/* background-size: contain; */}

    .intro-box {display: table;height: 100%;}
    .intro-box > .top {display: table-row;height: 110px;}
    .intro-box > .top .logo img {width: 55%;}
    .intro-box > .top .text {margin-top: 15px;font-size: 20px;letter-spacing: -1px;}
    .intro-box > .top .text:before {display: none;margin: 15px auto;}
    .intro-box > .top .text span {font-size: 20px;letter-spacing: -1px;}
    
    .intro-wrap .intro-list {/* padding-top: 25px; */display: table-row;}
    .intro-wrap .intro-list > ul > li {display: inline-block;width: 100%;margin-bottom: 15px;height: 231px;height: 50%;}
    .intro-wrap .intro-list .top{height:100%;}
    .intro-wrap .intro-list li:before {display:none;}
    
    .intro-wrap .intro-list .top .icon {display: block;height: 50px;}
    .intro-wrap .intro-list .mask{padding-top: 20px;border: 1px solid rgba(255,255,255,0.4);box-sizing: border-box;background-color: rgba(0,0,0,0.5);}
    .intro-wrap .intro-list .mask .title {font-size: 19px;line-height: 130%;}
    /* .intro-wrap .intro-list .li01 .mask {padding-top: 20px;} */
    
    .intro-wrap .intro-list .mask .title {/* margin-top: 10px; */font-size: 21px;letter-spacing: -0.5px;color: #fff;}
    .intro-wrap .intro-list .bottom {display: block;margin-top: 10px;}
    .intro-wrap .intro-list .service-box {display: block;padding: 10px;width: 100%;}
    .intro-wrap .intro-list .btn-service {display: block;padding: 10px 0;width: 100%;font-size: 20px;}

    .intro-wrap .intro-list .service-box .icon5 {display: none;width: 45px;height: 45px;background-repeat: no-repeat;background-size: contain;}
    .intro-wrap .intro-list .service-box .title {margin-left: 0;font-weight: 500;font-size: 21px;text-align: left;}
    .intro-wrap .intro-list .service-box .title span {font-weight: 300;display: none;}
    .intro-wrap .intro-list .service-box > p,
    .intro-wrap .intro-list .service-box > p a {font-size: 32px; letter-spacing: -2px; color: #f6f6f6;}
    .intro-wrap .intro-list .btn-service span {font-size: 20px;}
    
}



/* mobile */
 
@media screen and (max-width:1200px) {
	.slide-box .slick-item3 .text-wrap {width: 95%;}
	.slide-box .slick-item1-1 .text-wrap{width:90%;}
	
	.section1 .inner-wrap, 
	.section3 .inner-wrap{width:95%;}
	
	.section1 .top .box {padding: 30px 25px;}
	.section1 .top .board {margin-left: 0.5%;}
	.section1 .top .board1 {width: 23.2%;}
	.section1 .top .board2 {width: 43.3%;}
	.section1 .top .notice {width: 32.5%;}
	
	.section6 .map .box-wrap {width: 95%;z-index: 1;}
}
@media screen and (max-width:1080px) {
	#visual .slide-box #slide1_1 {display:none;}
	#visual .slide-box #slide1_2 {display:block;}
}
@media screen and (max-width:1023px) {
	.slide-box .slick-item1 .text-wrap, 
	.slide-box .slick-item2 .text-wrap,
	.slide-box .slick-item1-1 .text-wrap {width: 620px;}
	.slide-box .slick-item1 .text-wrap .deco, 
	.slide-box .slick-item2 .text-wrap .deco,
	.slide-box .slick-item1-1 .text-wrap .deco {font-size: 23px;}
	.slide-box .slick-item1 .text-wrap .text, 
	.slide-box .slick-item2 .text-wrap .text,
	.slide-box .slick-item1-1 .text-wrap .text{font-size: 60px;}
	.slide-box .slick-item1-1 .text-wrap .text_small{font-size:20px;}
	.slide-box .slick-item1 .text-wrap .text span, 
	.slide-box .slick-item2 .text-wrap .text span,
	.slide-box .slick-item1-1 .text-wrap span{font-size: 60px;}

	
	.container{padding-top:50px;}
	.section1 .inner-wrap, 
	.section3 .inner-wrap{width:90%;}
	
	.section1 .top .notice {width: 49.5%;}
	.section1 .top .board2 {width: 100%;}
	.section1 .top .board1 {float: right;margin-bottom: 12px;margin-left: 0;width: 49.5%;}

	.section4 .mini-banner li {width: 49.75%;margin-left: 0.5%;margin-bottom: 0.3%;}
	.section4 .mini-banner .banner03,
	.section4 .mini-banner .banner05 {margin-left: 0;}

	.guide li {width: 49.75%;margin-left: 0.5%;margin-bottom: 0.5%;}
	.guide .li3{margin-left:0;}	

	.section6 .map {height: 383px;}
	.section6 .map .map-img {transform: translateX(-12%);}
	.section6 .map .box-wrap {width: 90%;}
	.section6 .map .box {right: auto;left: 0;}

    .section6new>.inner-wrap {
        width: 90%;
    }
}

@media screen and (max-width:720px) {
	#visual .slide-box .slick-slide {height: 0;padding-bottom: 16%;}
	/* #visual .slide-box .slick-slide {height: 0;padding-bottom: 60%;} */
	#visual .slide-box .slick-slide > img {position: absolute;bottom: 0;z-index: 1;height: 100%;}
	
	#visual .slide-box .slick-dots li {margin: 0 8px;width: 11px;}
	#visual .slide-box .slick-dots button {width: 11px;height: 11px;}
	
	.slide-box .slick-item1-1 .text-wrap1 .text-small .pc-text{display:none;}    
	
	.slide-box .slick-item1-1 .text-wrap{line-height:100%;}
	.slide-box .slick-item1 .text-wrap, 
	.slide-box .slick-item2 .text-wrap,
	.slide-box .slick-item1-1 .text-wrap {width: 80%;}
	.slide-box .slick-item1 .text-wrap .deco, 
	.slide-box .slick-item2 .text-wrap .deco ,
	.slide-box .slick-item1-1 .text-wrap .deco{font-size: 16px;word-break: keep-all;}
	.slide-box .slick-item1 .text-wrap .text, 
	.slide-box .slick-item2 .text-wrap .text,
	.slide-box .slick-item1-1 .text-wrap .text{font-size: 26px;line-height:36px;word-break: keep-all;}
	.slide-box .slick-item1-1 .text-wrap .text_small{font-size:15px;padding:0;}
	.slide-box .slick-item1-1 .text-wrap .text_small:before {margin-bottom: 10px; height: 1px; width: 15px;}
	.slide-box .slick-item1 .text-wrap .text span, 
	.slide-box .slick-item2 .text-wrap .text span,
	.slide-box .slick-item1-1 .text-wrap span {font-size: 40px;}
	
	
	.slide-box .slick-item3 .text-wrap {width: 90%;height: 100%;text-align: center;}
	.slide-box .slick-item3 .text-wrap img {height: 60%;}

	.section1 .top .box strong.title {font-size: 20px;}
    .section1 .top .notice .tel {font-size: 25px;}

    .section1 .top .notice,
    .section1 .top .board,
    .section1 .top .board1 {float: none;margin-left:0;width:100%;padding: 30px 20px;height: auto;}
    .section1 .top .board1 {margin-top:12px;}
    .section1 .top .board .board-list > li {margin-bottom: 10px;}
    .section1 .top .board .board-list > li:last-child {margin-bottom: 0;}
    .section1 .top .board2 .board-list .board-title {width: 35%;}
    .section1 .top .board2 .board-list .date {width: 28%;}
    .section1 .top .board2 .board-list .name {width: 13%;}
    .section1 .top .board .board-detail .status span {width: 60px;height: 24px;font-size: 13px;line-height: 24px;}
    .section4 .mini-banner li {height: 200px;background-size: cover;background-position: center;}
    .section4 .mini-banner strong.title {margin-top: 79px;vertical-align: middle;font-size: 20px;}

    .guide li{margin-left: 0;width: 100%;height: 221px;padding: 16px;}
    .guide li .icon {height: 50px;}
    .guide li strong {margin: 10px 0;font-size: 20px;word-break: keep-all;}
	.guide li .text {word-break: keep-all;font-size: 15px;line-height: 150%;}	
	.guide li p .title {display: block;width: 100%;font-size: 15px;}
	.guide .li2 .text br {display: none;}
	.guide .li3, .guide .li4 {padding: 16px;}

    .section6 .map {padding-bottom: 205px;height: 383px;}
    .section6 .map .map-img {margin-left: 61%;transform: translateX(-50%);}
    .section6 .map .box-wrap {width: 100%;}
    .section6 .map .box {bottom: 0;padding: 15px 20px 32px;width: 100%;height: auto;}
    .map .box .title {font-size: 25px;}
    .map .box .title:after {margin: 8px 0;}
    .map .box .text {font-size: 17px;line-height: 27px;}
    .map .box .link_navermap {margin-top: 10px;padding-left:0;height: 40px;font-size: 17px;line-height: 40px;background-image: none;}

    /* intro */
    .intro-wrap .intro-list .mask .deco,
	.intro-wrap .intro-list .over .deco {
		padding-top: 17px;
		font-size: 23px;
		font-weight: 300;
		color: #fff;
	}

	.intro-wrap .intro-list .mask .title,
	.intro-wrap .intro-list .over .title {
		font-size: 33px;
		font-weight: 500;
	}

	.intro-wrap .intro-list .mask .button, .intro-wrap .intro-list .over .button {
		font-size: 18px;
		line-height: 35px;
		width: 39%;
		bottom: 9%;
	}
	.intro-wrap .intro-list .over {border-width: 2px;}
	.intro-wrap .intro-list .over .text {margin-top: 15px; line-height: 150%;}
	.intro-wrap .intro-list .over .text li {font-size: 14px;}
	
	
} 

@media (min-height:700px) and (orientation: portrait){
    .intro-wrap {height:100%;} 
}

@media screen and (max-width:360px) {
    /* .guide li {height: 262px;} */
}

/* 20201230 추가 */
@media screen and (max-height:530px) {
    .intro-wrap .intro-list .mask {padding-top: 0;}
	.intro-wrap .intro-list .mask .deco, 
	.intro-wrap .intro-list .over .deco {padding-top: 7%; font-size: 18px;}
	.intro-box > .top .text {margin-top: 10px;}
	.intro-wrap .intro-list .mask .title, 
	.intro-wrap .intro-list .over .title {font-size: 28px;}
	.intro-wrap .intro-list .mask .button, 
	.intro-wrap .intro-list .over .button {font-size: 15px; letter-spacing: -0.5px;}
}

/* 임시 pc 고정 */
/* .intro-wrap {min-width: 1200px;} */

/**/
.slide-box .slick-item1-1 .text-wrap1 {
    position: absolute;
    width: 1100px;
    left: 50%;
    transform: translateX(-50%);
    /*border: 1px solid red;*/
    z-index: 9;
    text-align: center;
    margin: 40px 0;
}
.slide-box .slick-item1-1 .text-wrap1 .title {
    color: #6ce0da;
    font-weight: bold;
    font-size: 45px;
    margin-bottom: 15px;
}
.slide-box .slick-item1-1 .text-wrap1 .text-small p {
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    text-shadow: 2px 1px 1px rgb(255, 255, 255,0.2);
}
.slide-box .slideround {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 50px;
    width: 1100px;
    /*border: 1px solid red;*/
    z-index: 9;

    display: flex;
    justify-content:space-between;
    flex-wrap: wrap;
}
.slide-box .slideround>li {
    width: 225px;
    height: 225px;
    border-radius: 50%;
    /*border: 1px solid red;*/
    text-align: center;
    display: table;
}
.slide-box .slideround>li:nth-child(1),.slide-box .slideround>li:nth-child(3) {
    background: #6ce0da;
}
.slide-box .slideround>li:nth-child(2),.slide-box .slideround>li:nth-child(4) {
    background: #009790;
}
.slide-box .slideround>li p {
    display: table-cell;
    vertical-align: middle;
    color: white;
    font-size: 22px;
    letter-spacing: -1px;
    font-weight: 500;
    line-height: 40px;
}
.slide-box .slideround>li span {
    color: white;
    font-size: 20px;
    border-bottom: 1px solid rgb(255, 255, 255,0.7);
}
.slide-box .slideround>li .round_line {
    display: block;
    width: 3px;
    height: 1px;
    border: 1px solid white;
}
/*section5*/
.section5 {
    padding: 50px 0 100px 0;
}
.section5slide {
    /*border: 2px solid red;*/
}
.slick-initialized .slick-slide {
    position: relative;
}
.section5slide .slider img {
    width: 100%;
}
.section5slide .slider>div {
    position: relative;
}
.section5slide .slider .slidetextbox {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    background: rgba(255, 255, 255,0.7);
    padding: 20px;
    box-sizing: border-box;
}
.section5slide .slider .slidetextbox>p {
    color: #5c5c5c;
    letter-spacing: -0.7px;
    font-weight: 500;
    font-size: 17px;
}
.section5slide .slider .slidetextbox>p>span {
    color: #221f1f;
    font-weight: bold;
    font-size: 20px;
}
.section5slide button {
    outline: none;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-indent: 9999px;
    box-shadow: 2px 2px 2px rgb(0 0 0 / 20%);
    border: 1px solid transparent;
    position: absolute;
}
.section5slide button:nth-of-type(1) {
    background-image: url(/common2/images/sub/slidebtn1.png);
    background-size: cover;
    background-repeat: no-repeat;

    top: 50%;
    z-index: 9;
    transform: translateY(-50%);
    left: -30px;
}
.section5slide button:nth-of-type(2) {
    background-image: url(/common2/images/sub/slidebtn2.png);
    background-size: cover;
    background-repeat: no-repeat;

    top: 50%;
    z-index: 9;
    transform: translateY(-50%);
    right: -30px;
}
/**/
.section6new {}
.section6new>.inner-wrap {
    width: 1100px;
    margin: 0 auto;
}
.section6new .sec6new_content{
    /*border: 1px solid red;*/
    overflow: hidden;
}
.section6new .sec6new_content>.videolist {
    width: 33%;
    height: 400px;
    border: 1px solid lightgray;
    float: left;
}
.section6new .sec6new_content>.videolist>ul {
    height: 100%;
    /*overflow-y: scroll;*/
}
.section6new .sec6new_content>.videolist>ul li {
    height: 100px;
    border-bottom: 1px solid lightgray;
    overflow: hidden;
    cursor: pointer;
}
.section6new .sec6new_content>.videolist>ul li>img {
    float: left;
}
.section6new .sec6new_content>.videolist>ul li>.videolist_text {
    width: 53%;
    height: 100%;
    float: right;
    display: table;
}
.section6new .sec6new_content>.videolist>ul li>.videolist_text>p {
    display: table-cell;
    vertical-align: middle;
    color: #5c5c5c;
    font-size: 15px;
}
.section6new .sec6new_content>iframe {
    width: 65%;
    float: right;
}
#youtube {
    display: none;
}
/*click*/
.section6new .sec6new_content>.videolist>ul li.click {
    background: #3bb9b3;
}
.section6new .sec6new_content>.videolist>ul li.click>.videolist_text>p {
    color: white;
}

@media screen and (max-width:1136px) {
    .slide-box .slick-item1-1 .text-wrap1 {
        margin: 90px 0 0 0;
    }
}
@media screen and (max-width:1120px) {
    .slide-box .slick-item1-1 .text-wrap1 {
        width: 95%;
    }
    .slide-box .slideround {
        width: 95%;
    }
    .slide-box .slideround>li {
        width: 180px;
        height: 180px;
    }
    .slide-box .slick-item1-1 .text-wrap1 .text-small p {
        padding: 0 15px;
        box-sizing: border-box;
        word-break: keep-all;
    }
}
@media screen and (max-width:955px) {
    .slide-box .slick-item1-1 .text-wrap1 {
        margin: 50px 0 0 0;
    }
}
@media screen and (max-width:810px) {
    .slide-box .slideround>li {
        width: 150px;
        height: 150px;
    }
    .slide-box .slideround>li p {
        font-size: 18px;
    }
}
@media screen and (max-width:720px) {

}
@media screen and (max-width:650px) {
    .slide-box .slideround>li {
        width: 120px;
        height: 120px;
    }
    .slide-box .slideround>li p {
        font-size: 16px;
    }
}
@media screen and (max-width:540px) {
    .slide-box .slick-item1-1 .text-wrap1 .title {
        font-size: 35px;
    }
    .slide-box .slick-item1-1 .text-wrap1 .text-small p {
        font-size: 15px;
    }
    .slide-box .slideround {
        bottom: 20px;
    }
}
@media screen and (max-width:530px) {
    .slide-box .slideround>li {
        width: 120px;
        height: 120px;
    }
}
@media screen and (max-width:500px) {
    .slide-box .slick-item1-1 .text-wrap1 {
        margin: 15px 0;
    }
    .slide-box .slick-item1-1 .text-wrap1 .text-small p {
        font-size: 14px;
        line-height: 23px;
        padding-top:50px;
    }
    .slide-box .slideround>li {
        width: 100px;
        height: 100px;
        border-radius: 10%;
    }
    .slide-box .slideround>li p {
        font-size: 15px;
    }
}
@media screen and (max-width:430px) {
    .slide-box .slick-item1-1 .text-wrap1 .title {
        font-size: 25px;
        margin-bottom: 0px;
    }
    .slide-box .slideround>li p {
        word-break: keep-all;
        padding: 20px;
        box-sizing: border-box;
        line-height: 25px;
    }
    .slide-box .slideround>li span {
        border-bottom: none;
    }
}
@media screen and (max-width:421px) {
    .slide-box .slideround {
        bottom: 10px;
    }
    .slide-box .slideround>li {
        width: 80px;
    }    
    #visual .slide-box .slick-slide {
	    padding-bottom: 18%;
	}
	.slide-box .slideround>li {
	    width: 45%;
	    height:60px;
	    margin-bottom: 10px;
	}
    .slide-box .slideround>li p {padding:10px;}
}
@media screen and (max-width:396px) {    
    .slide-box .slick-item1-1 .text-wrap1 {
        margin: 40px 0;
    }
    .slide-box .slick-item1-1 .text-wrap1 .text-small p {padding-top:20px;}
}
@media screen and (max-width:350px) {
    .slide-box .slick-item1-1 .text-wrap1 {
        margin: 20px 0;
    }
}
/**/
@media screen and (max-width:1190px) {
    .section5slide {
        width: 90%;
        margin: 0 auto;
    }
}
@media screen and (max-width:800px) {
    .section5slide button {
        width: 40px;
        height: 40px;
    }
}
@media screen and (max-width:720px) {
    .section5slide .slick-slide {
        height: 370px !important;
        overflow: hidden;
    }
    .section5slide .slider img {
        height: 100%;
        width: auto;
        margin-left: 50%;
        transform: translateX(-50%);
    }
    .section5slide .slider .slidetextbox {
        word-break: keep-all;
    }
}
@media screen and (max-width:610px) {
    .section5slide .slider .slidetextbox {
        padding: 5px;
    }
    .section5slide .slider .slidetextbox>p {
        font-size: 16px;
    }
    .section5slide .slider .slidetextbox>p>span {
        font-size: 17px;
    }
}
@media screen and (max-width:360px) {
    .section5slide .slider .slidetextbox>p {
        word-break: keep-all;
        padding: 5px 10px;
        box-sizing: border-box;
    }
}
/**/
@media screen and (max-width:1200px) {
    .section6new>.inner-wrap {
        width: 100%;
    }
    .section6new .sec6new_content {
        width: 90%;
        margin: 0 auto;
    }
}
@media screen and (max-width:1071px) {
    .section6new .sec6new_content>.videolist>ul li {
        height: auto;
    }
    .section6new .sec6new_content>.videolist>ul li>img {
        width: 40%;
    }
    .section6new .sec6new_content>.videolist>ul li>.videolist_text>p {
        padding: 10px 5px;
    }
}
@media screen and (max-width:630px) {
    .section6new .sec6new_content>.videolist {
        display: none;
    }
    .section6new .sec6new_content>iframe {
        width: 100%;
        height: 200px;
    }
    #youtube {
        display: block;
        text-align: right;
        font-size: 15px;
        margin-bottom: 10px;
    }
}