@charset "utf-8";

.clearfix:before, .clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

body{font-size:12px; height:100%;}
/*common*/
#wrap	{position:relative;overflow:hidden;width:100%; min-width:320px; max-width:768px; margin:0 auto;}
.cont_center	{width:100%;}
/* header */
#header	{position: fixed; top: 0; left: 0; height:60px;line-height:60px; z-index:999;width:100%;overflow:hidden;background-color:#fff;}
#header h1	{text-align:center;}
#header h1 img {width:30%}
#header #btn_nav {
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    width:25px;
    height:18px;
    cursor: pointer;
}
#header #btn_nav span {
    position: absolute;
    left:0;
    display: block;
    width: 25px;
    height: 2px;
    background: #000;
    -webkit-transition: .3s;
    transition: .3s;
}
#header #btn_nav span:nth-child(1) {top:0}
#header #btn_nav span:nth-child(2) {top:8px}
#header #btn_nav span:nth-child(3) {top:16px}


#header .top_tel {position:absolute;right:10px;top:50%;transform:translateY(-50%);height: 30px;}
#header .top_tel img {height:100%;vertical-align:top}

/* nav */
#header .nav_con li {padding-left:15px;font-size:14px;height: 50px;line-height: 50px;border-bottom: 1px solid #555}
#header .nav_con li h3 a {display:block}




#nav_m	{position:fixed; top:0;left:-320px; width:320px; height:100%; overflow-y:scroll;  background-color:#333;  z-index:1000;}
#nav_m img	{width:100%;}
#nav_m a	{color:#fff}
#nav_m li h3 a {display:block}
#nav_m>li>a{display:block;font-weight:600; background-color:#333; border-bottom:1px solid #555; font-size:15px;padding: 0 15px;height: 50px;line-height: 50px;}
#nav_m .dep2	{display:none;}
#nav_m .dep2>li>a	{display:block;  border-bottom:1px solid #555; background-color:#444; font-size:13px; padding:0 12px; height: 40px;line-height: 40px;}
.nav_top {overflow:hidden; background-color:#000;padding: 0 15px;}
#nav_m .nav_top>a	{display:block; float:left;width:45%;padding-top: 5px;border-bottom:0;background-color:#000}
#nav_m .nav_top .nav_close	{display:block; float:right;padding:2% 0;width:10%;}

.resi>ul	{ overflow:hidden; background-color:#71865b;}
.resi>ul>li	{float:left; width:33%; border-right:1px solid #222;height: 30px;line-height: 30px;}
.resi>ul>li:last-child	{border-right:0;}
.resi>ul>li a	{display:block;text-align:center; color:#222; font-weight:600; font-size:14px;}

#m_snb {position: fixed;top: 60px;width: 100%;left: 0;margin-top:0;z-index:99}
#m_snb:after {content: '';display: block;clear: both;}
#m_snb .snb_lr {position:relative;float:left;width: 50%;border-right: 1px solid #aaa;-webkit-box-sizing: border-box;box-sizing: border-box;z-index:10}
#m_snb .snb_lr ul {display: none;padding:5px!important;position:absolute;width:100%!important;background:#effffb;border:1px solid #eee;-webkit-box-sizing:border-box;box-sizing:border-box}
#m_snb .snb_l ul {background: #eee}
#m_snb .snb_lr ul li {border-bottom: 1px solid #ddd}
#m_snb .snb_lr ul li:first-child {border-top: 1px solid #ddd}
#m_snb .snb_lr ul a {display: block;font-size:14px;padding:11px 0}

#m_snb > .snb_3deps{
    position: relative;
    display: none;
}
#m_snb .snb_3deps ul {
    position:absolute; 
    top:40px; 
    left: 0px;
    display: none; 
    padding:5px;
    width:100%;
    background:#effffb;
    border:1px solid #eee;
}
#m_snb .snb_3deps ul li {border-bottom: 1px solid #ddd}
#m_snb .snb_3deps ul li:first-child {border-top: 1px solid #ddd}
#m_snb .snb_3deps ul a {display: block;font-size:14px;padding:11px 0}

#m_snb .snb_on1,
#m_snb .snb_on2, 
#m_snb .snb_on3 {
    display: flex;
    align-items: center;
	font-size: 13px;
	letter-spacing: -1px;
    padding: 6px;
    font-weight: 500;
    height: 40px;
    width: 100%;
}
#m_snb .snb_on1 {
    color: #333;
    background: #eee;
}
#m_snb .snb_on2 {
    color: #fff;
    background: #03a4b2;
}
#m_snb .snb_on3 {
    position: relative;
    width: 100%;
    color: #fff;
    background: #5bbda5;
}

