@charset "utf-8";
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);

/*basic*/
#whole {/* overflow:hidden; */position:relative left:-200px;}

/* rightMenu1 */
#rightMenu1{position: fixed;width: 105px;right: 180px;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;}
#rightMenu1 li{position:relative;border-top: 1px solid #ededed;}
#rightMenu1 li.border-none {border-top: none;}
#rightMenu1 li img {margin-top: 13px;margin-bottom: 0;}
#rightMenu1 li a {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index:1;}
#rightMenu1 li .rmenu_ctxt{display: block;font-size: 13px;font-weight: 800;color:#75a216;}
#rightMenu1 li .rmenu_txt{display:  block;padding-bottom: 13px;color:#3c3939;line-height: 120%;}
#rightMenu1 li .rmenu_txt span {font-weight: 500;}
#rightMenu1 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%;}
#rightMenu1 li .btn_top a { color: #fff;}
#rightMenu1 li a:hover .rmenu_txt{color:#af9775;}

/* rightMenuMobile1 */ 
/* PC화면과 모바일 화면의 footer를 다르게 출력하기 위해 별개 id 부여 */
#rightMenuMobile1{position: fixed;width: 105px;right: 180px;padding: 20px 0;top: 57%;margin-top: -186px;text-align: center;border-radius: 40px;background: #ffffff;z-index: 8998;box-shadow: 0 0 20px rgba(0,0,0,.2);word-break: keep-all;}
#rightMenuMobile1 li{position:relative;border-top: 1px solid #ededed;}
#rightMenuMobile1 li.border-none {border-top: none;}
#rightMenuMobile1 li img {margin-top: 13px;margin-bottom: 0;}
#rightMenuMobile1 li a {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index:1;}
#rightMenuMobile1 li .rmenu_ctxt{display: block;font-size: 13px;font-weight: 800;color:#75a216;}
#rightMenuMobile1 li .rmenu_txt{display:  block;padding-bottom: 13px;color:#3c3939;line-height: 120%;}
#rightMenuMobile1 li .rmenu_txt span {font-weight: 500;}
#rightMenuMobile1 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%;}
#rightMenuMobile1 li .btn_top a { color: #fff;}
#rightMenuMobile1 li a:hover .rmenu_txt{color:#af9775;}

/* 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;}

/* rightMenuMobile */ 
/* PC화면과 모바일 화면의 footer를 다르게 출력하기 위해 별개 id 부여 */
#rightMenuMobile{position: fixed;width: 95px;right: 60px;padding: 20px 0;top: 57%;margin-top: -186px;text-align: center;border-radius: 40px;background: #ffffff;z-index: 8998;box-shadow: 0 0 20px rgba(0,0,0,.2);word-break: keep-all;}
#rightMenuMobile li{position:relative;border-top: 1px solid #ededed;}
#rightMenuMobile li.border-none {border-top: none;}
#rightMenuMobile li img {margin-top: 13px;margin-bottom: 0;}
#rightMenuMobile li a {position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index:1;}
#rightMenuMobile li .rmenu_ctxt{display: block;font-size: 13px;font-weight: 800;color:#75a216;}
#rightMenuMobile li .rmenu_txt{display:  block;padding-bottom: 13px;color:#3c3939;line-height: 120%;}
#rightMenuMobile li .rmenu_txt span {font-weight: 500;}
#rightMenuMobile 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%;}
#rightMenuMobile li .btn_top a { color: #fff;}
#rightMenuMobile 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 .gnb {float: right;/* line-height: 99px; */}
.gnb-wrap .gnb > ul {font-size: 0;}
.gnb-wrap .gnb >ul> li {display: inline-block;margin-left: 69px;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: #813273;}


.gnb-wrap .gnb li a:hover,
.gnb-wrap .gnb li.on a {color: #813273;}

/* sub menu */
#header .sub-wrap {display:none;position: absolute;left: 0;width: 100%;/*padding: 30px 0;*/background-color: #813273;}
#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: 495px;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/gnb3_bg.png');background-position: -5% -1px;}
#header .sub4 .sub-menu {background-image: url('/common2/images/common/gnb4_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:#7c2e6a; 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:16px; font-weight:400; height:45px; line-height:45px; padding:0 20px; border-bottom:1px solid #666;}
#mo-gnb>ul>li>a.on{background-color: #7c2e6a; 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;}

/* 협력사 */
.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;}


/* 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%}
}
@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;}

    .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 {height: 100%;}
	
	#rightMenu {display:none}
	
	#rightMenuMobile {top: auto;right: 0;bottom: 0;margin-top: 0;padding: 0;width: 100%;border-radius: 0;}
    #rightMenuMobile ul {font-size: 0;}
    #rightMenuMobile li {display: inline-block;width: 33.333%;border-top: 0 none;border-left: 1px solid #ededed;box-sizing: border-box;}
    #rightMenuMobile li.border-none {border-left: 0 none;}
    
    #rightMenu1 {display:none}
	
	#rightMenuMobile1 {top: auto;right: 0;bottom: 70px;margin-top: 0;padding: 0;width: 100%;border-radius: 0;}
    #rightMenuMobile1 ul {font-size: 0;}
    #rightMenuMobile1 li {display: inline-block;width: 33.333%;height: 70px;border-top: 0 none;border-left: 1px solid #ededed;box-sizing: border-box;}
    #rightMenuMobile1 li.border-none {border-left: 0 none;}
    #rightMenuMobile1 li img {width: 40px;height: auto;margin-top: 20px;}
	
	#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;}
}
@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;}
	
	#rightMenuMobile li img {margin-top: 6px;width: 20px;}
    #rightMenuMobile li .rmenu_txt {padding-bottom: 6px;font-size: 14px;}
    #rightMenuMobile li .rmenu_txt span {font-size: 14px;}
    
    #rightMenuMobile1 li img {margin-top: 6px;width: 40px;height: auto;margin-top: 20px;}
    #rightMenuMobile1 li .rmenu_txt {padding-bottom: 6px;font-size: 14px;}
    #rightMenuMobile1 li .rmenu_txt span {font-size: 14px;}
}

/* 20201221 - popup 위치 강제 적용 */
@media screen and (max-width:780px) {
	.popup{top: 2% !important; left: 0 !important;}
}