@charset "utf-8";
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);

/*basic*/
#whole {/* overflow:hidden; */position:relative left:-200px;}

/* rightMenu */
#rightMenu{position: fixed;width: 95px;right: 60px;padding: 20px 0;top: 57%;margin-top: -186px;text-align: center;border-radius: 40px;background: #ffffff;z-index: 8999;box-shadow: 0 0 20px rgba(0,0,0,.2);word-break: keep-all;}
#rightMenu li{position:relative;border-top: 1px solid #ededed;}
#rightMenu li.border-none {border-top: none;}
#rightMenu li img {margin-top: 13px;margin-bottom: 0;}
#rightMenu li a {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index:1;}
#rightMenu li .rmenu_ctxt{display: block;font-size: 13px;font-weight: 800;color:#75a216;}
#rightMenu li .rmenu_txt{display:  block;padding-bottom: 13px;color:#3c3939;line-height: 120%;}
#rightMenu li .rmenu_txt span {font-weight: 500;}
#rightMenu li .btn_top{border-radius: 100%; margin: 0 auto; width: 50px; height: 50px; font-size: 16px; font-weight: 800; color:#fff; background: #75a216; line-height: 300%;}
#rightMenu li .btn_top a { color: #fff;}
#rightMenu li a:hover .rmenu_txt{color:#af9775;}