#m_snb .snb_on2:after, 
#m_snb .snb_on3:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #fff;
    -webkit-transition: .3s;
    transition: .3s; 
    position:absolute; 
    top:17px; 
    right:5%; 
} 
#m_snb .snb_on2.on:after,
#m_snb .snb_on3.on:after{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

#m_snb.depth03On .snb_lr,
#m_snb.depth03On .snb_3deps{
    width: 33.3%;
}
#m_snb.depth03On .snb_3deps{
    float: left;
    display: block;
}



#snb	{display:none;}

/* mobile new sub */
#contents #sub_container #contents {display:none}
#contents #sub_container #contents.mobileView {display:block}
#contentsWrap .sub_top {display:none}
.sub_top {display:none}
#m_contents img.w100 {width:100%}
#m_contents img.w180 {width:180%;margin-left:-40%}
#m_contents .m_subTop {position:relative}
#m_contents .m_subTopMotion img.txt {position:absolute;top:0;right:0;opacity: 0; animation: ani2_1 .5s .4s 1 ease forwards;}
@keyframes ani2_1 {
    0% {right:-1200px;opacity:0}
    100% {right:0;opacity:1}
}
#m_contents .m_subTopMotion {}
#m_contents .m_subTopMotion .sub_ico {position:absolute;top:50px;left:43%;width:4.5%;opacity: 0;animation:none;}
#m_contents .m_subTopMotion .sub_ico {animation: ani2_2 1.5s 1s infinite ease-in-out}
@keyframes ani2_2 {
    0% {opacity:1;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg)}
    50% {opacity:1;-webkit-transform:rotate(10deg);-moz-transform:rotate(10deg);transform:rotate(10deg)}
    100% {opacity:1;-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg)}
} 

#m_contents .sub_TabWrap img {display:none}
#m_contents .sub_TabWrap img:first-of-type {display:block}
#m_contents .sub_TabWrap {margin:0 auto;position:relative;}
#m_contents .sub_TabWrap ul {width:92%;line-height:30px;border: 1px solid #555;margin:0 auto 15px;box-sizing:content-box}
#m_contents .sub_TabWrap ul li {width:33.333%;float:left;border-right: 1px solid #555;box-sizing:border-box;text-align: center;}
#m_contents .sub_TabWrap ul li:nth-child(3n) {border-right:0}
#m_contents .sub_TabWrap ul li:nth-child(1), #m_contents .sub_TabWrap ul li:nth-child(2), #m_contents .sub_TabWrap ul li:nth-child(3) {border-bottom:1px solid #555}
#m_contents .sub_TabWrap ul li a {display:block;font-size:13px;color:#333;cursor:pointer;background-color:#fff}
#m_contents .sub_TabWrap ul li a:hover, #m_contents .sub_TabWrap ul li a.active {background-color:#555;color:#fff}

#m_contents .sub_TabWrap.sub_TabWrap2 {margin:35px auto }
#m_contents .sub_TabWrap.sub_TabWrap2 ul li {width:50%;float:left;border-right: 1px solid #555;box-sizing:border-box;text-align: center;border-bottom:0}
#m_contents .sub_TabWrap.sub_TabWrap2 ul li:nth-child(2) {border-right:0}


