@import url("font.css");

.container-fluid{width:100%;padding-bottom:0px;margin:0 auto;font-family: sans-serif;}
.stick_nav{width:100%;}

/* base - 브라우저 초기화 */
*{ margin: 0; padding: 0; -webkit-text-size-adjust:none;}
ul, ol, dl, li, dd, dt{ list-style: none; }
a{ text-decoration: none; } 
img{ border: none;max-width:100%;height:auto;vertical-align:middle;}
table{ border-collapse: collapse; border-spacing: 0px; }
button{outline: none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;margin:0;padding:0;vertical-align:middle;border:none;cursor: pointer;}

/* 컨텐츠 공통 */
#wrap{position: relative;width:100%;min-width:1200px;margin:0 auto;}
.blink{text-indent:-1000em;}



/* sticky*/

.sticky {position: fixed;top: 0;transition: all 0.5s;}
.sticky + .content {padding-top: 60px;}

#navbar {overflow: hidden;background-color: #282828;width:100%;height:120px;z-index: 99;  position: relative; margin:0 auto;padding:0;border:1px solid #282828;}
#navbar div {width:1200px;height:120px;margin:0 auto;/*background:url("../images/tt01_full.png") no-repeat;*/position: relative;display:flex;justify-content:center;align-items:center;}
#navbar div button{background:url("../images/rehabh/btn01.png") no-repeat;width:362px;height:62px;position: absolute; top: 50%; right:0;margin: 0; transform: translate(0, -50%);}
#navbar div button:hover{background:url("../images/rehabh/btn01_on.png") no-repeat;}