/* popup */
.popup{position:absolute; top:0; min-width:200px; min-height:150px; margin-top:90px; /* padding-bottom:18px; */ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; z-index:10005; -moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.5); -webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.5); box-shadow:0 0 10px 0 rgba(0,0,0,0.5); background-color:#fff;}
.popup .close{position: absolute; right:-13px; top: -13px; color:#fff; cursor:pointer; z-index:1;}
.popup .close i{border: 1px solid #000; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; font-size: 28px; color:#fff; background-color:#000;}
.popup .foot{position:absolute; bottom:0; padding-left:3px;}

/* header */
#header {position: fixed;top: 0;left: 0;width: 100%;/* height: 147px; */background-color: #fff;z-index: 9999;}
.header-wrap .top {height: 47px;line-height: 47px;border-bottom: 1px solid #cecece;}
.header-wrap .top .inner-wrap{margin:0 auto;width:1100px;text-align: right;}
.header-wrap .top .border:after {content: '|';margin: 0 10px;display: inline-block;font-size: 14px;vertical-align: top;}
.header-wrap .top .go-blog {padding-left: 35px; font-weight: bold; color: #333333; background: url('/common2/images/main/icon_blog.png') no-repeat left center;}
.header-wrap .top .go-blog span {color: #5f5f5f; font-weight: normal;}
.header-wrap .top .inner-wrap {position: relative;}
.header-wrap .location {position: absolute;left: 0;font-size: 0;}
.header-wrap .location li {display: inline-block; width: 240px;height: 48px; text-align: center; vertical-align: top; border-right: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb; background-color: #f8f8f8; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;  transition: all 0.3s;}
.header-wrap .location li:first-child {border-left: 1px solid #bbbbbb;}
.header-wrap .location li a {display:block;font-size: 20px; line-height: 45px;}
.header-wrap .location li.rehab.on {background-color: #813273;}
.header-wrap .location li.cancer.on {background-color: #3bb9b3;}
.header-wrap .location li.rehab:hover a{color: #813273;}
.header-wrap .location li.cancer:hover a{color: #3bb9b3;}
.header-wrap .location li.on a,
.header-wrap .location li.on a:hover {color: #fff;}

.gnb-wrap{
    height: 99px;
    border-bottom: 1px solid #cecece;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* padding-top: 32px; */
}
.gnb-wrap .inner-wrap{margin:0 auto;width:1100px;}
.gnb-wrap .logo{float:left;margin-top: 21px;}
.gnb-wrap .logo a {display: block; margin-top: 3px; color: #7d3272; font-size: 26px;}
.gnb-wrap .logo img {margin-top: -3px; vertical-align: middle;}
.gnb-wrap .gnb {float: right;/* line-height: 99px; */}
.gnb-wrap .gnb > ul {font-size: 0;}
.gnb-wrap .gnb >ul> li {display: inline-block;margin-left: 25px;vertical-align: top;}
.gnb-wrap .gnb > ul > li:first-child {margin-left: 0;}
.gnb-wrap .gnb > ul > li:after {content: '';/* display: block; */margin: -24px auto 0;width: 1px;height: 0;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.gnb-wrap .gnb > ul > li a {display: block;font-size: 20px;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;line-height: 99px;}
.gnb-wrap .gnb li:hover:after,
.gnb-wrap .gnb li.on:after {display:block;height: 23px;background-color: #3bb9b3;}


.gnb-wrap .gnb li a:hover,
.gnb-wrap .gnb li.on a {color: #3bb9b3;}

/* sub menu */
#header .sub-wrap {display:none;position: absolute;left: 0;width: 100%;/*padding: 30px 0;*/background-color: #3bb9b3;}
#header .sub-wrap .sub-menu {margin: 0 auto; padding:28px 0; width: 1100px; background-repeat:no-repeat;}
#header .sub-menu .depth2-img{float:left;width: 515px;box-sizing: border-box;padding: 2px 0 5px 272px;}
#header .sub-menu .depth2-img .title{/* margin-top: 14px; */font-size: 25px;color: #fff;}
#header .sub-menu .depth2-img .text {margin-top: 5px; color: #fff; letter-spacing: -1px;word-break:keep-all;}
#header .sub-menu > li {overflow: hidden;}
#header .sub-menu > li > ul{float: right;/* margin-top: 30px; */width:556px;}
#header .sub-menu > li > ul > li {float: left;/*margin-left: 50px;width: 130px;*/width:25%;line-height: 39px;letter-spacing: -1px;}
/* #header .sub-menu > li > ul > li:before {content: '';width: 3px;height: 3px;background-color: #fff;display: inline-block;vertical-align: middle;margin-right: 11px;} */
#header .sub-menu > li > ul > li a {color: #fff;font-weight: 300;display: inline-block;font-size: 16px;line-height: 30px;padding-left: 14px;background: url('/common2/images/common/bullet_menu.gif') no-repeat 1% center;}
#header .sub-menu > li > ul > li a:hover {text-decoration: underline;}
#header .sub1 .sub-menu {background-image: url('/common2/images/common/gnb1_bg.png');background-position: -5% -1px;}
#header .sub2 .sub-menu {background-image: url('/common2/images/common/gnb2_bg.png');background-position: -5% -1px;}
#header .sub3 .sub-menu {background-image: url('/common2/images/common/cancer/gnb3_bg.png');background-position: 0 -1px;}
#header .sub4 .sub-menu {background-image: url('/common2/images/common/gnb3_bg.png');background-position: -5% -1px;}
#header .sub5 .sub-menu {background-image: url('/common2/images/common/gnb5_bg.png');background-position: -5% -1px;}
/* #header .sub3 .sub-menu > li > ul > li {margin-left:43px;width: 135px;} */
#header .sub4 .sub-menu > li > ul > li {width: 31%;}

/* mobile gnb */
.mg-control {display: none;}
.mg-tnb{display: none;}
#mo-gnb{display: none;}

#header .mg-control {display:none;/* display:block; */ width:81px; text-align:center; height:50px; line-height:51px; position:absolute; top:0; right:0; background-color:#3bb9b3; font-size:0; letter-spacing:0; word-spacing:0; cursor:pointer; z-index: 2;}
#header .mg-control i {color:#fff; vertical-align:middle; font-size: 35px;}
#header .mg-control i:before {content: '메뉴';display: inline-block;font-size: 14px;font-weight: bold;vertical-align: super;margin-right: 2px;}
#header .mg-control #mg-close{display:none;}

#mo-gnb {position:fixed; top:0; right:-200px; width:200px; height:100%; z-index:999999; background-color:#444;}
#mo-gnb>ul {padding-top:50px; position:relative;}
#mo-gnb>ul>li {float:none;}
#mo-gnb>ul>li.mobile_title {display:block; position:absolute; top:0; left:0; width:100%; height:51px; line-height:51px; text-indent:20px; color:#fff; font-size:16px; font-weight:400; border-bottom: none; background-color:#333;}
#mo-gnb>ul>li>a {display: block; color:#bbb; font-size:15px; font-weight:400; height:45px; line-height:45px; padding:0 20px; border-bottom:1px solid #666;}
#mo-gnb>ul>li>a.on{background-color: #3bb9b3; color:#fff;font-weight: bold;border-bottom:1px solid #7c2e6a;}
#mo-gnb>ul>li:hover>a {color:#fff !important;}
#mo-gnb>ul>li ul {display: none; position:relative; top:auto !important;}
#mo-gnb>ul>li ul li a { display: block; padding:10px 15px;font-size:14px; line-height:17px; font-weight:400; border-bottom:1px solid #ddd; background-color: #f8f8f8; transition:all 0.1s ease-out;}



/* footer */
#footer .f-menu {width: 100%; text-align: center; border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;}
#footer .f-menu ul {display: inline-block; height: 41px; font-size: 0; line-height: 40px; vertical-align: top;}
#footer .f-menu li {display: inline-block; word-break:keep-all;}
#footer .f-menu li:before {content: '';display: inline-block;margin: 0 18px;height: 14px;width: 1px;vertical-align: baseline;background-color: #4d4d4d;}
#footer .f-menu li:first-child:before {display:none;}
#footer .f-menu li a {color: #4d4d4d; font-size: 15px;}
#footer .information {width: 100%; text-align: center;}
#footer .information .wrap {display: inline-block; margin: 38px 0 40px;}
#footer .information .f-logo {float: left; margin-right: 76px;}
#footer .information .info {float: left; margin-top: 8px; text-align: left;}

/* sitemap */
#footer .sitemap { /* margin-top:150px; */ border-top:1px solid #d3d3d3; background: #fff;}
#footer .sitemap> ul {  max-width: 1200px; margin: 0 auto;}
#footer .sitemap> ul>li { float: left; /* width: 14.2%; */width: 20%; padding: 60px 0; text-align: center;}
#footer .sitemap> ul>li.title { color: #282828;}
#footer .sitemap> ul>li.title span{ font-size: 22px; font-weight: 500;}
#footer .sitemap> ul>li>ul {  margin-top: 15px;}
#footer .sitemap> ul>li li a { display: block;line-height: 240%; color: #565656; font-size: 16px;}

/* 협력사 */
.partner-wrap{padding-top:35px; width:100%;/*  border-top:1px solid #d3d3d3; */}
.partner{position:relative;height: 100%;width: 90%; max-width:1200px; margin: 0 auto 35px;;box-sizing: border-box; padding:0 30px;}
.partner .slide_btn2{position:absolute;top: 50%;left: 0;right: 0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);}
.partner .slide_btn2 .prev_btn2{display:block; float:left;}
.partner .slide_btn2 .next_btn2{display:block; float:right;}
.partner .slide_btn2 img{width:auto;}
.partner .partner-list{position: relative; z-index: 5; width: 100%;}
.partner .partner-list li{ margin: 0 3%;}
.partner .partner-list li a{display:block; border:1px solid #d8d8d8;}

/* 오시는길 */
.map-img {width: 100%;}
.map-img img {width: 100%;}

.traffic-list {margin-top: 25px;}
.traffic-list > li {margin-bottom: 15px;padding: 30px;font-size: 0;border: 1px solid #cccccc;display: table;width: 100%;box-sizing: border-box;}
.traffic-list > li .icon, 
.traffic-list > li .info {display: inline-block;display: table-cell;}

.traffic-list .title {display:inline-block;padding:0 10px;line-height: 25px;font-weight: 600;color:#fff;vertical-align:top;-webkit-border-radius:35px;-moz-border-radius:35px;border-radius:35px;}
.traffic-list .location p {font-weight: 500;margin-bottom: 5px;}
.traffic-list .location p:last-child {margin-bottom: 0;}
.traffic-list .location .title{margin-right:15px;/* margin-bottom: 10px; */width:75px;text-align:center;}

.traffic-list .bg-purple {background-color: #3bb9b3;}
.traffic-list .bg-blue {background-color: #3d5bab;}
.traffic-list .bg-blue2 {background-color: #0c9fa8;}
.traffic-list .bg-green {background-color: #5bb025;}
.traffic-list .bg-green2 {background-color: #748600;}
.traffic-list .bg-red {background-color: #ff0000;}

.traffic-list .icon {width: 115px;height: 115px;text-align: center;vertical-align: middle;border-right: 1px solid #cccccc;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.traffic-list .icon span {display: block;margin: 0 auto;width: 72px;height: 72px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;background-color: #959595;}
.traffic-list .icon .icon-bus {background-image: url('/common2/images/sub/icon_bus.png');}
.traffic-list .icon .icon-subway {background-image: url('/common2/images/sub/icon_subway.png');}
.traffic-list .icon .icon-car {background-image: url('/common2/images/sub/icon_car.png');}
.traffic-list .icon .icon-parking {padding-left: 5px;color: #fff;font-weight: 900;text-align:center;font-size: 50px;line-height: 72px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.traffic-list .icon .text {margin-top: 6px;color: #959595;font-weight: 500;}

.traffic-list > li .info {padding-left: 25px;}
.traffic-list .info li {display: inline-block;vertical-align: top;}
.traffic-list .info .title {margin-bottom: 15px;}

.traffic-list .info.column-three li{width: 33%;}
.traffic-list .info.column-two li{width: 49%;}
.traffic-list .info.column-two li:first-child {margin-right: 15px;}

.traffic-list .column-one .info {vertical-align: middle;line-height: 190%;}
.traffic-list .column-one .info li {display: block;}
.traffic-list .column-one .info li:before {content: '-';display: inline-block;margin-right: 5px;}
.traffic-list .column-one .info li.dashed-none:before{display:none;}

.traffic-list .info-detail .text {margin-left: 10px;}
.traffic-list .info-detail p {display: inline-block;vertical-align: top;}
.traffic-list .info-detail .detail-title {width: 94px;font-weight: bold;}
.traffic-list .info-bus li:nth-child(3) .info-detail .detail-title {width: 110px;}

/* tab */
.tab-wrap{margin-bottom:25px; font-size:0; border:1px solid #c2c2c2;}
.tab-wrap li{display:inline-block;width:25%;height:65px;line-height:65px;text-align:center;border-left:1px solid #c2c2c2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.tab-wrap li:first-child{border-left:0 none;}
.tab-wrap li a{display:block; font-size:25px; font-weight:500;}
.tab-wrap li.on a{color:#fff; font-weight:bold; letter-spacing:-1px; background-color:#3bb9b3;}
.tab-box{display:none;}

/* 시설소개 */
.intro-inntroduction .tab-wrap,
.section5 .tab-wrap,
.common_sub .tab-wrap {margin-bottom: 0;border-top: 2px solid #3bb9b3;border-right: 1px solid #3bb9b3;border-bottom: 0 none;border-left: 0 none;}
.intro-inntroduction .tab-wrap li,
.section5 .tab-wrap li,
.common_sub .tab-wrap li{width:33.3333333%; margin-top:-1px; border-top:1px solid #3bb9b3; border-bottom: 1px solid #3bb9b3;border-left: 1px solid #3bb9b3; background-color:#fff;}

.intro-inntroduction .big-img,
.section5 .big-img,
.common_sub .big-img{position:relative;width:100%;height:558px;}
.intro-inntroduction .big-img .button,
.section5 .big-img .button,
.common_sub .big-img .button{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);}
.intro-inntroduction .big-img .btn-prev,
.section5 .big-img .btn-prev,
.common_sub .big-img .btn-prev{left:0;}
.intro-inntroduction .big-img .btn-next,
.section5 .big-img .btn-next,
.common_sub .big-img .btn-next{right:0;}

.intro-inntroduction .thumbnail-list,
.section5 .thumbnail-list,
.common_sub .thumbnail-list{margin-top:35px;padding-top:35px;border-top:1px solid #b2b2b2;font-size: 0;}
.intro-inntroduction .thumbnail-list .img,
.section5 .thumbnail-list .img,
.common_sub .thumbnail-list .img {margin-bottom: 5px;}
.intro-inntroduction .thumbnail-list .img img,
.section5 .thumbnail-list .img img,
.common_sub .thumbnail-list .img img {display: block;width: 100%;height: auto;}

.intro-inntroduction .thumbnail-list li,
.section5 .thumbnail-list li,
.common_sub .thumbnail-list li {display:inline-block;/*width: 191px;margin-left:35px;*/margin-bottom: 20px;margin-left: 3.2%;width: 17.4%;}
.intro-inntroduction .thumbnail-list li:first-child,
.section5 .thumbnail-list li:first-child,
.common_sub .thumbnail-list li:first-child{margin-left:0;}
.intro-inntroduction .thumbnail-list li:nth-child(5n+1),
.section5 .thumbnail-list li:nth-child(5n+1),
.common_sub .thumbnail-list li:nth-child(5n+1) {margin-left: 0;}

/* 공통 */
.common_sub {/*margin-top: 100px;*/}


/* mobile */
 
@media screen and (max-width:1200px) {
	#header .sub-wrap .sub-menu {width: 90%;}
	.header-wrap .top .inner-wrap{width:90%}
	.gnb-wrap .inner-wrap{width:90%}
	
	#footer .sitemap> ul>li.title{font-size: 20px;}
	
	/* 오시는길 */
    .traffic-list .info.column-two li {width: 100%;}
    .traffic-list .info .title {margin-bottom: 6px;}
    .traffic-list .info.column-two li:first-child {margin-bottom: 15px;}
    
    /* 시설소개 */
	.intro-inntroduction .big-img,
	.section5 .big-img,
	.common_sub .big-img{overflow: hidden;}
	.intro-inntroduction .big-img img,
	.section5 .big-img img,
	.common_sub .big-img img {margin-left: 50%;height: 100%;transform: translateX(-50%);}
}
@media screen and (min-width:1024px) and (max-width:1200px) {
	#header .sub-menu {background-size: contain;}
	#header .sub-menu > li > ul {width: 480px;}
    #header .sub-menu > li > ul > li {width: 33%;}
    #header .sub4 .sub-menu > li > ul > li {width: 33%;}
    #header .sub-menu .depth2-img {width: 420px; padding-left: 220px;}
}

@media screen and (max-width:1023px) {
    #whole {position:relative;overflow:hidden;}
    #mo-gnb{display: block; overflow:auto;}
    #header {height: 50px;border-bottom: 1px solid #cecece;}
    #header .mg-control{display:block;}
    
	.header-wrap .top {display: none;}
	.header-wrap .top .go-blog{display:none;}

    .gnb-wrap{height: 50px;border-bottom: 0 none;}
    .gnb-wrap .inner-wrap{width:100%;}

    .gnb-wrap .gnb {display: none;}
	.gnb-wrap .logo {float: none;margin-top: 5px;margin-left: 5%;padding-top: 0;height: 37px;}
	.gnb-wrap .logo img {margin-top:0;height: 37px;}
	.gnb-wrap .logo a {font-size: 18px;}
	
	
	#rightMenu {top: auto;right: 0;bottom: 0;margin-top: 0;padding: 0;width: 100%;border-radius: 0;}
    #rightMenu ul {font-size: 0;}
    #rightMenu li {display: inline-block;width: 33.333%;border-top: 0 none;border-left: 1px solid #ededed;box-sizing: border-box;}
    #rightMenu li.border-none {border-left: 0 none;}
	
	#footer .f-menu {padding: 10px 0 5px;}
	#footer .f-menu ul {height: auto; line-height: 25px;}
	#footer .information .wrap {width: 100%;}
	#footer .information .f-logo {float: none;margin: 0 auto;}
	#footer .information .info {float: none;margin: 10px auto 0;width: 90%;text-align: center;line-height: 23px;word-break: keep-all;}
	#footer .information .info li {margin-bottom: 5px;}
	#footer .information .info .info_txt span {margin: 0 5px;}
	
	#footer .sitemap { padding-bottom: 50px;}
	#footer .sitemap> ul>li { width: 100%; float: none; padding: 0; text-align: left;}
	#footer .sitemap> ul>li.title { margin: 0; padding: 0; font-size: 18px; border-bottom: 1px solid #dedede; cursor: pointer; font-weight: normal;}
	#footer .sitemap> ul>li.title span { display: block; padding: 10px 2%; background: url(/common2/images/main/f_sitemap_toggleoff.png) no-repeat 97% center;}
	#footer .sitemap> ul>li.title.on span{ background-image: url(/common2/images/main/f_sitemap_toggleon.png);}
	#footer .sitemap> ul>li li a {padding: 0 3%; border-top: 1px solid #eee;}
	#footer .sitemap> ul>li ul{ display: none;  margin: 0;}
	
	/* 오시는길 */
    .traffic-list .info-detail .text {margin-left: 0;}
    .traffic-list .info-detail{width: auto;}
    .traffic-list .info.column-three li {width: 31%;}
    .traffic-list > li {padding: 30px 30px 30px 30px;}
}
@media screen and (max-width:780px) {
	.popup{width:80% !important; height:auto !important;}
	.popup img{width:100% !important; height:auto !important;}
}
@media screen and (max-width:720px) {
	#footer .f-menu {padding: 10px 20px 5px;box-sizing: border-box;}
	#footer .information .f-logo img {width: 195px;}
	#footer .information .info li {font-size: 15px;}
	
	#rightMenu li img {margin-top: 6px;width: 20px;}
    #rightMenu li .rmenu_txt {padding-bottom: 6px;font-size: 14px;}
    #rightMenu li .rmenu_txt span {font-size: 14px;}
    
    #mo-gnb>ul>li>a {font-size:15px;}
	.sub-title .sub-navi ul li span{font-size:15px;}
    
    /* 오시는길 */
    .traffic-list .info.column-three li {width: 100%; margin-bottom: 15px;}
    .traffic-list .info.column-three li:last-child {margin-bottom: 0;}
    .traffic-list .info-detail .detail-title {width: auto; margin-right: 6px;}
    .traffic-list .info-bus li:nth-child(3) .info-detail .detail-title{width: auto;}
    
    .traffic-list > li {padding: 15px 25px 25px;}
    .traffic-list > li.location {padding: 20px 9px;}    
    .traffic-list > li .icon, 
    .traffic-list > li .info {display: block; text-align: left;}
    /* .traffic-list > li .info {padding-left: 0;} */
    .traffic-list > li .info {padding: 19px 0 0 0;}    
    
    .traffic-list .icon {display: block; width: 100%; height: auto; margin: 0 auto; border-bottom: 1px solid #cccccc; border-right: none;}
    .traffic-list .icon span {display:inline-block; width: 62px; height: 62px;}
    /* .traffic-list .icon .icon-bus, 
    .traffic-list .icon .icon-subway, 
    .traffic-list .icon .icon-car {margin-bottom: 7px; background-size: contain; } */
    .traffic-list > li .icon span {display: inline-block;margin-bottom: 10px;background-size: contain;}
    .traffic-list > li .icon {font-size: 0;}
    .traffic-list .icon .icon-parking{padding-left: 2px;line-height: 62px;}
    .traffic-list .icon .text {display: inline-block; margin: 16px 0 8px 10px; font-size: 20px; vertical-align: top;}
    
    .traffic-list .location p {font-size: 15px;}
    .traffic-list .location .title {margin-right: 5px; font-size: 14px;}

    .traffic-list .column-one .info {line-height: 150%;}
    
    /* tab */
    .tab-wrap li {height: 43px;line-height: 43px;}
	.tab-wrap li a {font-size: 16px;}
	.tab-wrap li.on a {font-weight: 500;}
	
    /* 시설소개 */
	.intro-inntroduction .big-img,
	.section5 .big-img,
	.common_sub .big-img{height: auto;}	
	.intro-inntroduction .big-img img,
	.section5 .big-img img,
	.common_sub .big-img img {display: block;width: 160%;}
	
	.intro-inntroduction .thumbnail-list,
	.section5 .thumbnail-list,
	.common_sub .thumbnail-list {margin-top: 15px; padding-top: 15px;}
	.intro-inntroduction .thumbnail-list li,
	.section5 .thumbnail-list li,
	.common_sub .thumbnail-list li {margin-bottom: 10px;vertical-align: top;}
	.intro-inntroduction .thumbnail-list .title,
	.section5 .thumbnail-list .title,
	.common_sub .thumbnail-list .title {line-height: 110%;text-align: center;}
	.intro-inntroduction .thumbnail-list .title a,
	.section5 .thumbnail-list .title a,
	.common_sub .thumbnail-list .title a {font-size: 14px;}
	
}

/* 20201221 - popup 위치 강제 적용 */
@media screen and (max-width:780px) {
	.popup{top: 2% !important; left: 0 !important;}
}
 