#m_contents .m_subTop2 {position: relative;background-size:cover;z-index:98}
#m_contents .m_subTop2 img.sub_tArea1 
{
    animation: ani3_1 .5s .4s 1 ease forwards;
    opacity: 0;
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
}
@keyframes ani3_1 {
    0% {top:70%;opacity:0}
    100% {top:50%;opacity:1}
}
#m_contents .m_subTop2 .sub_colorArea {width:60%;height:20px;top:55%;    animation: ani1_2 1.8s .5s infinite ease-in-out;}
#m_contents .m_subTop2 .sub_colorArea p {font-size:8px;letter-spacing: 5px;line-height: 19px;}

#snbVertical {display:none}

/* sub */
#contents .sub_title	{width:100%; height:180px; background-size:contain;}
.sub_title>h2	{margin-left:10px; padding-top:10px; font-size:16px; font-weight:600; line-height:18px; color:#fff;}
.sub_contents img{width:100%; margin-bottom:50px;}


/*new sub 201130*/
#contents #sub_container {padding-top:100px}
#contents #snbVertical {display:none}
#contents .sub_contents img {width:180%;margin-left:-40%;margin-bottom: 0;}
#contents .sub_top {position: relative;height:160px;background-size:cover;z-index:98}
#contents .sub_top .cont_center img.sub_tArea1 
{
    animation: none;
    opacity: 1;
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    width:60%;
    opacity:1
}
#contents .sub_top .cont_center .sub_colorArea {width:50%;height:15px;top:53%;    animation: ani1_2 1.8s .5s infinite ease-in-out;}
#contents .sub_top .cont_center .sub_colorArea p {font-size:8px;letter-spacing: 5px;line-height: 15px;}
#contents .sub_top .cont_center img.sub_tArea2 
{
    position: absolute;
    top: 50%;
    left: 55%;
    width:43%;
    transform:translateY(-50%)
}
#contents .sub_top .cont_center img.sub_ico 
{
    position: absolute;
    top: 28%;
    left: 55%;
    width:3%
}
.sub_top .subtop_line1, .sub_top .subtop_line2 {display:none}

/*인사말*/
.in_text {padding:20px 1.5%;}
.in_text p {font-size:18px;font-weight:600;color:#1a62d1;margin:0 auto 15px;text-align:center;line-height: 1.3;letter-spacing: -1.5px;}
.in_text span {font-size:14px;color:#333;margin:0 auto 15px;text-align:center;display: block;line-height: 1.4;letter-spacing: -0.5px;}
.in_text span:nth-of-type(2) {font-weight:400;font-size:14px;letter-spacing: -0.5px;width:100%;line-height:1.4;border:1px solid #a3a3a3;margin:20px auto 10px;padding:5px 0}

/*둘러보기*/
.sub_contents .galleryView {width:100%}
#gallery {padding:15px 0 30px}
.gallery_line {display: block;height: 20px;width: 1px;background-color: #111;margin: 0 auto;}
#gallery-header {text-align: center;font-size: 0}
.gallery-header-center-right-links { display: inline-block;font-size:14px;letter-spacing: -1px;color: #333;cursor: pointer;border: 1px solid #333;margin-left:-1px;width: 20%;height:35px;line-height:35px;}
.gallery-header-center-right-links-current {color: #1b5a4d;font-weight: 500;border-color: #1b5a4d;}
.lightboxgallery-gallery-item {display: inline-block;width:100%;height:453px;overflow: hidden;padding: 15px;-webkit-transition: .5s;transition: .5s}
.lightboxgallery-gallery-item > div {overflow: hidden}
.cate_under_p {font-size: 20px;color: #666;margin: 0 0 30px;letter-spacing: -1.5px}
#gallery #gallery-content #gallery-content-center .lightboxgallery-gallery-item img {width:100%;margin-left:0}
#gallery-header-center-right {margin: 0 0 15px}
#gallery-content-center img {width: 100%;height: auto}
#gallery-content-center img:hover {-webkit-transform: scale(1.1);transform: scale(1.1)}
.lightboxgallery-gallery-item-content {position: relative;height: 50px;line-height: 50px;background: #f4f4f4;text-align: center;font-size: 20px;color: #666;font-weight: 500;z-index: 1}

/*오시는길*/
#sub_contents .map_btn1 {width:100%}
.map_btn1 ul {float:right;margin-bottom:15px}
.map_btn1 ul li {float:left;margin-left:5px}
.map_btn1 ul li a {display:block;color:#fff;font-size:14px;text-align:center;padding:8px 15px;background-color:#1a62d1}

.sub_contents .root_daum_roughmap {width:100% !important;height:250px}

.map_address {background-color:#05367f;text-align:center;width:100%;font-size:13px;margin-bottom:20px;padding:15px 5px}
.map_address p {color:#fff}
.map_address span {display:inline-block;padding-left:20px;box-sizing:border-box}

.map_btn2 .btn_wrap {height:30px;position:relative;margin-bottom:20px}
.map_btn2 .btn_wrap ul {width:100%}
.map_btn2 .btn_wrap ul li {float:left;width:30%;margin: 0 1.6666%;}
.map_btn2 .btn_wrap ul li a {cursor:pointer;display:block;font-size:13px;color:#fff;background-color:#a2a2a2;text-align:center;width:100%;padding:5px 8px;}
.map_btn2 .btn_wrap ul li a.active {background-color:#111 !important}

.map_btn2 .map_info {width:100%;background-color:#eee;text-align:center;padding:20px 0;margin:0 auto}
.map_btn2 .map_info2 {display:none}
.map_btn2 .map_info3 {display:none}

#contents .sub_contents .map_btn2 .map_info img {margin:0 auto 5px;width:10%;margin-left:0}
.map_btn2 .map_info h3 span {font-weight:600;margin-bottom:15px;display: inline-block;}
.map_btn2 .map_info ul li {float:left;font-size:14px}
.map_btn2 .map_info1 h3, .map_btn2 .map_info2 h3 {color:#006db9;font-size:20px;letter-spacing:-1.5px;font-weight:400}
.map_btn2 .map_info3 h3 {color:#28baa7;font-size:20px;letter-spacing:-1.5px;font-weight:400}
.map_btn2 .map_info1 ul li {width:50%;text-align:left;padding-left:10px;box-sizing: border-box;color:#333}
.map_btn2 .map_info2 ul li, .map_btn2 .map_info3 ul li {width:100%;text-align:left;padding:0 15px;letter-spacing:-1px;color:#333;margin-bottom: 8px;}
.map_btn2 .map_info2 ul li:first-child {color:#05258c}
.map_btn2 .map_info2 ul li:nth-child(2) {color:#377ab2}
.map_btn2 .map_info2 ul li:last-child {color:#edb50b}
.map_btn2 .map_info2 ul li span, .map_btn2 .map_info3 ul li span {display:block;padding-left:6px;box-sizing:border-box;color:#333}

.map_btn2 .map_info3 ul li b {font-weight:400;}
.map_btn2 .map_info3 ul li b.blue {color:#3b5eb0}
.map_btn2 .map_info3 ul li b.green {color:#629748}
.map_btn2 .map_info3 ul li b.red {color:#c71521}


/*진료안내*/
.hos_info {margin:20px auto 15px;width:100%;color:#111}
.hos_info > div {width:100%}
#contents .sub_contents .hos_info img {width:100%;margin-left:0}
.hos_info > div:nth-child(2) {margin-bottom:20px}
.hos_info > div:nth-child(2), .hos_info > div:nth-child(3) {background-color:#e6f0ff;padding:20px;box-sizing:border-box}
.hos_info > div:nth-child(2) h3, .hos_info > div:nth-child(3) h3 {font-size:24px;margin-bottom:10px;font-weight: 400;letter-spacing: -2px;color:#111}

.hos_info > div:nth-child(2) ul {margin-bottom:10px}
.hos_info > div:nth-child(2) ul li {font-size:15px}
.hos_info > div:nth-child(2) ul li span {width:100px;display:inline-block;font-weight:500}
.hos_info > div:nth-child(2) ul li b {font-size:13px;font-weight:400}
.hos_info > div:nth-child(2) > span {font-size:13px;display:block}
.hos_info > div:nth-child(3) h3 {text-align:center;margin-bottom:5px}
.hos_info > div:nth-child(3) p {font-size:36px;text-align:center;margin-bottom:10px;font-weight: 500;letter-spacing: -2px;}
.hos_info > div:nth-child(3) span {display:block;font-size:13px;text-align: center;}

.hos_btn {position:relative;}
.hos_btn > div {width:100%}
.hos_btn a {float:left;width:30%;margin:0 1.666%}
#contents .sub_contents .hos_btn a img {width:100%;margin-left:0}
#contents .sub_contents .timeBtmImg {margin-top:15px !important}


/*메인*/
.clearfix:before, .clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}

/*.main_pg {padding-top: 80px;}*/

/*메인슬라이드*/
.main_pg #vis {height:100vh;width:100%}
.main_pg #vis .swiper-slide {overflow: hidden;width:100% !important}

.main_pg #vis .wrap {position:absolute;left:0;width:100%;height:100%;margin: 0 auto;opacity:0;overflow:hidden}
/*.main_pg #vis .sw_a {position: absolute}*/
.main_pg #vis .sw1 {background: url(../images/vis/01/bg.jpg) no-repeat center;height:100%;background-size:cover}
.main_pg #vis .sw1 .wrap {top:25%}
.main_pg #vis .sw1 .sw_a1 {width:100%;opacity: 0;animation:none}
.main_pg #vis .sw1 .sw_a2 {width:100%;opacity: 0;animation:none}

.main_pg #vis .sw1.on .wrap {opacity:1;}
.main_pg #vis .sw1.on .sw_a1 {animation: vis_ani1 .5s .3s 1 ease forwards;}
.main_pg #vis .sw1.on .sw_a2 {animation: vis_ani1 .5s .7s 1 ease forwards;}

@keyframes vis_ani1 {
    0% {-webkit-transform: translateY(-20%);transform: translateY(-20%);opacity: 0}
    100% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1}
}


/*메인컨텐츠*/
.main_pg .mInfo img {width:100%}
.main_pg .mInfo .snsWrap > a {float:left;width:25%}

.main_pg .mBnr img {width:100%}
.main_pg .mBnr .bnrWrap > a {float:left;width:49%;margin-bottom:2%}
.main_pg .mBnr .bnrWrap > a:nth-child(2n-1) {margin-right:2%}

.main_pg .mCommunity > a {width:33.333%;float:left}
.main_pg .mCommunity > a img {width:100%}

/*메인컨텐츠 - 폰*/
.main_pg .mQna {
    background-color: #f4f4f4;
    background: url('../../img/main/aboutmeAreaBg01.jpg') center no-repeat;
    background-size: cover;
    /*padding-top:80px;
    padding-bottom: 75px;*/
    overflow: hidden;
}

.main_pg div.phone{
    position: relative;
    width:96%;
    height:300px;
}
.main_pg div.phone > img,
.main_pg div.phone img.chatOther,
.main_pg div.phone img.chatMe{
    position: absolute;
    bottom: 0;
    left:2%;
    opacity: 0;
    animation:none
}
.main_pg div.phone > img:nth-child(1) {width:100%}
.main_pg div.phone > img:nth-child(2){
    bottom:20%;
    left:39%;
    width:30%
}
.main_pg div.phone > img:nth-child(3){
    bottom:10%;
    left:5%;
    width:90%;
}
.main_pg div.phone img.chatOther{
    top:16%;
    left:12%;
    width:70%;
}
.main_pg div.phone img.chatMe{
    top:38%;
    left:18%;
    width:70%;
}
@media (max-width:400px){ 
    .main_pg div.phone img.chatOther {top:22%}
    .main_pg div.phone img.chatMe {top:42%}
}
@media (max-width:350px){
    .main_pg div.phone {height:260px}
    .main_pg div.phone img.chatOther {top:24%}
}
    
.main_pg div.phone.action > img:nth-child(1) {
    -webkit-animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940).1s both;
            animation: slide-in-bottom 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940).1s both;
}
.main_pg div.phone.action > img:nth-child(2) {
    -webkit-animation: fade-in-top 0.5s /*cubic-bezier(0.390, 0.575, 0.565, 1.000)*/1s both;
	        animation: fade-in-top 0.5s /*cubic-bezier(0.390, 0.575, 0.565, 1.000)*/1s both;
}
.main_pg div.phone.action > img:nth-child(3) {
    -webkit-animation: scale-in-center 0.5s /*cubic-bezier(0.250, 0.460, 0.450, 0.940)*/2s both;
	        animation: scale-in-center 0.5s /*cubic-bezier(0.250, 0.460, 0.450, 0.940)*/2s both;
}
.main_pg div.phone.action .swiper-slide.swiper-slide-active img.chatOther{
    -webkit-animation: vis_ani_common_2 1s 2.5s ease forwards;
            animation: vis_ani_common_2 1s 2.5s ease forwards;
}
.main_pg div.phone.action .swiper-slide.swiper-slide-active img.chatMe {
    -webkit-animation: vis_ani_common_2 1s 3.5s ease forwards;
            animation: vis_ani_common_2 1s 3.5s ease forwards;
}
.main_pg div.phone.innerAction > img:nth-child(1),
.main_pg div.phone.innerAction > img:nth-child(2),
.main_pg div.phone.innerAction > img:nth-child(3){
    opacity: 1;
    animation:none
}
.main_pg div.phone.innerAction .swiper-slide.swiper-slide-active img.chatOther{
/*
    -webkit-animation: fade-in-top 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000)2.5s both;
	        animation: fade-in-top 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000)2.5s both;
*/
    -webkit-animation: fade-in-top 1s .1s ease forwards;
            animation: fade-in-top 1s .1s ease forwards;
}
.main_pg div.phone.innerAction .swiper-slide.swiper-slide-active img.chatMe {
/*
    -webkit-animation: fade-in-top 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000)3.5s both;
	        animation: fade-in-top 0.5s cubic-bezier(0.390, 0.575, 0.565, 1.000)3.5s both;
*/
    -webkit-animation: vis_ani_common_2 1s 1.1s ease forwards;
            animation: vis_ani_common_2 1s 1.1s ease forwards;
}

@-webkit-keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in-top {
  0% {
    -webkit-transform: translateY(-50px);
            transform: translateY(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes scale-in-center {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes vis_ani_common_2 {
    0% {transform: translateY(-20px);opacity: 0}
    60% {transform: translateY(5px);}
    100% {transform: translateY(0px);opacity: 1}
}
@keyframes vis_ani_common_2 {
    0% {transform: translateY(-20px);opacity: 0}
    60% {transform: translateY(5px);}
    100% {transform: translateY(0px);opacity: 1}
}

/*카테고리*/
.mCate {padding:20px 0 0}
.mCate #slideAreaSlide {width:100%}
.mCate #slideAreaSlide .innerContents {width:100%;position:relative}
.mCate #slideAreaSlide .innerContents img {width:100%}
.mCate #slideAreaSlide .innerContents .linkList {position:absolute;bottom:25px;left:2%;width: 100%;}
.mCate #slideAreaSlide .innerContents .linkList > li {float:left;margin-right:2%}
.mCate #slideAreaSlide .innerContents .linkList > li img {width:50px;height:50px}

/*하단커뮤니티*/
.mCommunity2 {padding:20px 0}
.mCommunity2 > a {float:left;width:50%}
.mCommunity2 > a img {width:100%}



/*footer*/
#footer {}
#footer .footerCm > a {float:left;width:25%}
#footer .footerCm > a img {width:100%}
#footer .footerLast {width:100%}
#footer .set_copy {background-color:#222;color:#fff;padding:30px 0}
#footer .set_copy p {color:#fff;font-size:12px;text-align: center;line-height: 1.9;}
#footer .set_copy p span {display:inline-block;padding:0 5px}
#footer .set_copy p.copyright {margin:8px 0 15px}
#footer #device_change {border: 1px solid #aaa;color:#aaa;width:94%;margin:0 auto}
#footer .make {color:#fff;display:block;}