@charset 'utf-8';
/*@import url(https://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);*/
/*@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
/*@import url(https://fonts.googleapis.com/css?family=Titillium+Web);*/

html, body {width:100%}
body{-webkit-text-size-adjust:none;font-family:Noto Sans KR, /*'나눔바른고딕', NanumBarunGothic, Nanum Barun Gothic, 나눔스퀘어, NanumSquare, Nanum Square,*/ '맑은 고딕', Malgun Gothic, '돋움', dotum;font-weight:normal;font-size:12px;color:#555;line-height:1.3;word-break:keep-all;word-wrap:break-word;overflow-y:scroll;overflow-x:hidden;*overflow-y:none;background:#fff} /* -webkit-text-size-adjust:none;글자 확대 방지 추가 */
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0;padding:0}
ul,ol,li{list-style:none}
fieldset{border:none;vertical-align:top}
legend,
caption {display:none}
table {border-collapse:collapse;border-spacing:0}
a {color:#444;text-decoration:none;line-height:1.3}
a:hover, a:active, a:focus{text-decoration:none}
img {border:0;vertical-align:middle}
input[type=radio],input[type=checkbox],input[type=image] {border:none;padding:0}
input[type=text],
input[type=password],
input[type=file] {background:#fff}
input[type=file],
input[type=submit] {border:none}
input, select, button {font-family:Noto Sans KR, /*'나눔바른고딕', NanumBarunGothic, Nanum Barun Gothic, 나눔스퀘어, NanumSquare, Nanum Square, */'맑은 고딕', Malgun Gothic, '돋움', dotum;font-size:12px;padding:5px;color:#555;vertical-align:middle;background:#fff;border:1px solid #d8d8d8}
label {cursor:pointer}
select {padding:3px}
textarea{padding:4px;font:normal 12px Noto Sans KR, /*'나눔바른고딕', NanumBarunGothic, Nanum Barun Gothic, 나눔스퀘어, NanumSquare, Nanum Square, */'맑은 고딕', Malgun Gothic, '돋움', dotum;color:#444;background:#fff;border:1px solid #c9c9c9}
address, caption, cite, code, dfn, em, th, var {font-style:normal;font-weight:normal}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block} 

/* layout */
#wrap {width:100%;height:100%}
#header {position:relative;height:297px;box-shadow:0 2px 2px rgba(0,0,0,.1);z-index:2000}
#footer {background:#222}

#divpop1 {position:relative;margin:0 auto !important;z-index:1002 !important}

/* Common */
.popupzone {position:relative;height:297px}
.popupzone .popup-contimg {height:297px}
.popup-control {position:absolute;right:0;bottom:0;width:100px;height:100px;padding-top:55px;text-align:center;font-size:15px;color:#fff;cursor:pointer;background:#333 url(../images/btn/popupzone_btn_control_close.png) no-repeat center 30px;box-sizing:border-box;z-index:10}
.popup-control.active {background:#333 url(../images/btn/popupzone_btn_control_open.png) no-repeat center 30px}
.popup-control span {display:block}

#gnb-wrap {position:absolute;left:0;bottom:0;width:100%;height:100px;background:#fff}
#gnb-wrap h1 {position:absolute;left:50%;bottom:0;margin-left:-105px;z-index:10}
#gnb-wrap #gnb {position:relative;width:1200px;height:100px;margin:0 auto}
#gnb-wrap #gnb .logo-mobile {display:none;height:60px;line-height:60px;text-align:center;background:#000}
#gnb-wrap #gnb .logo-mobile img {width:80px}
#gnb-wrap #gnb .btn-mobile-close {display:none;position:absolute;left:-60px;top:0;width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer;background:#fff}
#gnb-wrap #gnb .btn-mobile-close img {width:21px}
/* 170508 미화수정 */
.btn-mobile-close {display:none;position:fixed;right:210px;top:0;width:60px;height:60px;line-height:60px;text-align:center;cursor:pointer;background:#fff; z-index:9999}
.btn-mobile-close img {width:21px}

#gnb-wrap #gnb > ul {*zoom:1}
#gnb-wrap #gnb > ul:after {content:"";display:block;clear:both}
#gnb-wrap #gnb > ul > li {float:left;width:14%}
#gnb-wrap #gnb > ul > li.h1-left {margin-left:16%}
#gnb-wrap #gnb > ul > li > a {display:block;font-size:19px;color:#555;line-height:100px;text-align:center !important}
#gnb-wrap #gnb > ul > li > a:hover {color:#000}
#gnb-wrap #gnb > ul > li+li+li+li a {text-align:right;padding-left:15px}
#gnb-wrap #gnb > ul > li > ul {display:none}
#gnb-wrap #gnb > ul > li > ul > li > a.on {background:#ddd}
#gnb-wrap .gnb-bg {display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:2100}
#gnb-wrap .btn-gnb-view {display:none;position:absolute;right:20px;top:20px;cursor:pointer}
#gnb-wrap .btn-gnb-view img {width:30px}

.foot-header {height:65px;background:#333}
.foot-header .foot-header-inner {width:1200px;margin:0 auto;background:url(../images/title/footer_ci.png) no-repeat right 8px;overflow:hidden}
.foot-header .foot-header-inner .sns-link {float:left}
.foot-header .foot-header-inner .sns-link ul {*zoom:1}
.foot-header .foot-header-inner .sns-link ul:after {content:"";display:block;clear:both}
.foot-header .foot-header-inner .sns-link ul li {float:left;margin: 0 5px}
.foot-header .foot-header-inner .sns-link ul li a {display:block;line-height:65px}
.foot-body {width:1200px;margin:0 auto}
.foot-body .foot-body-top {position:relative;border-bottom:1px solid #000}
.foot-body .foot-body-top .foot-nav {padding-top:20px}
.foot-body .foot-body-top .foot-nav ul li {margin-bottom:10px;font-size:13px;*zoom:1}
.foot-body .foot-body-top .foot-nav ul li:after {content:"";display:block;clear:both}
.foot-body .foot-body-top .foot-nav ul li .title {float:left;width:100px;color:#fff}
.foot-body .foot-body-top .foot-nav ul li ul {float:left}
.foot-body .foot-body-top .foot-nav ul li ul li {float:left}
.foot-body .foot-body-top .foot-nav ul li ul li a {display:block;padding:0 10px;font-weight:100;color:#777}
.foot-body .foot-body-top .foot-nav ul li ul li a:hover {color:#eee}
.foot-body .foot-body-top .phone {position:absolute;right:0;top:40px;font-size:36px;font-weight:bold;color:#aaa}
.foot-body .foot-body-bottom {padding:20px 0;font-size:12px;;color:#888;text-align:center}

.foot-body .foot-body-bottom address span {display:inline-block;margin:0 20px;font-weight:100}
.foot-body .foot-body-bottom .copyright {margin-top:10px;font-weight:100}
.foot-body .foot-body-bottom .copyright em {color:#ff7076}

.sub-visual {position:relative;height:140px}
.sub-visual.sv1 {/*background:url(../images/bg/subVisual_introduction.jpg) no-repeat left top;background-size:cover*/}
.visual-cont {position:relative;width:1200px;height:110px;margin:0 auto;margin-top:-110px;color:#fff;text-align:right;z-index:10}
.visual-cont h2 {font-size:38px;font-weight:500}
.visual-cont .path span {display:inline-block;padding-left:12px;margin-left:10px;line-height:1;background:url(../images/icon/arrow01.png) no-repeat left 50%}
.visual-cont .path span.home {padding:0;margin:0;background:none}
.visual-cont .path span.home img {margin-top:-4px}


#cont-sec {width:1200px;margin:0 auto;/*border-right:1px solid #ddd;*/border-right:0;*zoom:1}
#cont-sec:after {content:"";display:block;clear:both}
/* #cont-sec .lnb-wrap {float:right;width:200px;background:#fff} */
#cont-sec .lnb-wrap {float:left;width:200px;background:#fff}

#lnb > ul > li > a {display:block;padding:15px 20px;font-size:15px;border-bottom:1px solid #ddd}
#lnb > ul > li > a.active {color:#fff;border-bottom:1px solid #ed1b24;background:#ed1b24 url(../images/icon/con_visual_symbol01.png) no-repeat 95% top}
#lnb > ul > li > a:hover {background-color:#f9f9f9}
#lnb > ul > li > a.active:hover {background-color:#ed1b24}
/* #cont-sec .cont-body {position:relative;float:right;width:1000px;padding-right:40px;padding-bottom:100px;border-right:1px solid #ddd;box-sizing:border-box} */
#cont-sec .cont-body {position:relative;float:left;width:1000px;padding-left:40px;padding-bottom:100px;border-left:1px solid #ddd;box-sizing:border-box}
#cont-sec .cont-body .cont-default {min-height:600px;padding:40px 0 80px}
#cont-sec .cont-body h3 {height:65px;border-bottom:1px solid #ccc}
#cont-sec .cont-body h3 span {display:inline-block;height:65px;line-height:65px;font-size:28px;color:#333;border-bottom:1px solid #333}

#cont-sec .cont-body.full {width:100%;padding:0;border:0}

/* Main */
.con-visual {position:relative;}
.con-visual .visual-item {position:relative;}
.con-visual .visual-item .visual-copy {position:absolute;left:50%;top:45%;padding-left:90px;font-style:italic;background:url(../images/icon/con_visual_symbol01.png) no-repeat left 50%;z-index:1001}
.con-visual .visual-item .visual-copy .copy-tit {padding-left:20px;padding-bottom:10px;font-size:40px;color:#333;line-height:1}
.con-visual .visual-item .visual-copy .copy-tit strong {color:#ed1a24}
.con-visual .visual-item .visual-copy .copy-txt {font-size:15.5px;color:#333;line-height:1.2}
.con-visual .visual-item .visual-copy .copy-txt span {display:block}
.con-visual .visual-item .visual-copy .copy-txt span:first-child {padding-left:10px}
.con-visual .visual-item .visual-copy01 {position:absolute;top:45%;padding-left:90px;background:url(../images/icon/con_visual_symbol01.png) no-repeat left 50%;z-index:1001}

.con-visual {position:relative;}
.con-visual .visual-item01 {background:url(../images/icon/con_visual_symbol01.png) no-repeat;}
.con-visual .visual-item01 .visual-copy01 {position:absolute;top:45%;padding-left:90px;background:url(../images/icon/con_visual_symbol01.png) no-repeat left 50%;z-index:1001}
.con-visual .visual-item01 .visual-copy01 .copy-tit {padding-left:20px;padding-bottom:10px;font-size:40px;color:#333;line-height:1}
.con-visual .visual-item01 .visual-copy01 .copy-tit strong {color:#ed1a24}
.con-visual .visual-item01 .visual-copy01 .copy-txt {font-size:15.5px;color:#333;line-height:1.2}
.con-visual .visual-item01 .visual-copy01 .copy-txt span {display:block}
.con-visual .visual-item01 .visual-copy01 .copy-txt span:first-child {padding-left:10px}

#slides {position:relative} /* Slide */
#slides .slidesjs-container {overflow:hidden}
#slides .slidesjs-navigation {filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7} /* Slide Page Control */
#slides .slidesjs-navigation:hover {filter:alpha(opacity=1);-moz-opacity:1;opacity:1}
a.slidesjs-previous {display:block;position:absolute;top:290px;left:50px;width:38px;height:84px;font-size:0;background:url(../images/btn/mainVisual_control_btnPrev.png) no-repeat center 50%;z-index:200}
a.slidesjs-next {display:block;position:absolute;top:290px;right:50px;width:38px;height:84px;font-size:0;background:url(../images/btn/mainVisual_control_btnNext.png) no-repeat center 50%;z-index:200}
a.slidesjs-play,
a.slidesjs-stop {position:absolute;top:300px;left:100px;background-position:-41px 0;text-indent:-9999px}
a.slidesjs-play {display:none;width:15px;background-position:-25px 0}
a:hover.slidesjs-play {display:none;background-position:-25px -18px}
a.slidesjs-stop {display:none;width:18px;background-position:-41px 0}
a:hover.slidesjs-stop {display:none;background-position:-41px -18px}
.slidesjs-pagination {position:absolute;top:42%;right:40px;border-right:1px solid #fff;z-index:1000} /* Slide Pagination */
.slidesjs-pagination li {margin-right:-10.5px}
.slidesjs-pagination li a {display:block;width:21px;height:21px;font-size:0;background:url(../images/btn/slide_pagination.png) no-repeat left top}
.slidesjs-pagination li a.active,
.slidesjs-pagination li a:hover {background-position:0 -21px}
.slidesjs-pagination li a:hover.active {background-position:0 -21px}

#branch-fixed {position:absolute;left:-70px;top:0;width:70px;z-index:100}
#branch-fixed .branch-control {display:block;position:absolute;right:-70px;top:0;width:70px;height:70px;cursor:pointer;background:#333 url(../images/btn/branch_office_btn_off.png) no-repeat center 50%}
#branch-fixed .branch-control.on {background:#333 url(../images/btn/branch_office_btn_on.png) no-repeat center 50%}
#branch-fixed .branch-cont {width:70px;background:#000 url(../images/icon/branch_office_icon_location.png) no-repeat center 20px}
#branch-fixed .branch-cont ul {padding-top:70px}
#branch-fixed .branch-cont ul li a {display:block;position:relative;width:70px;height:70px;line-height:70px;font-size:15px;text-align:center;margin-bottom:-1px;border:1px solid #ccc;background:#fff;box-sizing:border-box}
#branch-fixed .branch-cont ul li a:hover {color:#fff;border:1px solid #bc0000;background:#bc0000;z-index:1}
#branch-fixed .branch-cont ul li a:hover span {position:absolute;left:7px;top:7px;right:7px;bottom:7px;line-height:54px;border:1px solid #ff6464}

#join-fixed {position:absolute;right:130px;top:0;width:70px;z-index:1000}
#join-fixed .join-control {display:block;position:absolute;left:-70px;top:0;width:70px;height:70px;cursor:pointer;}

.twoxstory {position:relative;height:515px;margin-top:-160px;background:url(../images/bg/m_twoxstory_bg.png) no-repeat center top;z-index:10}
.twoxstory .twoxstory-list {position:relative;width:1400px;height:480px;margin:0 auto;padding-top:130px}
.twoxstory .twoxstory-list ul {*zoom:1}
.twoxstory .twoxstory-list ul:after {content:"";display:block;clear:both}
.twoxstory .twoxstory-list ul li {position:relative;float:left;width:24.25%;margin-right:1%;box-shadow:0 0 2px rgba(0,0,0,.3)}
.twoxstory .twoxstory-list ul li:last-child {margin-right:0}
.twoxstory .twoxstory-list ul li a {position:relative;display:block}
.twoxstory .twoxstory-list ul li a .thumb {display:block;height:170px;box-sizing:border-box;overflow:hidden}
.twoxstory .twoxstory-list ul li a .thumb img {width:100%;}
.twoxstory .twoxstory-list ul li a .cont {display:block;height:180px;padding:15px;box-sizing:border-box;background:#fff}
.twoxstory .twoxstory-list ul li a .cont .title {display:block;padding-bottom:15px;font-size:17.5px;color:#333}
.twoxstory .twoxstory-list ul li a .cont .exp-txt {height:62%;font-size:12px;color:#777;overflow:hidden}
.twoxstory .twoxstory-list ul li a .active-bg {position:absolute;left:0;top:0;right:0;bottom:0;border:5px solid #ed1b24;opacity:0;z-index:10}
/*.twoxstory .twoxstory-list ul li:hover a .thumb {border:5px solid #ed1b24}*/
.twoxstory .twoxstory-list ul li:hover a .cont {background:#ed1b24}
.twoxstory .twoxstory-list ul li:hover a .cont .title, 
.twoxstory .twoxstory-list ul li:hover a .cont .exp-txt {color:#fff !important}
.twoxstory .twoxstory-list ul li .sns-link {position:absolute;left:0;top:-7px;width:100%;height:177px;background:url(../images/bg/btn_sns_link_bg.png) no-repeat center bottom;background-size:100%;opacity:0}
.twoxstory .twoxstory-list ul li .sns-link a {display:inline-block;position:absolute;right:10px;bottom:10px}
/*.twoxstory .twoxstory-list ul li:hover .sns-link {display:block}*/
.twoxstory .twoxstory-btn {position:absolute;top:285px;width:40px;height:50px}
.twoxstory .twoxstory-btn.prev {left:-60px}
.twoxstory .twoxstory-btn.next {right:-60px}
.twoxstory .twoxstory-list#twoxstory {overflow:hidden}
.twoxstory .twoxstory-list#twoxstory .slidesjs-container,
.twoxstory .twoxstory-list#twoxstory .slidesjs-control {width:1200px !important;margin:0 auto}
.twoxstory .twoxstory-list#twoxstory .slidesjs-pagination {display:none}
.twoxstory .twoxstory-list#twoxstory a.slidesjs-previous {display:block;position:absolute;top:255px;left:0;width:38px;height:84px;font-size:0;background:url(../images/btn/blog_slide_btn_prev.png) no-repeat center 50%;z-index:200}
.twoxstory .twoxstory-list#twoxstory a.slidesjs-next {display:block;position:absolute;top:255px;right:0;width:38px;height:84px;font-size:0;background:url(../images/btn/blog_slide_btn_next.png) no-repeat center 50%;z-index:200}
.content-bottom {position:relative;height:687px;margin-top:-187px !important}
.m-contents-visual {position:absolute;left:0;bottom:0;width:100%;height:687px;background:url(../images/bg/m_contents_bottom_bg.png) no-repeat center bottom}
.content-bottom .m-branch {position:absolute;top:220px;left:50%;width:1200px;margin-left:-600px;z-index:10}
.content-bottom .m-branch .slt-branch {display:none}
.content-bottom .m-branch .m-branch-tabs {height:67px}
.content-bottom .m-branch .m-branch-tabs ul {*zoom:1}
.content-bottom .m-branch .m-branch-tabs ul:after {content:"";display:block;clear:both}
.content-bottom .m-branch .m-branch-tabs ul li {float:left;width:12.5%}
.content-bottom .m-branch .m-branch-tabs ul li a {display:block;height:67px;line-height:67px;font-size:16px;color:#222;text-align:center;border-top:2px solid #fff;border-right:1px solid #fff;background:#ccc;box-sizing:border-box}
.content-bottom .m-branch .m-branch-tabs ul li a:hover {background:#f0f0f0}
.content-bottom .m-branch .m-branch-tabs ul li a.active {color:#ed1b24;border-top:2px solid #ed1b24;background:#000}
.content-bottom .m-branch .m-branch-view {height:320px;*zoom:1}
.content-bottom .m-branch .m-branch-view:after {content:"";display:block;clear:both}
.content-bottom .m-branch .m-branch-view > div {float:left}
.content-bottom .m-branch .m-branch-view .branch-head {width:450px;height:320px;padding:15px 20px;background-color:#000;/* background:#000 url(../images/bg/branch_office_headline_bg.jpg) no-repeat center top; */box-sizing:border-box}
.content-bottom .m-branch .m-branch-view .branch-head h3 {padding-bottom:30px;font-size:20px;color:#fff}
.content-bottom .m-branch .m-branch-view .branch-head h3 span {font-size:15px}
.content-bottom .m-branch .m-branch-view .branch-head > dl {font-size:15px}
.content-bottom .m-branch .m-branch-view .branch-head > dl > dt {padding-bottom:8px;color:#add7ea}
.content-bottom .m-branch .m-branch-view .branch-head > dl > dd {padding-bottom:15px;color:#fff}
.content-bottom .m-branch .m-branch-view .branch-head > dl > dd.phone {font-size:32px}
.content-bottom .m-branch .m-branch-view .branch-head > dl > dd.operating-time {font-size:13px}
.content-bottom .m-branch .m-branch-view .branch-head > dl > dd.operating-time > dl {overflow:hidden}
.content-bottom .m-branch .m-branch-view .branch-head > dl > dd.operating-time > dl > dt {float:left;width:20%;color:#aaa}
.content-bottom .m-branch .m-branch-view .branch-head > dl > dd.operating-time > dl > dd {float:left;width:30%;margin-bottom:8px}
.content-bottom .m-branch .m-branch-view .branch-gallery {width:750px;height:320px;overflow:hidden}
.content-bottom .m-branch .m-branch-view .branch-gallery .branch-gallery-con{display:block; width:100%; height:100%;}
.content-bottom .m-branch .m-branch-view .branch-gallery img {width:100%}
.content-bottom .m-branch .m-branch-view .branch-link {display:none;width:270px}
.content-bottom .m-branch .m-branch-view .branch-link ul {overflow:hidden}
.content-bottom .m-branch .m-branch-view .branch-link ul li {float:left;width:50%}
.content-bottom .m-branch .m-branch-view .branch-link ul li a {display:block;position:relative;height:106px;line-height:106px;font-size:15px;color:#aaa;text-align:center;border:1px solid #555;margin:0 -1px -1px 0;background:#222;box-sizing:border-box}
.content-bottom .m-branch .m-branch-view .branch-link ul li a:hover {position:relative;background:#555}
.content-bottom .m-branch .m-branch-view .branch-link ul li a:hover span {position:absolute;left:11px;top:11px;right:11px;bottom:11px;line-height:80px;border:2px solid #aaa;box-sizing:border-box;z-index:10}

/* 회사소개 */
.introduction .introduction-head {font-size:15px}
.introduction .introduction-head .headline {font-size:30px;font-weight:bold;color:#333}
.introduction .introduction-head .headline strong {font-size:40px;color:#ed1b24}
.introduction .introduction-head .headline em {font-weight:bold;color:#999}
.introduction .introduction-head .head-txt1 {padding:10px 0;font-size:50px;font-weight:bold;color:#333;letter-spacing:-1px}
.introduction .introduction-head .head-txt1 em {font-weight:bold;color:#777}
.introduction .introduction-head .head-txt2 {padding:0 25% 10px 0;font-size:19px;color:#333}
.introduction .brand-value {margin-top:70px}
.introduction .brand-value .value-message {padding-top:340px;font-size:26px;font-weight:bold;color:#333;text-align:center;background:url(../images/bg/introduction_value_bg.png) no-repeat center top}
.introduction .brand-value .value-message strong {color:#ed1b24}
.introduction .brand-value .value-cont {margin-top:70px}
.introduction .brand-value .value-cont > ol {overflow:hidden}
.introduction .brand-value .value-cont > ol > li {position:relative;float:left;width:49%;min-height:220px;margin:0 2% 2% 0;padding:30px;text-align:center;background:#eee;box-sizing:border-box;overflow:hidden}
.introduction .brand-value .value-cont > ol > li.right {margin-right:0}
.introduction .brand-value .value-cont > ol > li.full {width:100%;margin:0}
.introduction .brand-value .value-cont > ol > li .no {position:absolute;left:-20px;top:-30px;font-size:120px;line-height:1 !important;font-weight:bold;color:#ddd;letter-spacing:-2px}
.introduction .brand-value .value-cont > ol > li .title {position:relative;font-size:20px;font-weight:bold;color:#333;text-align:center;z-index:1}
.introduction .brand-value .value-cont > ol > li .title em {font-weight:bold;color:#ed1b24}
.introduction .brand-value .value-cont > ol > li > ul {margin-top:20px}
.introduction .brand-value .value-cont > ol > li > ul > li {padding-bottom:5px;font-size:13px;letter-spacing:-0.5px}

/** porfolio slide style **/
.jssora02l, 
.jssora02r {display:block;position:absolute;width:33px;height:138px;cursor:pointer;border:1px solid #dcdcdc;background:#fff url(../images/btn/a02.png) no-repeat;overflow:hidden;z-index:100}
.jssora02l {left:0;top:auto !important;bottom:0 !important;background-position:0 50%}
.jssora02r {right:0;top:auto !important;bottom:0 !important;background-position:-45px 50%}
.jssora02l:hover {background-position:0 50%}
.jssora02r:hover {background-position:-45px 50%}
.jssora02l.jssora02ldn {background-position:0 50%}
.jssora02r.jssora02rdn {background-position:-45px 50%} 
.jssort03 {position:absolute;left:0px;bottom:0px;width:980px;height:140px;z-index:100}
.jssort03 .p {position:absolute;top:0;left:0;width:140px;height:140px}
.jssort03 .t {position:absolute;top:0;left:0;width:140px;height:140px;border:none}
.jssort03 .w, 
.jssort03 .pav:hover .w {position:absolute;width:140px;height:140px;border:1px solid #fff;box-sizing:content-box}
.jssort03 .pdn .w, 
.jssort03 .pav .w {border-style:solid}
.jssort03 .c {position:absolute;top:0;left:0;width:140px;height:140px;background-color:#fff;filter:alpha(opacity=45);opacity:.45;transition:opacity .6s;-moz-transition:opacity .6s;-webkit-transition:opacity .6s;-o-transition:opacity .6s}
.jssort03 .p:hover .c, 
.jssort03 .pav .c {filter:alpha(opacity=0);opacity:0}
.jssort03 .p:hover .c {transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}

.history .history-head {height:219px;background:url(../images/bg/history_head_bg.jpg) no-repeat center top}
.history .history-head > span {display:block;line-height:219px;font-size:50px;color:#fff;text-align:center}
.history .history-list {position:relative;width:50%;padding-top:100px;border-right:1px solid #ddd;box-sizing:border-box}
.history .history-list .history-item-wrap {position:relative;widith:100%;border-top:1px solid #ddd}
.history .history-list .history-item-wrap:after {content:"";display:block;width:40px;height:40px;position:absolute;right:-20px;top:-20px;background:url(../images/icon/history_bullet.png) no-repeat left top}
.history .history-list .history-item-wrap .history-item {position:relative;top:-30px;display:inline-block;width:350px;margin-top:-60px;margin-top:0;padding-bottom:30px}
.history .history-list .history-item-wrap .history-item .year {display:block;padding:6px 20px;font-size:36px;color:#fff;text-align:center;background:#3a3a3a}
.history .history-list .history-item-wrap .history-item .thisyear {background:#bc0000}
.history .history-list .history-item-wrap .history-item dl {margin-top:20px;overflow:hidden}
.history .history-list .history-item-wrap .history-item dl dt {float:right;clear:both;width:50px;font-size:19px;color:#3a3a3a}
.history .history-list .history-item-wrap .history-item dl dd {padding:3px 60px 4px 0;margin-bottom:8px;font-size:15px;color:#a3a3a3;text-align:right}
.history .history-list .history-item-wrap.right {left:100%;text-align:right}
.history .history-list .history-item-wrap.right .history-item dl dt {float:left}
.history .history-list .history-item-wrap.right .history-item dl dd {padding:3px 0 4px 60px;text-align:left}
.history .history-list .history-item-wrap.right:after {right:auto;left:-20px}
.history .history-list .history-item-wrap.up {margin-top:-100px}
.business .business-cont {margin-top:30px;text-align:center}
.business .business-cont .business-txt {padding:0 20px;border:13px solid #333;background:#f4f4f4}
.business .business-cont .business-txt p {padding:30px 20px;margin:-13px 0;font-size:14px;background:#f4f4f4}
.business .business-cont .business-txt p strong {font-weight:600}
.business .business-cont .business-infographic {padding-bottom:600px;background:url(../images/cont/business_infographic.png) no-repeat center bottom}
.partnership {overflow:hidden}
.partnership .partner-item {float:left;width:32%;height:360px;padding:70px 1%;margin-right:2%;margin-bottom:-60px;text-align:center;background:url(../images/bg/partners_item_bg.png) no-repeat center 50%;background-size:cover;box-sizing:border-box}
.partnership .partner-item h4 {padding:20px 0 10px;font-size:26px;color:#444;letter-spacing:-1px}
.partnership .partner-item h4 em {display:inline-block;line-height:1;padding:5px;font-weight:600;color:#fff;background:#d74147}
.partnership .partner-item p {font-size:13px;color:#999}
.partnership .partner-item.right {margin-right:0}
.partnership .partner-item.center {margin-left:17%}
.recruit .recruit-slogan img {width:100%}
.recruit .recruit-cont .recruit-item {margin-top:50px}
.recruit .recruit-cont .recruit-item h4 {margin-bottom:10px;padding-left:30px;font-size:19px;color:#333;background:url(../images/icon/bullet_h4.png) no-repeat left 50%}
.recruit .recruit-cont .recruit-item h5 {font-size:20px;color:#333;}
.recruit .recruit-cont .recruit-item p {font-size:15px;line-height:1.5}
.recruit .recruit-cont .recruit-item .summary {margin-top:40px}
.recruit .recruit-cont .recruit-item .summary ul {overflow:hidden}
.recruit .recruit-cont .recruit-item .summary ul li {float:left;width:33.3%;height:98px}
.recruit .recruit-cont .recruit-item .summary ul li .image {float:left;width:40%}
.recruit .recruit-cont .recruit-item .summary ul li .title {float:left;width:60%;font-size:15px;padding:25px;box-sizing:border-box}
.recruit .recruit-cont .recruit-item .join-high {font-size:20px;color:#333;font-weight:bold;}
.recruit .recruit-cont .recruit-note {height:188px;margin-top:80px;padding:30px;text-align:center;background:url(../images/bg/recruit_note_bg.jpg) no-repeat center top;box-sizing:border-box}
.recruit .recruit-cont .recruit-note h4 {font-size:26px;color:#fff}
.recruit .recruit-cont .recruit-note p {padding:15px 0;font-size:15px;color:#ddd}
.recruit .recruit-cont .recruit-note .recruit-txt {display:block;font-size:18px;color:#fff}

/* 프로그램 */
.program .program-head .headline {font-size:28px;font-weight:bold;color:#333}
.program .program-head .headline strong {font-size:40px;color:#ed1b24}
.program .program-head .headline strong img {margin-right:-10px;height:35px;vertical-align:baseline}
.program .program-head .headline em {font-weight:500;font-size:12px;color:#999}
.program .program-head .program-head-cont {position:relative;height:419px;padding:100px 0 80px;margin-top:10px;color:#fff;text-align:center;background:url(../images/bg/program_headlineBg_hitness.jpg) no-repeat center top;background-size:cover;box-sizing:border-box}
.program .program-head .program-head-cont.pilates {background:url(../images/bg/program_headlineBg_pilates.jpg) no-repeat center 50%}
.program .program-head .program-head-cont.golf {background:url(../images/bg/program_headlineBg_golf.jpg) no-repeat center 50%}
.program .program-head .program-head-cont.gx {background:url(../images/bg/program_headlineBg_gx.jpg) no-repeat center 50%}
.program .program-head .program-head-cont.spinning {background:url(../images/bg/program_headlineBg_spinning.jpg) no-repeat center 50%}
.program .program-head .program-head-cont .tit {font-size:36px;text-shadow:1px 1px 0 rgba(0,0,0,.4)}
.program .program-head .program-head-cont .tit em {font-weight:600}
.program .program-head .program-head-cont .cont-exp {margin:30px 0;font-size:15px}
.program .program-head .program-head-cont .cont-exp ul li {margin-bottom:4px}
.program .program-head .program-head-cont .cont-tab a {display:inline-block;padding:10px 50px;margin:0 5px;font-size:18px;color:#fff;letter-spacing:-1px;border:1px solid rgba(255,255,255,.3);background-color:rgba(237,27,6,.7)}
.program .program-head .program-head-cont .cont-tab a em {display:block;margin-top:2px;font-size:12px}
.program .program-step {margin-top:50px}
.program h4 {margin-bottom:20px;font-size:30px;color:#333;text-align:center;letter-spacing:-1px}
.program h4 strong {font-size:37px;color:#ed1b24}
.program h4 strong img {margin-right:-10px;height:35px;vertical-align:baseline}
.program h4 em {font-size:24px}
.program .program-step .step-item {position:relative;margin-bottom:90px;padding:60px 0;border:1px solid #ccc;font-size:15px;text-align:center;background:#f4f4f4;box-sizing:border-box}
.program .program-step .step-item h5 {width:45%;margin:0 auto;font-size:18px;font-weight:400}
.program .program-step .step-item h5 strong {display:block;font-size:24px;font-weight:600;color:#333}
.program .program-step .step-item .item-con {width:40%;margin:20px auto 0}
.program .program-step .step-item .item-con li {margin-bottom:5px;font-weight:300;color:#666}
.program .program-step .step-item .thumb {position:absolute;top:0;bottom:0;width:27%;overflow:hidden}
.program .program-step .step-item .thumb img {height:100%}
.program .program-step .step-item .thumb.left {left:0;text-align:left}
.program .program-step .step-item .thumb.right {right:0;text-align:right}
.program .program-step .step-item:after {content:"";display:block;clear:both;position:absolute;left:50%;bottom:-50px;width:22px;height:22px;margin-left:-11px;background:url(../images/icon/program_step_arrow.png) no-repeat center 50%}
.program .program-step .step-item:last-child {margin-bottom:0}
.program .program-step .step-item:last-child:after {display:none}
.program .program-notes {margin-top:30px;padding:30px;font-size:18px;color:#fff;text-align:center;background:#f14950}
.program .program-notes strong {font-size:20px}
.program .pilates-con {margin-top:60px}
.program .pilates-con .pilates-motion {padding:25px;border:1px solid #cfcfcf;background:#f4f4f4}
.program .pilates-con .pilates-motion .motion-item h5 {display:block;padding:13px;font-size:26px;color:#ff464a;text-align:center;background:#333}
.program .pilates-con .pilates-motion .motion-item .motion-item-txt {display:block;padding:20px;font-size:18px;color:#666;text-align:center;border:1px solid #ccc;border-top:0;background:#fff}
.program .pilates-con .pilates-motion .motion-item .motion-con {margin:20px 0}
.program .pilates-con .pilates-motion .motion-item .motion-con ul {overflow:hidden}
.program .pilates-con .pilates-motion .motion-item .motion-con ul li {float:left;width:25%;text-align:center}
.program .pilates-con .pilates-motion .motion-item .motion-con ul li .thumb img {width:100%}
.program .pilates-con .pilates-motion .motion-item .motion-con ul li .thumb-tit {display:block;padding:10px;font-size:16px;color:#333}
.program .lesson-con {margin-top:60px}
.program .lesson-con .lesson-con-detail {padding:25px;border:1px solid #cfcfcf;background:#f4f4f4}
.program .lesson-con .detail-head {padding:40px;text-align:center;border:1px solid #cfcfcf;background:#fff}
.program .lesson-con .detail-head .lesson-head-tit {font-size:30px}
.program .lesson-con .detail-head ul {margin-top:30px}
.program .lesson-con .detail-head ul li {font-size:18px;margin-bottom:5px}
.program .lesson-con .detail-con {margin-top:20px}
.program .lesson-con .detail-con .lesson-item {position:relative}
.program .lesson-con .detail-con .lesson-item .lesson-thumb img {width:100%}
.program .lesson-con .detail-con .lesson-item .thumb-tit {position:absolute;left:0;bottom:0;width:100%;height:120px;padding-top:25px;font-size:30px;font-weight:bold;color:#fff;text-align:center;box-sizing:border-box;background:rgba(0,0,0,.6)}
.program .lesson-con .detail-con .lesson-item .thumb-tit .eng-txt {display:block;font-size:22px;font-weight:200}
.program .golf-con {margin-top:60px}
.program h4 {font-size:30px;font-weight:bold;letter-spacing:-1px;text-align:center}
.program h4 strong img {height:35px;vertical-align:baseline}
.program h4 em {font-size:24px}
.program .golf-con .golf-con-detail {padding:25px;margin-top:30px;border:1px solid #d0d0d0;background:#f4f4f4}
.program .golf-con .golf-con-detail .golf-thumb {display:block}
.program .golf-con .golf-con-detail .golf-thumb img {width:100%}
.program .golf-con .golf-con-detail .golf-detail-list ul li {margin-top:10px;padding:12px;font-size:20px;color:#fff;text-align:center;background:#666}
.program .golf-con .golf-con-detail .golf-detail-list ul li:nth-child(3n) {background:#b33c3c}
.program .gx-cont {margin-top:100px}
.program .gx-cont .gx-class {padding:25px;border:1px solid #cfcfcf;background:#f4f4f4}
.program .gx-cont .gx-class h4 {padding:10px 0 30px;text-align:center}
.program .gx-cont .gx-class .h-exp {display:block;padding:13px;font-size:26px;color:#ff464a;text-align:center;background:#333}
.program .gx-cont .gx-class .gx-course {margin-top:15px}
.program .gx-cont .gx-class .gx-course ul li {position:relative;margin-bottom:20px}
.program .gx-cont .gx-class .gx-course ul li .course-pic {overflow:hidden}
.program .gx-cont .gx-class .gx-course ul li .course-con {position:absolute;left:0;top:0;width:100%;height:100%;padding:35px;text-align:center;background:rgba(0,0,0,.5);box-sizing:border-box;z-index:10}
.program .gx-cont .gx-class .gx-course ul li .course-con .course-tit {display:block;margin-bottom:10px;font-size:30px;color:#fff}
.program .gx-cont .gx-class .gx-course ul li .course-con .course-tit .eng-txt {display:block;font-size:16px}
.program .gx-cont .gx-class .gx-course ul li .course-con p {padding:5px 0;font-size:16px;color:#ddd}
.program .gx-cont .gx-other-class {margin-top:20px;padding:30px;text-align:center;background:#333}
.program .gx-cont .gx-other-class h4 {font-size:16px;color:#fff}
.program .gx-cont .gx-other-class .other-class-list {margin-top:20px;padding:0 15%;font-size:14px;text-align:center;color:#fff}
.program .gx-cont .gx-other-class .other-class-list ul li {position:relative;display:inline-block;padding:0 10px}
.program .gx-cont .gx-other-class .other-class-list ul li:after {content:'|';display:block;clear:both;position:absolute;right:0;top:2px;width:1px;font-size:11px;color:#999}
.program .gx-cont .gx-other-class .other-class-list ul li:last-child:after {content:''}

/* 지점소개 */
.branch-office .branch-office-list ul {*zoom:1}
.branch-office .branch-office-list ul:after {content:"";display:block;clear:both;}
.branch-office .branch-office-list ul li {float:left;width:32%;margin:0 2% 2% 0; height:285px;}
.branch-office .branch-office-list ul li:nth-child(3n) {margin-right:0}
.branch-office .branch-office-list ul li a {position:relative;display:block;box-shadow:3px 3px 3px rgba(0,0,0,.05)}
.branch-office .branch-office-list ul li a .thumb {display:block}
.branch-office .branch-office-list ul li a .thumb img {width:100%}
.branch-office .branch-office-list ul li a .cont {display:block;text-align:center;border:1px solid #ccc;border-top:0;background:#eee}
.branch-office .branch-office-list ul li a .cont .pin {position:relative;display:inline-block;width:60px;height:60px;line-height:60px;margin-top:-30px;text-align:center;background:#777;border-radius:50%;border:2px solid #fff;z-index:10}
.branch-office .branch-office-list ul li a .cont .store {position:relative;display:block;padding:5px 0 13px;font-size:22px;font-weight:bold;text-align:center;line-height:1;z-index:10}
.branch-office .branch-office-list ul li a .active-bg {position:absolute;left:0;top:0;right:0;bottom:0;border:5px solid #bc0000;background:url(../images/bg/branch_office_thumb_bg.png) no-repeat center bottom;opacity:0}
.branch-office .branch-office-tit-sec {position:relative;height:200px;background:url(../images/cont/branch_office_view_headlineBg.jpg) no-repeat center top}
.branch-office .branch-office-tit-sec .title {display:block;position:absolute;width:100%;height:50px;top:50%;margin-top:-25px;font-size:50px;font-weight:bolc;color:#fff;text-align:center;line-height:1 !important}
.branch-office .branch-office-tit-sec .sns-kakaotalk {/* display:block;width:210px; */ display:inline-block; border:1px solid #fde30b;background:rgba(0,0,0,.5) url(../images/btn/sns_kakaotalk.jpg) no-repeat left top}
.branch-office .branch-office-tit-sec .sns-kakaotalk .talk-id {display:block;/* width:210px; */height:69px;padding:15px 15px 15px 90px;font-size:14px;color:#fff;box-sizing:border-box; cursor:default;}
.branch-office .branch-office-tit-sec .sns-kakaotalk .talk-id .talk-id-tit {display:block;color:#ffef66}
.branch-office .branch-office-view {position:relative}
.branch-office .branch-office-view .sub-tabs {position:relative;height:60px;margin:-30px 30px 0 30px;border-bottom:1px solid #555;background:#eee}
.branch-office .branch-office-view .sub-tabs ul {overflow:hidden}
.branch-office .branch-office-view .sub-tabs ul li {float:left;width:16.6%}
.branch-office .branch-office-view .sub-tabs ul li:last-child {width:17%}
.branch-office .branch-office-view .sub-tabs ul li a {display:block;height:60px;line-height:60px;font-size:17px;color:#333;text-align:center}
.branch-office .branch-office-view .sub-tabs ul li a.active {color:#ed1b24;border-bottom:1px solid #ed1b24}
.branch-office .branch-office-view .branch-office-cont h4 {padding:30px 0;font-weight:normal;font-size:32px;color:#333;text-align:center}
.branch-office .branch-office-view .branch-office-cont h4 span {display:block;font-size:20px;color:#aaa}
.branch-office .branch-office-view .branch-office-cont .branch-gallery {height:740px}
.branch-office .branch-office-view .branch-office-cont .branch-map {position:relative;margin-top:30px}
.branch-office .branch-office-view .branch-office-cont .branch-map .branch-map-cont {position:absolute;right:0;top:0;width:320px;height:100%;background:rgba(0,0,0,.65)}
.branch-office .branch-office-view .branch-office-cont .branch-map .branch-map-cont .cont-exp {margin:30px;color:#ccc}
.branch-office .branch-office-view .branch-office-cont .branch-map .branch-map-cont .cont-exp .title {display:block;padding-top:70px;font-size:34px;font-weight:bold;color:#fff;text-align:center;letter-spacing:-1px;background:url(../images/icon/icon_branch_office_location.png) no-repeat center top}
.branch-office .branch-office-view .branch-office-cont .branch-map .branch-map-cont .cont-exp .address {margin:10px 0;font-size:15px;color:#fff}
.branch-office .branch-office-view .branch-office-cont .branch-map .branch-map-cont .cont-exp dl {margin-top:30px;font-size:14px;overflow:hidden}
.branch-office .branch-office-view .branch-office-cont .branch-map .branch-map-cont .cont-exp dt {float:left;width:38%}
.branch-office .branch-office-view .branch-office-cont .branch-map .branch-map-cont .cont-exp dd {float:left;width:62%;margin-bottom:10px}
.branch-office .branch-office-view .branch-office-cont .branch-map .branch-map-cont .cont-exp .phone {position:absolute;left:0;bottom:0;width:100%;height:98px;line-height:98px;padding-left:30px;font-weight:bold;font-size:30px;color:#fff;text-align:center;background:rgba(0,0,0,.6) url(../images/icon/icon_phone.png) no-repeat 30px 50%;box-sizing:border-box}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-head {padding-bottom:30px;text-align:center}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-head .title {font-size:17px;color:#555}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-head p {padding-top:10px;font-size:13px;color:#aaa}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-head p span {display:block}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-tabs {margin:0 30px;height:40px;border-bottom:1px solid #ccc}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-tabs ul {overflow:hidden}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-tabs ul li {float:left;width:16.6%}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-tabs ul li:last-child {width:17%}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-tabs ul li a {display:block;height:40px;line-height:40px;font-size:15px;text-align:center}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-tabs ul li a.active {font-weight:bold;color:#ed1b24;border-bottom:1px solid #ed1b24}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-cont h5 {padding:30px 0;font-size:32px;color:#333;text-align:center}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-cont h5 span {display:block;font-size:17px;font-weight:300;color:#aaa}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-cont .staff-cont-list ul {*zoom:1}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-cont .staff-cont-list ul:after {content:"";display:block;clear:both}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-cont .staff-cont-list ul li {float:left;width:23.5%;margin:0 2% 2% 0;background:#fff;box-shadow:0 0 2px rgba(0,0,0,.3)}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-cont .staff-cont-list ul li:nth-child(4n) {margin-right:0}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-cont .staff-cont-list ul li a {display:block}
/* .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-cont .staff-cont-list ul li a .thumb {display:block;padding:5px}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-cont .staff-cont-list ul li a .thumb img {width:100%} */
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-cont .staff-cont-list ul li a .thumb {display:block;padding-top:134%; height:0; margin:5px; position:relative;}	/* 이미지 높이가 달라서 틀어지는 오류 : 171206 미화 수정 */
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-cont .staff-cont-list ul li a .thumb img{position:absolute; top:0px; left:0px; width:100%; height:100%;}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-cont .staff-cont-list ul li a .cont {display:block;min-height:70px;padding:5px;text-align:center;box-sizing:border-box}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-cont .staff-cont-list ul li a .cont .name {display:block;font-size:17px;font-weight:500;color:#000}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-cont .staff-cont-list ul li a .cont .position {font-size:11px;color:#ed1b24}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-cont .staff-cont-list ul li a:hover {background-color:#f9f9f9}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view {margin:0 30px;overflow:hidden}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-img {float:left;width:46%;margin-right:4%}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-img .img-view {display:block;height:400px}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-img .img-view img {width:100%}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-img .staff-thumb {margin-top:12px}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-img .staff-thumb ul {height:125px;overflow:hidden}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-img .staff-thumb ul li {float:left;width:23.5%;margin-right:2%}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-img .staff-thumb ul li:last-child {margin-right:0}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-img .staff-thumb ul li a {display:block;border:1px solid #e9e9e9;background:#fafafa;box-sizing:border-box;overflow:hidden}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-img .staff-thumb ul li a img {width:100%}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-info {float:left;width:50%}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-info h5 {height:30px;font-size:16px;color:#666;border-bottom:1px solid #ccc}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-info h5 span {display:inline-block;height:30px;line-height:30px;border-bottom:1px solid #333}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-info h5 span em {font-weight:bold;color:#e6000a}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-info .personal-info {padding:35px 0;font-size:14px;color:#999}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-info .personal-info .name {font-size:17px;font-weight:400;color:#444}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-info .personal-info ul {margin-top:20px}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-info .experience {padding:35px 0;font-size:14px;color:#999}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-info .experience ul li {padding-bottom:5px}
.branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-info .btn-sec {margin-top:0;border-top:1px solid #ccc}
.branch-office .branch-office-view .branch-office-cont .twoxstory.promotion-sec {height:auto;margin-top:0}
.branch-office .branch-office-view .branch-office-cont .twoxstory.promotion-sec .twoxstory-list {width:auto;padding:0;margin:0 30px}
.branch-office .branch-office-view .branch-office-cont .twoxstory.promotion-sec .twoxstory-list ul li {width:32%;margin:0 2% 2% 0}
.branch-office .branch-office-view .branch-office-cont .twoxstory.promotion-sec .twoxstory-list ul li:nth-child(3n) {margin-right:0}
.branch-office .branch-office-view .branch-office-cont .partners-sec ul {*zoom:1}
.branch-office .branch-office-view .branch-office-cont .partners-sec ul:after {content:"";display:block;clear:both}
.branch-office .branch-office-view .branch-office-cont .partners-sec ul li {float:left;width:20%;margin:0 -1px -1px 0}
.branch-office .branch-office-view .branch-office-cont .partners-sec ul li a {position:relative;display:block;height:110px;text-align:center;line-height:110px;border:1px solid #ededed}
.branch-office .branch-office-view .branch-office-cont .partners-sec ul li a:hover {border:1px solid #999;z-index:1}
.branch-office .branch-office-view .branch-office-cont .partners-sec ul li .name {display:block; height:60px; padding:5px; text-align:center}	/* 틀어지는문제 및 여백추가 171206미화 */
.branch-office .branch-office-view .branch-office-cont .schedule .schedule-calendar {width:100%;padding:0 30px;box-sizing:border-box}
.branch-office .branch-office-view .branch-office-cont .schedule .schedule-calendar .monthly {border:1px solid #ccc}
.gx-schedule {padding:0 30px; text-align:center;}

.gx-schedule img {width:100%; margin:0 auto; display:inline-block;}

.gx-schedule table {width:100%;border:1px solid #ddd}
.gx-schedule table thead {height:40px;line-height:40px;background:#eee}
.gx-schedule table thead th {border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.gx-schedule table thead th:last-child {border-right:0}
.gx-schedule table tbody th,
.gx-schedule table tbody td {height:120px;text-align:center;vertical-align:top;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
.gx-schedule table tbody th {background-color:#eee}
/* 2016.11.23
.gx-schedule table tbody td .item {display:table;width:100%;height:100%;overflow:hidden}
.gx-schedule table tbody td .item .item-tit {display:table-cell;color:#fff;vertical-align:middle}
*/
.gx-schedule table tbody td .item > span {display:block;text-align:center}
.gx-schedule table tbody td .item .item-img {overflow:hidden}
.gx-schedule table tbody td .item .item-img img {width:100%;max-width:110px;max-height:55px;}
.gx-schedule table tbody td .item .item-img2{display:block; width:112px; height:121px;}
.gx-schedule table tbody td .item .item-img2 img{width:100%; height:100%;}
.gx-schedule table tbody td .item .item-tit {padding:5px 0;font-size:13px;color:#fff}
.gx-schedule table tbody td .item .item-tit.yellow {background:#ffad00}
.gx-schedule table tbody td .item .item-tit.green {background:#5ec600}
.gx-schedule table tbody td .item .item-tit.skyblue {background:#3eb5c9}
.gx-schedule table tbody td .item .item-tit.blue {background:#0087cb}
.gx-schedule table tbody td .item .item-tit.pink {background:#ff00b4}
.gx-schedule table tbody td .item .item-tit.orange {background:#ff6d00}
.gx-schedule table tbody td .item .item-tit.red {background:#ff4242}
.gx-schedule table tbody td .item .item-tit.gray {background:#555}
.gx-schedule table tbody td .item .name {padding:5px 0;font-size:12px;color:#444}

.zx_icon{width:100%;margin:0 auto 0;overflow:hidden}
.zx_icon ul{width:100%;overflow:hidden;margin:0 auto;float:left}
.zx_icon ul li{overflow:hidden;width:12.5%;float:left;box-sizing:border-box}
.zx_icon ul li:hover dt{ background:#f4f4f4}
.zx_icon ul li dl{overflow:hidden;width:100%} 
.zx_icon ul li dt{width:100%;height:auto;text-align:center;overflow:hidden;text-align:center;display:block}
.zx_icon ul li dd{text-align:center;padding-top:5px}

/* 2x 스토리 */
.twoxstory.blog {height:auto;margin-top:0}
.twoxstory.blog .twoxstory-list {width:100%;height:auto;padding-top:0}
.twoxstory.blog .twoxstory-list ul li {width:23.5%;margin:0 2% 2% 0}
.twoxstory.blog .twoxstory-list ul li:nth-child(4n) {margin-right:0}

/* 운동팁 */
.instagram ul {overflow:hidden}
.instagram ul li {float:left;width:23.5%;margin:0 2% 2% 0}
.instagram ul li:nth-child(4n) {margin:0 auto}
.instagram ul li a {display:block}
.instagram ul li a img {width:100%}
.exercise-tips {position:relative}
.exercise-tips .tip-tab {position:absolute;right:0;top:23px}
.exercise-tips .tip-tab select {font-size:15px}
.tip-tab .tip_line{overflow:hidden;margin-top:0px}
.tip-tab .tip_line li{float:left;font-weight:600;margin:0 2px;font-size:13px}
.tip-tab .tip_line li a{display:block;padding:5px 8px;border:1px solid #ddd;border-radius:5px}
.tip-tab .tip_line li .on{background:#666;color:#fff;border:1px solid #666}
.tip-tab .tip_line .bar{margin:0 5px}
.tip-tab .tip-tab .dis_none{display:none}

/* TABLE | Basic */
table.basic-table {position:relative;width:100%/*;border-top:2px solid #666*/;border-top:1px solid #999}
table.basic-table thead th {padding:10px 5px;font-size:14px;font-weight:bold;color:#333;text-align:center;border-left:1px solid #999;border-right:1px solid #ddd;border-bottom:1px solid #999;background:#f9f9f9}
table.basic-table thead th:last-child {border-right:1px solid #999}
table.basic-table tbody th,

table.basic-table tbody td {padding:7px 20px;color:#444;border-right:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb}
table.basic-table tbody th {font-size:14px;font-weight:bold;color:#333;border-right:1px solid #cbcbcb;background:#fafaf6}
table.basic-table tbody th.f,
table.basic-table tbody th:first-child {border-left:1px solid #cbcbcb}
table.basic-table tbody th.r,
table.basic-table tbody th:last-child {border-right:normal}
table.basic-table tbody td {font-size:14px;border-right:1px solid #cbcbcb} 
table.basic-table tbody td.f,
table.basic-table tbody td:first-child {border-left:1px solid #cbcbcb}
table.basic-table tbody th.r,
table.basic-table tbody td.r,
table.basic-table tbody td:last-child {border-right:normal}
table.basic-table thead th span, table.basic-table tbody td span {display:block;padding-left:60px;text-align:left}

/* BOARD : 페이징 */
.pagination {position:relative;padding:40px 0;text-align:center}
.pagination a {display:inline-block;width:26px;height:20px;margin:0 2px;padding-top:5px;color:#777;font:11px tahoma;border:1px solid #ccc;text-align:center;text-decoration:none;vertical-align:top;background:#fff}
.pagination a:hover {color:#333;background:#f9f9f9}
.pagination strong {display:inline-block;width:26px;height:20px;padding-top:5px;color:#fff;font:bold 11px tahoma;border:1px solid #555;text-align:center;background:#666;vertical-align:top}
.pagination a.first, 
.pagination a.prev, 
.pagination a.next, 
.pagination a.last {border:0;padding-top:0px;border:0}
.pagination .button {position:absolute;right:0;top:30px}
.pagination .button a {border:none;width:auto;height:auto;padding:0}

/* 게시판 검색 */
.search-box {*zoom:1}
.search-box:after {content:"";clear:both;display:block}
.search-box .pages {float:left;padding-top:6px;font-size:11px;color:#7e7e7e}
.search-box .select-search input.btn-search {margin:0;margin-bottom:-8px;*margin-bottom:-4px;padding:0;border:none}
.select-search input.btn-sch {padding:0;border:0;background:none}

.srh-b {margin-top:20px;padding:22px 0;text-align:center;border:1px solid #cbcbcb;background:#fff} /* 하단 검색창 */
.select-search {display:inline-block}
.select-search select {padding:6px 15px;font-size:13px;border:1px solid #ddd;border-radius:2px;background:#fff}
.select-search input {width:300px;padding:7px 10px;font-size:13px;border:1px solid #ddd;border-radius:2px;background:#fff}
.select-search button {border:none;border-radius:2px;cursor:pointer;background:#555}
.select-search button img {width:22px}

/* 버튼 */
.btn-sec {padding-top:30px;text-align:right}
.btn-sec .btn {padding:8px 45px;font-size:16px;color:#fff;text-align:center;line-height:1}
.btn-sec .btn.red {background:#ed1b24}

/* BOARD : 리스트 */
.board-list .total-no {margin-bottom:10px}
.board-list table {width:100%;font-size:15px}
.board-list thead {color:#333;border:1px solid #999;background:#fff}
.board-list thead th {height:50px;line-height:50px;font-weight:bold;text-align:center}
.board-list tbody td {padding:8px 0;color:#999;text-align:center;border-bottom:1px solid #d5d5d5}
.board-list tbody td span.reply {margin-left:20px;margin-right:-10px}
.board-list tbody td .repl-no {margin-right:10px;color:#338104}
.board-list tbody a {display:inline-block;padding:6px 0;font-weight:normal;color:#333;line-height:24px}
.board-list tbody a:hover {color:#000}
.board-list tbody a.btn-view {margin-right:0}
.board-list tbody a.btn-modify {margin-left:0;margin-right:5px}
.board-list tbody a.attached {padding-left:20px;margin:0;font-family:segoe UI, tahoma;font-size:10px;color:#666}
.board-list tbody a.attached:hover {color:#000;text-decoration:underline}
.board-list tbody a.attached.hwp {background:url(../images/board/attached_hwp.png) no-repeat left 50%}
.board-list tbody a.attached.zip {background:url(../images/board/attached_zip.png) no-repeat left 50%}
.board-list tbody a.attached.pdf {background:url(../images/board/attached_pdf.png) no-repeat left 50%}
.board-list tbody a.repl {padding-left:25px;background:url(../images/board/icon_reply.png) no-repeat left 7px} /* 답글 */
.board-list tbody tr:hover {background:#f9f9f9;*cursor:pointer}
.board-list tbody .tl {padding-left:10px;text-align:left}
.board-list tbody .hit {color:#999}
.board-list tbody .notice {font-weight:bold;color:#333}
.board-list .tNote {margin-top:10px;text-align:right;font-size:11px;color:#999;letter-spacing:-1px}
.board-list .attention {display:inline-block;padding:0 3px 1px;font-size:13px;font-weight:bold;color:#fff;border-radius:2px;background:#f75151}

/* BOARD : 상세 */
.board-view {font-size:15px}
.board-view .tit-sec {height:55px;padding:0 30px;line-height:55px;color:#333;border:1px solid #999;background:#fff}

.board-view .tit-sec .tit {float:left;font-size:16px;font-weight:bold}
.board-view .attached {padding:15px 30px;overflow:hidden}
.board-view .attached .attached-file {float:left}
.board-view .attached .attached-file strong {display:inline-block;padding-left:20px;font-size:13px;color:#333;background:url(../images/board/icon_attached-file.png) no-repeat left 50%}
.board-view .attached .attached-file a {display:inline-block;padding-left:10px;margin-left:5px;background:url(../images/board/icon_sline01.png) no-repeat left 50%}
.board-view .attached .date {float:right;font-size:13px}
.board-view .attached .date img {margin-left:10px}
.board-view .attached .date span {margin-left:10px}
.board-view .cont {position:relative}
.board-view .cont .view-img {position:relative;margin-top:20px}
.board-view .cont .author {text-align:center}
.board-view .cont .author img {border:1px solid #ddd}
.board-view .cont .author span {display:block;padding:10px 0;font-size:12px;text-align:center;color:#888}
.board-view .cont .con-txt {padding:35px 30px;min-height:200px;border:1px solid #ccc; /* line-height:1.8; */ line-height:1.4; background:#fff}
/*.board-view .cont .con-txt p {padding-bottom:30px}*/
.board-view .cont .con-txt img{max-width:100%; height:auto !important;}

.board-view .attention {display:inline-block;padding:0 3px 1px;font-size:13px;font-weight:bold;color:#fff;line-height:1.4;border-radius:2px;background:#f75151}

/* BOARD : 글쓰기, 입력폼 */
.board-write-wrap {padding:30px 0;border-top:1px solid #999;border-bottom:1px solid #999;background:#f7f7f7}
.board-write {width:100%}
.board-write tbody th,
.board-write tbody td {font-size:14px;text-align:left;padding:10px 0 10px 10px;background:#f7f7f7}
.board-write tbody th {font-weight:400;color:#333;padding-left:30px}
.board-write tbody th.blank {padding-left:15px !important;background:#eee !important}
.board-write tbody .add_tx {margin-left:5px;padding-left:20px;font-size:13px;color:#00b0b0;letter-spacing:-1px;background:url(../images/icon/bullet_check_circleL.png) no-repeat left 50%;background-size:14px}
.board-write tbody .edit_sec {position:relative}
.board-write tbody .edit_sec .exp_tx {position:absolute;top:10px;left:10px}
.board-write tbody .edit_file {display:none}
.board-write tbody label {margin:0 15px 0 3px}
.board-write tbody input {padding:5px 10px;font-size:14px;color:#999}
.board-write tbody button {display:inline-block;border:0;height:34px;width:34px;cursor:pointer;border-radius:3px;font-size:0;background:#333 url(../images/board/btn_search.png) no-repeat center 50%;background-size:17px}
.board-write tbody textarea {padding:4px;font-size:14px;font-size:400;color:#777;background:#fff}
.board-write tbody input:focus,
.board-write tbody textarea:focus {border:1px solid #333}
.board-write tbody .tit {display:inline-block;width:50px;font-weight:600}

/* UTIL - 간격 */
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt20 {margin-top:20px !important}
.mt30 {margin-top:30px !important}
.mt40 {margin-top:40px !important}
.mt50 {margin-top:50px !important}
.mt60 {margin-top:60px !important}
.mt70 {margin-top:70px !important}
.mt80 {margin-top:80px !important}
.mt100 {margin-top:100px !important}
/* UTIL - 정렬 */
.tc {text-align:center !important}
.tr {text-align:right}
.tl {text-align:left !important}
.fl {float:left}
.fr {float:right}
/* UTIL - Input Box */
.ib15 {width:15px}
.ib25 {width:25px}
.ib30 {width:30px}
.ib40 {width:40px}
.ib50 {width:50px}
.ib75 {width:75px}
.ib80 {width:80px}
.ib90 {width:90px}
.ib100 {width:100px}
.ib150 {width:150px}
.ib200 {width:200px}
.ib250 {width:250px}
.ib300 {width:300px}
.ib400 {width:400px}
.ib500 {width:500px}
.ib600 {width:600px}
.ib700 {width:700px}
.ib750 {width:750px}
.ib800 {width:800px}
/* UTIL - 속성해제 */
.clear_border {border:none !important;padding:0;margin:0;background:none}
.input_clear {border:0;background:none}
.blind {display:none}
.clbh {clear:both}
.dbk {display:block}

/* PC 대응 - 1768px이상  */
@media (min-width:1768px) {
.tab_cont_sw {background:url('../images/cont/linemap_subw.jpg') center center no-repeat; background-size:contain}
}

/* PC 대응 - 1768px이하  */
@media (max-width:1768px) {
	
    #divpop1 {position:relative;left:auto !important;width:100% !important;height:auto !important;margin:0 auto !important;z-index:1002 !important;border:none;background:none}
    #divpop1 table {width:95%;margin:0 auto;background:none}
    #divpop1 table tbody td img {width:100%}
    #divpop1 table tbody td a img {width:auto}

    #gnb-wrap #gnb {width:auto;height:80px;padding:0 12%}
    #gnb-wrap #gnb > ul > li > a {font-size:17px}
    
    #slides .slidesjs-container img {/* width:120% */ width:100%;}
    .con-visual {height:650px;}
    .con-visual .visual-item .visual-copy {top:25%;margin-left:-300px}
    .con-visual .visual-item .visual-copy .copy-tit {font-size:35px}
    .con-visual .visual-item .visual-copy .copy-txt {font-size:14px}
    
    .tab_cont_sw {background:url('../images/cont/linemap_subw.jpg') center center no-repeat; background-size:contain}
    
    .twoxstory {height:auto;margin-top:0}  
    .twoxstory .twoxstory-list {width:auto;height:auto;padding-top:130px}
    .twoxstory .twoxstory-list ul li a .thumb {height:170px;overflow:hidden}
    .twoxstory .twoxstory-list ul li a .thumb img {height:100%;width:auto}
    .twoxstory .twoxstory-list ul li a .cont .title {font-size:16px}

    
    #slides .slidesjs-container,
    #slides .slidesjs-control {width:auto !important;height:auto !important;padding-bottom:29.6%}
    
    .twoxstory {padding:80px 0;height:auto;margin-top:0;background:none;background:#fff}
    .twoxstory.blog {padding:0}

    .twoxstory .twoxstory-list {padding:0;overflow:visible !important}
    .twoxstory .twoxstory-list#twoxstory .slidesjs-container,
    .twoxstory .twoxstory-list#twoxstory .slidesjs-control {height:auto !important;width:auto !important;padding-bottom:15%;margin:0 4%}
    .twoxstory .twoxstory-list#twoxstory a.slidesjs-previous {top:50%;left:20px;margin-top:-42px;background-size:30px}
    .twoxstory .twoxstory-list#twoxstory a.slidesjs-next {top:50%;right:20px;margin-top:-42px;background-size:30px}
    
    .twoxstory.promotion-sec {padding-top:0}
    
}

/* 모바일 대응 - 1280px이하 공통  */
@media (max-width:1280px) {
    
    #header {height:277px}
    .popupzone, .popupzone .popup-contimg {height:277px !important}
    .popupzone .popup-contimg img {height:100%}
    #gnb-wrap {height:80px}
    #gnb-wrap h1 {margin-left:-84px}
    #gnb-wrap h1 img {height:80px}
    #gnb-wrap #gnb {padding:0 7.5%}
    #gnb-wrap #gnb > ul > li > a {line-height:80px}
    
    .popup-control {width:80px;height:80px;padding-top:45px;font-size:14px;background:#333 url(../images/btn/popupzone_btn_control_close.png) no-repeat center 20px;background-size:30px}
    .popup-control.active {background:#333 url(../images/btn/popupzone_btn_control_open.png) no-repeat center 20px;background-size:30px}
    .popup-control span {display:block}
    
    .m-contents-visual {}
    .con-visual {height:500px;}
    .content-bottom .m-branch {position:relative;top:0;left:0;width:100%;margin-left:0}
    .content-bottom .m-branch .m-branch-view .branch-head {width:40%}
    .content-bottom .m-branch .m-branch-view .branch-head h3 {display:none}
    .content-bottom .m-branch .m-branch-view .branch-head > dl {overflow:hidden}
    .content-bottom .m-branch .m-branch-view .branch-head > dl > dt {float:left;clear:both}
    .content-bottom .m-branch .m-branch-view .branch-head > dl > dd {float:right}
    .content-bottom .m-branch .m-branch-view .branch-head > dl > dd.operating-time {float:none;clear:both;padding-top:10px}
    .content-bottom .m-branch .m-branch-view .branch-head > dl > dd.operating-time > dl > dt {float:left;width:40%}
    .content-bottom .m-branch .m-branch-view .branch-head > dl > dd.operating-time > dl > dd {float:left;width:60%;text-align:right}
    .content-bottom .m-branch .m-branch-view .branch-gallery {width:60%;overflow:hidden}
    
    .content-bottom {position:relative;height:auto;margin-top:0 !important}
    
    .foot-header {padding:0 30px}
    .foot-header .foot-header-inner {width:auto}
    .foot-body {width:auto;padding:0 30px}
    .foot-body .foot-body-top .foot-nav ul li .title {width:70px}
    .foot-body .foot-body-top .foot-nav ul li ul li a {padding:0 5px}
    .foot-body .foot-body-top .phone {font-size:26px}
    
    #cont-sec {width:auto;margin:0 50px}
    .sub-visual.sv1 {background-size:cover}
    .visual-cont {width:auto;padding:0 40px;margin-top:-110px}
    
    #cont-sec .lnb-wrap {width:16.66%}
    #cont-sec .cont-body {width:83.34%}
    
    .history .history-list .history-item-wrap .history-item {width:310px}
    
    .branch-office .branch-office-view .branch-office-cont .branch-gallery {height:auto}
    
    .branch-office .branch-office-view .branch-office-cont .branch-map-iframe {position:relative; padding-bottom:65%}
    .branch-office .branch-office-view .branch-office-cont .branch-map iframe {position:absolute;left:0;top:0;width:100%;height:100%}
	
	.zx_icon ul li{overflow:hidden;width:16.66%}
    
}

/* 테블릿 대응 - 1023px  */
@media (max-width:1023px) {
	
    #gnb-wrap h1 {left:0;margin-left:-16px}
    #gnb-wrap #gnb {position:fixed;top:0;right:0;height:100%;width:210px;padding:0;margin-right:-210px; overflow-y:auto;background:#fff;z-index:2200}
    #gnb-wrap #gnb > ul > li {float:none;width:100%}
    #gnb-wrap #gnb > ul > li > a {padding:0 15px;line-height:45px !important;border-bottom:1px solid #ccc;text-align:left !important}
    #gnb-wrap #gnb > ul > li > a.active {border-bottom:1px solid #333;background:#f9f9f9}
    #gnb-wrap #gnb > ul > li.h1-left {margin-left:0}
    #gnb-wrap #gnb > ul > li+li+li+li a {text-align:left}
    #gnb-wrap #gnb > ul > li > a {line-height:60px}
    #gnb-wrap #gnb > ul > li > ul {display:block}
    #gnb-wrap #gnb > ul > li > ul > li > a {display:block;padding:8px 15px;font-size:13px;color:#888;border-bottom:1px solid #eee;background:#f9f9f9}
    #gnb-wrap #gnb .logo-mobile {display:block}
    
    #gnb-wrap .btn-gnb-view {display:block;top:30px}
	
    #cont-sec {margin:0 40px}
    #cont-sec .lnb-wrap {display:none}
    #cont-sec .cont-body {width:100%;padding-left:0;border-left:0}
    .con-visual {height:450px;}
.visual-contimg {transform: scale(1.0);}
    .visual-contimg01 {transform: scale(1.4);margin-top:50px;}
    .popup-control,
    #branch-fixed {display:none}
	#join-fixed {display:none}
    
    .tab_cont_sw {background:url('../images/cont/linemap_subw_768.jpg') center center no-repeat; background-size:contain;}
    
    .twoxstory .twoxstory-list#twoxstory .slidesjs-control {padding-bottom:23%}
    .twoxstory .twoxstory-list ul {padding:0 20px}
    .twoxstory .twoxstory-list ul li {width:32%;margin-right:2%}
    .twoxstory .twoxstory-list ul li:nth-child(4) {display:none}
    .twoxstory .twoxstory-list ul li:nth-child(3) {margin-right:0}
    
    .twoxstory.blog .twoxstory-list ul li {width:32%}
    .twoxstory.blog .twoxstory-list ul li:nth-child(4n) {display:block;margin-right:2%}
    .twoxstory.blog .twoxstory-list ul li:nth-child(3n) {margin-right:0}
    
    .twoxstory .twoxstory-list ul li a .cont {height:230px}
    .twoxstory.promotion-sec .twoxstory-list ul li:nth-child(4) {display:block}
    
    .introduction .introduction-head .headline {font-size:25px}
    .introduction .introduction-head .headline strong {font-size:30px}
    .introduction .introduction-head .head-txt1 {font-size:35px}
    .introduction .introduction-head .head-txt2 {padding:0 0 10px 0;font-size:17px}
    .introduction .brand-value .value-message {font-size:20px}
    
    .history .history-list .history-item-wrap .history-item .year {font-size:26px}
    
    .recruit .recruit-cont .recruit-item h4 {padding-left:25px;font-size:17px;background-size:18px}
	.recruit .recruit-cont .recruit-item h5 {font-size:20px;color:#333;}
    .recruit .recruit-cont .recruit-item p {font-size:14px}
    .recruit .recruit-cont .recruit-item .summary ul li {height:75px}
    .recruit .recruit-cont .recruit-item .summary ul li .image {width:30%}
    .recruit .recruit-cont .recruit-item .summary ul li .image img {width:100%}
    .recruit .recruit-cont .recruit-item .summary ul li .title {width:70%;font-size:14px;padding:15px}
	.recruit .recruit-cont .recruit-item span .join-txt {font-size:30px}
    .recruit .recruit-cont .recruit-note p {font-size:14px}
    .recruit .recruit-cont .recruit-note .recruit-txt {6font-size:16px}
    
    .branch-office .branch-office-list ul li a .cont .pin {width:40px;height:40px;line-height:40px;margin-top:-20px}
    .branch-office .branch-office-list ul li a .cont .pin img {width:15px}
    .branch-office .branch-office-list ul li a .cont .store {font-size:17px}

    .branch-office .branch-office-view .branch-office-cont .partners-sec ul li a img {width:70%}
    
    .gx-schedule {padding:0}
    .branch-office .branch-office-view .branch-office-cont .schedule .schedule-calendar {padding:0}
    .branch-office .branch-office-view .branch-office-cont .partners-sec ul li a img {width:auto !important; max-width:100%; max-height:100%;}
	
	.zx_icon img{width:100%}			
	.zx_icon ul li{overflow:hidden;width:25%}
	
	.tip-tab .dis_none{display:block}
	.tip-tab .tip_line{ display:none}
    
}

/* 모바일 대응 - 768px이하 공통  */
@media (max-width:768px) {
.con-visual {height:400px;}
    .con-visual .visual-item .visual-copy {position:relative;left:auto;width:100% !important;margin-left:auto !important;padding:40px !important;font-style:normal;text-align:center;background:none;background:#fff;box-sizing:border-box}
    .con-visual .visual-item .visual-copy .copy-tit {padding:0;padding-bottom:10px;font-size:22px}
    .con-visual .visual-item .visual-copy .copy-txt {font-size:15px;margin:0 10%}   
    .con-visual .visual-item .visual-copy .copy-txt span {padding:0 !important}
    .visual-contimg {transform: scale(1.0);}
    .visual-contimg01 {transform: scale(1.4);}
    
    .tab_cont_sw {background:url('../images/cont/linemap_subw_768.jpg') center center no-repeat; background-size:contain; transform: scale(1.0);}
    
    .twoxstory .twoxstory-list#twoxstory .slidesjs-control {padding-bottom:45%}
    .twoxstory .twoxstory-list ul li {width:49%}
    .twoxstory .twoxstory-list ul li:nth-child(4),.twoxstory .twoxstory-list ul li:nth-child(3) {display:none}
    .twoxstory .twoxstory-list ul li:nth-child(2) {margin-right:0}
    
    .twoxstory.promotion-sec .twoxstory-list ul li:nth-child(4),.twoxstory.promotion-sec .twoxstory-list ul li:nth-child(3) {display:block}
    .twoxstory.promotion-sec .twoxstory-list ul li a .cont {height:230px}
    .twoxstory.promotion-sec .twoxstory-list {margin:0 !important}
    
    .content-bottom .m-branch .m-branch-view .branch-head {width:100%;background-size:cover}
    .content-bottom .m-branch .m-branch-view .branch-gallery {display:none}
    
    .foot-header {height:45px;line-height:45px}
    .foot-header .foot-header-inner {text-align:center;background:none}
    .foot-header .foot-header-inner .sns-link {float:none;display:inline-block}
    .foot-header .foot-header-inner .sns-link ul li a {line-height:inherit}
    .foot-body .foot-body-top {display:none}
    .foot-body .foot-body-bottom address span {display:block;padding:2px 0}
    .foot-body .foot-body-bottom .copyright {margin-top:20px;padding-top:20px;border-top:1px solid #000}
    
    .visual-cont .path {display:none}
    .visual-cont h2 {padding-top:15px}
    
    
    
    
    #cont-sec {margin:0 20px}
    
    .history .history-head {height:100px;background-size:cover}
    .history .history-head > span {line-height:100px;font-size:30px}
    .history .history-list {width:100%;padding-top:0;border:0}
    .history .history-list .history-item-wrap {border-top:0}
    .history .history-list .history-item-wrap:after {display:none}
    .history .history-list .history-item-wrap .history-item {top:auto;display:block;width:100%;margin-top:30px;padding-bottom:0}
    .history .history-list .history-item-wrap .history-item .year {font-size:26px}
    .history .history-list .history-item-wrap .history-item .thisyear {background:#bc0000}
    .history .history-list .history-item-wrap .history-item dl {margin-top:20px;overflow:hidden}
    .history .history-list .history-item-wrap .history-item dl dt {float:left}
    .history .history-list .history-item-wrap .history-item dl dd {text-align:left}
    .history .history-list .history-item-wrap.right {left:auto;text-align:left}
    .history .history-list .history-item-wrap.right .history-item dl dt {float:left}
    .history .history-list .history-item-wrap.up {margin-top:0}
    
    .business .business-cont .business-infographic {padding-bottom:80%;background-size:80%}
    
    .partnership {padding:40px !important}

    .partnership .partner-item {width:49%;height:340px;padding:70px 2%;margin-right:2%;margin-bottom:10px;background-position:center top;background-size:280px}
    .partnership .partner-item:nth-child(2) {margin-right:0}
    .partnership .partner-item.right {margin-right:2%}
    .partnership .partner-item.center {margin:0}
    .partnership .partner-item h4 {font-size:20px}
    
    .recruit .recruit-cont .recruit-item .summary ul li .title {font-size:13px;padding:10px}

    .program .program-head .headline {font-size:22px}
    .program .program-head .headline strong {font-size:30px}
    .program .program-head .headline em {font-size:11px}
    .program .program-head .program-head-cont {height:350px;padding:60px 0 40px}
    .program .program-head .program-head-cont .tit {font-size:30px}
    .program .program-head .program-head-cont .cont-exp {font-size:13px}
    .program .program-head .program-head-cont .cont-tab a {font-size:16px}
    .program h4 {font-size:25px}
    .program h4 strong img {height:30px}
    .program h4 em {font-size:18px}
    .program .pilates-con {margin-top:40px}
    .program .pilates-con .pilates-motion {padding:20px}
    .program .pilates-con .pilates-motion .motion-item h5 {font-size:21px}
    .program .pilates-con .pilates-motion .motion-item .motion-item-txt {font-size:16px}
    .program .pilates-con .pilates-motion .motion-item .motion-con ul li .thumb-tit {font-size:14px}
    .program .program-step {margin-top:40px}
    .program .program-step h4 {font-size:20px}
    .program .program-step h4 strong {font-size:30px}
    .program .program-step h4 em {font-size:16px}
    .program .program-step .step-item {margin-bottom:70px;padding:5% 0;font-size:13px}
    .program .program-step .step-item h5 {font-size:14px}
    .program .program-step .step-item h5 strong {font-size:20px}
    .program .program-step .step-item .item-con {width:40%}
    .program .program-step .step-item .thumb {width:25%}
    .program .program-step .step-item:after {bottom:-40px}
    .program .program-notes {font-size:15px}
    .program .program-notes strong {font-size:16px}
    .program .lesson-con .detail-head {padding:30px}
    .program .lesson-con .detail-head .lesson-head-tit {font-size:21px}
    .program .lesson-con .detail-head ul {margin-top:20px}
    .program .lesson-con .detail-head ul li {font-size:15px}
    .program .lesson-con .detail-con .lesson-item .thumb-tit {height:100px;font-size:21px}
    .program .lesson-con .detail-con .lesson-item .thumb-tit .eng-txt {font-size:15px}
    .program .golf-con {margin-top:40px}
    .program .golf-con .golf-con-detail {padding:20px}
    .program .golf-con .golf-con-detail .golf-detail-list ul li {padding:10px;font-size:16px}
    .program .gx-cont {margin-top:60px}
    .program .gx-cont .gx-class {padding:20px}
    .program .gx-cont .gx-class h4 img {width:250px}
    .program .gx-cont .gx-class .h-exp {padding:12px;font-size:21px}
    .program .gx-cont .gx-class .gx-course ul li .course-con {padding:20px 35px}
    .program .gx-cont .gx-class .gx-course ul li .course-con .course-tit {font-size:20px}
    .program .gx-cont .gx-class .gx-course ul li .course-con .course-tit .eng-txt {font-size:14px}
    .program .gx-cont .gx-class .gx-course ul li .course-con p {font-size:14px}
    .program .gx-cont .gx-other-class {margin-top:20px;padding:30px;text-align:center;background:#333}
    .program .gx-cont .gx-other-class h4 {font-size:16px;color:#fff}
    .program .gx-cont .gx-other-class .other-class-list {margin-top:20px;padding:0 15%;font-size:14px;text-align:center;color:#fff}
    .program .gx-cont .gx-other-class .other-class-list ul li {position:relative;display:inline-block;padding:0 10px}
    .program .gx-cont .gx-other-class .other-class-list ul li:after {content:'|';display:block;clear:both;position:absolute;right:0;top:2px;width:1px;font-size:11px;color:#999}
    .program .gx-cont .gx-other-class .other-class-list ul li:last-child:after {content:''}

    .twoxstory.blog .twoxstory-list ul li:nth-child(2n) {margin-right:2%}
    .twoxstory.blog .twoxstory-list ul li:nth-child(3n) {display:block;margin-right:0}
    .twoxstory.blog .twoxstory-list ul li a .cont {height:250px}    

    .branch-office .branch-office-tit-sec .title {font-size:30px}
    .branch-office .branch-office-view .sub-tabs {height:50px}
    .branch-office .branch-office-view .sub-tabs ul li a {height:50px;line-height:50px;font-size:15px}
    .branch-office .branch-office-view .branch-office-cont h4 {font-size:24px}
    .branch-office .branch-office-view .branch-office-cont h4 span {font-size:16px}    
    .branch-office .branch-office-view .branch-office-cont .branch-map .branch-map-cont .cont-exp .title {padding-top:50px;font-size:24px;background-size:50px}
    .branch-office .branch-office-view .branch-office-cont .branch-map .branch-map-cont .cont-exp .address {font-size:13px}
    .branch-office .branch-office-view .branch-office-cont .branch-map .branch-map-cont .cont-exp dl {margin-top:30px;font-size:14px}
    .branch-office .branch-office-view .branch-office-cont .branch-map .branch-map-cont .cont-exp .phone {height:58px;line-height:58px;font-size:20px;color:#fff;background-size:30px}
    
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-cont .staff-cont-list ul li a .cont .name {font-size:15px}
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-cont .staff-cont-list ul li a .cont .position {/*text-transform:lowercase*/}
    
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-img {float:none;width:auto;margin-right:0}
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-img .img-view {height:auto}
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-img .staff-thumb ul {height:100px}
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-img .staff-thumb ul li {float:left;width:72px;margin-right:1%}
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-img .staff-thumb ul li a {height:100px}
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-info {float:none;width:auto;margin-top:50px}
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-info .btn-sec {padding-bottom:20px;margin-top:0;border-top:1px solid #ccc}
    
    .branch-office .branch-office-view .branch-office-cont .partners-sec ul li {width:25%}
    
    .gx-schedule table tbody td .item .item-tit {font-size:11px}
    
    .board-list colgroup col:nth-child(3),
    .board-list thead th:nth-child(3),
    .board-list tbody td:nth-child(3) {display:none}
	
}

/* 모바일 대응 - 600px이하 */
@media (max-width:600px) {
    
    html, body {overflow-x:hidden}    
    
    #header {height:257px}
    .popupzone, .popupzone .popup-contimg {height:257px !important}
    #gnb-wrap {height:60px}
    #gnb-wrap h1 {margin-left:-5px}
    #gnb-wrap h1 img {height:60px}
    #gnb-wrap .btn-gnb-view {top:21px}
    
    .con-visual .visual-item .visual-copy {width:320px;margin-left:-160px}
    .con-visual {height:350px;}
  .visual-contimg {transform: scale(1.3);}
    .visual-contimg01 {transform: scale(1.3);}
    
    .tab_cont_sw {background:url('../images/cont/linemap_subw_600.jpg') center center no-repeat; background-size:contain}
    
    .twoxstory {padding:0}
    .twoxstory .twoxstory-list#twoxstory .slidesjs-control {padding-bottom:110px}
    .twoxstory .twoxstory-list {height:180px;padding:0;overflow:hidden}
    .twoxstory .twoxstory-list ul {padding:0;overflow:hidden}
    .twoxstory .twoxstory-list ul li {width:100%;display:none}
    .twoxstory .twoxstory-list ul li a .cont .title {padding:10px;font-size:17px}
    .twoxstory .twoxstory-list ul li:nth-child(1) {display:block}
    .twoxstory .twoxstory-list ul li a .cont .exp-txt {display:none}
    .twoxstory .twoxstory-list ul li:hover a .cont .title,
    .twoxstory .twoxstory-list ul li:hover a .cont .exp-txt {color:#000 !important}
    .twoxstory .twoxstory-list ul li .thumb {float:left;width:50%;height:180px !important}
    .twoxstory .twoxstory-list ul li .sns-link {left:50%;top:auto;bottom:0;width:45px;height:45px;margin-left:-45px;background:none;background:#ed1b24}
    .twoxstory .twoxstory-list ul li .cont {float:left;width:50%;background:#e5e0dc !important}
    .twoxstory .twoxstory-list ul li a .active-bg {display:none}
    .twoxstory .twoxstory-list#twoxstory .slidesjs-container,
    .twoxstory .twoxstory-list#twoxstory .slidesjs-control {;margin:0;padding:0}
    .twoxstory .twoxstory-list#twoxstory a.slidesjs-previous {left:10px;background-size:20px}
    .twoxstory .twoxstory-list#twoxstory a.slidesjs-next {right:10px;background-size:20px}
    
	.content-bottom .m-branch .slt-branch {position:relative;display:block;height:40px;line-height:40px;margin-bottom:-60px !important;padding:0 15px;font-size:18px;margin:20px;cursor:pointer;background:#ddd;z-index:500}
    .content-bottom .m-branch .slt-branch:after {content:"";display:block;clear:both;position:absolute;top:0;right:0;bottom:0;width:40px;background:#ed1a24 url(../images/icon/btn_arrow_down.png) no-repeat center 50%}
    .content-bottom .m-branch .m-branch-tabs {position:absolute;left:0;right:0;display:none}
    .content-bottom .m-branch .m-branch-tabs ul {position:absolute;left:20px;right:20px;display:block;margin:0 auto;padding-top:60px;box-sizing:border-box}
    .content-bottom .m-branch .m-branch-tabs ul li {width:50%;margin-right:-1px}
    .content-bottom .m-branch .m-branch-tabs ul li a {height:45px;line-height:45px;border:1px solid #ddd;border-bottom:0}
    .content-bottom .m-branch .m-branch-view {/*height:360px*/ height:auto; }
    .content-bottom .m-branch .m-branch-view .branch-head {/*height:360px;*/ height:auto; padding-top:80px;background-size:130%}
    
    .twoxstory.blog .twoxstory-list , .twoxstory.promotion-sec .twoxstory-list {height:auto}
    .twoxstory.blog .twoxstory-list ul li, .twoxstory.promotion-sec .twoxstory-list ul li {display:block}
    .twoxstory.blog .twoxstory-list ul li, .twoxstory.promotion-sec .twoxstory-list ul li {width:48% !important;margin:0 4% 4% 0!important}
    .twoxstory.blog .twoxstory-list ul li:nth-child(2n), .twoxstory.promotion-sec ul li:nth-child(2n) {margin-right:0 !important}
    .twoxstory.blog .twoxstory-list ul li .thumb, .twoxstory.promotion-sec .twoxstory-list ul li .thumb {float:none;width:100%}
    .twoxstory.blog .twoxstory-list ul li .cont, .twoxstory.promotion-sec .twoxstory-list ul li .cont {float:none;width:100%;border:1px solid #ccc;background:#fff !important}
    .twoxstory.blog .twoxstory-list ul li a .cont, .twoxstory.promotion-sec .twoxstory-list ul li a .cont {height:160px;word-wrap:break-word;overflow:hidden}
    .twoxstory.blog .twoxstory-list ul li a .cont .title, .twoxstory.promotion-sec .twoxstory-list ul li a .cont .title {font-size:14px;padding:0 0 10px 0}
    .twoxstory.blog .twoxstory-list ul li a .cont .exp-txt, .twoxstory.promotion-sec .twoxstory-list ul li a .cont .exp-txt {display:block}
    
    .twoxstory .twoxstory-list ul li .sns-link {width:40px;height:40px;left:auto;right:0;margin-left:0;background:#ed1b24;opacity:1 !important}
    .twoxstory .twoxstory-list ul li .sns-link a {display:block;position:relative;right:0;bottom:0;line-height:40px;text-align:center}
    .twoxstory .twoxstory-list ul li .sns-link a img {width:21px}
    
    .m-contents-visual {display:none}
    
    .visual-cont h2 {padding-top:25px;font-size:28px}

    #cont-sec .cont-body .cont-default {min-height:auto;padding:40px 0}
    #cont-sec .cont-body h3 {height:55px}
    #cont-sec .cont-body h3 span {height:55px;line-height:55px;font-size:22px}
    
    .history .history-head {height:100px}
    .history .history-head > span {line-height:100px;font-size:25px}
    .history .history-list .history-item-wrap .history-item .year {font-size:18px}
    .history .history-list .history-item-wrap .history-item dl dt {width:40px;font-size:14px;font-weight:bold}
    .history .history-list .history-item-wrap .history-item dl dd {padding:0 !important;font-size:14px;margin-bottom:3px}
  
    .introduction .introduction-head {font-size:14px}
    .introduction .introduction-head .headline {font-size:20px}
    .introduction .introduction-head .headline strong {font-size:25px}
    .introduction .introduction-head .head-txt1 {font-size:28px}
    .introduction .introduction-head .head-txt2 {font-size:14px}
    .introduction .brand-value .value-message {font-size:17px}
    .introduction .brand-value .value-message {padding-top:280px;background-size:320px}
    
    .introduction .brand-value .value-cont > ol > li {float:none;width:100%}
    .introduction .brand-value .value-cont > ol > li .no {left:-10px;top:-20px;font-size:70px}
    .introduction .brand-value .value-cont > ol > li .title {font-size:16px}
    
    .partnership {padding:40px !important;text-align:center}
    .partnership .partner-item {display:inline-block;float:none;width:240px;height:280px;padding:50px 0;margin:0 !important;background-size:240px}
    
    .recruit .recruit-cont .recruit-item h4 {padding-left:20px;font-size:15px;background-size:15px}
	.recruit .recruit-cont .recruit-item h5 {font-size:20px;color:#333;}
    .recruit .recruit-cont .recruit-item p {font-size:13px}
    .recruit .recruit-cont .recruit-item .summary ul li {height:auto}
    .recruit .recruit-cont .recruit-item .summary ul li .image {float:none;width:100%;display:block;text-align:center}
    .recruit .recruit-cont .recruit-item .summary ul li .image img {width:70%}
    .recruit .recruit-cont .recruit-item .summary ul li .title {float:none;clear:both;display:block;width:100%;font-size:12px;padding:10px 0;text-align:center}
    .recruit .recruit-cont .recruit-note {height:158px;margin-top:30px;padding:20px}
    .recruit .recruit-cont .recruit-note h4 {font-size:18px}
    .recruit .recruit-cont .recruit-note p {font-size:13px}
    .recruit .recruit-cont .recruit-note .recruit-txt {font-size:15px}
    
    .select-search input {width:50%}
    
    .branch-office .branch-office-view .sub-tabs {height:auto;margin:0}
    .branch-office .branch-office-view .sub-tabs ul li {width:33.3%}
    .branch-office .branch-office-view .sub-tabs ul li:last-child {width:33.3%}
    .branch-office .branch-office-view .sub-tabs ul li a {height:40px;line-height:40px;font-size:13px}
    .branch-office .branch-office-view .sub-tabs ul li a.active {height:40px;line-height:40px;border:0;color:#fff;background:#d5383f}
    
    .branch-office.introduction {/* padding-bottom:100% !important*/ }
    .branch-office .branch-office-view .branch-office-cont .branch-map .branch-map-cont {position:static; padding:15px 0; width:100%;height:auto;top:100%; background-color:rgba(0,0,0,.9)}
    .branch-office .branch-office-view .branch-office-cont .branch-map .branch-map-cont .cont-exp .phone {position:relative;display:block}
    
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-cont .staff-cont-list ul li {width:32%}
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-cont .staff-cont-list ul li:nth-child(4n) {margin-right:2%}
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-cont .staff-cont-list ul li:nth-child(3n) {margin-right:0}
    
    .branch-office .branch-office-view .branch-office-cont .partners-sec ul li {width:33.33%}
    .branch-office .branch-office-view .branch-office-cont .partners-sec ul li a {height:90px;line-height:90px}
    
    .gx-schedule {overflow-x:scroll}
    .gx-schedule table {width:550px}
    .gx-schedule table tbody th, .gx-schedule table tbody td {height:100px}
    .gx-schedule table tbody th {vertical-align:middle}
    .gx-schedule table tbody td .item .item-img {height:50px}
	.gx-schedule table tbody td .item .item-img2{width:80px; height:100px;}		

    .board-list thead {font-size:14px}
    .board-list tbody {font-size:13px}
    .board-list colgroup col:nth-child(5),
    .board-list thead th:nth-child(5),
    .board-list tbody td:nth-child(5) {display:none}
	
	 .board-view .cont .con-txt iframe {max-width:100%; height:auto !important;}
	  .board-view .cont .con-txt object {max-width:100%; height:auto !important;}
}

/* 모바일 대응 - 500px이하 */
@media (max-width:500px) {

    #slides {margin-top:100px}   
	
	/* 2017.03.22 edit */
	/*
    #gnb-wrap #gnb ul li:nth-child(3) ul {overflow:hidden}
    #gnb-wrap #gnb ul li:nth-child(3) ul li {float:left;width:50%}     
    */
    
    /*#gnb-wrap #gnb ul li ul{height:170px;overflow-y:scroll}*/

    .program h4 {width:auto;font-size:20px}
    .program h4 strong img {height:24px}
    .program h4 em {font-size:15px}
    .program .pilates-con .pilates-motion .motion-item h5 {font-size:18px}
    .program .pilates-con .pilates-motion .motion-item .motion-item-txt {font-size:13px}
    .program .pilates-con .pilates-motion .motion-item .motion-con ul li .thumb-tit {font-size:13px}
    .program .program-head .headline {font-size:18px}
    .program .program-head .headline strong {font-size:25px}
    .program .program-head .headline em {display:block}
    .program .program-head .program-head-cont {height:320px;padding:30px 0}
    .program .program-head .program-head-cont .tit {font-size:22px}
    .program .program-head .program-head-cont .cont-exp {margin:10px 0;padding:0 16%;font-size:11px}
    .program .program-head .program-head-cont .cont-tab a {width:170px;margin:2px 0;font-size:14px}
    .program .program-step .step-item h5 {width:auto}
    .program .program-step .step-item .item-con {width:auto;margin-bottom:20px}
    .program .program-step .step-item .thumb {position:relative}
    .program .program-step .step-item .thumb img {width:40%}
    .program .lesson-con {margin-top:40px}
    .program .lesson-con .detail-head {padding:20px}
    .program .lesson-con .detail-head .lesson-head-tit {font-size:16px}
    .program .lesson-con .detail-head ul li {font-size:13px}
    .program .lesson-con .detail-con .lesson-item .thumb-tit {height:70px;padding-top:15px;font-size:18px}
    .program .lesson-con .detail-con .lesson-item .thumb-tit .eng-txt {font-size:13px}
    .program .golf-con {margin-top:30px}
    .program .golf-con .golf-con-detail {margin-top:10px}
    .program .golf-con .golf-con-detail .golf-detail-list ul li {font-size:14px}
    .program .gx-cont {margin-top:40px}
    .program .gx-cont .gx-class h4 img {width:200px}
    .program .gx-cont .gx-class .h-exp {padding:10px;font-size:18px}
    .program .gx-cont .gx-class .gx-course ul li .course-con .course-tit .eng-txt {font-size:13px}
    .program .gx-cont .gx-class .gx-course ul li .course-con p {font-size:13px}
    .program .gx-cont .gx-other-class .other-class-list {padding:0 3%;font-size:12px}
    .program .gx-cont .gx-other-class .other-class-list ul li:after {font-size:9px}
    
}


/* 모바일 대응 - 414px이하 */
@media (max-width:414px) {
    .con-visual {height:250px;}
    .con-visual .visual-item .visual-copy .copy-tit {font-size:20px}
    .con-visual .visual-item .visual-copy .copy-txt {font-size:13px}
    .visual-contimg {transform: scale(1.4); margin-top:-60px;}
    .visual-contimg01 {transform: scale(1.4); margin-top:-60px;}
    
    .introduction .introduction-head {font-size:13px}
    .introduction .introduction-head .headline {font-size:16px}
    .introduction .introduction-head .headline strong {font-size:20px}
    .introduction .introduction-head .head-txt1 {font-size:22px}
    .introduction .introduction-head .head-txt2 {font-size:13px}
    .introduction .brand-value .value-message {font-size:15px}
    
    #cont-sec .cont-body {padding-bottom:30px}
    
    .business .business-cont .business-infographic {padding-bottom:90%;background-size:90%}
    .business .business-cont .business-txt {border:5px solid #333}
    .business .business-cont .business-txt p {margin:-5px 0;font-size:12px}
    .business .business-cont .business-txt p strong {font-size:12px}
    
    .partnership {padding:40px 0 !important}
    
    .twoxstory.blog .twoxstory-list ul li, .twoxstory.promotion-sec .twoxstory-list ul li {width:100% !important;margin-right:0 !important}
    .twoxstory.blog .twoxstory-list ul li .thumb img, .twoxstory.promotion-sec .twoxstory-list ul li .thumb img {width:100%;height:auto}
    .twoxstory.blog .twoxstory-list ul li a .cont, .twoxstory.promotion-sec .twoxstory-list ul li a .cont {height:180px}
    
    .instagram ul li {float:left;width:48%;margin:0 4% 4% 0 !important}
    .instagram ul li:nth-child(2n) {margin-right:0 !important}
   
    .tab_cont_sw {background:url('../images/cont/linemap_subw_300.jpg') center center no-repeat; background-size:contain}
   
    .branch-office .branch-office-tit-sec {height:120px;background-size:cover}
    .branch-office .branch-office-tit-sec .title {font-size:22px;margin-top:-10px}
    .branch-office .branch-office-tit-sec .sns-kakaotalk {display:none}
    
    .branch-office .branch-office-list ul li {float:left;width:48%;margin:0 4% 4% 0}
    .branch-office .branch-office-list ul li:nth-child(3n) {margin-right:4%}
    .branch-office .branch-office-list ul li:nth-child(2n) {margin-right:0}
    .branch-office .branch-office-list ul li a .cont .store {font-size:13px}
    
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-head .title {font-size:14px}
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-head p {font-size:12px}
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-tabs {margin:0}
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-tabs ul li a {font-size:13px}
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-cont h5 {font-size:22px}
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-cont h5 span {font-size:14px}
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-cont .staff-cont-list ul li {width:48%;margin:0 4% 4% 0}
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-cont .staff-cont-list ul li:nth-child(4n),
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-cont .staff-cont-list ul li:nth-child(3n) {margin-right:4%}
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-cont .staff-cont-list ul li:nth-child(2n) {margin-right:0}
    
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view {margin:0 !important}
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-img .staff-thumb ul {height:auto}
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-img .staff-thumb ul li {width:23.5%;margin-right:2%}
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-img .staff-thumb ul li a img {width:100%;height:auto}
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-info .personal-info {padding:25px 0;font-size:12px}
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-info .personal-info .name {font-size:14px}
    .branch-office .branch-office-view .branch-office-cont .staff-sec .staff-view .staff-info .experience {padding:25px 0;font-size:12px}

    .board-list colgroup col:nth-child(1),
    .board-list thead th:nth-child(1),
    .board-list tbody td:nth-child(1) {display:none}

}

/* 모바일 대응 ~ 375px */
@media (max-width:375px) {
    
    .branch-office .branch-office-view .branch-office-cont .partners-sec ul li {width:50%}    
    .twoxstory.blog .twoxstory-list ul li a .cont .title, .twoxstory.promotion-sec .twoxstory-list ul li a .cont .title {font-size:12px;line-height:1.2}
  
    .program h4 {font-size:18px}
    .program h4 strong img {height:20px}
    .program h4 em {font-size:13px}
    .program .pilates-con .pilates-motion {padding:10px}
    .program .pilates-con .pilates-motion .motion-item h5 {font-size:16px}
    .program .pilates-con .pilates-motion .motion-item .motion-item-txt {font-size:12px}
    .program .pilates-con .pilates-motion .motion-item .motion-con ul li .thumb-tit {font-size:12px}
    .program .lesson-con .lesson-con-detail {padding:10px}
    .program .golf-con .golf-con-detail {padding:10px}
    .program .golf-con .golf-con-detail .golf-detail-list ul li {margin-top:5px;font-size:12px}
    .program .gx-cont {margin-top:30px}
    .program .gx-cont .gx-class {padding:10px}
    .program .gx-cont .gx-class h4 img {width:180px}
    .program .gx-cont .gx-class .h-exp {font-size:15px}
    .program .gx-cont .gx-class .gx-course ul li .course-con .course-tit .eng-txt {font-size:12px}
    .program .gx-cont .gx-class .gx-course ul li .course-con p {font-size:12px}
    
}

/* 모바일 대응 ~ 320px */
@media (max-width:320px) {
    

    .introduction .brand-value {margin-top:30px}
    .introduction .brand-value .value-message {padding-top:250px;background-size:280px}
    .introduction .brand-value .value-cont {margin-top:30px}
    
    .partnership .partner-item {width:220px;height:260px;padding:40px 0;background-size:220px}
    .partnership .partner-item h4 {padding:10px 0;font-size:16px}
    .partnership .partner-item p {padding:0 20px;font-size:12px}
    
    .recruit .recruit-cont .recruit-note {height:140px}
    .recruit .recruit-cont .recruit-note h4 {font-size:16px}
    .recruit .recruit-cont .recruit-note p {padding:10px 0;font-size:11px}
    .recruit .recruit-cont .recruit-note .recruit-txt {font-size:12px}
    
    .select-search input {width:40%}
    
    .pagination a {margin:0 -1px}
	
	.zx_icon img{width:100%}
	.zx_icon ul li{overflow:hidden;width:33%}
	
	.zx_icon img{width:100%}
	.zx_icon ul li{overflow:hidden;width:33%}
    
}


/* -------- 170508 유지보수 추가(MH) -------- */
/* MAIN */
.m-branch-more-btn{text-align:center; display:none;}
.m-branch-more-btn a{color:#fff; width:80%; display:inline-block; height:30px; line-height:30px; background-color:#ED1A24; font-size:15px;}
/* 문의버튼 */
.inquiry-con{text-align:center; padding-top:30px;}
.inquiry-con-open-btn{background-color:#d74147; width:200px;  height:50px; color:#fff; cursor:pointer; font-size:20px; font-weight:500;}
.inquiry-txt-con{display:none; width:80%; padding:50px 5%; max-width:300px; margin:20px auto; border:2px solid #ccc; background-color:#F4F4F4}
.inquiry-txt-con p{font-size:15px; line-height:20px; }
.inquiry-txt-con p a{color:#d74147}
/* 프로그램 - GX */
.gx-course .course-pic{display:none;}
.program .gx-cont .gx-class .gx-course ul li .course-con{position:static; min-height:239px;}
/* 필라테스 검사절차 */
.pilates-motion .motion-item:after {content:"";display:block; clear:both;width:22px;height:22px;margin:0 auto 30px; background:url(../images/icon/program_step_arrow.png) no-repeat center 50%}
.pilates-motion .motion-item:last-child:after {display:none;}
/* 스텝소개 */
.staff-view-con{text-align:center;}
.staff-view-con .staff-view-photo{width:100%; max-width:500px; margin:0px auto;border:1px solid #ddd; padding:5%; margin-bottom:40px; box-sizing:border-box;}
.staff-view-con .staff-view-photo img{width:100%;}
.staff-view-con .staff-info-txt{text-align:center; padding-top:40px;}
.staff-view-con .staff-info-txt strong{display:block; padding-bottom:10px; color:#333; font-weight:500; font-size:20px;}
.staff-view-con .staff-info-txt span{color:#ed1b24; font-size:15px;}
.staff-view-con .to-list-btn{display:inline-block;  background: #ed1b24; padding:8px 45px;font-size:16px;color:#fff;text-align:center;line-height:1}
/* 영업일정 공지사항 */
.schedule-notice-txt{width:90%; padding:50px 5%; margin:20px auto; border:1px solid #ccc; text-align:center; background-color:#F4F4F4; font-size:15px; word-break:keep-all;}
.schedule-notice-txt h5{font-size:20px; font-weight:400; color:#333; padding-bottom:10px;}
@media (max-width:768px) {
	/* MAIN */
	.m-branch-more-btn{display:block;}
	.m-branch-more-btn a{max-width:400px;}
	/* 문의버튼 */
	.inquiry-con-open-btn{font-size:16px;}
	.inquiry-txt-con{padding:20px 3%;}
	.inquiry-txt-con p{font-size:13px; line-height:18px;}
	/* 영업일정 공지사항 */
	.schedule-notice-txt{font-size:13px; padding:15px 3%; width:94%; }
	.schedule-notice-txt h5{font-size:16px;}
}
@media (max-width:600px) {
	/* 프로그램 - GX */
	.program .gx-cont .gx-class .gx-course ul li .course-con{min-height:auto; padding:40px 35px; background:rgba(0,0,0,.6)}
}

/* -------- 170510 유지보수 추가(MH) -------- */
/* 메인 추가영역 */
#mainTabContent{position:relative; height:560px;margin-top:-150px; padding-top:173px; background:url(/common/images/bg/m_twoxstory_bg2.png) no-repeat center top;z-index:10}
.main-tab-list{text-align:center; max-width:600px; margin:0px auto; }
.main-tab-list li{display:inline-block; width:33%; margin-left:-4px; }
.main-tab-list li:first-child{margin-left:0;}
.main-tab-list li a{display:block; padding-bottom:15px; border-bottom:2px solid #ccc; font-size:18px;}
.main-tab-list li.selected a{border-bottom-color:#ed1b24; color:#000;}
#mainTabCon .tab-content{display:none;}
#mainTabCon .tab-content:first-child{display:block;}
.tab-story-list {position:relative;max-width:1200px; width:96%; margin:0px auto; height:480px;margin:0 auto;padding-top:30px}
.tab-story-list ul {*zoom:1}
.tab-story-list ul:after {content:"";display:block;clear:both}
.tab-story-list ul li {position:relative;float:left;width:24.25%;margin-right:1%;box-shadow:0 0 2px rgba(0,0,0,.3)}
.tab-story-list ul li:last-child {margin-right:0}
.tab-story-list ul li > a {position:relative;display:block}
.tab-story-list ul li a .thmb-box{overflow:hidden; position:relative; padding-bottom:75%;}
.tab-story-list ul li a .thumb {display:block;/*height:170px;box-sizing:border-box;overflow:hidden*/ position:absolute; top:0px; left:0px; bottom:0px; right:0px;}
.tab-story-list ul li a .thumb img {max-width:100%; min-height:100%;}
.tab-story-list ul li a .cont {display:block;height:80px;padding:15px;box-sizing:border-box;background:#fff}
.tab-story-list ul li a .cont .title {display:block;padding-bottom:15px;font-size:17.5px;color:#333}
.tab-story-list ul li a .cont .exp-txt {height:62%;font-size:12px;color:#777;overflow:hidden; display:none;}
.tab-story-list ul li a .active-bg {position:absolute;left:0;top:0;right:0;bottom:0;border:5px solid #ed1b24;z-index:10}
/*.tab-story-list ul li:hover a .thumb {border:5px solid #ed1b24}*/
.tab-story-list ul li:hover a .cont {background:#ed1b24}
.tab-story-list ul li:hover a .cont .title, 
.tab-story-list ul li:hover a .cont .exp-txt {color:#fff !important}
.tab-story-list ul li .sns-link {position:absolute;left:0;bottom:0px;width:100%; height:0; background:url(/common/images/bg/btn_sns_link_bg.png) no-repeat center bottom;background-size:100%; opacity:0;filter:Alpha(opacity=0);}
.tab-story-list ul li .sns-link img {display:inline-block;position:absolute;right:10px;bottom:5px}
.tab-story-list ul li a .active-bg,
.tab-story-list ul li .sns-link{
	opacity:0;filter:Alpha(opacity=0);
	-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-o-transition:all 0.2s;-ms-transition:all 0.2s;transition:all 0.2s;
} 
.tab-story-list ul li:hover .sns-link{height:39px;}
.tab-story-list ul li:hover .sns-link,.tab-story-list ul li:hover a .active-bg{opacity:1.0;filter:Alpha(opacity=0);}

@media (max-width:1480px) {
	#mainTabContent{margin-top:0; height:auto; background:#fff; padding:30px 0 50px; }
	.tab-story-list{height:auto; }
	

}
@media (max-width:1024px) {
	.tab-story-list ul li a .cont .title{font-size:15px}
}
@media (max-width:768px) {
	.tab-story-list ul li{width:48%; margin-bottom:4%; margin-right:4%}
	.tab-story-list ul li:nth-child(even){margin-right:0;}
	.tab-story-list ul li a .cont{height:100px;}
}

/* ****************** MODAL LAYERPOPUP ********************** */
/* modal layer */
.modal-fixed-pop-wrapper{display:none; overflow-y:scroll; overflow-x:hidden;  position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:9999; background:#000; background:rgba(0,0,0,0.8);}
.modal-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center;}
.modal-inner-box{ position:relative; display:table-cell; vertical-align:middle;}
.modal-loading{position:absolute; top:50%; left:50%; margin:-25px 0 0 -25px; z-index:10000;}
.modal-inner-content{text-align:left;}
/* modal layer content */
.footer-modal-content{position:relative; width:265px; margin:20px auto; background-color:#fff; }
.modal-close-btn{position:absolute; top:-20px; right:-20px; color:#fff; }
.modal-close-btn i{font-size:38px;}
.modal-close-btn i:hover {color:#fff}
.footer-inner-box{padding:25px; min-height:210px;  text-align:center;}
.footer-inner-box .parter-tit{padding-top:30px; color:#333; font-size:17px; letter-spacing:-0.25px;}
.footer-inner-box .parter-txt{color:#727272; font-size:15px; letter-spacing:-0.25px; padding:15px 0 30px ; word-break:keep-all;}
.footer-inner-box a{display:block; width:160px; height:44px; line-height:44px; color:#fff; font-size:15px; letter-spacing:-0.75px; margin:0px auto; background-color:#ca242b}
.footer-inner-box a img{margin-right:5px;}
@media all and ( max-width: 800px ){
	/* modal layer content */
	.modal-close-btn i{font-size:24px}
	.footer-inner-box{padding:15px}
	.footer-inner{padding:10px; }
}

/* ******************  모바일 전용 레이어 인트로 팝업 ********************** */
.mobile-fixed-pop-wrapper{overflow-y:auto; position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:999999; opacity:1.0;filter:Alpha(opacity=100);}
.mobile-fixed-pop-inner{position:absolute; display:table; width:100%; height:100%; text-align:center; background:rgba(0,0,0,0.75); }
.mobile-fixed-pop-inner-box{ position:relative; display:table-cell; vertical-align:middle; top:0px;}
.mobile-fixed-img-con{display:inline-block; min-width:250px; max-width:92%; margin:4% auto; }
.mobile-popup-img{display:block;}
.mobile-popup-img img{max-width:100%; max-height:100%;}
.mobile-popup-btn-controls{overflow:hidden; text-align:center; background-color:#f2f2f2; border-top:1px solid #f2f2f2;}
.mobile-popup-btn-controls button{float:left; border:0; padding:0; margin:0px; background:none; width:50%; height:50px; background-color:#fff; font-size:14px; color:#333; cursor:pointer;}
.mobile-popup-btn-controls .today-close-btn{background-color:#eee;}


/* ******************  190715 지점 카카오톡/톡톡문의 추가 ********************** */
.sns-button-list{position:absolute; top:15px; right:11px;}
.sns-button-list a{display:inline-block; vertical-align:top; margin-left:6px}
.sns-button-list a:first-child{margin-left:0}
@media all and ( max-width: 800px ){
	.sns-button-list{top:20px; right:0px;}
	.sns-button-list a{margin-left:3px}
	.sns-button-list a img{height:25px}
}