@charset "utf-8";
/*@import url( "http://fonts.googleapis.com/earlyaccess/notosanskr.css" );*/
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,500');


/*
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Noto+Sans);
@import url(https://cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css);     // Noto Sans Korean / 100, 300, 350, 400, 500, 700, 900
@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);     // Nanum Barun Gothic / 200, 300, 400, 700
@font-face {font-family:'Nanum Gothic'; src:url('/font/NanumGothic-Regular.woff');}
@font-face {font-family:'Jeju Myeongjo'; src:url('/font/JejuMyeongjo-Regular.woff');}
*/

/* UMADE RESET */
::selection {background:#ff5961; color:#FFF}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, 
address, big, cite, code, del, dfn, em, font, img, ins, 
q, s, samp, small, strike, strong, sub, sup, tt, var, b, 
u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:none 0; font-family:'Noto Sans Korean', Dotum; font-weight:300}
h1, h2, h3, h4, h5, h6 {font-size:12px}
img, fieldset, iframe {border:0 none}
table, div {border-collapse: collapse; font-size:12px}
textarea {overflow:auto; outline-style:none; font-family:'Noto Sans Korean', Dotum}
select, input, img, li {vertical-align:middle; text-align:left; font-size:12px; font-family:'Noto Sans Korean', Dotum, sans-serif; font-weight:300; outline-style:none}
address, caption, cite, code, dfn, em, th, var {font-style:normal; font-weight:normal}
ul, li, ol {list-style-type:none}
legend, caption {display:none}
hr {border-collapse:collapse; display:none}
a { text-decoration:none; cursor:pointer; color:#222}
html, body {width:100%; height:100%; background:#FFF; font-size:12px; color:#222}
.sound_only {display:none}
.clearboth {clear:both}
#go_top {display:none; position:fixed; bottom:50px; left:50%; margin-left:520px; width:50px; height:35px; padding-top:15px; background:#CCC; font-family:Tahoma; font-weight:bold; font-size:14px; color:#000; cursor:pointer; text-align:center; border-radius:50px; opacity:0.8; filter:alpha(opacity=80); z-index:999}
* {font-family:'Noto Sans Korean', Dotum}
.slick-slide {
    outline: none !important;
}
.slick-slide img {width:100%}

/* 화면전환 FADEIN 효과*/
body {animation:umfadein .7s ease-out none;-webkit-animation:umfadein .7s ease-out none}

@keyframes umfadein {
	from {opacity:0; filter:alpha(opacity=0)}
	to {opacity:1; filter:alpha(opacity=100)}
}
@-webkit-keyframes umfadein {
	from {opacity:0; filter:alpha(opacity=0)}
	to {opacity:1; filter:alpha(opacity=100)}
}

/* Chrome, Safari용 스크롤 바 */
::-webkit-scrollbar {width: 8px; height: 8px; border: 3px solid #fff; }
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display: block; height: 10px; background:#efefef}
::-webkit-scrollbar-track {background: #efefef; -webkit-border-radius: 10px; border-radius:10px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb {height: 50px; width: 50px; background: rgba(0,0,0,.2); -webkit-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,.1)}

/* 팝업레이어 */
#hd_pop {z-index:9999;position:relative;margin:0 auto;width:100%;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff; font-family:'Noto Sans Korean'; font-size:11px; font-weight:100; cursor:pointer}
.hd_pops_footer button:hover {background:#444}

/* 캡챠 자동등록(입력)방지 기본 */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {width:100px;height:41px;border:1px solid #e9e9e9}
#captcha #captcha_mp3 {position:absolute;top:0;left:101px;;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/sound.gif')}
#captcha #captcha_reload {position:absolute;top:21px;left:101px;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_reload span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../plugin/kcaptcha/img/reload.gif')}
#captcha #captcha_key {margin:0 0 0 25px;padding:0 5px;width:70px;height:41px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

.btn_submit {padding:8px;border:0;background:#1cbac8 ;color:#fff;letter-spacing:-0.1em;cursor:pointer}
a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:22px}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

@media screen and (max-width:670px){
	.tbl_frm01 th {font-size:.8em}
	.tbl_frm01 th label {font-size:1em}
	.tbl_frm01 th b {font-size:1em}
	.tbl_frm01 td {font-size:.8em}
	.frm_input {width:100% !important}
	.btn_submit {-webkit-appearance: none; border-radius:0; font-size:.8em}
	a.btn_cancel {font-size:.8em}
}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 페이지 */
.page_wrap {clear:both; margin:25px 0; text-align:center}
.page_list a {text-decoration:none}
.pg_btn {display:inline-block;  background:#fff; padding:7px 11px; border-right:1px solid #dedede;  border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb}
.pg_btn:hover {background:#FFF; color:#666 !important}
.pg_btn2 {display:inline-block;  background:#fff; padding:7px 11px; border-right:1px solid #dedede;  border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb}
.pg_current_u {display:inline-block; margin:0; padding:0; padding:8px 11px; margin:-2px 0 0 -1px; *border-left:1px solid #dbdbdb; *border-top:1px solid #dbdbdb; *border-right:1px solid #b7b7b7; *border-bottom:1px solid #b7b7b7; color:#fff; background:#828282; cursor:default}

@media screen and (max-width:670px){
	.pg_btn {width:2.8em; padding:0; font-size:.7em; line-height:2.8em}
	.pg_btn2 {width:2.8em; padding:0; font-size:.7em; line-height:2.8em}
	.pg_current_u {width:2.8em; padding:0; border-top:1px solid #828282; border-bottom:1px solid #828282; font-size:.7em; line-height:2.8em}
}

/* UMADE RESET END */

.center_wrap {width:1200px; margin:0 auto}
#m-menuwrap {display:none}
.m_show {display:none !important}
samp {clear:both; display:block}

/*header*/
#header {position:relative}
#header .top_log {height:28px; line-height:28px; text-align:right}
#header .top_log em {padding:0 10px; cursor:pointer; font-weight:300}
#header .top_log em:hover {text-decoration:underline}
#header .navi {height:107px; overflow:hidden}
#header .navi h1 {float:left;  width:300px; height:107px; line-height:100px; text-align:center; cursor:pointer; transition:.3s}
#header .navi ul {float:left; width:700px; overflow:hidden}
#header .navi ul > li {position:relative; float:left; padding-top:30px; width:20%; height:107px; font-size:16px; font-weight:400; color:#111111; text-align:Center; box-sizing:border-box; cursor:pointer; transition:.3s}
#header .navi ul > li > span {display:block; font-size:12px; color:#9f9f9f}
#header .navi ul > li > var {display:block; position:Absolute; bottom:-4px; left:0; width:100%; height:4px; background:#49c8d3; transition:.3s}
#header .navi ul > li:hover > var {bottom:0px}
#header .navi ul > li.active > var {bottom:0px}
#header .navi h2 {float:right; width:200px; height:107px; line-height:107px; text-align:center; cursor:pointer; transition:.3s}
#header .sub_menu {display:none; position:absolute; z-index:9; top:100%; left:0; width:100%; *padding:15px 0; background:rgba(0,0,0,.8); overflow:hidden}
#header .sub_menu > .center_wrap > div {width:700px; margin-left:300px; overflow:hidden}
#header .sub_menu > .center_wrap > div > ul {position:relative; float:left; width:20%; padding:15px 0}
#header .sub_menu > .center_wrap > div > ul li {position:relative; z-index:2; line-height:23px; text-align:center; color:#bbbbbb; font-weight:400; font-size:12.5px; cursor:pointer}
#header .sub_menu > .center_wrap > div > ul li.first {height:0; font-size:16px; overflow:hidden; opacity:0}
#header .sub_menu > .center_wrap > div > ul li.first > span {display:block; font-size:12px;}
#header .sub_menu > .center_wrap > div > ul li.back {position:absolute; z-index:1; top:0; left:0; width:100%; height:10000px; opacity:0}
#header .sub_menu > .center_wrap > div > ul li:hover {color:#49c8d3}

/*bottom*/
#bottom {background:#111111; text-align:center}
#bottom h1 {padding:58px 0 36px; text-align:Center}
#bottom h1 span {position:relative; display:inline-block; width:47px; height:47px; margin:0 7px; cursor:pointer}
#bottom h1 span > img {width:100%}
#bottom h1 span .sns_on {position:Absolute; top:0; left:0; width:100%; height:100%; opacity:0; }
#bottom h1 span:hover .sns_on {opacity:1}
#bottom h3 > a {font-size:12px; color:#fff}
#bottom h3 > a:hover {color:#e1e1e1}
#bottom h3 {padding:27px 0 48px; font-size:12px; color:#fff}
#bottom h4 {height:1px; width:100%; background:#717171}
#bottom ul {padding:10px 40px 0px 40px; text-align:Center}
#bottom ul li {display:inline-block; padding:0 20px; text-align:center; font-size:15px; color:#fff; font-weight:400; cursor:pointer; transition:.2s}
#bottom ul li:hover {color:#1cbac8}
#bottom ul li.active {color:#1cbac8}

/**********통합메인**********/
/*main_wrap*/
#main_wrap {}
	#main_movie {position:relative; max-width:1920px; margin:0 auto; *height:700px; overflow:hidden; *background:url('/img/main_img.jpg') center; *background-size:cover}
	#main_movie > .main_text {position:absolute; top:50%; left:5%; width:90%; height:370px; margin-top:-185px; text-align:center }
	#main_movie > .main_text > h1 {margin-top:27px; font-size:15px; color:#fffefe}

	.main_con_text {padding:100px 3% 44px; text-align:center}
	.main_con_text > h1 {margin-bottom:15px; font-size:50px; font-weight:200; letter-spacing:9px; color:#1cbac8; word-break:keep-all}
	.main_con_text > h1 > b {font-size:1em; font-weight:bold}
	.main_con_text > h1 > var {font-size:50px; font-weight:200; letter-spacing:9px; color:#1cbac8}
	.main_con_text > h2 {font-size:19px; font-weight:400; color:#111111; word-break:keep-all}
	.main_con_text > h4 {font-size:19px; font-weight:500; color:#111111}
	.main_con_text > h3 {margin-top:30px; position:relative; display:inline-block; width:140px; height:36px; background:url('/img/more_img2.jpg')no-repeat; cursor:pointer}
	.main_con_text > h3 > span {display:block; position:absolute; top:0; left:0; width:0; height:100%; background:url('/img/more_img2_on.jpg')no-repeat; transition:.3s}
	.main_con_text > h3:hover > span {width:100%}

/*why_jfit*/
	#why_jfit {}
	#why_jfit .slide {position:relative}
	#why_jfit .swiper-slide {text-align:center; background:#838383; overflow:hidden}
	#why_jfit .swiper-slide > var {display:block;}
	#why_jfit .swiper-slide > var > .slide_text {position:absolute; top:265px; left:0%; width:100%; height:120px}
	#why_jfit .swiper-slide > var > .slide_text > h1 {display:inline-block; padding:0 1em; font-size:40px; font-weight:bold; color:#fff; letter-spacing:6px; text-align:center; line-height:74px; border:4px solid #fff; transition:.5s}
	#why_jfit .swiper-slide > var > .slide_text > h2 {width:90%; margin:18px auto 0; color:#fff; font-size:16px; word-break:keep-all; transition:.5s}
	#why_jfit .swiper-slide > em {display:none}
	#why_jfit .swiper-slide-active {z-index:99}
	#why_jfit .swiper-btn {position:Absolute; top:265px; width:100%; height:64px}
	#why_jfit .swiper-btn > div {position:relative; max-width:1200px; margin:0 auto}
	#why_jfit .swiper-button-next {z-index:1; right:0; width:47px; height:64px; margin:0; background:url('/img/next_slide.png')no-repeat right top ; transition:.5s}
	#why_jfit .swiper-button-prev {z-index:1; left:0; width:47px; height:64px; margin:0; background:url('/img/prev_slide.png')no-repeat left top; transition:.5s}
	#why_jfit .swiper-pagination {display:none; top:2em; width:100%}
	#why_jfit .swiper-pagination-bullet {width:1.1em; height:1.1em; margin:0 .45em; background:#fff;  border-radius:0}
	#why_jfit .swiper-pagination-bullet-active {background:#1cbac8}

/*information*/
	#information ul {width:1920px; margin:0 auto; overflow:hidden; transition:.2s}
	#information ul li {float:left; width:320px; transition:.3s}
	#information ul li > div {position:relative; padding-top:65px; height:300px; cursor:pointer; box-sizing:border-box}
	#information ul li > div > code {display:block; font-size:18px; color:#ffffff; font-weight:300; text-align:center; transition:.5s}
	#information ul li > div > h1 {font-size:27px; color:#ffffff; font-weight:500; text-align:center; transition:.5s}
	#information ul li > div > em {display:block; width:26px; height:4px; margin:24px auto; background:#fff799; transition:.5s}
	#information ul li > div > h2 {position:relative; text-align:center; color:#fff; word-break:keep-all}
	#information ul li > div > h2 > var {font-size:15px; color:#fff; font-weight:300; transition:.3s}
	#information ul li > div > h2 > span {display:block; position:absolute; top:100%; left:50%; width:140px; height:36px; margin-left:-70px; line-height:36px; background:url('/img/more_img.png'); opacity:0; transition:.3s}
	#information ul li > div > h3 {font-size:18px; color:#ffffff; font-weight:300; text-align:center;}
	#information ul li > div:hover > h2 > var {opacity:0}
	#information ul li > div:hover > h2 > span {top:0; opacity:1 }
	#information ul li > div:hover > h2 > span > em {display:block; position:absolute; top:0; left:0; height:100%; width:0%; background:url('/img/more_img_on.png'); overflow:hidden; transition:.3s}
	#information ul li > div:hover > h2 > span:hover > em {width:100%; color:#111111}
	#information ul li > div.list_long {height:600px}
	#information ul li > div.list1 {padding-top:250px; background:#111111}
	#information ul li > div.list2 {background:url('/img/info_img1.jpg') center; background-size:cover}
	#information ul li > div.list3 {background:#898989}
	#information ul li > div.list4 {background:url('/img/info_img2.jpg') center; background-size:cover}
	#information ul li > div.list5 {background:#1cbac8}
	#information ul li > div.list6 {background:url('/img/info_img3.jpg') center; background-size:cover}
	#information ul li > div.list7 {background:#50b1d5}
	#information ul li > div.list8 {background:#111111}
	#information ul li > div.list9 {background:url('/img/info_img4.jpg') center; background-size:cover}
	#information ul li > div.list1 > em {background:#1cbac8}

/*branch*/
	#branch {padding-bottom:115px}
	#branch .slide {position:relative}
	#branch .swiper-container {width:1114px; margin:0 auto}
	#branch .swiper-slide {text-align:center}
	#branch .swiper-slide img {width:100%}
	#branch .swiper-slide dl {padding:18px 0 15px 5px; text-align:left; overflow:hidden}
	#branch .swiper-slide dl dt {float:left; font-size:15px; color:#111111; font-weight:500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	#branch .swiper-slide dl dt > var {display:block; font-size:20px; font-weight:300; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	#branch .swiper-slide dl dd {position:relative; float:right; width:110px; height:34px; margin-top:10px; line-height:34px; border:1px solid #1cbac8; text-align:center; cursor:pointer; box-sizing:border-box}
	#branch .swiper-slide dl dd > em {position:absolute; top:0; left:0; width:0; height:100%; background:#1cbac8; color:#fff; white-space:nowrap; overflow:hidden; transition:.3s}
	#branch .swiper-slide dl dd > span {position:absolute; top:0; left:0; width:100%; height:100%; color:#1cbac8; overflow:hidden; transition:.3s}
	#branch .swiper-slide dl dd:hover > em {width:100%}
	#branch .swiper-slide dl dd:hover > span {width:0%}
	#branch .swiper-btn {position:Absolute; top:50%; width:100%; height:41px; margin-top:-60px}
	#branch .swiper-btn > div {position:relative; max-width:1200px; margin:0 auto}
	#branch .swiper-button-next {z-index:1; right:0; width:30px; height:41px; margin:0; background:url('/img/next_slide2.png')no-repeat right center}
	#branch .swiper-button-prev {z-index:1; left:0; width:30px; height:41px; margin:0; background:url('/img/prev_slide2.png')no-repeat left center}

/*community*/
	#community {padding:80px 0 75px; text-align:center; background:#e5e5e5}
	#community h1 {margin-bottom:45px; letter-spacing:8px; font-size:45px; font-weight:bold; color:#000000}
	#community dl {display:inline-block; width:295px; margin:0 40px; vertical-align:top}
	#community dl dt {padding:0 1px 8px 10px; margin-bottom:8px; border-bottom:3px solid #000000; overflow:hidden}
	#community dl dt > em {float:left; font-size:17px; color:#111111; font-weight:500}
	#community dl dt > code {float:right; width:47px; height:14px; margin-top:8px; line-height:13px; text-align:center; background:#000000; color:#fff; cursor:pointer}
	#community dl dd {max-height:138px}
	#community dl dd div {font-size:12px; cursor:pointer; overflow:hidden}
	#community dl dd div > span {display:block; float:left; width:205px; padding:0 10px; font-size:13px; color:#393939; line-height:23px; text-align:left;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url('/img/icon_dot.jpg')no-repeat 3px center;}
	#community dl dd div > var {display:block; float:right; width:70px; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:300}
	#community dl dd div:hover span {color:#1cbac8}

/*instagram*/
	#instagram {padding:100px 0 62px}
	#instagram h1 {text-align:center}
	#instagram h2 {margin:20px 0 35px; font-size:30px; letter-spacing:4px; font-weight:200; color:#000000; text-align:center}
	#instagram h4 {margin:20px 0 35px; font-size:25px; letter-spacing:1px; font-weight:150; color:#000000; text-align:center}
	#instagram ul {overflow:hidden}
	#instagram ul li {float:left; margin:6px; cursor:pointer}
	#instagram ul li img {width:188px}
	#instagram h3 {position:relative; display:block; width:140px; height:36px; margin:25px auto 0; background:url('/img/more_img2.jpg'); cursor:pointer}
	#instagram h3 > span {display:block; position:absolute; top:0; left:0; width:0; height:100%; background:url('/img/more_img2_on.jpg'); transition:.3s}
	#instagram h3:hover > span {width:100%}

/*quick_branch*/
	#quick_branch {position:fixed; z-index:9; right:0; top:391px; text-align:Center; border:1px solid #282828}
	#quick_branch > h1 {background:#282828; padding:15px 24px 10px}
	#quick_branch > h1 > span {display:block; margin-top:3px; font-size:13px; font-weight:bold; color:#fff799}
	#quick_branch > h1 > em {display:block; width:16px; height:2px; margin:10px auto; background:#fff}
	#quick_branch > h1 > ul > li {font-size:12px; color:#fff; line-height:22px; text-align:center}
	#quick_branch > h1 > ul > li > a {font-size:12px; color:#fff; line-height:22px; text-align:center}
	#quick_branch > h2 {padding:10px 0; background:#000; color:#fff799}
	#quick_branch > h2 > a {color:#fff799}
	#quick_branch > h3 {padding:7px 0; background:#fff; cursor:pointer}

/*통합메인반응형*/

/*~1920px*/
@media screen and (max-width:1920px){
	#information ul {width:100%}
	#information ul li {width:16.66%}
}

/*~1100px*/

/*961px~1200px*/
@media screen and (min-width: 961px) and (max-width: 1200px){
	.center_wrap {width:100%; transition:.3s}

	#header .navi h1 {width:25%}
	#header .navi ul {float:left; width:58.4%; overflow:hidden;}
	#header .navi h2 {width:16.6%}
	#header .sub_menu > .center_wrap > div {width:58.4%; margin-left:25%}

	#branch .swiper-container {width:90%}
	#branch .swiper-slide > img {width:100%}
	#branch .swiper-slide dl {padding:1em 0}
	#branch .swiper-slide dl > dt {width:49%; font-size:1em}
	#branch .swiper-slide dl > dt > var {font-size:1.3em}
	#branch .swiper-slide dl > dd {width:49%; margin-top:5px}

	#branch .swiper-button-prev {width:5%}
	#branch .swiper-button-next {width:5%}

	#community dl {width:29%; margin:0}
	#community dl.gall {margin:0 5%}
	#community dl dd div > span {width:70%; padding:0 5%}
	#community dl dd div > var {width:20%}

	#instagram ul li {float:left; width:23.5%; margin:2% 2% 0 0}
	#instagram ul li > img {width:100%; height: auto}
	#instagram ul li:nth-child(4n) {margin:1.25% 0 0 0}

	#bottom ul li {padding:0 1em; font-size:1.15em}


}

/*태블릿*/
@media screen and (min-width: 671px) and (max-width: 960px){
	* {font-size:14px}
	.center_wrap {width:94%; padding:0 3%; transition:.3s}

	#header .navi h1 {width:20%; line-height:90px}
	#header .navi h1 > em {display:block; width:100%; margin:0 auto}
	#header .navi h1 > em > img {width:100%; transition:.3s}
	#header .navi ul {float:left; width:67%; overflow:hidden;}
	#header .navi ul > li {width:20%; font-size:14px}
	#header .navi h2 {width:13%}
	#header .sub_menu > .center_wrap > div {width:67%; margin-left:20%}
	
	#why_jfit .swiper-slide > var {height:499px}
	#why_jfit .swiper-slide img {height:100%}
	#why_jfit .swiper-btn {left:3%; top:17em; width:94%; }
	#why_jfit .swiper-button-next {width:10%; background-size:3em auto}
	#why_jfit .swiper-button-prev {width:10%; background-size:3em auto}
	#why_jfit .swiper-slide > var > .slide_text {top:17em}
	#why_jfit .swiper-slide > var > .slide_text > h1 {font-size:2.5em; letter-spacing:.2em; line-height:2em}
	#why_jfit .swiper-slide > var > .slide_text > h2 {margin-top:1.2em; color:#fff; font-size:1em}

	#information ul {width:100%}
	#information ul li {width:33.3%}

	#branch .slide {padding:0 3%}
	#branch .swiper-container {width:90%}
	#branch .swiper-button-next {width:5%; background-position:center right}
	#branch .swiper-button-prev {width:5%}
	#branch .swiper-btn {width:94%; margin:-50px auto 0}
	#branch .swiper-slide img {width:100%}
	#branch .swiper-slide dl {padding:1em 0}
	#branch .swiper-slide dl > dt {width:49%; font-size:1em}
	#branch .swiper-slide dl > dt > var {font-size:1.3em}
	#branch .swiper-slide dl > dd {width:49%}

	#community dl {width:29%; margin:0}
	#community dl.gall {margin:0 5%}
	#community dl dd div > span {width:70%; padding:0 5%}
	#community dl dd div > var {width:20%}
	
	#instagram ul li {float:left; width:23.5%; margin:2% 2% 0 0}
	#instagram ul li img {width:100%; height: auto}
	#instagram ul li:nth-child(4n) {margin:1.25% 0 0 0}

	#quick_branch > h1 {padding:1.5em}
	#quick_branch > h1 > ul > li {text-align:Center}
	#quick_branch > h1 > ul > li var {display:none}
	#quick_branch > h2 > var {display:none}

	#bottom h3 {line-height:1.8em}
	/*
	#bottom ul {padding:1.5em 3%}
	*/
	#bottom ul {padding:0}
	#bottom ul li {width:19%; padding:0; line-height:1.8em}


}

/*~840px*/
@media screen and (max-width: 840px){
	#header .navi ul > li {width:20%; font-size:13px}
	#header .navi ul > li > span {font-size:.8em}
	#header .navi h2 {width:10%; margin-left:3%}
	#header .navi h2 > img {width:100%}
	#instagram ul li img {width:100%}
}

/*~740px*/
@media screen and (max-width: 740px){	
	#why_jfit .swiper-slide > var > .slide_text > h1 {font-size:2em; letter-spacing:.2em; line-height:2em}	
	#why_jfit .swiper-slide > var > .slide_text > h2 {width:80%}

	#sub_main_slide .swiper-text .pc_text > h1 {font-size:2em; letter-spacing:.2em; line-height:2em}	
	#sub_main_slide .swiper-text .pc_text > h2 {width:80%}
}

/*모바일*/
@media screen and (max-width: 670px){
* {font-size:16px}
div {font-size:16px}
	#m_header {position:relative; padding:0 3%; background:#111111; overflow:hidden}
	#m_header img {width:100%; auto}
	#m_header > em {display:block; width:1.9em; line-height:5em}
	#m_header > span {position:absolute; top:0; left:50%; display:block; width:10em; height:100%; margin-left:-5em; line-height:5em }

	/*m_menuwrap*/
	#m-menuwrap {display:none; position:fixed; z-index:999; top:0; left:0; width:100%; height:100%}
	#m-menuwrap .menu_bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50)}
	#m-menuwrap .menu_x {position:absolute; top:1em; right:5%; width:10%; height:auto; }
	#m-menuwrap .menu_x > img {width:100%}
	#m-menuwrap .menu_box {position:Absolute; top:0; left:0; width:81%; height:100%; background:#2d3034}
	#m-menuwrap .menu_box h1 {font-size:16px; color:#fff; background:#1a1b1c; border-bottom:0.05em solid #626262}
	#m-menuwrap .menu_box h1 em {display:inline-block; padding:0 1em; font-size:.9em; color:#fff; line-height:4em }
	#m-menuwrap .menu_box dl.counseling dt {background:#25bdca}
	#m-menuwrap .menu_box dl dt {padding:0 1em; background:#252628; color:#fff; font-size:1em; line-height:4em; border-bottom:.05em solid #626262}
	#m-menuwrap .menu_box dl dd {display:none; background:#2d3034; color:#bbbbbb}
	#m-menuwrap .menu_box dl dd > span {display:block; padding:0 2em; font-size:1em; line-height:4em; border-bottom:.05em solid #626262}
	#m-menuwrap .menu_box #scroll_box {height: calc(100% - 4.6em)}

	.m_hide {display:none !important}
	.m_show {display:block !important}
	.center_wrap {width:94%; padding:0 3%; transition:.3s}

	.main_con_text {padding:3em 0}
	.main_con_text > h1 {font-size:2em}
	.main_con_text > h2 {font-size:.86em}
	.main_con_text > h4 {font-size:.86em}

	.main_con_text2{padding:18px 0px 18px 0px; background:#1cbac8; font-size:1em; color:#ffffff; text-align:center; cursor:pointer;}

	#main_movie {*height:300px}
	#main_movie > .main_text {display:none}
	
	#information ul {width:100%}
	#information ul li {width:33.3%}

	#why_jfit .swiper-pagination {display:block}
	#why_jfit .swiper-button-next {display:none}
	#why_jfit .swiper-button-prev {display:none}
	#why_jfit .swiper-slide > em {height:auto}
	#why_jfit .swiper-slide img {width:100%}

	#information ul li > div {height:9em; padding-top:2.6em }
	#information ul li > div.list_long {height:18em}
	#information ul li > div > h1 {font-size:1.1em; font-weight:bold}
	#information ul li > div > em {display:none}
	#information ul li > div > h2 {display:none}
	#information ul li > div.list1 {padding-top:5.2em}
	#information ul li > div.list1 > em {display:block}
	
	#branch {padding-bottom:1em}
	#branch .swiper-container {width:86%}
	#branch .slide {padding:0 3%}
	#branch .swiper-btn {width:94%; margin-top:-5em}
	#branch .swiper-slide > img {width:100%}
	#branch .swiper-slide dl {padding:1em 0}
	#branch .swiper-slide dl dt {float:none; text-align:center}
	#branch .swiper-slide dl dd {float:none; margin:.5em auto 0}
	#branch .swiper-slide dl dd > * {font-size:.7em}
	#branch .swiper-slide dl dt {font-size:.8em; line-height:1.8em}
	#branch .swiper-slide dl dt > var {font-weight:500; font-size:1.5em}
	#branch .swiper-button-prev {width:7%; background-size:1em auto}
	#branch .swiper-button-next {width:7%; background-size:1em auto}
	#branch .main_con_text {padding:3em 0 1.3em}

	#community {padding:2em 0; background:#fff}
	#community h1 {display:none}
	#community dl {width:100%; margin:0}
	#community dl dt {padding:0 8% .5em}
	#community dl dt > code {font-size:.8em}
	#community dl.gall {width:100%; margin:3em 0}
	#community dl dd div {font-size:1em}
	#community dl dd div > span {width:62%; padding:0 5% 0 5%; font-size:.8em; background:url('/img/icon_dot.jpg')no-repeat 3% center}
	#community dl dd div > var {width:25%; font-size:.8em; font-weight:300}

	#instagram {padding:2em 0 4em}
	#instagram ul li {float:left; width:32%; margin:2% 2% 0 0}
	#instagram ul li > img {width:100%; height: auto}
	#instagram ul li:nth-child(3n) {margin:2% 0 0 0}
	#instagram h1 {width:13em; margin:0 auto}
	#instagram h1 > img {width:100%}
	#instagram h2 {margin:.5em 0 1em; font-size:1.6em}

	/*
	#bottom ul {padding:1em 0; text-align:Center}
	*/
	#bottom ul {padding:0; text-align:Center}
	#bottom ul li {display:inline-block; width:32.5%; padding:0; text-align:center}
	#bottom h1 {padding:2em}
	#bottom h1 span {width:3.4em; height:auto}
	#bottom h2 {width:10em; margin:0 auto}
	#bottom h2 > img {width:100%; height: auto}
	#bottom h3 {padding:1em 0 2em; line-height:1.8em}

	#bottom ul li {font-size:.8em}

}

@media screen and (max-width: 350px){
	#m-menuwrap .menu_box h1 em {font-size:.7em; }
}


/**********통합서브**********/
	/*회사소개*/
	#sub_title > .sub_title_text.about_title_text > h1 {letter-spacing:5px; font-size:40px; font-weight:600}
	#sub_intro.about_intro > h5 {padding:25px 0; font-size:22px; font-weight:900}
	.about_con {width:1200px; margin:0 auto}
	.about_con > dl {position:relative; width:1200px; height:498px; margin:0 auto; text-align:Center; transition:.3s}
	.about_con > dl > dd {display:inline-block; padding:0 2em; margin-top:212px; font-size:33px; font-weight:bold; color:#ffffff; letter-spacing:4px; line-height:59px; border:3px solid #fff; transition:.3s}
	.about_con > div {padding:70px 3% 40px; text-align:Center}
	.about_con > div > h1 {padding-bottom:23px; font-size:38px; *color:#1cbac8; color:#14c5d5; transition:.3s}
	.about_con > div > h2 {font-size:17px; color:#000000; word-break:keep-all; transition:.3s}
	.about_con > div > h3 {width:194px; margin:20px auto 10px; transition:.3s}
	.about_con > div > h3 > img {width:100%; transition:.3s}
	.about_con > div > var {display:block; width:24px; margin:5px auto; transition:.3s}
	.about_con > div > var > img {width:100%; transition:.3s}
	.about_con > div > h4 {padding-bottom:65px; font-size:25px; font-weight:500; color:#111111; transition:.3s}
	.about_con > ul {padding:10px 0 30px}
	.about_con > ul > li {padding:60px 55px; overflow:hidden}
	.about_con > ul > li.list2 {border-top:1px solid #b2b2b2}
	.about_con > ul > li > .left {float:left; width:466px}
	.about_con > ul > li > .right {float:right; width:624px}
	.about_con > ul > li > div.tab_hide {display:show}
	.about_con > ul > li > div.tab_show {display:none}
	.about_con > ul > li > div > var {display:block; width:183px; margin-bottom:10px}
	.about_con > ul > li > div > var > img {width:100%}
	.about_con > ul > li > div > h1 {font-size:37px; line-height:43px; color:#1cbac8}
	.about_con > ul > li > div > h2 {padding:13px 0; font-size:15.9px; line-height:26px; color:#000000; word-break:keep-all; letter-spacing:-1px}
	.about_con > ul > li > div > h3 {display:inline-block; padding:10px 25px; font-size:15px; color:#ffffff; background:#111111}
	.about_con > ul > li > div > h3 > em {float:right; display:inline-block; width:8px; height:15px; margin:-1px 0 0 5px}
	.about_con > ul > li > div > h3 > em > img {width:100%}
	#about_con1 > dl {background:url('/img/sub/jfit_about_img1.jpg')center -155px; background-size:cover}
	#about_con2 > dl {background:url('/img/sub/jfit_about_img2.jpg')center; background-size:cover}
	#about_con3 > dl {background:url('/img/sub/jfit_about_img3.jpg')center; background-size:cover}
	#about_con4 > dl {background:url('/img/sub/jfit_about_img4.jpg')center; background-size:cover}
	#about_con5 > dl {background:url('/img/sub/jfit_about_img5.jpg')center; background-size:cover}
	#about_history {position:relative; padding:80px 3%; background:#eeeeee}
	#about_history > h1 {width:115px; margin:0 auto}
	#about_history > h1 > img {width:100%}
	#about_history > var {position:absolute; font-size:85px; font-weight:900; color:#ffffff; line-height:82px; transition:.2s}
	#about_history > var.history {top:135px; left:50%; margin-left:80px}
	#about_history > var.since {top:245px; left:50%; margin-left:-380px; text-align:right}
	#about_history > ul {margin-top:30px}
	#about_history > ul > li {font-size:16px; line-height:27px; overflow:hidden}
	#about_history > ul > li > span {float:left; width:50%; font-size:1em; font-weight:400; color:#a3a3a3; text-align:right}
	#about_history > ul > li > em {float:left; width:50%; padding-left:30px; box-sizing:border-box; font-size:1em; font-weight:300; color:#000; text-align:left}

	/*파트너쉽*/
	#partnership_info {padding:45px 0; text-align:Center; background:#eeeeee}
	#partnership_info > ul {display:inline-block; vertical-align:middle}
	#partnership_info > ul > li {display:inline-block; margin:0 15px}
	#partnership_info > div {display:inline-block; margin-left:32px; vertical-align:middle}
	#partnership_info > div > * {text-align:left}
	#partnership_info > div > h1 {font-size:25px; color:#000000; font-weight:400; letter-spacing:1px}
	#partnership_info > div > h2 {width:29px; height:4px; margin:14px 0 17px;  background:#49c8d3}
	#partnership_info > div > h3 {font-size:16px; color:#4c4c4c; line-height:25px}
	#partnership_info > div > h3 > span {display:inline-block; width:80px; font-size:1em; color:#000; font-weight:400}

	#partners {width:100%; max-width:1200px; margin:0 auto; padding:105px 0 65px}
	#partners > h1 {font-size:35px; color:#1cbac8; text-align:center}
	#partners > h2 {padding-bottom:45px; font-size:17px; color:#000000; text-align:center}
	#partners ul {overflow:hidden; padding:0 37.5px}
	#partners ul li {float:left; width:333px; margin:0 20px 40px}
	#partners ul li > div {width:333px; height:138px; border:1px solid #e0e0e0}
	#partners ul li > dl {padding:10px 0 10px 5px; overflow:hidden; border-bottom:1px solid #b8b8b8}
	#partners ul li > dl dt {float:left; margin-top:0px; font-size:18px; color:#747474}
	#partners ul li > dl dd {float:right; padding:5px; font-size:13px; color:#b6b6b6; border:1px solid #dddddd ; cursor:pointer}

	/*program_firstguide*/
	#firstguide_info {padding:20px 3%; background:#eeeeee}
	#firstguide_info > table {width:100%; max-width:1200px; margin:0 auto}
	#firstguide_info > table th {padding:40px 50px 40px 150px; }
	#firstguide_info > table td > h1 {margin-bottom:20px; font-size:17px; color:#000; font-weight:400}
	#firstguide_info > table td > h2 {font-size:14px; color:#4c4c4c; font-weight:400}
	#firstguide_order {padding:10px 0 140px; text-align:center}
	#firstguide_order > ul {width:1080px; overflow:hidden; margin:0 auto; }
	#firstguide_order > ul > li {float:left; width:300px; margin:0 30px}
	#firstguide_order > ul > li > h1 {width:68px; height:68px; margin:0 auto 20px; line-height:68px; text-align:center; font-size:17px; color:#fefefe; background:#535353; border-radius:50%}
	#firstguide_order > ul > li > h2 > img {width:100%}
	#firstguide_order > ul > li > h3 {padding:15px 0 15px 5px; font-size:17px; color:#000; font-weight:400}
	#firstguide_order > ul > li > h4 {font-size:14px; color:#4c4c4c; line-height:25px}
	#firstguide_order > ul > li > h4 > em {padding:0 5px; font-size:1em; color:#a4a4a4}

	/*program_privatelesson*/
	#privatelesson_info {width:1096px; margin:0 auto; padding-bottom:80px; overflow:hidden}
	#privatelesson_info > dl{float:left; position:relative; width:250px; height:250px; margin:21px 12px; border-radius:50%; overflow:hidden; cursor:pointer}
	#privatelesson_info > dl > dt {width:100%; height:100%; background:rgba(0,0,0,.5); transition:.2s}
	#privatelesson_info > dl > dd {position:absolute; top:50%; left:0; width:100%; margin-top:-30px; text-align:center}
	#privatelesson_info > dl > dd.bg {position:absolute; top:0%; left:0; width:100%; height:100%; margin-top:0px; background:rgba(0,0,0,.5)}
	#privatelesson_info > dl:hover > dd.bg {background:rgba(73,200,211,.9) }
	#privatelesson_info > dl > dd > h1 {font-size:23px; color:#fff; font-family: 'Nanum Myeongjo', serif;}
	#privatelesson_info > dl > dd > h2 {font-size:19px; color:#fff; font-family: 'Nanum Myeongjo', serif;}
	#privatelesson_detail {padding:80px 0 165px; background:#282828}
	#privatelesson_detail .privatelesson_detail_text {position:relative; height:220px}
	#privatelesson_detail .privatelesson_detail_text li {display:none; text-align:Center}
	#privatelesson_detail .privatelesson_detail_text li.active {display:block}
	#privatelesson_detail .privatelesson_detail_text li > h1 {font-size:33px; color:#fefefe; font-family: 'Nanum Myeongjo', serif;}
	#privatelesson_detail .privatelesson_detail_text li > h2 {font-size:17px; padding:20px 0; color:#49c8d3; font-family: 'Nanum Myeongjo', serif;}
	#privatelesson_detail .privatelesson_detail_text li > h3 {font-size:14px; line-height:25px; color:#cccccc}
	#privatelesson_detail .other_category {padding:40px 0; text-align:center; cursor:pointer}
	#privatelesson_detail .privatelesson_detail_img {position:relative; width:1200px; margin:0 auto}
	#privatelesson_detail .privatelesson_detail_img > div {width:802px; height:802px; margin:0 auto; overflow:hidden}
	#privatelesson_detail .privatelesson_detail_img > span {position:absolute; top:50%; margin-top:-32px; opacity:.5; cursor:pointer; transition:.2s}
	#privatelesson_detail .privatelesson_detail_img > span:hover {opacity:.8}
	#privatelesson_detail .privatelesson_detail_img > span.prev {left:0}
	#privatelesson_detail .privatelesson_detail_img > span.next {right:0}
	#privatelesson_detail .privatelesson_detail_img ul {position:relative; width:1000000px}
	#privatelesson_detail .privatelesson_detail_img li {float:left}

	/*program_grouplesson*/
	#grouplesson_info {padding:58px 0 45px; background:#eeeeee; text-align:Center}
	#grouplesson_info > h1 {padding-bottom:5px; font-size:40px; color:#bdbdbd; font-weight:900}
	#grouplesson_info > h2 {font-size:15px; color:#000000; font-weight:400; line-height:27px}
	#grouplesson_info > h3 {margin:5px 0 54px; font-size:13px; color:#e87070; font-weight:500}
	#grouplesson_info > ul {width:1200px; margin:0 auto; text-align:center}
	#grouplesson_info > ul > li {display:inline-block; width:251px; vertical-align:top; margin:0 12px 45px}
	#grouplesson_info > ul > li > dl {position:relative; width:251px; height:251px; border-radius:50%; overflow:hidden; cursor:pointer}
	#grouplesson_info > ul > li > dl > dt img {width:100%}
	#grouplesson_info > ul > li > dl > dd {position:absolute; top:50%; left:0; width:100%; margin-top:-17px; text-align:Center; color:#fff; font-size:28px; line-height:35px; font-family: 'Nanum Myeongjo', serif; transition:.3s}
	#grouplesson_info > ul > li > dl > dd.t2 {margin-top:-35px}
	#grouplesson_info > ul > li > dl > dd.t3 {margin-top:-52.5px}
	#grouplesson_info > ul > li > dl > dd.bg {top:0%; width:100%; height:100%; margin-top:0px; background:rgba(0,0,0,.5); transition:.2s}
	#grouplesson_info > ul > li > dl:hover > dd.bg {background:rgba(73,200,211,.9) }
	#grouplesson_info > ul > li > h1 {padding-top:24px; font-size:13px; color:#000000; text-align:center; word-break:keep-all}
	#grouplesson_con {padding:65px 3% 103px; background:#282828; text-align:center}
	#grouplesson_con > h1 {padding-bottom:5px; font-size:40px; color:#bdbdbd; font-weight:800}
	#grouplesson_con > h2 {font-size:15px; color:#cccccc; font-weight:400; line-height:27px}
	#grouplesson_con > h3 {margin:5px 0 54px; font-size:13px; color:#e87070; font-weight:400}
	#grouplesson_con > h4 {width:18px; margin:10px auto}
	#grouplesson_con > h4 > img {width:100%}
	#grouplesson_con > ul {text-align:center}
	#grouplesson_con > ul > li {position:Relative; display:inline-block; width:100px; height:100px; margin:3px; text-align:Center; color:#fefefe; background:#898989; border-radius:20px; transition:.2s; cursor:pointer}
	#grouplesson_con > ul > li:hover {background:#49c8d3}
	#grouplesson_con > ul > li > span {display:block; position:absolute; top:50%; left:0; width:100%; margin-top:-26px; font-size:19px; line-height:26px; text-align:Center}
	#grouplesson_con > ul > li.line > span {margin-top:-13px}
	
	/*community_faq*/
	.faq_hide {height:69px}
	.faq_table {padding:0 0 120px}
	.faq_table ul {width:1100px; margin:0 auto; border-top:1px solid #777777; border-bottom:1px solid #777777}
	.faq_table li {position:relative; width:1100px; border-bottom:1px solid #dadada; overflow:hidden; cursor:pointer}
	.faq_table li:last-child {border-bottom:none}
	.faq_table li:hover {background:#fbfbfb}
	.faq_table span {display:inline-block; margin:12px 35px 12px 25px; padding:15px 18px; font-family:"Jeju Myeongjo" ;font-size:15px; color:#FFF; background:#9e9ea4; border-radius:50px; font-style:italic}
	.faq_table em {font-size:17px; color:#656565}
	.faq_table h1 {position:absolute; right:30px; top:30px}
	.faq_table h2 {position:absolute; right:30px; top:30px; display:none}
	.faq_table dd {border-top:1px solid #dadada; overflow:hidden}
	.faq_table label {float:left; display:block; margin:30px 35px 12px 25px; padding:15px 18px; font-family:"Jeju Myeongjo" ;font-size:15px; color:#FFF; background:#00c2d3; border-radius:50px; font-style:italic}
	.faq_table code {float:left; display:block; width:980px; padding:30px 0; font-size:14px; font-weight:300; line-height:150%; color:#777}
	.faq_table b {font-weight:400; color:#222}

	/*education1*/
	#edu_info {padding:62px 0 98px; border-top:1px solid #cccccc}
	#edu_info > h1 {text-align:center}
	#edu_info > h2 {margin-bottom:65px; font-size:35px; color:#111111; font-weight:400; text-align:center}
	#edu_info > dl {width:1200px; margin:0 auto 89px; overflow:hidden}
	#edu_info > dl > dt {float:left; margin-left:115px}
	#edu_info > dl > dd {padding-left:50px; float:left}
	#edu_info > dl > dd .edu_info_topImg{padding:0px; height:150px;}
	#edu_info > dl > dd .edu_info_topImg1{margin-top:25px;}
	#edu_info > dl > dd > div {padding-top:30px; overflow:hidden; }
	#edu_info > dl > dd > div > span {float:left; padding-right:10px; font-size:61px; font-weight:800; color:#cdcdcd; line-height:58px} 
	#edu_info > dl > dd > div > em {float:left; font-size:21px; color:#323232; line-height:29px; font-weight:300} 
		#show_edu {width:1200px; margin:0 auto; overflow:hidden}
		#show_edu li {float:left; width:50%; height:165px; text-align:center; background:#1c99c8; cursor:pointer}
		#show_edu li.upcoming {background:#1cbac8}
		#show_edu li > h1 {padding-top:45px; font-size:12px; color:#ffffff; letter-spacing:2px}
		#show_edu li > h2 {font-size:32px; color:#ffffff}
		#show_edu li > h2 > b {font-weight:bold}
		#show_edu li > h2 > span {display:inline-block; margin:-2px 0 0 5px; vertical-align:top}
	#edu_info > h3 {height:140px; line-height:140px; font-size:29px; color:#111111; text-align:center; letter-spacing:2px}
	#edu_info > h3 > a {font-size:1em; font-weight:400}
	#edu_info > .tpw1 {width:1200px; margin:0 auto; overflow:hidden}
	#edu_info > .tpw1 > li {float:left; width:50%; min-height:336px; padding:35px 30px; box-sizing:border-box}
	#edu_info > .tpw1 > li > h1 {padding-bottom:13px; font-size:25px; color:#323232; font-weight:400; line-height:34px}
	#edu_info > .tpw1 > li > h2 {font-size:15px; color:#202020; word-break:keep-all}
	#edu_info > .tpw1 > li > h2 > b {display:block; font-size:1em; font-weight:400}
	#edu_info > .tpw1 > li > h3 {padding:10px 0}
	#edu_info > .tpw1 > li > h3 > span {display:block; font-size:13px; color:#202020}
	#edu_info > .tpw1 > li > h3 > span > b {font-size:1.1em; font-weight:400}
	#edu_info > .tpw1 > li.first {padding-top:86px; background:#202020; text-align:center}
	#edu_info > .tpw1 > li.first > h1 {padding-bottom:5px;  font-size:53px; color:#e7e7e7; line-height:47px; font-family: 'Montserrat', sans-serif;; font-weight:600; letter-spacing:2px}
	#edu_info > .tpw1 > li.first > h2 {font-size:24px; color:#e7e7e7}
	#edu_info > .tpw1 > li.bg1 {background:#f3f3f3}
	#edu_info > .tpw1 > li.bg2 {background:#e6e6e6}
	#edu_info > .tpw2 {width:1200px; margin:0 auto}
	#edu_info > .tpw2 > img {width:100%}
	/*#edu_info > .tpw2 > dl {min-height:497px; overflow:hidden; background:#202020}
	#edu_info > .tpw2 > dl dt {float:left; width:50%}
	#edu_info > .tpw2 > dl dd {float:left; width:50%; height:100%; background:#202020}
	#edu_info > .tpw2 > dl > .right {float:right}
	#edu_info > .tpw2 > dl dd > div {padding:65px 0 35px}
	#edu_info > .tpw2 > dl dd > div > h1 {font-size:1.2em; color:#b1b2b4; text-align:center}
	#edu_info > .tpw2 > dl dd > div > h2 {font-size:2em; color:#fff; text-align:center}
	#edu_info > .tpw2 > dl dd > p {padding:0 35px; font-size:1.1em; color:#fff; line-height:27px}
	#edu_info > .tpw2 > dl dd > p > em {display:block; height:25px}*/
	
	#edu_info > .tpw2 > div {height:497px; overflow:hidden; background:#202020}
	#edu_info > .tpw2 > div > h1 {float:left; width:50%; height:100%; height:497px; overflow:hidden; text-align:center}
	#edu_info > .tpw2 > div.tpw2_1 > h1 {background:url('/img/sub/edu_tpw_img1.jpg')no-repeat center; background-size:cover}
	#edu_info > .tpw2 > div.tpw2_2 > h1 {background:url('/img/sub/edu_tpw_img2.jpg')no-repeat center; background-size:cover}
	#edu_info > .tpw2 > div.tpw2_3 > h1 {background:url('/img/sub/edu_tpw_img3.jpg')no-repeat center; background-size:cover}
	#edu_info > .tpw2 > div > h2 {float:left; width:50%; padding:65px 0 35px; background:#202020; font-size:1em}
	#edu_info > .tpw2 > div > h2 > span {display:block; font-size:1.2em; color:#b1b2b4; text-align:center}
	#edu_info > .tpw2 > div > h2 > var {display:block; font-size:2.3em; color:#fff; text-align:center; font-family: 'Montserrat', sans-serif; font-weight:600; letter-spacing:1px}
	#edu_info > .tpw2 > div > h3 {float:left; width:50%; padding:0 35px; box-sizing:border-box; font-size:1.1em; color:#fff; line-height:27px; background:#202020; word-break:keep-all}
	#edu_info > .tpw2 > div > h3 > em {display:block; height:25px}
	#edu_info > .tpw2 > div > .right {float:right}

	#edu_rules {padding:70px 0 80px; border-top:1px solid #cccccc; text-align:center}
	#edu_rules > h1 {font-size:37px; color:#1cbac8; font-weight:500; letter-spacing:5px}
	#edu_rules > h2 {padding:15px 0; font-size:15px; color:#000000}
	#edu_rules > em {display:block; width:29px; height:4px; margin:0 auto; background:#49c8d3}
	#edu_rules > dl {width:1200px; margin:30px auto 0; overflow:hidden}
	#edu_rules > dl dt {float:left; padding-left:245px; padding-right:57px; text-align:right}
	#edu_rules > dl dd {float:left; padding:15px 0 0 22px; text-align:left}
	#edu_rules > dl dd h1 {font-size:17px; color:#111111; line-height:35px; font-weight:400}

	#edu_center {padding:70px 0 185px; border-top:1px solid #cccccc; text-align:center}
	#edu_center > h1 {font-size:37px; color:#1cbac8; font-weight:500; letter-spacing:5px}
	#edu_center > h2 {padding:15px 0; font-size:15px; color:#000000}
	#edu_center > em {display:block; width:29px; height:4px; margin:0 auto; background:#49c8d3}
	#edu_center > ul {width:1200px; margin:0 auto; padding:50px 0 53px; overflow:hidden}
	#edu_center > ul > li {float:left; margin-left:39px; padding-left:10px; border-left:4px solid #313131}
	#edu_center > ul > li > h1 {position:relative; display:inline-block; padding-right:7px; font-size:20px; color:#313131; font-weight:400; line-height:42px; }
	#edu_center > ul > li > h1 > em {position:absolute; top:-7px; left:100%}
	#edu_center > ul > li > h2 {padding-bottom:12px; font-size:16px; color:#313131; font-weight:500}
	#edu_center > ul > li > h3 {font-size:15px; color:#6b6b6b; line-height:19px}
	
	/*education2*/
	#edu_course {width:100%; max-width:1200px; margin:0 auto 90px; text-align:center; transition:.3s}
	#edu_course > dl {display:inline-block;  transition:.3s}
	#edu_course > dl > dt {display:inline-block; width:274px; height:274px; border-radius:50%; text-align:center; background:#b5b5b5; vertical-align:middle; cursor:pointer; transition:.2s}
	#edu_course > dl > dt:hover {background:#49c8d3}
	#edu_course > dl > dt > h1 {padding:85px 0 10px; font-size:15px; color:#fff;  transition:.2s}
	#edu_course > dl > dt > h2 {font-size:33px; color:#fff; line-height:30px; transition:.2s}
	#edu_course > dl > dt > h2 > b {display:block; font-size:1em; font-weight:900}
	#edu_course > dl > dd {display:inline-block; padding:0 15px}
	#edu_course > dl > dd.arrow2 {display:none}
		#level_title {padding-bottom:37px; border-bottom:3px solid #111111; text-align:center}
		#level_title > h1 {width:192px; margin:0 auto}
		#level_title > h1 > img {width:100%}
		#level_title > h2 {font-size:58px; color:#111111; font-weight:400; line-height:80px}
		#level_title > h2 > b {font-size:1em; font-weight:900}
		#level_title > h3 {font-size:29px; color:#111111; line-height:35px}
		#level_title > h4 {padding-top:5px; font-size:15px; color:#545454}
		#edu_schedule_btn {margin-bottom:153px; padding:48px 0 29px; background:#1cbac8; text-align:center; cursor:pointer}
		#edu_schedule_btn > h1 {font-size:12px; color:#fff; letter-spacing:2px}
		#edu_schedule_btn > h2 {font-size:32px; color:#fff}
		#edu_schedule_btn > h2 > b {font-size:1em; font-weight:600}
		#edu_schedule_btn > h2 > em {margin-left:10px}
		#edu_schedule_btn > h2 > em > img {vertical-align:baseline}
		#edu_schedule_btn > h3 {padding-top:8px; font-size:13px; color:#fff799; letter-spacing:2px}
	#basic_course {width:100%; max-width:1200px; margin:0 auto}
	#basic_course > ul {width:880px; margin:68px auto 25px }
	#basic_course > ul > li {padding-bottom:35px}
	#basic_course > ul > li > h1 {font-size:40px; color:#49c8d3; font-weight:900}
	#basic_course > ul > li > h2 {font-size:21px; color:#030000; font-weight:400}
	#basic_course > ul > li > h2 > em {font-size:1em; color:#ef4646; font-weight:500}
	#basic_course > ul > li > h2 > var {display:inline-block; vertical-align:middle; padding:0 5px}
	#basic_course > ul > li > h2 > var > img {vertical-align:unset}
	#basic_course > ul > li > h3 {padding-top:25px; font-size:15.5px; color:#545454; word-break:keep-all}
	#basic_course > ul > li > h4 {padding-top:35px; text-align:center}
	#intermediate_course {width:100%; max-width:1200px; margin:0 auto}
	#intermediate_course > ul {width:880px; margin:68px auto; }
	#intermediate_course > ul > li {margin-bottom:50px; overflow:hidden}
	#intermediate_course > ul > li.inter_list1 > p {float:left; width:50%}
	#intermediate_course > ul > li.inter_list1 > div {float:right; width:50%; text-align:left}
	#intermediate_course > ul > li.inter_list2 > div {margin-bottom:35px}
	#intermediate_course > ul > li > div > h1 {padding-bottom:6px; font-size:38px; color:#49c8d3; font-weight:900; line-height:40px}
	#intermediate_course > ul > li > div > h2 {padding-left:.8em; font-size:20px; color:#030000}
	#intermediate_course > ul > li > div > h2 > b {display:inline-block; width:.8em; margin-left:-1em; text-align:center; font-size:1em; font-weight:bold }
	#intermediate_course > ul > li > p > img {margin-right:10px}
	#advanced_course {width:100%; max-width:1200px; margin:0 auto}
	#advanced_course > ul {width:880px; margin:68px auto; }
	#advanced_course > ul > li {margin-bottom:50px; overflow:hidden}
	#advanced_course > ul > li.adv_list1 > p {float:left; width:50%}
	#advanced_course > ul > li.adv_list1 > div {float:right; width:50%; text-align:left}
	#advanced_course > ul > li.adv_list2 > div {margin-bottom:35px}
	#advanced_course > ul > li > div > h1 {padding-bottom:6px; font-size:38px; color:#49c8d3; font-weight:900; line-height:40px}
	#advanced_course > ul > li > div > h2 {padding-left:.8em; font-size:20px; color:#030000}
	#advanced_course > ul > li > div > h2 > b {display:inline-block; width:.8em; margin-left:-1em; text-align:center; font-size:1em; font-weight:bold }
	#advanced_course > ul > li > p > img {margin-right:10px}

	/* INQUIRY */
#community_inquiry {}
#community_inquiry > #sub_intro {border-bottom:1px solid #cccccc}
.inquiry_table {width:1100px; margin:0 auto; }
	.inquiry_table > span {display:block; margin:15px 0; padding-left:10px; font-size:12px; color:#898989; background:url('/img/sub/info.gif') no-repeat left}
	.inquiry_table {margin-bottom:45px}
	.inquiry_table table {margin-bottom:45px}
	.inquiry_table th {width:176px; padding:10px 0; font-size:14px; color:#212121; border:1px solid #eaeaea}
	.inquiry_table td {width:920px; font-size:12px; color:#212121; border:1px solid #eaeaea;  word-break:keep-all}
	.inquiry_table ul {float:left; margin:10px 50px 10px 0}
	.inquiry_table li {margin-bottom:-5px}
	.inquiry_table em {display:block; margin:10px 0 0px 10px}
	.inquiry_table var {display:block; margin:0 0 5px 10px}
	.inquiry_table code {font-weight:300}
	.inquiry_table input {margin:10px; padding:5px; border:1px solid #eaeaea; word-break:keep-all}
	.inquiry_table select {width:138px; margin:10px; padding:5px; border:1px solid #eaeaea; border-radius:0}
	.inquiry_table textarea {width:890px; height:100px;  margin:10px; padding:5px; border:1px solid #eaeaea}
	.inquiry_btn{width:420px; margin:0 auto; padding-bottom:100px}
		#um_es_cancel {float:left; display:block; width:200px; height:47px; text-align:center; font-size:14px; line-height:47px; color:#2e363e; background:#FFF; border:1px solid #bdbdbd; cursor:pointer}
		#um_es_submit {float:left; display:block; width:200px; height:49px; margin-right:15px; text-align:center; font-size:14px; line-height:49px; color:#FFF; background:#3e4044; cursor:pointer}

	/*통합지점정보*/
	#jfit_branch_list {width:1100px; margin:0 auto; text-align:center}
	#jfit_branch_list > h1 {padding:5px; margin-bottom:34px; font-size:30px; color:#111111; border-bottom:3px solid #111111; text-align:left}
	#jfit_branch_list > ul {overflow:hidden}
	#jfit_branch_list > ul > li {float:left; width:344px; margin:0 33px 60px 0}
	#jfit_branch_list > ul > li:nth-child(3n) {margin-right:0}
	#jfit_branch_list > ul > li > dl {margin:20px 0 5px 10px; overflow:hidden}
	#jfit_branch_list > ul > li > dl dt {float:left}
	#jfit_branch_list > ul > li > dl dt span {font-size:20px; color:#111111; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
	#jfit_branch_list > ul > li > dl dt span b {font-size:1em; font-weight:bold}
	#jfit_branch_list > ul > li > dl dt var {font-size:19px}
	#jfit_branch_list > ul > li > dl dt var > a {font-size:1em; font-weight:bold}
	#jfit_branch_list > ul > li > dl dd {position:relative; float:right; width:110px; height:34px; margin-top:10px; color:#1cbac8; border:1px solid #1cbac8; text-align:center; line-height:34px; overflow:hidden; cursor:pointer}
	#jfit_branch_list > ul > li > dl dd > em {position:absolute; top:0; left:0; width:100%; height:100%; transition:.5s 1s}
	#jfit_branch_list > ul > li > dl dd > code {position:absolute; top:0; left:-100%; width:100%; height:100%;  background:#1cbac8; ; transition:left .3s, color .5s .05s}
	#jfit_branch_list > ul > li > dl dd:hover code {left:0; color:#fff}
	#jfit_branch_list > ul > li > dl dd:hover em {color:#1cbac8}
	#jfit_branch_list > ul > li > h2 {margin-left:10px; font-size:13px; line-height:1.5em; height:4.5em; overflow:hidden}

/*통합서브반응형*/
@media screen  and (max-width: 1200px){
	.about_con {width:100%}
	.about_con > dl {width:100%}
	#about_con1 > dl {background:url('/img/sub/jfit_about_img1.jpg')center; background-size:cover}
	.about_con > ul {padding:10px 0 30px}
	.about_con > ul > li {padding:60px 3%; overflow:hidden}
	.about_con > ul > li > .left {float:left; width:39%}
	.about_con > ul > li > .right {float:right; width:58%}
	.about_con > ul > li > div > img {width:100%}
	.about_con > ul > li > div > var {display:block; width:30%; margin-bottom:10px}
	.about_con > ul > li > div > h1 {font-size:37px; line-height:43px; color:#14c5d5}
	.about_con > ul > li > div > h2 {padding:10px 0; font-size:15px; line-height:25px; color:#000000; word-break:keep-all; letter-spacing:-1px}
	.about_con > ul > li > div > h3 {display:inline-block; padding:10px 25px; font-size:15px; color:#ffffff; background:#111111}

	/*파트너쉽*/
	#partners {width:100%; max-width:1200px; margin:0 auto; padding:105px 0 65px}
	#partners > h1 {font-size:35px; color:#1cbac8; text-align:center}
	#partners > h2 {padding-bottom:45px; font-size:17px; color:#000000; text-align:center}
	#partners ul {overflow:hidden; padding:0 2%}
	#partners ul li {float:left; width:31%; margin:0 1% 40px}
	#partners ul li > div {width:100%; height:auto; border:1px solid #e0e0e0}
	#partners ul li > div > img {width:100%}
	#partners ul li > dl {padding:10px 0 10px 5px; overflow:hidden; border-bottom:1px solid #b8b8b8}
	#partners ul li > dl dt {width:70%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
	#partners ul li > dl dd {width:30%; max-width:75px; padding:5px; font-size:13px; box-sizing:border-box; text-align:Center}

	#firstguide_info > table {width:100%}
	#firstguide_info > table th {width:30%; padding:40px 50px 40px 0; text-align:right}
	#firstguide_info > table td {width:70%}

	#privatelesson_info {width:94%; padding:0 3% 80px}
	#privatelesson_info > dl {width:22%; height:auto; margin:1.5% 1.5%; border-radius:50%; overflow:hidden; cursor:pointer}
	#privatelesson_info > dl > dt > img {width:100%}
	#privatelesson_detail .privatelesson_detail_img {width:100%}
	#privatelesson_detail .privatelesson_detail_img > div {width:70%; height:auto}
	#privatelesson_detail .privatelesson_detail_img > div > ul > li > img {width:100%}

	#grouplesson_info > ul {width:100%}
	#grouplesson_info > ul > li {width:21%; margin:0 1% 45px}
	#grouplesson_info > ul > li > dl {width:100%; height:auto}

	/*education1*/
	#edu_info > dl {width:100%; margin:0 auto 89px}
	#edu_info > dl > dt {float:left; width:45%; margin-left:5%; text-align:center}
	#edu_info > dl > dt > img {width:400px}
	#edu_info > dl > dd {float:left; width:48%; padding-left:2%}
	#edu_info > dl > dd > div {padding-top:10px}
		#show_edu {width:100%}
	#edu_info > .tpw1 {width:100%}
	#edu_info > .tpw1 > li {*height:400px}
	#edu_info > .tpw2 {width:100%}
	#edu_rules > dl {width:100%}
	#edu_info > .tpw2 > div > h2 {padding:55px 0 25px}
	#edu_info > .tpw2 > div > h2 > span {font-size:1.2em; color:#b1b2b4; text-align:center}
	#edu_info > .tpw2 > div > h2 > var {font-size:2em; color:#fff; text-align:center}
	#edu_info > .tpw2 > div > h3 {padding:0 35px; font-size:1.1em; color:#fff; line-height:1.7em}
	#edu_info > .tpw2 > div > h3 > em {height:20px}
	#edu_rules {padding:70px 3% 80px; border-top:1px solid #cccccc; text-align:center}
	#edu_rules > h1 {font-size:37px; color:#1cbac8; font-weight:500; letter-spacing:5px}
	#edu_rules > h2 {padding:15px 0; font-size:15px; color:#000000}
	#edu_rules > em {display:block; width:29px; height:4px; margin:0 auto; background:#49c8d3}
	#edu_rules > dl dt {float:left; width:45%; padding-left:0%; padding-right:5%; text-align:right}
	#edu_rules > dl dd {float:left; width:45%; padding:15px 0 0 5%; text-align:left}
	#edu_rules > dl dd h1 {font-size:17px; color:#111111; line-height:35px; font-weight:400}
	#edu_center > ul {width:100%; text-align:center}
	#edu_center > ul > li {float:none; display:inline-block; margin-bottom:15px}
	#edu_center > ul > var {display:block; width:100%}

	/*통합지점정보*/
	#jfit_branch_list {width:94%; padding:0 3%}
	#jfit_branch_list > h1 {margin-bottom:34px; font-size:30px; color:#111111; border-bottom:3px solid #111111; text-align:left}
	#jfit_branch_list > ul {overflow:hidden}
	#jfit_branch_list > ul > li {float:left; width:32%; margin:0 2% 60px 0}
	#jfit_branch_list > ul > li > h1 > img {width:100%}
	#jfit_branch_list > ul > li:nth-child(3n) {margin-right:0}
	#jfit_branch_list > ul > li > dl dt {float:left; width:60%}
	#jfit_branch_list > ul > li > dl dt span {font-size:20px; color:#111111; display:block}
	#jfit_branch_list > ul > li > dl dt span b {font-size:1em; font-weight:bold}
	#jfit_branch_list > ul > li > dl dt var {font-size:19px; font-weight:bold}
	#jfit_branch_list > ul > li > dl dd {position:relative; float:right; width:110px; height:34px; margin-top:10px; color:#1cbac8; border:1px solid #1cbac8; text-align:center; line-height:34px; overflow:hidden}
	#jfit_branch_list > ul > li > dl dd > em {position:absolute; top:0; left:0; width:100%; height:100%; transition:.5s 1s}
	#jfit_branch_list > ul > li > dl dd > code {position:absolute; top:0; left:-100%; width:100%; height:100%;  background:#1cbac8; ; transition:left .3s, color .5s .05s}
	#jfit_branch_list > ul > li > dl dd:hover code {left:0; color:#fff}
	#jfit_branch_list > ul > li > dl dd:hover em {color:#1cbac8}
}

@media screen and (max-width:1099px){
	/*inquiry*/
	.inquiry_table {width:94%; padding:0 3%}
	.inquiry_table > span {display:block; margin:15px 0; padding-left:10px; font-size:1.2em; color:#898989; background:url('/img/sub/info.gif') no-repeat left}
	.inquiry_table {margin-bottom:45px}
	.inquiry_table table {width:100%; margin-bottom:45px}
	.inquiry_table th {width:30%; padding:10px 0; font-size:1.2em}
	.inquiry_table td {width:70%; font-size:1.2em; color:#212121; border:1px solid #eaeaea}
	.inquiry_table ul {float:left; margin:10px 50px 10px 0}
	.inquiry_table li {margin-bottom:-5px; font-size:1.2em}
	.inquiry_table em {display:block; margin:10px 0 0px 10px; font-size:1em}
	.inquiry_table var {display:block; margin:0 0 5px 10px; font-size:1em}
	.inquiry_table input {margin:10px; padding:5px; border:1px solid #eaeaea}
	.inquiry_table select {margin:10px; padding:5px; border:1px solid #eaeaea}
	.inquiry_table textarea {width:88%; height:100px;  margin:3%; padding:3%; border:1px solid #eaeaea}
	.inquiry_btn{width:420px; margin:0 auto; padding-bottom:100px}
		#um_es_cancel {float:left; display:block; width:200px; height:47px; text-align:center; font-size:14px; line-height:47px; color:#2e363e; background:#FFF; border:1px solid #bdbdbd; cursor:pointer}
		#um_es_submit {float:left; display:block; width:200px; height:49px; margin-right:15px; text-align:center; font-size:14px; line-height:49px; color:#FFF; background:#3e4044; cursor:pointer}
} 

@media screen and (max-width: 1150px){
	.faq_table {padding:0 3% 120px}
	.faq_table ul {width:100%; margin:0 auto 120px}
	.faq_table li {width:100%;}
	.faq_table code {width:80%; padding:30px 0; font-size:14px; font-weight:300; line-height:150%}
}

@media screen  and (max-width: 1079px){
	#firstguide_order {padding:10px 3% 140px}
	#firstguide_order > ul {width:100%}
	#firstguide_order > ul > li {float:left; width:30%; margin:0 5% 0 0}
	#firstguide_order > ul > li:nth-child(3n) {margin:0 0 0 0}
	
	#edu_course {transform:scale(.9)}
	#edu_course > dl > dt {width:270px; height:270px}
}

@media screen and (min-width: 671px) and (max-width: 960px){
	* {font-size:14px}
	div {font-size:14px}
	#sub_intro.about_intro {font-size:14px}
	#sub_intro.about_intro > h5 {padding:25px 0; font-size:1.2em}
	.about_con > dl > dd {padding:0 2em; margin-top:212px; font-size:1.8em; letter-spacing:4px; line-height:59px; }
	.about_con > div {padding: 2.8em 3% 1.8em; font-size:14px}
	.about_con > div > h1 {padding-bottom:.5em; font-size:1.9em}
	.about_con > div > h2 {font-size:1em}
	.about_con > div > h3 {width:194px; margin:20px auto 10px}
	.about_con > div > var {display:block; width:24px; margin:5px auto}
	.about_con > div > h4 {padding-bottom:65px; font-size:2.3em}
	.about_con > ul {padding:10px 0 30px}
	.about_con > ul > li {padding:60px 3%; overflow:hidden}
	.about_con > ul > li > .left {width:100%}
	.about_con > ul > li > .right {width:100%}
	.about_con > ul > li > div {font-size:14px; text-align:center}
	.about_con > ul > li > div.tab_hide {display:none}
	.about_con > ul > li > div.tab_show {display:block}
	.about_con > ul > li > div.tab_show > var {display:block; width:80%; margin:0 auto}
	.about_con > ul > li > div > img {width:100%}
	.about_con > ul > li > div > var {display:block; width:30%; margin-bottom:10px}
	.about_con > ul > li > div > var > img {width:100%}
	.about_con > ul > li > div > h1 {font-size:1.9em; line-height:1.3em}
	.about_con > ul > li > div > h2 {padding:10px 0; font-size:1em; line-height:1.5em; letter-spacing:-1px}
	.about_con > ul > li > div > h3 {padding:.5em 1em; margin-bottom:1em; font-size:1em;}
	.about_con > ul > li > div > h3 > em {width:.5em; height:auto; margin:-.15em 0 0 .3em}
	#about_history > var {position:absolute; font-size:55px; font-weight:900; color:#ffffff; line-height:65px}
	#about_history > var.history {top:150px; left:50%; margin-left:80px}
	#about_history > var.since {top:245px; left:50%; margin-left:-250px}

	/*파트너*/
	#partnership_info {padding:45px 0; text-align:Center; background:#e8e8e8}
	#partnership_info > ul {display:block; margin-bottom:2em; vertical-align:middle}
	#partnership_info > ul > li {display:inline-block; margin:0 15px}
	#partnership_info > div {display:inline-block;  vertical-align:middle}
	#partnership_info > div > * {text-align:left}
	#partnership_info > div > h1 {font-size:25px; color:#000000; font-weight:400; letter-spacing:1px}
	#partnership_info > div > h2 {width:29px; height:4px; margin:14px 0 17px;  background:#49c8d3}
	#partnership_info > div > h3 {font-size:16px; color:#4c4c4c; line-height:25px}
	#partnership_info > div > h3 > span {display:inline-block; width:80px; font-size:1em; color:#000; font-weight:400}

	#firstguide_info > table {width:100%}
	#firstguide_info > table th {width:30%; padding:1.5em 3em 1.5em 0; text-align:right}
	#firstguide_info > table td {width:70%; padding:2em 0}
	#firstguide_info > table th img {width:100%}
	#firstguide_info > table td > h1 {margin-bottom:.5em; font-size:1.3em}

	#privatelesson_detail {padding:2em 3% 6em; }

	#grouplesson_info > ul > li {margin:0 1% 3em}
	#grouplesson_info > ul > li {font-size:1em}
	#grouplesson_info > ul > li > dl > dd {margin-top:-.6em; font-size:1.5em; line-height:1.2em}
	#grouplesson_info > ul > li > dl > dd.t2 {margin-top:-1.2em}
	#grouplesson_info > ul > li > dl > dd.t3 {margin-top:-1.8em}

	/*education1*/
	#edu_info {padding-bottom:0}
	#edu_info > dl > dt {float:left; width:100%; margin-left:0%; text-align:center}
	#edu_info > dl > dt > img {width:80%; max-width:477px;}
	#edu_info > dl > dd {float:left; width:100%; padding-left:0%}
	#edu_info > dl > dd > div {padding-top:2em; text-align:center}
	#edu_info > dl > dd > div > span {display:none}
	#edu_info > dl > dd > div > em {float:none} 
		#show_edu li {width:100%; height:165px}
		#show_edu li > h1 {padding-top:45px; font-size:12px; color:#ffffff; letter-spacing:2px}
		#show_edu li > h2 {font-size:32px; color:#ffffff}
		#show_edu li > h2 > b {font-size:1em; font-weight:bold}
		#show_edu li > h2 > span {margin:-4px 0 0 5px; vertical-align:middle}
		#edu_info > .tpw2 > div {height:auto; overflow:hidden; background:#202020}
	#edu_info > .tpw2 > div > h1 {float:left; width:50%; height:10em; overflow:hidden; text-align:center; font-size:1em}
	#edu_info > .tpw2 > div.tpw2_1 > h1 {background:url('/img/sub/edu_tpw_img1.jpg')no-repeat center; background-size:cover}
	#edu_info > .tpw2 > div.tpw2_2 > h1 {background:url('/img/sub/edu_tpw_img2.jpg')no-repeat center; background-size:cover}
	#edu_info > .tpw2 > div.tpw2_3 > h1 {background:url('/img/sub/edu_tpw_img3.jpg')no-repeat center; background-size:cover}
	#edu_info > .tpw2 > div > h2 {float:left; width:50%; height:10em; padding:3em 0 0; box-sizing:border-box; font-size:1em}
	#edu_info > .tpw2 > div > h2 > span {display:block; font-size:1.2em; color:#b1b2b4; text-align:center}
	#edu_info > .tpw2 > div > h2 > var {display:block; font-size:2em; color:#fff; text-align:center}
	#edu_info > .tpw2 > div > h3 {float:left; width:100%; padding:1em; box-sizing:border-box; font-size:1.1em; color:#202020; line-height:27px; background:#f3f3f3}
	#edu_info > .tpw2 > div > h3 > em {display:block; height:25px}
	#edu_info > .tpw2 > div > .right {float:right}
	#edu_rules {border-top:0}
	#edu_center {padding-bottom:0}

	/*education2*/
	#edu_course {margin:0 auto; padding:2.6em 0 4em; transform:scale(1)}
	#edu_course > dl {display:block; width:25em; margin:0 auto}
	#edu_course > dl > dt {display:inline-block; width:25em; height:25em; border-radius:50%; text-align:center; background:#b5b5b5; vertical-align:middle; cursor:pointer}
	#edu_course > dl > dt:hover {background:#49c8d3}
	#edu_course > dl > dt > h1 {padding:4em 0 10px; font-size:1.5em; color:#fff}
	#edu_course > dl.edu_course3 > dt > h1 {padding:5em 0 10px}
	#edu_course > dl > dt > h1 > samp {display:block !important}
	#edu_course > dl > dt > h2 {font-size:3.5em; line-height:1em}
	#edu_course > dl > dt > h2 > b {display:block; font-size:1em; font-weight:900}
	#edu_course > dl > dd.arrow1 {display:none}
	#edu_course > dl > dd.arrow2 {display:block; width:15%; margin:1.2em auto}
	#edu_course > dl > dd.arrow2 > img {width:100%}
	#basic_course > ul {width:94%; padding:0 3%; margin:68px auto 25px }
		#level_title {padding-bottom:2em; border-bottom:.1em solid #111111}
		#level_title > h1 {width:20em; margin:0 auto}
		#level_title > h1 > img {width:100%}
		#level_title > h2 {font-size:3.7em; line-height:1.2em}
		#level_title > h2 > b {font-size:1em; font-weight:900}
		#level_title > h3 {font-size:2em; color:#111111; line-height:1.5em}
		#level_title > h4 {padding-top:.2em; font-size:1.1em}
	#intermediate_course > ul {width:94%; margin:4em 3%}
	#intermediate_course > ul > li {margin-bottom:50px; overflow:hidden}
	#intermediate_course > ul > li > p {float:left; width:100% !important}
	#intermediate_course > ul > li > p > img {width:100% !important; margin-right:0px}
	#intermediate_course > ul > li > div {float:left; width:100% !important; text-align:left}
	#intermediate_course > ul > li > div {margin-bottom:1.3em !important}
	#intermediate_course > ul > li > div > h1 {padding-bottom:.3em; font-size:3em; line-height:1.1em}
	#intermediate_course > ul > li > div > h2 {font-size:2em}
	#advanced_course > ul {width:94%; padding:0 3%; margin:4em auto}
	#advanced_course > ul > li > div {margin-bottom:1.3em}
	#advanced_course > ul > li > div > h1 {padding-bottom:.3em; font-size:3em; line-height:1.1em}
	#advanced_course > ul > li > div > h2 {font-size:2em}
	#advanced_course > ul > li > p > img {width:100%; margin-right:0px}

	/*통합지점정보*/
	#jfit_branch_list {width:94%; padding:0 3%}
	#jfit_branch_list > h1 {margin-bottom:34px; font-size:30px; color:#111111; border-bottom:3px solid #111111; text-align:left}
	#jfit_branch_list > ul {overflow:hidden}
	#jfit_branch_list > ul > li {float:left; width:32%; margin:0 2% 60px 0}
	#jfit_branch_list > ul > li > h1 > img {width:100%}
	#jfit_branch_list > ul > li:nth-child(3n) {margin-right:0}
	#jfit_branch_list > ul > li > dl {margin:20px 0 5px; overflow:hidden}
	#jfit_branch_list > ul > li > dl dt {float:none; width:100%; max-width:100%}
	#jfit_branch_list > ul > li > dl dt span {display:block; font-size:20px; color:#111111; text-align:center}
	#jfit_branch_list > ul > li > dl dt span b {font-size:1em; font-weight:bold}
	#jfit_branch_list > ul > li > dl dt var {display:block; font-size:19px; font-weight:bold; text-align:center}
	#jfit_branch_list > ul > li > dl dd {float:none; width:110px; height:34px; margin:10px auto 0;}
	#jfit_branch_list > ul > li > dl dd > em {position:absolute; top:0; left:0; width:100%; height:100%; transition:.5s 1s}
	#jfit_branch_list > ul > li > dl dd > code {position:absolute; top:0; left:-100%; width:100%; height:100%;  background:#1cbac8; ; transition:left .3s, color .5s .05s}
	#jfit_branch_list > ul > li > dl dd:hover code {left:0; color:#fff}
	#jfit_branch_list > ul > li > dl dd:hover em {color:#1cbac8}

}

@media screen and (max-width: 670px){
	* {font-size:16px}
	div {font-size:16px}
	#sub_title > .sub_title_text.about_title_text > h1 {font-size:2.3em; letter-spacing:.1em; line-height:1.1em}
	#sub_intro.about_intro > h5 {padding:1em 0; font-size:1.25em; line-height:1.5em}
	.about_con > dl {height:19em}
	.about_con > dl > dd {padding:0 2em; margin-top:4em; font-size:1.4em; letter-spacing:4px; line-height:1.6em; border:0}
	#about_con2 > dl > dd {margin-top:4.7em}
	#about_con3 > dl > dd {margin-top:5.5em}
	.about_con > div {padding:4em 3% 2.5em}
	#about_con4  > div {padding:2em 3% 5em}
	.about_con > div > h1 {padding-bottom:.5em; font-size:1.6em; line-height:1.4em; font-weight:200}
	.about_con > div > h2 {font-size:.83em; line-height:1.6em}
	.about_con > div > h3 {width:194px; margin:20px auto 10px}
	.about_con > div > var {display:block; width:24px; margin:5px auto}
	.about_con > div > h4 {padding-bottom:0; font-size:1.8em; font-weight:bold; line-height:1.3em; letter-spacing:-.05em}
	.about_con > ul {padding:3em 0}
	.about_con > ul > li {padding:2.5em 3%; overflow:hidden}
	.about_con > ul > li.list2 {border-top:0}
	.about_con > ul > li > .left {width:100%}
	.about_con > ul > li > .right {width:100%}
	.about_con > ul > li > div {text-align:center}
	.about_con > ul > li > div.tab_hide {display:none}
	.about_con > ul > li > div.tab_show {display:block}
	.about_con > ul > li > div.tab_show > var {display:block; width:80%; margin:0 auto}
	.about_con > ul > li > div > img {width:100%}
	.about_con > ul > li > div > var {display:block; width:30%; margin-bottom:10px}
	.about_con > ul > li > div > var > img {width:100%}
	.about_con > ul > li > div > h1 {font-size:1.6em; line-height:1.3em}
	.about_con > ul > li > div > h2 {padding:10px 0; font-size:.85em; line-height:1.5em; color:#000000; word-break:keep-all; letter-spacing:0px}
	.about_con > ul > li.list2 > .tab_show h2 {padding-bottom:2em}
	.about_con > ul > li > div > h3 {padding:.5em 1.5em; margin-bottom:1.5em; font-size:.85em}
	.about_con > ul > li > div > h3 > em {width:.4em; height:auto; margin:-.2em 0 0 .3em}
	#about_history {padding:3em 6%; background:#eeeeee}
	#about_history > h1 {width:7.3em; margin:0; font-size:16px}
	#about_history > h1 > img {width:100%}
	#about_history > var {font-size:4.1em; line-height:.95em}
	#about_history > var.history {top:-.15em; left:auto; right:0; margin-left:0px}
	#about_history > var.since {top:.75em; left:auto; right:0; margin-left:0px; text-align:right}
	#about_history > ul {margin-top:30px}
	#about_history > ul > li {padding-left:5em; font-size:.76em; line-height:1.6em }
	#about_history > ul > li > span {float:left; width:auto; font-size:1em; margin-left:-5em; text-align:left; font-weight:500}
	#about_history > ul > li > em {float:left; width:auto; padding-left:0px; box-sizing:border-box; font-size:1em; font-weight:400; color:#000; text-align:left}

	/*파트너쉽*/
	#partnership_info {padding:4em 3%}
	#partnership_info > ul {display:block; margin-bottom:2em}
	#partnership_info > ul > li {display:inline-block; width:31%; margin:0 2% 0 0;}
	#partnership_info > ul > li:nth-child(3) {margin-right:0}
	#partnership_info > ul > li > img {width:100%}
	#partnership_info > div {display:block; margin-left:2%; vertical-align:middle}
	#partnership_info > div > * {text-align:left}
	#partnership_info > div > h1 {font-size:1.75em; letter-spacing:1px}
	#partnership_info > div > h2 {width:3.5em; height:.5em; margin:1.5em 0}
	#partnership_info > div > h3 {font-size:1.25em; color:#4c4c4c; line-height:1.6em}
	#partnership_info > div > h3 > span {display:inline-block; width:6em}

	#partners {width:100%; max-width:1200px; margin:0 auto; padding:5.5em 0 4.8em}
	#partners > h1 {font-size:1.9em}
	#partners > h2 {padding-bottom:2.2em; font-size:.9em}
	#partners ul {overflow:hidden; padding:0 3%}
	#partners ul li {float:left; width:48%; margin:0 4% 1.7em 0}
	#partners ul li:nth-child(2n) {margin:0 0 1.7em 0}
	#partners ul li > div {width:100%; height:auto; border:1px solid #e0e0e0; box-sizing:border-box}
	#partners ul li > div > img {width:100%}
	#partners ul li > dl {padding:.5em 0 .5em .1em; overflow:hidden; border-bottom:1px solid #b8b8b8}
	#partners ul li > dl dt {width:70%; font-size:.7em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
	#partners ul li > dl dd {width:30%; padding:.2em; font-size:.5em; border:0.01em solid #dddddd; box-sizing:border-box; text-align:center; font-weight:400 }

	#firstguide_info {padding:2em 3%; background:#eeeeee}
	#firstguide_info > table th {display:block; width:11em; padding:1.6em 0; margin:0 auto; text-align:center}
	#firstguide_info > table th > img {width:100%}
	#firstguide_info > table td {display:block; width:100%; padding-bottom:2em; text-align:center}
	#firstguide_info > table td > h1 {font-size:1em; color:#000000}
	#firstguide_info > table td > h2 {font-size:.84em; color:#4c4c4c; word-break:keep-all}
	#firstguide_order {padding:1.3em 3% 4.5em}
	#firstguide_order > ul {width:81%; margin:0 auto}
	#firstguide_order > ul > li {width:100%; font-size:16px; margin:0 auto 3em}
	#firstguide_order > ul > li > h1 {width:5em; height:5em; margin:0 auto 1.25em; line-height:5em; font-size:1e; font-weight:500}
	#firstguide_order > ul > li > h2 > img {width:100%}
	#firstguide_order > ul > li > h3 {padding:1em 0 .5em .3em; font-size:1em}
	#firstguide_order > ul > li > h4 {padding-left:.3em; font-size:.8em; line-height:1.9em; font-weight:400}
	#firstguide_order > ul > li > h4 > em {padding:0 .3em; ; font-weight:400}

	#privatelesson_info {padding:2em 3% 3.5em}
	#privatelesson_info > dl {width:23.5%; height:auto; margin:0 2% 2% 0; border-radius:50%; overflow:hidden; cursor:pointer}
	#privatelesson_info > dl:nth-child(4n) {margin:0 0 2% 0}
	#privatelesson_info > dl > dd {margin-top:-.5em}
	#privatelesson_info > dl > dd > h1 {font-size:.8em; color:#fefefe}
	#privatelesson_info > dl > dd > h2 {display:none}
	#privatelesson_detail {padding:4em 3% 5em; }
	#privatelesson_detail .privatelesson_detail_text {height:auto; min-height:19em}
	#privatelesson_detail .privatelesson_detail_text li {font-size:16px}
	#privatelesson_detail .privatelesson_detail_text li > h2 {font-size:1em}
	#privatelesson_detail .privatelesson_detail_text li > h3 {font-size:.8em; line-height:1.6em}
	#privatelesson_detail .privatelesson_detail_img > span {width:1.5em; margin-top:0; transform:translateY(-50%) }
	#privatelesson_detail .privatelesson_detail_img > span > img {width:100%}
	#privatelesson_detail .other_category {width:6em; padding:1.5em 0; margin:0 auto}
	#privatelesson_detail .other_category > img {width:100%}

	#sub_intro > h5 {padding-top:.6em; font-size:1em}
	#grouplesson_info {padding:3.4em 0 2.7em}
	#grouplesson_info > h1 {padding:0 3% .1em; font-size:2em}
	#grouplesson_info > h2 {padding:0 3%; font-size:.8em; line-height:1.7em}
	#grouplesson_info > h3 {padding:0 3%; margin-bottom:4.8em; font-size:.7em}
	#grouplesson_info > ul {padding:0 2%; width:96%}
	#grouplesson_info > ul > li {width:47%; margin:0 1.2% 0; font-size:1em}
	#grouplesson_info > ul > li > dl {width:100%; height:auto}
	#grouplesson_info > ul > li > dl > dd {margin-top:-.6em; font-size:1.3em; line-height:1.2em}
	#grouplesson_info > ul > li > dl > dd.t2 {margin-top:-1.2em}
	#grouplesson_info > ul > li > dl > dd.t3 {margin-top:-1.8em}
	#grouplesson_info > ul > li > h1 {padding:1em 0 1.5em; font-size:.7em; line-height:1.45em}
	#grouplesson_con {padding:3.75em 3% 3.9em; background:#282828; text-align:center}
	#grouplesson_con > ul > li {position:relative; width:4em; height:4em; margin:.2em .1em;  border-radius:1.2em; font-size:1em}
	#grouplesson_con > ul > li > span {margin-top:-1.4em; font-size:.8em; line-height:1.4em; }
	#grouplesson_con > ul > li.line > span {margin-top:-.7em}
	#grouplesson_con > h1 {padding-bottom:.1em; font-size:2em}
	#grouplesson_con > h2 {font-size:.8em; line-height:1.7em}
	#grouplesson_con > h3 {margin-bottom:4.8em; font-size:.7em}
	#grouplesson_con > h4 {width:1.8em; margin:.8em auto 1.2em}

	.faq_hide {}
	.faq_table li {font-size:1em}
	.faq_table span {width:2em; height:2em; line-height:2em; text-align:center; margin:.5em; padding:0; font-size:1em; border-radius:50%}
	.faq_table em {display:inline-block; width:75%; font-size:0.8em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}
	.faq_table label {width:2em; height:2em; margin:2em 1em 2em .5em ; padding:0; line-height:2em; text-align:center; font-size:1em; border-radius:50%}
	.faq_table code {width:80%; padding:2em 0; font-size:.8em; line-height:150%}
	.faq_table h1 {position:absolute; right:3%; top:0%; height:100%; line-height:3em; font-size:1em }
	.faq_table h2 {position:absolute; right:3%; top:0%; height:100%; line-height:3em; font-size:1em }

	/*education1*/
	#edu_info {padding:2.8em 0 0}
	#edu_info > h1 {width:12.5em; margin:0 auto}
	#edu_info > h1 > img {width:100%}
	#edu_info > h2 {margin-bottom:0em; font-size:1.2em}
	#edu_info > dl {margin:1em auto 3em}
	#edu_info > dl > dt {float:none; width:100%; margin-left:0; text-align:center}
	#edu_info > dl > dt > img {width:80.5%;}
	#edu_info > dl > dd > .edu_info_topImg{ height:100%;}
	#edu_info > dl > dd > div .edu_info_topImg1{ width:50%;}
	#edu_info > dl > dd {float:none; width:100%; padding-left:0px}
	#edu_info > dl > dd > div {padding-top:1.9em; overflow:hidden; text-align:center}
	#edu_info > dl > dd > div > span {display:none}
	#edu_info > dl > dd > div > em {float:none; font-size:18px; 1font-size:.9em; line-height:1.4em; font-weight:400} 
		#show_edu li {width:100%; height:auto; padding:2em 0 2.3em; font-size:1em}
		#show_edu li > h1 {padding-top:0; font-size:.5em; letter-spacing:2px}
		#show_edu li > h2 {font-size:1.2em}
		#show_edu li > h2 > b {font-size:1em; font-weight:bold}
		#show_edu li > h2 > span {width:1.1em; margin:-.5em 0 0 .5em; vertical-align:middle}
		#show_edu li > h2 > span > img {width:100%}
	#edu_info > h3 {height:6em; line-height:6em; font-size:1.1em}
	#edu_info > .tpw1 > li {float:left; width:100%; min-height:auto; padding:1.3em 3%; font-size:1em; border-bottom:.1em solid #fff; font-size:1em; background:#f3f3f3 !important}
	#edu_info > .tpw1 > li > h1 {padding-bottom:.4em; font-size:1.05em; line-height:1.3em}
	#edu_info > .tpw1 > li > h2 {font-size:.65em}
	#edu_info > .tpw1 > li > h3 {font-size:1em; padding:.2em 0}
	#edu_info > .tpw1 > li > h3 > span {font-size:.5em}
	#edu_info > .tpw1 > li > h3 > span > b {font-size:1.1em; font-weight:400}
	#edu_info > .tpw1 > li.first {padding:3.5em 0; background:#202020 !important}
	#edu_info > .tpw1 > li.first > h1 {padding-bottom:0; font-size:1.7em; line-height:1.1em}
	#edu_info > .tpw1 > li.first > h2 {font-size:.9em}
	#edu_info > .tpw2 > div {height:auto}
	#edu_info > .tpw2 > div > h1 {float:left; width:50%; height:7em; overflow:hidden; text-align:center; font-size:1em}
	#edu_info > .tpw2 > div.tpw2_1 > h1 {background:url('/img/sub/edu_tpw_img1.jpg')no-repeat center; background-size:cover}
	#edu_info > .tpw2 > div.tpw2_2 > h1 {background:url('/img/sub/edu_tpw_img2.jpg')no-repeat center; background-size:cover}
	#edu_info > .tpw2 > div.tpw2_3 > h1 {background:url('/img/sub/edu_tpw_img3.jpg')no-repeat center; background-size:cover}
	#edu_info > .tpw2 > div > h2 {float:left; width:50%; height:7em; padding:2.5em 0 0; box-sizing:border-box; font-size:1em}
	#edu_info > .tpw2 > div > h2 > span {font-size:.5em}
	#edu_info > .tpw2 > div > h2 > var {font-size:1em}
	#edu_info > .tpw2 > div > h3 {float:left; width:100%; padding:1.6em 3%; box-sizing:border-box; font-size:.7em; color:#202020; line-height:1.6em; background:#f3f3f3}
	#edu_info > .tpw2 > div > h3 > em {display:block; height:1em}
	#edu_info > .tpw2 > div > .right {float:right}
	#edu_rules {padding:70px 4% 80px; border-top:0}
	#edu_rules > h1 {font-size:1.5em; letter-spacing:5px}
	#edu_rules > h2 {padding:.3em 0 .6em; font-size:.9em; font-weight:400}
	#edu_rules > em {display:block; width:29px; height:4px; margin:0 auto; background:#49c8d3}
	#edu_rules > dl {margin-top:1.3em}
	#edu_rules > dl dd {float:left; width:100%; padding:0; text-align:left}
	#edu_rules > dl dd h1 {font-size:.8em; line-height:2em; font-weight:400}
	#edu_center > h1 {font-size:1.5em; letter-spacing:5px}
	#edu_center > h2 {padding:.3em 0 .6em; font-size:.9em; font-weight:400}
	#edu_center > em {display:block; width:29px; height:4px; margin:0 auto; background:#49c8d3}
	#edu_center > ul {width:94%; padding:1.9em 3% 4.6em; text-align:center}
	#edu_center > ul > var {display:inline; width:0; height:0}
	#edu_center > ul > li {float:none; display:block; margin-left:.8em; margin-bottom:1.4em; padding-left:.5em; border-left:.2em solid #313131; font-size:1em}
	#edu_center > ul > li > h1 {float:left; position:relative; display:inline-block; padding-right:.3em; font-size:.8em; line-height:2em}
	#edu_center > ul > li > h1 > em {position:absolute; top:-.2em; left:100%; width:1em}
	#edu_center > ul > li > h1 > em > img {width:100%}
	#edu_center > ul > li > h2 {float:left; margin-left:2em; padding-bottom:0; font-size:.8em; line-height:2em}
	#edu_center > ul > li > h2 > a {font-size:1em; font-weight:bold}
	#edu_center > ul > li > h3 {clear:both; padding-top:.1em; font-size:.6em; line-height:1.3em}

	/*education2*/
	#edu_course {transform:scale(1)}
	#edu_course {margin:0 auto; padding:2.6em 0; border-top:1px solid #b2b2b2}
	#edu_course > dl {display:block; width:13em; margin:0 auto}
	#edu_course > dl > dt {display:inline-block; width:13em; height:13em}
	#edu_course > dl > dt > h1 {padding:4em 0 .5em; font-size:.8em; line-height:1.35em}
	#edu_course > dl.edu_course3 > dt > h1 {padding:4.5em 0 .8em}
	#edu_course > dl > dt > h1 > samp {display:block !important}
	#edu_course > dl > dt > h2 {font-size:1.7em; line-height:1em}
	#edu_course > dl > dt > h2 > b {display:block; font-size:1em; font-weight:900}
	#edu_course > dl > dd.arrow1 {display:none}
	#edu_course > dl > dd.arrow2 {display:block; width:20%; margin:1em auto}
	#edu_course > dl > dd.arrow2 > img {width:100%}
	#basic_course > ul {width:94%; padding:0 3%; margin:1.6em auto}
	#basic_course > ul > li {padding-bottom:1.4em; font-size:1em}
	#basic_course > ul > li > h1 {font-size:1.3em}
	#basic_course > ul > li > h2 {font-size:.85em}
	#basic_course > ul > li > h2 > em {font-size:1.1em; vertical-align:middle; line-height:1em}
	#basic_course > ul > li > h2 > var {display:inline-block; width:.7em; padding:0 .3em 0 0; *line-height:1em; vertical-align:middle}
	#basic_course > ul > li > h2 > var > img { width:100%}
	#basic_course > ul > li > h3 {padding-top:.6em; font-size:.75em}
	#basic_course > ul > li > h4 {width:2.5em; margin:0 auto; padding-top:1.4em; text-align:center; font-size:1em}
	#basic_course > ul > li > h4 > img {width:100%}
		#level_title {padding-bottom:1.2em; border-bottom:.1em solid #111111}
		#level_title > h1 {width:9.3em; margin:0 auto}
		#level_title > h1 > img {width:100%}
		#level_title > h2 {font-size:1.7em; line-height:1.1em}
		#level_title > h2 > b {font-size:1em; font-weight:900}
		#level_title > h3 {font-size:1em; color:#111111; line-height:1.6em}
		#level_title > h4 {padding-top:0em; font-size:.6em}
		#edu_schedule_btn {margin-bottom:3.8em; padding:2em 0}
		#edu_schedule_btn > h1 {font-size:.5em; letter-spacing:2px}
		#edu_schedule_btn > h2 {font-size:1.2em; font-weight:400}
		#edu_schedule_btn > h2 > em {display:inline-block; width:1em; margin-left:.5em}
		#edu_schedule_btn > h2 > em > img {width:100%; vertical-align:baseline}
		#edu_schedule_btn > h3 {font-size:13px; color:#fff799; letter-spacing:2px}
		#edu_center {padding:2.3em 0% 0}
	#intermediate_course > ul {width:94%; margin:2em 3% 4em}
	#intermediate_course > ul > li {margin-bottom:50px; overflow:hidden}
	#intermediate_course > ul > li > p {float:left; width:100% !important}
	#intermediate_course > ul > li > p > img {width:100% !important; margin-right:0px}
	#intermediate_course > ul > li > div {float:left; width:100% !important; text-align:left}
	#intermediate_course > ul > li > div {margin-bottom:1.1em !important}
	#intermediate_course > ul > li > div > h1 {padding-bottom:.3em; font-size:1.3em; line-height:1.1em}
	#intermediate_course > ul > li > div > h2 {font-size:.9em}
	#advanced_course > ul {width:94%; padding:0 3%; margin:2em auto 3em }
	#advanced_course > ul > li > div {margin-bottom:1.1em}
	#advanced_course > ul > li > div > h1 {padding-bottom:.3em; font-size:1.3em; line-height:1.1em}
	#advanced_course > ul > li > div > h2 {font-size:.9em}
	#advanced_course > ul > li > p > img {width:100%; margin-right:0px}
	#advanced_course > #edu_schedule_btn {margin-bottom:0}

	/*inquiry*/
	.inquiry_table > span {display:block; margin:15px 0; padding-left:10px; font-size:.8em; color:#898989; background:url('/img/sub/info.gif') no-repeat left}
	.inquiry_table {margin-bottom:45px}
	.inquiry_table table {width:100%; margin-bottom:45px}
	.inquiry_table th {width:28%; padding:10px 0; font-size:.8em}
	.inquiry_table td {width:72%; font-size:.8em; color:#212121; border:1px solid #eaeaea}
	.inquiry_table ul {float:left; width:100%; margin:10px 0 10px 0%}
	.inquiry_table li {margin-bottom:-5px; font-size:.8em}
	.inquiry_table em {display:block; margin:10px 0 0px 10px;}
	.inquiry_table var {display:block; margin:0 0 5px 10px}
	.inquiry_table code {font-size:1em; color:#212121; font-weight:300; white-space:nowrap}
	.inquiry_table input {margin:2%; padding:5px; border:1px solid #eaeaea}
	.inquiry_table select {height:2.5em; width:11em; margin:2%; padding:5px; border:1px solid #eaeaea}
	.inquiry_table input[type="text"] {border-radius:0}
	.inquiry_table textarea {width:88%; height:100px;  margin:3%; padding:3%; border:1px solid #eaeaea}
	.inquiry_btn{width:100%; margin:0 auto; padding-bottom:5em}
		#um_es_cancel {float:left; display:block; width:48%; height:47px; text-align:center; font-size:14px; line-height:47px; color:#2e363e; background:#FFF; border:1px solid #bdbdbd; cursor:pointer}
		#um_es_submit {float:left; display:block; width:48%; height:49px; margin-right:2%; text-align:center; font-size:14px; line-height:49px; color:#FFF; background:#3e4044; cursor:pointer}

	/*통합지점정보*/
	#jfit_branch_list {width:94%; padding:0 3%}
	#jfit_branch_list > h1 {margin-bottom:1em; font-size:1.2em}
	#jfit_branch_list > ul {overflow:hidden}
	#jfit_branch_list > ul > li {float:left; width:48%; margin:0 4% 4em 0}
	#jfit_branch_list > ul > li > h1 > img {width:100%}
	#jfit_branch_list > ul > li:nth-child(3n) {margin-right:4%}
	#jfit_branch_list > ul > li:nth-child(2n) {margin-right:0}
	#jfit_branch_list > ul > li > dl {margin:1em 0 .5em; overflow:hidden}
	#jfit_branch_list > ul > li > dl dt {float:none; width:100%}
	#jfit_branch_list > ul > li > dl dt span {display:block; font-size:.95em; color:#111111; text-align:center}
	#jfit_branch_list > ul > li > dl dt var {display:block; font-size:.85em; font-weight:bold; text-align:center}
	#jfit_branch_list > ul > li > dl dd {float:none; width:8em; height:2.5em; margin:10px auto 0; line-height:1; font-size:.7em}
	#jfit_branch_list > ul > li > dl dd > em {font-size:1em; line-height:2.5em;}
	#jfit_branch_list > ul > li > dl dd > code {font-size:1em; line-height:2.5em;}
	#jfit_branch_list > ul > li > dl dd:hover code {left:0; color:#fff}
	#jfit_branch_list > ul > li > dl dd:hover em {color:#1cbac8}
	#jfit_branch_list > ul > li > h1 {font-size:1em}
	
}

/**********지점메인**********/
	#sub_main_slide {height:620px; position:relative}
	#sub_main_slide .swiper-slide {height:620px; text-align:center; background:#fff; overflow:hidden}
	#sub_main_slide .swiper-slide-active {z-index:99}
	#sub_main_slide .swiper-slide > img {margin-top:-137.5px}
	#sub_main_slide .swiper-text {position:absolute; z-index:1; top:260px; left:0%; width:100%; height:120px}
	#sub_main_slide .swiper-text .pc_text {text-align:Center}
	#sub_main_slide .swiper-text .pc_text > h1 {display:inline-block; padding:0 1em; font-size:40px; font-weight:bold; color:#fff; letter-spacing:6px; text-align:center; line-height:74px; border:4px solid #fff; text-transform:uppercase; transition:.5s}
	#sub_main_slide .swiper-text .pc_text > h2 {width:90%; margin:18px auto 0; color:#fff; font-size:16px; word-break:keep-all; transition:.5s}
	#sub_main_slide .swiper-text .m_text {display:none; font-size:16px; text-align:center}
	#sub_main_slide .swiper-text .m_text > h1 {font-size:2.3em; color:#fff; font-weight:bold; letter-spacing:.05em; line-height:1.1em; text-transform:uppercase}
	#sub_main_slide .swiper-text .m_text > h2 {font-size:.8em; color:#fff; line-height:1.5em}
	#sub_main_slide .swiper-text .m_text > em {display:block; width:2.4em; height:.4em; margin:1.1em auto .8em; background:#1cbac8}

	#sub_main_slide .swiper-btn {position:Absolute; top:260px; width:100%; height:64px}
	#sub_main_slide .swiper-btn > div {position:relative; max-width:1200px; margin:0 auto}
	#sub_main_slide .swiper-button-next {z-index:1; right:0; width:47px; height:64px; margin:0; background:url('/img/next_slide.png')no-repeat right top; transition:.5s}
	#sub_main_slide .swiper-button-prev {z-index:1; left:0; width:47px; height:64px; margin:0; background:url('/img/prev_slide.png')no-repeat left top; transition:.5s}
	#sub_main_slide .swiper-pagination {display:none; top:2em; width:100%}
	#sub_main_slide .swiper-pagination-bullet {width:1.1em; height:1.1em; margin:0 .45em; background:#fff;  border-radius:0}
	#sub_main_slide .swiper-pagination-bullet-active {background:#1cbac8}
	
	#information.branch1 > .main_con_text {display:none}
	#information.branch1 ul li > div {}
	#information.branch1 ul li > div.list1 {padding-top:220px; background:#111111}
	#information.branch1 ul li > div.list2 {background:url('/img/sub/sub1_info_img1.jpg') center; background-size:cover; background-position:center}
	#information.branch1 ul li > div.list3 {background:url('/img/sub/sub1_info_img2.jpg') center; background-size:cover; background-position:center}
	#information.branch1 ul li > div.list4 {background:#449dc2}
	#information.branch1 ul li > div.list5 {background:#1a1a1a}
	#information.branch1 ul li > div.list6 {background:url('/img/sub/sub1_info_img3.jpg') center; background-size:cover; background-position:center}
	#information.branch1 ul li > div.list7 {background:url('/img/sub/sub1_info_img4.jpg') center; background-size:cover; background-position:center}
	#information.branch1 ul li > div.list1 > em {background:#1cbac8}
	
	#etc_info ul {text-align:center; padding:70px 0}
	#etc_info ul li {position:relative; display:inline-block; overflow:hidden; width:180px; padding-left:45px; margin:0 15px; background:url('/img/sub/info_bg.png')no-repeat center left; cursor:pointer; transition:.3s}
	#etc_info ul li span {float:left; font-size:18px; color:#111111; font-weight:500}
	#etc_info ul li em {position:absolute; bottom:5px; right:0; padding:0 7px; font-size:11px; color:#000; border:1px solid #000; line-height:12px; cursor:pointer}

	/*지점퀵메뉴*/
	#sub_quick {position:fixed; z-index:9; bottom:1em; right:3%; }
	#sub_quick > ul > li {position:absolute; bottom:0; left:0; width:5em; height:5em; border-radius:50%; line-height:5em; text-align:center; font-size:.7em; background:#49c8d3; color:#fff; opacity:0; transition:.2s}
	#sub_quick > div {position:relative; z-index:9; width:5em;  font-size:.7em; }
	#sub_quick > div > img {width:100%}
	#sub_quick > div > var {display:block; position:absolute; top:50%; left:50%; width:.4em; height:.4em; margin:-.2em 0 0 -.2em; border-radius:50%; background:#fff; font-size:1em  }
	#sub_quick > div > var:nth-child(1) {margin-top:-1.2em}
	#sub_quick > div > var:nth-child(3) {margin-top:.8em}
	#sub_quick.active > ul > li:nth-child(5) {bottom:5.3em; opacity:1; transition:.3s .03s}
	#sub_quick.active > ul > li:nth-child(4) {bottom:10.6em; opacity:1; transition:.3s .06s}
	#sub_quick.active > ul > li:nth-child(3) {bottom:15.9em; opacity:1; transition:.3s .09s}
	#sub_quick.active > ul > li:nth-child(2) {bottom:21.2em; opacity:1; transition:.3s .12s}
	#sub_quick.active > ul > li:nth-child(1) {bottom:26.5em; opacity:1; transition:.3s .15s}

/**********지점서브**********/
	#sub_title {position:relative; height:367px; background:url('/img/sub/sub1_main_slide1.jpg')no-repeat center; background-size:cover}
	#sub_title > .sub_title_text {position:absolute; top:50%; left:0; width:100%; height:90px; margin-top:-45px; text-align:center; font-size:16px}
	#sub_title > .sub_title_text > h1 {font-size:34px; color:#ffffff; font-weight:500; letter-spacing:1px; transition:.3s}
	#sub_title > .sub_title_text > h2 {font-size:16px; color:#ffffff; transition:.3s}
	#sub_title > .sub_title_text > em {display:none; width:2.4em; height:.4em; margin:1.4em auto 1em; background:#1cbac8; transition:.3s}

	#sub_tab {background:#1b1b1b}
	#sub_tab > ul {text-align:center}
	#sub_tab > ul > li {position:relative; display:inline-block; width:138px; color:#fff; font-size:15px; font-weight:400; text-align:center; line-height:55px; cursor:pointer}
	#sub_tab > ul > li > var {position:Absolute; display:block; bottom:0px; left:0; width:100%; height:0px; background:#49c8d3; transition:.2s}
	#sub_tab > ul > li:hover {color:#49c8d3}
	#sub_tab > ul > li.active {color:#49c8d3}
	#sub_tab > ul > li:hover > var {height:4px}
	#sub_tab > ul > li.active > var {height:4px}

	#sub_intro {padding:75px 3% 45px; text-align:center}
	#sub_intro > h1 {margin-bottom:15px; font-size:50px; font-weight:200; letter-spacing:9px; color:#1cbac8; word-break:keep-all; transition:.3s}
	#sub_intro > h2 {font-size:16px; color:#000; transition:.3s}
	#sub_intro > h3 {font-size:16px; color:#000; word-break:keep-all; transition:.3s}
	#sub_intro > h4 {font-size:13px; color:#8c8c8c; word-break:keep-all; line-height:26px; transition:.3s}
	#sub_intro > h5 {padding-top:10px; font-size:17px; color:#49c8d3; word-break:keep-all; font-weight:500; font-family: 'Nanum Myeongjo', serif; font-weight:bold; transition:.3s}
	#sub_intro > em {display:block; width:29px; height:4px; margin:17px auto; background:#1cbac8; transition:.3s}

	/*시설안내*/
	#facility_slide {padding-top:76px; background:#eeeeee}
	#facility_slide > div {width:1100px; margin:0 auto}
	.slick-slide {cursor:pointer}
	#facility_slide .slider-nav {margin-top:16px; padding:0 56px}
	#facility_slide .slick-prev {width:31px; height:42px; background:url('/img/sub/prev_slide3.png'); background-size:31px 42px}
	#facility_slide .slick-next {width:31px; height:42px; background:url('/img/sub/next_slide3.png'); background-size:31px 42px}
	#facility_slide .slick-prev:before {display:none}
	#facility_slide .slick-next:before {display:none}
	#facility_slide .slider-nav .slick-slide {width:164px; text-align:Center; cursor:pointer}
	#facility_slide .slider-nav .slick-slide img {width:150px; height:auto; margin:0 auto}

	#facility_list {padding:35px 0 76px; background:#eeeeee}
	#facility_list > div {width:974px; margin:0 auto; overflow:hidden}
	#facility_list dl {float:left; width:50%; padding:28px 0; overflow:hidden; transition:.3s}
	#facility_list dl > dt {float:left; margin-right:10px; margin-left:35px; font-size:64px; font-weight:900; color:#bdbdbd; line-height:49px}
	#facility_list dl > dd {float:left; width:80%}
	#facility_list dl > dd > h1 {font-size:16px; color:#000000; font-weight:400; line-height:28px; word-break:keep-all}
	#facility_list dl > dd > h2 {font-size:14px; color:#4c4c4c; font-weight:400; line-height:21px; word-break:keep-all}

	/*강사소개*/
	#instructor_list {padding:60px 0 128px; border-top:1px solid #b2b2b2}
	#instructor_list ul {width:1200px; margin:0 auto; overflow:hidden}
	#instructor_list ul li {float:left; width:290px; margin:0 13px 50px 0; cursor:pointer}
	#instructor_list ul li img {width:100%}
	#instructor_list ul > li > h1 {position:relative; width:290px; height:290px}
	#instructor_list ul > li > h1 > div {position:absolute; top:0; left:0; width:100%; height:100%}
	#instructor_list ul > li > h1 > div.img_on {position:relative; opacity:0; transition:.3s}
	#instructor_list ul > li > h1 > div.border {border:5px solid #49c8d3; box-sizing:border-box; opacity:0; transition:.3s}
	#instructor_list ul > li > h2 {padding:10px 0 0 20px}
	#instructor_list ul > li > h2 > span {font-size:24px; color:#1b1b1b; font-weight:400; letter-spacing:2px}
	#instructor_list ul > li > h2 > em {font-size:12px; color:#1b1b1b; font-weight:300}
	#instructor_list ul > li > h2 > var {font-size:12px; color:#898989; font-weight:300}
	#instructor_list ul > li:hover > h1 > div.img_on {opacity:1}
	#instructor_list ul > li:hover > h1 > div.border {opacity:1}

	#instructor_popup {display:none; position:fixed; z-index:10; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.95); -webkit-overflow-scrolling:touch}
	#instructor_popup .instructor_detail {display:none; position:Absolute; top:50%; left:50%; width:990px; height:990px; margin:-445px 0 0 -515px; padding-left:40px}
	#instructor_popup .instructor_detail > .left {float:left; width:562px}
	#instructor_popup .instructor_detail > .right {float:right; width:380px}
	#instructor_popup .instructor_detail > dl {margin-top:50px}
	#instructor_popup .instructor_detail > dl > dt {padding-bottom:10px; font-size:19px; color:#49c8d3}
	#instructor_popup .instructor_detail > dl > dd {padding-left:14px; line-height:22px; font-size:13px; color:#cccccc; background:url('/img/sub/instructor_list_dot.png')no-repeat 6px center}
	#instructor_popup .instructor_detail > .close {position:Absolute; top:-20.5px; right:-75px; cursor:pointer }
	#instructor_popup .instructor_detail > .instructor_img {width:600px; min-height:200px; margin-left:-38px }
	#instructor_popup .instructor_detail > .name {position:relative; padding:12px 19px 17px 0; width:361px; border-bottom:2px solid #fff}
	#instructor_popup .instructor_detail > .name > h1 {font-size:14px; color:#cccccc}
	#instructor_popup .instructor_detail > .name > h1 > em {padding-left:10px; font-size:11px; color:#49c8d3; text-transform:uppercase}
	#instructor_popup .instructor_detail > .name > h2 {padding-top:10px; font-size:40px; color:#fff; *overflow:hidden; line-height:44px}
	#instructor_popup .instructor_detail > .name > h2 > b {font-size:1em; color:#fff; font-weight:400; letter-spacing:7px}
	#instructor_popup .instructor_detail > .name > h2 > var {padding-left:10px; font-size:.7em; color:#fff}
	#instructor_popup .instructor_detail > .name > h2 > span {position:relative; float:right; display:inline-block; padding:3px 10px; font-size:13px; background:#2bb500; color:#fefefe; border-radius:5px; transition:.2s; cursor:pointer;}
	#instructor_popup .instructor_detail > .name > h2 > span:hover {background:#249600}
	#instructor_popup .instructor_detail > .name > h2 > span > em {margin-right:5px}
	#instructor_popup .instructor_detail > .name .column_list {position:absolute; top:67px; right:-130px; width:288px; padding:12px; background:#fff; display:none}
	#instructor_popup .instructor_detail > .name .column_list.active {display:block}
	#instructor_popup .instructor_detail > .name .column_list > code {position:absolute; top:-16px; left:50%; width:21px; height:16px; margin-left:-10.5px; background:url('/img/sub/sub_detail_bg.png')no-repeat}
	#instructor_popup .instructor_detail > .name .column_list > span {display:block; padding-left:.5em; font-size:13px; line-height:25px; color:#000000; background:url('/img/icon_dot.jpg') no-repeat center left}
	#instructor_popup .instructor_detail > .name .column_list > span:hover {text-decoration:underline}
	#instructor_popup .instructor_detail > .name .column_list > var {display:block; float:right; margin-top:5px; padding:0 10px; color:#fff; background:#1b1b1b; line-height:19px; font-size:13px; overflow:hidden }
	#instructor_popup .instructor_detail > .name .column_list > var > b {float:right; display:block; margin:-2px 0 0 5px}
	#instructor_popup .instructor_detail > .m_column > h1 {padding:.5em 2.4em; font-size:1em; background:#2bb500; color:#fff; font-weight:500; line-height:3em}
	#instructor_popup .instructor_detail > .m_column > h1 > var {display:inline-block; width:2.9em; margin-right:.5em}
	#instructor_popup .instructor_detail > .m_column > h1 > var > img {width:100%}
	#instructor_popup .instructor_detail > .m_column > ul {padding:1.1em 1.8em; background:#fff}
	#instructor_popup .instructor_detail > .m_column > ul > li {padding-left:1em; font-size:.8em; color:#000; background:url('/img/icon_dot.jpg') no-repeat center left}
	#instructor_popup .instructor_detail > .m_column > h2 {padding:0 .8em; font-size:.8em; line-height:2.7em; background:#1b1b1b; color:#fff; text-align:right}
	#instructor_popup .m_close {display:block; font-size:.7em; width:13.5em; line-height:3.3em; margin:0 auto; color:#fff; border:.1em solid #fff; text-align:center; letter-spacing:.1em}
	
	/*게시판*/
	#board_wrap {border-top:1px solid #b2b2b2}
	#board_wrap.recruit_board_wrap {border-top:0}
	#board_wrap > div {width:1100px; margin:50px auto}
	#recruit_text {background:#eeeeee}
	#recruit_text > div {width:1100px; padding:50px 0 50px 20px; margin:0 auto; box-sizing:border-box}
	#recruit_text > div > h1 {font-size:25px; color:#111111; font-weight:400}
	#recruit_text > div > h2 {width:20px; height:4px; margin:20px 0; background:#58cbd5}
	#recruit_text > div > h3 {font-size:15px; color:#4c4c4c}

	/*그룹시간표*/
	#group_info {padding:55px 0 45px; background:#eeeeee}
	#group_info > div > * {text-align:Center}
	#group_info > div > h1 {margin-bottom:10px; font-size:33px; color:#bdbdbd; font-weight:900}
	#group_info > div > h2 {margin-bottom:10px; font-size:21px; color:#e87070; font-weight:400}
	#group_info > div > h2 > em {font-size:.7em}
	#group_info > div > h3 {margin-bottom:25px; font-size:15px; color:#000000; line-height:25px; word-break:keep-all}
	#group_info > div > ul > li {display:inline-block; margin:0 5px}
	.class_introCon_p2 {padding:74px 0 105px}
	.class_introCon_p2 > table {width:1100px; margin:24px auto 20px; border-top:3px solid #535353; border-bottom:2px solid #212121}
		.class_introCon_p2 > table th {width:157px; height:55px; font-size:17px; font-weight:300; color:#3b3b3b; border-bottom:3px solid #535353}
		.class_introCon_p2 > table td {border-bottom:1px solid #dddddd; border-left:none; border-right:none}
			.time_table td {width:157px; height:99px; text-align:center; font-size:14px; font-weight:300; vertical-align:middle; color:#3b3b3b}
			.schedule_table td {width:157px; height:99px; text-align:center; font-size:14px; font-weight:300; vertical-align:middle; color:#3b3b3b}
			.schedule_table td span {display:block; margin:0 auto 5px; text-align:center; font-size:15px; line-height:20px; color:rgba(77, 77, 77, 0.5)}
			.schedule_table td em {display:block; width:50px; height:20px; margin:0 auto; text-align:center; font-size:15px; line-height:20px; color:rgba(77, 77, 7, 0.5)}
	.class_introCon_p2 > table ul li {font-size:15px; color:#1b1b1b; line-height:25px}
	.class_introCon_p2 > table ul {padding-left:40px}

	/*위치안내*/
	#location_info {padding:35px 3%; background:#eeeeee}
	#location_info > dl {max-width:1200px; padding:20px 0; margin:0 auto; overflow:hidden}
	#location_info > dl > dt {float:left; width:45%}
	#location_info > dl > dd {float:right; width:52%}
	#location_info > dl > dt > * {text-align:right}
	#location_info > dl > dd > * {text-align:left}
	#location_info > dl > dt > h1 {padding-bottom:3px; font-size:37px; color:#bdbdbd; font-weight:800; line-height:30px }
	#location_info > dl > dt > h2 {font-size:16px; color:#000000; font-weight:400}
	#location_info > dl > dd > h1 {padding-bottom:5px; font-size:16px; color:#000000; font-weight:400}
	#location_info > dl > dd > h2 {font-size:14px; color:#4c4c4c; font-weight:400; line-height:23px}
	#location_info > dl > dd > h3 {font-size:37px; color:#000000; font-weight:800; line-height:30px}
	#location_info > dl > dd > h3 a {font-size:1em; font-weight:800}
	#location_info > dl > dd > h3 b {padding:0 5px; font-size:1em; font-weight:800}
	#location_info > dl > dd > h4 {font-size:14px; color:#4c4c4c; font-weight:500; line-height:23px}

/*지점반응형*/
	@media screen and (min-width: 1201px){
		#instructor_list ul li:nth-child(4n) {margin:0 0 50px 0}
	}
	@media screen and (max-width:1100px){
	/*지점시설안내*/
		
		#facility_slide {padding:76px 3% 0}
		#facility_slide > div {width:100%}
		#facility_slide .slider-for .slick-slide > img {width:100%}

		#recruit_text > div {width:100%}

		.class_introCon_p2 {padding:74px 3% 105px}
		.class_introCon_p2 > table {width:100%; margin:24px auto 20px; border-top:3px solid #535353; border-bottom:2px solid #212121}

	}
	@media screen and (min-width: 961px) and (max-width:1200px){
		#instructor_list {padding:60px 3% 128px}
		#instructor_list ul {width:100%}
		#instructor_list ul li {width:23.5%;  margin:0 2% 50px 0}
		#instructor_list ul li:nth-child(4n) {margin:0 0 50px 0}
		#instructor_list ul > li > h1 {width:100%; height:auto}
		#instructor_popup > .instructor_detail {zoom:.85}
		#instructor_popup .instructor_detail > .name .column_list {right:-100px}

		#group_info > div > ul {overflow:hidden}
		#group_info > div > ul > li {float:left; width:24%; margin:0 .5%}
		#group_info > div > ul > li > img {width:100%}

		#etc_info ul li {width:160px; padding-left:40px}

		.class_introCon_p2 {padding:74px 3% 105px}
		.class_introCon_p2 > table {width:100%; margin:24px auto 20px; border-top:3px solid #535353; border-bottom:2px solid #212121}

		
	}
	@media screen and (min-width: 671px) and (max-width:1000px){
		#facility_list {padding:1.8em 3% 5.5em}
		#facility_list > div {width:100%}
		#facility_list dl {width:48%; padding:28px 0 28px 2%; overflow:hidden; transition:.3s}
		#facility_list dl > dt {width:100%; margin-left:0}
		#facility_list dl > dd {float:left; width:100%; height:5em}
		#facility_list dl > dd > h1 {padding:.3em 0 .2em; line-height:1.4em}
	}
	@media screen and (min-width: 671px) and (max-width:960px){
		#sub_main_slide .swiper-btn {left:3%; top:260px; width:94% }
		#sub_main_slide .swiper-text .pc_text > h1 {font-size:2.5em; letter-spacing:.2em; line-height:2em}
		#sub_main_slide .swiper-text .pc_text > h2 {margin-top:1.2em; color:#fff; font-size:1em}
		#sub_main_slide .swiper-button-next {width:10%; background-size:3em auto}
		#sub_main_slide .swiper-button-prev  {width:10%; background-size:3em auto}

		#etc_info ul {padding:4em 0; overflow:hidden}
		#etc_info ul li {float:left; width:40%; margin:0; padding:.5em 0 .5em 4.5em; background-position: .5em center }
		#etc_info ul li em {display:none}

		#facility_slide .slider-nav .slick-slide img {width:90%}
		#facility_slide {padding:5.5em 3% 0}

		#sub_tab > ul > li {width:135px}
		#instructor_list {padding:4.3em 3% 9em}
		#instructor_list ul {width:100%}
		#instructor_list ul li {width:32%; margin:0 2% 3.6em 0}
		#instructor_list ul > li > h2 {text-align:center}
		#instructor_list ul > li > h2 > var {display:none}
		#instructor_list ul li:nth-child(3n) {margin:0 0 3.6em 0}
		#instructor_list ul > li > h1 {width:100%; height:auto; }
		#instructor_popup > .instructor_detail {left:0; width:94%; padding:0 3%; margin:-445px auto 0}
		#instructor_popup .instructor_detail > .close {position:Absolute; top:-41px; right:3% }
		#instructor_popup > .instructor_detail > .right {width:47%}
		#instructor_popup > .instructor_detail > .left {width:47%}
		#instructor_popup > .instructor_detail > .instructor_img {margin-left:0}
		#instructor_popup > .instructor_detail > .instructor_img img {width:100%}
		#instructor_popup .instructor_detail > .name .column_list {right:0px}

		#location_info > dl > dt {float:none; width:100%}
		#location_info > dl > dt > * {text-align:Center}
		#location_info > dl > dt > h2 {display:none}
		#location_info > dl > dd {float:none; width:100%}
		#location_info > dl > dd > * {text-align:Center}

		#group_info > div > ul {padding:0 8%; overflow:hidden}
		#group_info > div > ul > li {float:left; width:48.5%; margin:0 3% 3% 0}
		#group_info > div > ul > li:nth-child(2n) {margin:0 0 3% 0}
		#group_info > div > ul > li > img {width:100%}

		#recruit_text > div {width:100%; padding:2em 4%}
		#recruit_text > div > h1 {font-size:1.5em}
		#recruit_text > div > h2 {width:3.1em; height:.4em; margin:2em 0}
		#recruit_text > div > h3 {font-size:.9em}
	}

	@media screen and (max-width: 700px){
		#sub_tab > ul {width:100%}
		#sub_tab > ul > li {width:19%}
	}
	@media screen and (max-width: 670px){
		#sub_main_slide .swiper-text {position:absolute; z-index:1; top:50%; left:0%; width:100%; height:11em; margin-top:-6em; font-size:16px}
		#sub_main_slide .swiper-text .pc_text {display:none}
		#sub_main_slide .swiper-text .m_text {display:block; padding:0 3%}
		#sub_main_slide .swiper-slide img {height:100%; margin-top:0}
		#sub_main_slide .swiper-pagination {display:block}
		#sub_main_slide .swiper-button-next {display:none}
		#sub_main_slide .swiper-button-prev {display:none}

		#sub_tab {padding:0 3%}
		#sub_tab > ul {overflow:hidden}
		#sub_tab > ul > li {float:left; width:20%; color:#fff; font-size:.8em; line-height:4em}
		#sub_tab > ul > li > var {position:Absolute; display:block; bottom:0px; left:0; width:100%; height:0px; background:#49c8d3; transition:.2s}
		#sub_tab > ul > li:hover > var {height:4px}
		#sub_tab > ul > li.active > var {height:4px}

		#sub_title {}
		#sub_title > .sub_title_text {height:9.6em; margin-top:-4.8em;font-size:16px}
		#sub_title > .sub_title_text > h1 {font-size:2.3em; letter-spacing:.05em; line-height:1.1em}
		#sub_title > .sub_title_text > h2 {font-size:.8em; line-height:1.5em}
		#sub_title > .sub_title_text > em {display:block; width:2.4em; height:.4em; margin:1.1em auto .8em}
		#sub_intro {padding:2.8em 3% 1.8em; font-size:16px}
		#sub_intro > h1 {margin-bottom:.2em; font-size:1.9em; line-height:1.3em}
		#sub_intro > h2 {font-size:1em; font-weight:300}
		#sub_intro > h3 {font-size:.9em; font-weight:300}
		#sub_intro > h4 {font-size:.8em}
		#sub_intro > em {width:2.3em; height:.4em}

		#information.branch1 ul li > div.list1 {display:none}
		#information.branch1 ul li {width:50%}
		#information.branch1 ul li.m_list {width:100%}
		#information.branch1 ul li.m_list > div {width:50%; float:left}
		#information.branch1 ul li > div {height:11em; padding-top:3.8em; font-size:16px}
		#information.branch1 ul li > div > h1 {font-size:1.4em; font-weight:bold}
		#information.branch1 ul li > div > code {font-size:.8em}
		#etc_info ul {padding:4em 0 3em; overflow:hidden}
		#etc_info ul li {float:left; width:50%; margin:0; padding:.5em 0 .5em 3em; background-position: 1em center; background-size:auto 60%; font-size:16px; box-sizing:border-box}
		#etc_info ul li span {font-size:1em}
		#etc_info ul li em {display:none}

		#m_facility_img img {width:100%}
		#facility_list {padding:3.75em 3% 5.5em; background:#fff}
		#facility_list > div {width:100%}
		#facility_list dl {width:100%; padding:.8em 0}
		#facility_list dl > dt {width:100%; margin-right:0; margin-left:0; text-align:center; font-size:3.5em}
		#facility_list dl > dd {width:100%; height:auto; text-align:center; font-size:16px}
		#facility_list dl > dd > h1 {font-size:1em}
		#facility_list dl > dd > h1 {font-size:.9em}

		#instructor_list ul {width:100%}
		#instructor_list {padding:1.8em 3% 3.2em; border-top:0}
		#instructor_list ul li {width:49%; margin:0 2% 2em 0; font-size:16px}
		#instructor_list ul li:nth-child(2n) {margin:0 0 2em 0}
		#instructor_list ul > li > h1 {width:100%; height:auto}
		#instructor_list ul > li > h2 {font-size:16px; text-align:center}
		#instructor_list ul > li > h2 > var {display:none}
		#instructor_list ul > li > h2 > span {font-size:1.2em; letter-spacing:.1em}
		#instructor_list ul > li > h2 > em {font-size:.8em}
		#instructor_popup {overflow-y:scroll; overflow-x:hidden}
		#instructor_popup > .instructor_detail {left:0; top:0; width:100%; height:auto; padding:3em 0; margin:0 auto}
		#instructor_popup > .instructor_detail > .right {float:none; width:94%; margin:0 auto}
		#instructor_popup > .instructor_detail > .left {float:none; width:94%; margin:0 auto}
		#instructor_popup > .instructor_detail > dl {width:92% !important; margin:0 auto 1.6em !important; font-size:16px}
		#instructor_popup > .instructor_detail > dl > dt {padding-bottom:.3em; font-size:1.1em}
		#instructor_popup > .instructor_detail > dl > dd {font-size:.75em; line-height:1.9em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
		#instructor_popup > .instructor_detail > .name {width:94%; margin:1.4em auto; padding:0; text-align:Center; border-bottom:0}
		#instructor_popup > .instructor_detail > .name > h1 {font-size:1em}
		#instructor_popup > .instructor_detail > .name > h1 > em {font-size:.8em}
		#instructor_popup > .instructor_detail > .name > h2 {font-size:2.7em; font-weight:500}
		#instructor_popup > .instructor_detail > .name > h2 > b {font-size:1em; font-weight:500; letter-spacing:.2em}
		#instructor_popup > .instructor_detail > .name > h2 > var {font-size:.7em; font-weight:300}
		#instructor_popup > .instructor_detail > .name > h2 > span {display:none}
		#instructor_popup > .instructor_detail > .instructor_img {margin-bottom:1.6em}
		#instructor_popup > .instructor_detail > .instructor_img img {width:100%}
		#instructor_popup > .instructor_detail > .m_column {margin-bottom:2em}
		
		#location_info > dl {padding:1.2em 0}
		#location_info > dl > dt {float:none; width:100%}
		#location_info > dl > dt > * {text-align:Center}
		#location_info > dl > dt > h1 {font-size:1.8em; font-weight:900}
		#location_info > dl > dt > h2 {display:none}
		#location_info > dl > dd {float:none; width:100%}
		#location_info > dl > dd > * {text-align:Center}
		#location_info > dl > dd > h1 {padding:.3em 0 .5em; font-size:.95em; line-height:1.4em}
		#location_info > dl > dd > h2 {font-size:.8em; line-height:1.5em}
		#location_info > dl > dd > h3 {font-size:1.8em; font-weight:900}
		#location_info > dl > dd > h4 {font-size:.8em; line-height:2em}
		#map iframe {height:260px}
		
		#group_info > div {width:88%; padding:0 6%}
		#group_info > div > h1 {margin-bottom:.3em; font-size:1.75em}
		#group_info > div > h2 {margin-bottom:.5em; font-size:.95em; line-height:1.6em}
		#group_info > div > h3 {margin-bottom:25px; font-size:.88em; line-height:1.6em}
		#group_info > div > h2 > em {display:block; font-size:1em}
		#group_info > div > ul {padding:0 7%; overflow:hidden}
		#group_info > div > ul > li {float:left; width:48.5%; margin:0 3% 3% 0}
		#group_info > div > ul > li:nth-child(2n) {margin:0 0 3% 0}
		#group_info > div > ul > li > img {width:100%}

		.class_introCon_p2 {padding:3em 3%}
		.class_introCon_p2 > table {width:100%; margin:0; border-top:3px solid #535353; border-bottom:2px solid #212121}
			.class_introCon_p2 > table th {width:157px; height:55px; font-size:.8em; border-bottom:3px solid #535353}
			.class_introCon_p2 > table th:first-child {width:18%}
			.class_introCon_p2 > table td {border-bottom:1px solid #dddddd; border-left:none; border-right:none}
				.time_table td {width:157px; height:70px; text-align:center; font-size:.75em; font-weight:300; vertical-align:middle; color:#3b3b3b}
				.schedule_table td {width:157px; height:70px; text-align:center; font-size:.8em; font-weight:300; vertical-align:middle; color:#3b3b3b}
				.schedule_table td span {display:block; width:20px; height:20px; margin:0 auto 5px; text-align:center; font-size:1em; line-height:20px; color:rgba(77, 77, 77, 0.5)}
				.schedule_table td em {display:block; width:50px; height:20px; margin:0 auto; text-align:center; font-size:1em; line-height:20px; color:rgba(77, 77, 7, 0.5)}
		.class_introCon_p2 > table ul li {font-size:.7em; line-height:1.5em}
		.class_introCon_p2 > table ul {padding:1.52em 3% 0}

		#recruit_text > div {width:100%; padding:2em 4%}
		#recruit_text > div > h1 {font-size:1.5em}
		#recruit_text > div > h2 {width:3.1em; height:.4em; margin:2em 0}
		#recruit_text > div > h3 {font-size:.9em}
	}

	@media screen and (min-width:671px) and (max-height: 990px){
		#instructor_popup {overflow-y:scroll; overflow-x:hidden}
		#instructor_popup .instructor_detail {top:50px; margin-top:0}
	}



/* POP ESTIMATE */
#pop_estimate {width:100%}
.pop_estimate {width:1200px; height:110px; margin:0 auto;  /*background:#006ea3;*/ background:#868686; overflow:hidden}
	.pop_estimate > div.estimate_form {float:left; height:110px; font-size:24px; color:#FFF; line-height:110px}
	.pop_estimate > div.estimate_form > img {margin:0 16px 0 30px}
	.pop_estimate > div.estimate_form > input {width:176px; height:22px; padding:8px 12px; font-size:20px; color:#000; border:none}
	.pop_estimate > div.estimate_form > input::placeholder {color:#000}
	.pop_estimate > div.estimate_form > input.es_name {margin:0 8px 0 0;}
	.pop_estimate > div.estimate_form > input[name="um_es_name"] {width:60px;}
	.pop_estimate > div.estimate_form > input[name="um_es_tel"] {width:120px;}
	.pop_estimate > div.estimate_form > [name="um_es_month"] {width:60px; margin-left:10px; border:none; height:38px; font-size:20px;}
	.pop_estimate > div.estimate_form > [name="um_es_day"] {width:60px; margin-left:10px; border:none; height:38px; font-size:20px;}
	.pop_estimate > div.estimate_form > [name="um_es_hour"] {width:105px; margin-left:10px; border:none; height:38px; font-size:20px;}
	.pop_estimate > div.estimate_form > [name="um_es_type"] {width:140px; margin-left:10px; border:none; height:38px; font-size:20px;}
	.pop_estimate > div.estimate_form > [name="um_es_branch"] {width:140px; margin-left:10px; border:none; height:38px; font-size:20px;}
	
	
	.pop_estimate > div.estimate_form > span {position:relative; padding-left:28px; font-size:16px; white-space:nowrap}
		input[id="cb1"] + label {display:inline-block; position:absolute; left:0; top:0; width:14px; height:19px; padding-left:5px; line-height:15px; border:1px solid #FFF; cursor:pointer}
		input[id="cb1"]:checked + label:after {content:'\2713'; font-size:12px;}
		input[id="cb1"] {display: none}
	.pop_estimate > div.submit_btn {float:right; width:130px; height:110px; text-align:center; font-size:24px; color:#FFF; line-height:110px; background:#2b2c2f; /*background:#f54791;*/ cursor:pointer; transition:.2s}
	.pop_estimate > div.submit_btn:hover {opacity:0.95}
	.pop_estimate > div.submit_btn > img {margin:-2px 0 0 12px}

@media screen and (max-width:1200px){
	.pop_estimate {width:100%; height: auto}
 	.pop_estimate > div.estimate_form {float:none; height: auto; padding:30px; line-height:200%; text-align:center}
	.pop_estimate > div.submit_btn {display:block; float:none; width:100%; height:auto; padding:1em 0; line-height:normal; text-align:center; font-size:24px; color:#FFF; background:#2b2c2f; /*background:#f54791;*/ cursor:pointer; transition:.2s}
	.pop_estimate .br {display:block;}
}

@media screen and (max-width:960px){
	.pop_estimate {width:100%; height:auto; margin:0 auto;  /*background:#006ea3;*/ background:#868686; overflow:hidden}
	.pop_estimate > div.estimate_form {float:none; height: auto; padding:1em; line-height:200%; text-align:center; font-size:1.1em; overflow:hidden}
	.pop_estimate > div.estimate_form > img {width:3em; margin:.5em 1em .5em 0}
	.pop_estimate > div.estimate_form > input {float:left; width:176px; height:2em; padding:8px 12px; font-size:1em !important; color:#000; border:none; box-sizing:border-box}
	.pop_estimate > div.estimate_form > select {float:left; height:2em; font-size:1em !important; color:#000; border:none; box-sizing:border-box}
	.pop_estimate > div.estimate_form > input::placeholder {color:#000}
	.pop_estimate > div.estimate_form > input.es_name {margin:.5em 0 0}
	.pop_estimate > div.estimate_form > input[name="um_es_name"] {width:40%}
	.pop_estimate > div.estimate_form > input[name="um_es_tel"] {width:58%; margin:.5em 0 0 2%}
	.pop_estimate > div.estimate_form > [name="um_es_month"] {width:32%; margin:.5em 0 0; border:none; height:2em; font-size:1em;}
	.pop_estimate > div.estimate_form > [name="um_es_day"] {width:32%; margin:.5em 0 0 2%; border:none; height:2em; font-size:1em;}
	.pop_estimate > div.estimate_form > [name="um_es_hour"] {width:32%; margin:.5em 0 0 2%; border:none; height:2em; font-size:1em;}
	.pop_estimate > div.estimate_form > [name="um_es_type"] {width:66%; margin:.5em 0 0; border:none; height:2em; font-size:1em;}
	.pop_estimate > div.estimate_form > [name="um_es_branch"] {width:38%; margin:.5em 0 0 2%; border:none; height:2em; font-size:1em;}
	.pop_estimate > div.estimate_form > span.sms {display:inline-block; margin-top:.5em; font-size:.9em; line-height:2em}
	input[id="cb1"] + label {display:inline-block; position:absolute; left:0; top:50%; margin-top:-9.5px}
	.pop_estimate > div.submit_btn {font-size:1em}
	.pop_estimate > div.submit_btn > img {width:.6em}
}
@media screen and (max-width:670px){
	.pop_estimate > div.estimate_form {float:none; height: auto; padding:1em; line-height:200%; text-align:center; font-size:.8em; overflow:hidden}
	.pop_estimate > div.estimate_form > img {width:2.5em; margin:.5em 1em .5em 0}
	.pop_estimate > div.submit_btn {font-size:.8em}
}