h2.int{display:inline-block;font-size: 1.875em;color:#fff;text-align:left;width:100%;font-weight: 700;letter-spacing:-0.3px;line-height:1;font-family: 'GmarketSansLight';}
h2.int > span{display:inline-block;}
h2.int > span > span.tte{display:inline-block;background:url('../images/rehabh/tti.png') repeat-x left 90%;font-family: 'GmarketSansBold';padding:0 3px;}



.content_mo{clear:both;position: relative;width:100%;margin:0 auto;}
.content_mo span img{text-align:center;width:100%;height:auto;vertical-align:top;}

.warp01{background-color:#000;display:block;margin:0; padding:0;width:100%;}
.warp01 > img{display:inline-block;margin:0; padding:0;vertical-align:bottom}

article{float: left; transition: all 0.5s;}
.tx01{width: 604px; height: 35px; background: url("../images/rehabh/vi0101.png") no-repeat top left;position:absolute;top:351px;;left:33px;animation-delay:.4s;opacity:0}
.tx02{width: 267px; height: 30px; background: url("../images/rehabh/vi0102.png") no-repeat left top;position:absolute;top:177px;;left:37px;opacity:0}
.tx03{width: 627px; height: 101px; background: url("../images/rehabh/vi0103.png") no-repeat left top;position:absolute;top:222px;left:21px;animation-delay:.2s;opacity:0}
.tx04{width: 179px; height: 177px; background: url("../images/rehabh/txt01.png") no-repeat top left;position:absolute;top:418px;left:17px;animation-delay:.4s;opacity:0 }
.tx04-1{width: 179px; height: 177px; background: url("../images/rehabh/txt02.png") no-repeat top left;position:absolute;top:396px;left:170px;animation-delay:.6s;opacity:0 }
.tx04-2{width: 179px; height: 177px; background: url("../images/rehabh/txt03.png") no-repeat top left;position:absolute;top:418px;left:323px;animation-delay:.5s;opacity:0 }
.tx05{width: 139px; height: 115px; background: url("../images/rehabh/vi01.png") no-repeat top left;position:absolute;top:424px;left:515px;opacity:0;animation-delay:.6s; }
.tx06{width: 789px; height: 730px; background: url("../images/rehabh/vi0105.png") no-repeat top right;position:absolute;top:0px;right:0px;opacity:0 }

.content{clear:both;position: relative;width:100%;margin:0 auto;padding:0;}
section.con{width:100%;}
section.con > article{width:100%;display:block;transition: all 0.5s; text-align:center;}
section.con > article:nth-child(1){background: #e7e7f0 url("../images/rehabh/visual_0102_bg.jpg") no-repeat center center;}
section.con > article:nth-child(2){background: #5a37b3;}
section.con > article:nth-child(2) > img{display:block;margin:0 auto; text-align:center;}
section.con > article:nth-child(3){background: #252b3c url("../images/rehabh/visual_0105_bg.jpg") no-repeat center center;}
section.con > article:nth-child(4){background: #181c26 url("../images/rehabh/visual_0106_bg.jpg") no-repeat center center;}
section.con > article:nth-child(5){background: #ffffff;}
section.con > article:nth-child(6){background: #252b3c url("../imagespshco//visual_0108_bg.jpg") no-repeat center center;height:277px;}
section.con > article:nth-child(6) > img{padding-top:61px;}
section.con > article.lastt{background: #f3f4f8 url("../images/rehabh/visual_0109_bg.jpg") no-repeat center center;}
section.con > article.lastest{background: #1e2433 url("../images/rehabh/visual_0110_bg.jpg") no-repeat center center;background-size: cover;height:567px;}
section.con > article img{text-align:center;width:1200px;}


/* 하단버튼 추가*/
div.lastest{background:#1d2332 url("../images/rehabh/visual_0112_m.jpg") no-repeat 50% top;background-size: cover;width:100%;height:630px;position: relative;}
div.lastest div.btnarea{width:100%;display:flex;justify-content:center;text-align:center;border:0px solid red;height:90px;padding:0; margin:0;}
div.lastest div.btnarea > button{width:410px;height:90px;line-height:92px;display:inline-block;background-color:#ae29f4;border-radius:5px;text-align:center;font-size:37px;color:#fff;font-family: 'GmarketSansMedium';letter-spacing:0;}
div.lastest div.btnarea > button:hover{background-color:#575df8;}
div.lastest div.btnarea > button.btn_su{margin-left:14px;}
div.lastest > span > img{display:block;margin:0 auto;width:100%;}

/*.content_mo div.btnarea > button.btn_join{background:url("../images/btnm_join.png") no-repeat;}
.content_mo div.btnarea > button.btn_join:hover{background:url("../images/btnm_join_on.png") no-repeat;}
.content_mo div.btnarea > button.btn_su{background:url("../images/btnm_su.png") no-repeat;margin-left:14px;}
.content_mo div.btnarea > button.btn_su:hover{background:url("../images/btnm_su_on.png") no-repeat;}*/

/* SB events*/
div.events_info{width:1180px;height:410px;margin:0px auto;padding:0;position: relative;background:#156c66 url('../images/rehabh/s_bucks_bg.jpg') no-repeat 50% top;}
div.events_info a > span{color:#fefdca;font-size:22px;font-family: 'GmarketSansMedium';position:absolute;top:330px;left:16px;}
div.events_info span.btn_event{position:absolute;top:322px;left:284px;color: #fefdca;border: 1px solid #fefdca;outline: #fefdca;background: #156c66;width:120px; height:30px;line-height:30px;font-size:16px;display:inline-block;text-align:center;}
div.events_info span.btn_event:hover{background: #26433a;color: #fff;border: 1px solid #fff;transition:all .25s;}

.main_fl{width:95%; margin:0 auto;}


/* 과정소개*/
div.lecc{
	background:#36364e url("../images/rehabh/lecc_bg-1.jpg") repeat left top;
	background-size: cover;
	width:100%;height:auto;min-height:700px;
	padding-bottom:5.5em;
}
p.lecc_tt{width:88%;padding:8em 0 3.5em;margin:0 auto;text-align:center;}
p.lecc_tt img{width:100%; height: auto;}

ul.leccw{width:90%;margin:0px auto;display:flex;justify-content:space-between;border:0px solid red;}
ul.leccw li{transition:all .3s;box-shadow:2px 2px 2px rgba(0,0,0,0.2);border:0px solid red;width:100%;}
ul.leccw li a{width:100%; height:100%; display:inline-block;}
ul.leccw li a img{width:100%;height:auto;}
ul.leccw + ul.leccw{margin-top:1.25em;}
ul.leccw li + li{margin-left:1.25em;}

ul.leccw_sm{display:none;}



@media all and (max-width:1024px) {
	#wrap{position: relative;width:100%;min-width:780px;margin:0 auto;}

	/* sticky*/
	#navbar {height:70px;z-index: 99;text-align:center;}
	#navbar div {width:95%;height:70px;margin:0 auto;background-size: 70%;}
	#navbar div button{
		width:200px;height:60px;
		background:url("../images/rehabh/btn01_m.png") no-repeat 50% 50%;background-size: contain;
		border-radius:10px;
		}
	#navbar div button:hover{
		width:200px;height:60px;
		background:url("../images/rehabh/btn01_m_on.png") no-repeat 50% 50%;background-size: contain;
		border-radius:10px;
		}

	h2.int{display:inline-block;font-size: 1.875em;}
	h2.int > span{display:inline-block;}

	
	section.con > article img{text-align:center;width:95%;margin:0 auto;}
	section.con > article:nth-child(3){background-size: cover;}
	
	/* 하단버튼 추가*/
	div.lastest{width:100%;height:530px;position: relative;}
	div.lastest div.btnarea{display:flex;justify-content:center;text-align:center;border:0px solid red;height:90px;padding:0; margin:0;}
	div.lastest div.btnarea > button{width:44%;height:90px;line-height:92px;display:inline-block;font-size:30px;}
	div.lastest > span > img{display:block;margin:0 auto;width:100%;}

	
	/* 스벅이벤트*/
	div.events_info{width:100%;margin:0 auto 1.2em;padding:0;position: relative;background:#156c66 url("../images/rehabh/m_s_bucks_bg.jpg") no-repeat 50% 50%;background-size: contain;}
	div.events_info a > span{color:#fefdca;font-size:22px;font-family: 'GmarketSansMedium';position:absolute;top:315px;left:40px;}
	div.events_info span.btn_event{position:absolute;top:310px;left:314px;color: #fefdca;border: 1px solid #fefdca;background: #156c66;display:inline-block;text-align:center;width:110px; height:30px;line-height:30px;font-size:15px;letter-spacing:0;}
	div.events_info span.btn_event:hover{background: #26433a;color: #fff;border: 1px solid #fff;transition:all .25s;}

	/* 과정소개*/
	div.lecc{height:auto;min-height:600px;padding-bottom:4em}
	p.lecc_tt{width:85%;padding:5em 0 3em;margin:0 auto;text-align:center;}

    div.btnarea{padding-bottom:5em;padding-top:4em;display:flex;justify-content:center;text-align:center;}
	div.btnarea > button{width:45%;height:100px;line-height:102px;display:inline-block;font-size:30px;}

	
}/* (min-width:780px) */



@media all and (max-width:780px) {
	#wrap{position: relative;width:100%;min-width:640px;margin:0px auto 0;padding:0;}
	

	/* sticky*/
	#navbar {height:70px;z-index: 99;text-align:center;}
	#navbar div {width:98%;height:70px;margin:0 auto;background-size: 100%;}
	#navbar div button{
		width:200px;height:56px;
		background:url("../images/rehabh/btn01_m.png") no-repeat 50% 50%;background-size: contain;position: absolute; top: 50%; right:0;margin: 0; transform: translate(0, -50%);
		border-radius:8px;
		margin-right:3%

		}
	#navbar div button:hover{
		width:200px;height:56px;
		background:url("../images/rehabh/btn01_m_on.png") no-repeat 50% 50%;background-size: contain;
		border-radius:8px;
		margin-right:3%
	}

	h2.int{display:inline-block;font-size: 1.35em;}
	h2.int > span{display:inline-block;font-family: 'GmarketSansMedium';}

	/* 하단버튼 추가*/
	div.lastest{width:100%;height:420px;position: relative;}
	div.lastest div.btnarea{height:65px;}
	div.lastest div.btnarea > button{width:44%;height:65px;line-height:67px;display:inline-block;font-size:28px;}

	/* 스벅이벤트*/
	div.events_info{width:100%;height:270px;margin:0 auto 1.2em;padding:0;position: relative;background:#156c66 url("../images/rehabh/m_s_bucks_bg.jpg") no-repeat 50% 50%;background-size: contain;}
	div.events_info a > span{font-size:1em;position:absolute;top:210px;left:34px;letter-spacing:0;}
	div.events_info span.btn_event{position:absolute;top:205px;left:210px;width:100px; height:24px;line-height:24px;font-size:1em;}

	/* 과정소개*/
	div.lecc{height:auto;min-height:480px;padding-bottom:3em}
	p.lecc_tt{width:85%;padding:4em 0 2em;margin:0 auto;text-align:center;}

	ul.leccw + ul.leccw{margin-top:1.3em;}
	ul.leccw li + li{margin-left:1.25em;}
	ul.leccw:first-child{padding-top:12em;}
    
    div.btnarea{padding-bottom:5em;padding-top:3.2em;display:flex;justify-content:center;text-align:center;}
	div.btnarea > button{width:45%;height:75px;line-height:77px;display:inline-block;font-size:28px;}

}/* (min-width:640px) */


@media all and (max-width:640px) {
	#wrap{position: relative;width:100%;min-width:480px;margin:0;padding:0;}


	/* sticky*/
	#navbar {height:70px;z-index: 99;text-align:center;}
	#navbar div {width:95%;height:68px;margin:0 auto;background-size: 48%;}
	#navbar div button{
		width:190px;height:50px;margin:0 auto;
		background:url("../images/rehabh/btn01_m.png") no-repeat 50% 50%;background-size: contain;position: absolute; top: 50%; right:0;margin: 0; transform: translate(0, -50%);
		border-radius:6px;
		}
	#navbar div button:hover{
		width:190px;height:50px;margin:0 auto;
		background:url("../images/rehabh/btn01_m_on.png") no-repeat 50% 50%;background-size: contain;
		border-radius:6px;
		}

	h2.int{display:block;font-size: 1.1em;}
	h2.int > span{display:block;padding-top:5px;font-family: 'GmarketSansMedium';}

	div.lastest{width:100%;height:300px;position: relative;}
	div.lastest div.btnarea{height:50px;}
	div.lastest div.btnarea > button{width:44%;height:50px;line-height:52px;display:inline-block;border-radius:4px;font-size:1.375em;}

	/* 스벅이벤트*/
	div.events_info{width:100%;height:225px;border:0px solid red;margin:0 auto 1.2em; }
	div.events_info a > span{font-size:0.9em;position:absolute;top:180px;left:24px;letter-spacing:0;}
	div.events_info span.btn_event{position:absolute;top:175px;left:190px;width:90px; height:20px;line-height:20px;font-size:0.8em;}

	/* 과정소개*/
	div.lecc{height:auto;min-height:300px;padding-bottom:2.5em}
	p.lecc_tt{width:85%;padding:3.5em 0 1.8em;margin:0 auto;text-align:center;}

	ul.leccw + ul.leccw{margin-top:1em;}
	ul.leccw li + li{margin-left:1em;}
	ul.leccw:first-child{padding-top:8em;}
    
    div.btnarea{position: relative; margin:0 auto;padding-bottom:70px;padding-top:45px;display:flex;justify-content:center;text-align:center;}
	div.btnarea > button{width:45%;height:60px;line-height:62px;display:inline-block;border-radius:4px;font-size:1.375em;}

}/* (min-width:480px) */


@media all and (max-width:480px) {
	#wrap{min-width:360px;margin:0;padding:0;}

	/* sticky*/
	#navbar {height:60px;z-index: 99;text-align:center;}
	#navbar div {width:92%;height:60px;margin:0 auto;background-size: 48%;}
	#navbar div button{
		width:132px;height:26px;margin:0 auto;
		background:url("../images/rehabh/btn01_m.png") no-repeat 50% 50%;background-size: contain;position: absolute; top: 50%; right:0;margin: 0; transform: translate(0, -50%);
		border-radius:4px;
		}
	#navbar div button:hover{
		width:132px;height:26px;margin:0 auto;
		background:url("../images/rehabh/btn01_m_on.png") no-repeat 50% 50%;background-size: contain;
		border-radius:4px;
		}

	h2.int{display:block;font-size: 0.95em;}
	h2.int > span{display:block;padding-top:4px;font-family: 'GmarketSansMedium';}

	div.lastest{width:100%;height:230px;position: relative;}
	div.lastest div.btnarea{height:45px;}
	div.lastest div.btnarea > button{width:44%;height:45px;line-height:47px;display:inline-block;background-size: cover;background-position:-50% -50%;border-radius:3px;font-size:1.125em;}

	/* 스벅이벤트*/
	div.events_info{width:100%;height:169px;border:0px solid red;margin:0 auto;}
	div.events_info a > span{font-size:0.7em;position:absolute;top:120px;left:18px;letter-spacing:0;font-family: sans-serif;}
	div.events_info span.btn_event{position:absolute;top:118px;left:145px;width:70px; height:18px;line-height:18px;font-size:0.6em;}

	.fix_aree1 > a{font-size:0.9em;}
	.btn_style01{width:20%;height:16px;font-size:0.8em;margin:0 auto;}

	/* 과정소개*/
	div.lecc{height:auto;min-height:290px;padding-bottom:2.5em;}
	p.lecc_tt{width:85%;padding:3em 0 1.4em;margin:0 auto;text-align:center;}

	ul.leccw + ul.leccw{margin-top:1em;}
	ul.leccw li + li{margin-left:1em;}
	ul.leccw:first-child{padding-top:8em;}
    
    
	div.btnarea{position: relative; margin:0 auto;padding-bottom:60px;padding-top:30px;display:flex;justify-content:center;text-align:center;}
	div.btnarea > button{width:45%;height:55px;line-height:57px;display:inline-block;background-size: cover;background-position:-50% -50%;border-radius:3px;font-size:1.125em;}
    
   div.btnarea{position: relative; margin:0 auto;padding-bottom:60px;padding-top:30px;display:flex;justify-content:center;text-align:center;}
	div.btnarea > button{width:45%;height:55px;line-height:57px;display:inline-block;background-size: cover;background-position:-50% -50%;border-radius:3px;font-size:1.125em;}

}/* (max-width:360px) */

@media all and (max-width:360px) {
	#wrap{min-width:300px;margin:0;padding:0;}

	/* sticky*/
	#navbar {height:60px;z-index: 99;text-align:center;}
	#navbar div {width:92%;height:60px;margin:0 auto;background-size: 48%;}
	#navbar div button{
		width:110px;height:26px;margin:0 auto;
		background:url("../images/rehabh/btn01_m.png") no-repeat 50% 50%;background-size: contain;position: absolute; top: 50%; right:0;margin: 0; transform: translate(0, -50%);
		border-radius:4px;
		}
	#navbar div button:hover{
		width:110px;height:26px;margin:0 auto;
		background:url("../images/rehabh/btn01_m_on.png") no-repeat 50% 50%;background-size: contain;
		border-radius:4px;
		}

	h2.int{display:block;font-size: 0.8em;}
	h2.int > span{display:block;padding-top:4px;font-family: 'GmarketSansMedium';}

	div.lastest{width:100%;height:190px;position: relative;}
	div.lastest div.btnarea{height:45px;}
	div.lastest div.btnarea > button{width:44%;height:45px;line-height:47px;display:inline-block;background-size: cover;background-position:-50% -50%;border-radius:3px;font-size:1.125em;}

	/* 스벅이벤트*/
	div.events_info{width:100%;height:115px;border:0px solid red;margin:0 auto;}
	div.events_info a > span{font-size:0.5em;position:absolute;top:85px;left:12px;letter-spacing:0;font-family: Apple Gothic, arial, helvetica, 'Noto Sans KR', sans-serif;}
	div.events_info span.btn_event{position:absolute;top:82px;left:135px;width:70px; height:18px;line-height:18px;font-size:0.3em;font-family: sans-serif;}

	.fix_aree1 > a{font-size:0.9em;}
	.btn_style01{width:20%;height:16px;font-size:0.8em;margin:0 auto;}

	/* 과정소개*/
	div.lecc{height:auto;min-height:420px;padding-bottom:2.5em;}
	p.lecc_tt{width:85%;padding:3em 0 1.5em;margin:0 auto;text-align:center;}

	ul.leccw{display:none;}
	ul.leccw_sm{width:90%;margin:0px auto;display:block;padding-top:0em;}
	ul.leccw_sm li{transition:all .3s;box-shadow:2px 2px 2px rgba(0,0,0,0.2);border:0px solid red;width:100%;}
	ul.leccw_sm li + li{margin-top:0.7em;}
	
		
}/* (max-width:300px) */

div.btnarea > button{background-color:#20c47b;color:#fff;font-family: 'GmarketSansMedium';}
div.btnarea > button:hover{background-color:#1fb0ba}
div.btnarea > button.btn_su{margin-left:10px;}