@charset "UTF-8";

/* ********************************************************************************* *
* 01) max-wdith: 1440px
* ********************************************************************************* */
@media all and (max-width: 1440px){

}

/* ********************************************************************************* *
* 02) max-wdith: 1280px
* ********************************************************************************* */
@media all and (max-width: 1280px){
	#container { height: auto; overflow: inherit;}
	#container .inner{ height: auto; border-radius: 0; }
	#container .inner > section{ height: calc(var(--vh, 1vh) * 100 - 39px);}
	#container .inner > .sec-home{ height: auto;}
	.intro{ height: calc(var(--vh, 1vh) * 100 - 39px);}
	.home-slide{ height: auto;}
	.intro01 h1{ padding-top: 5vh;}
	.intro02 h3{ padding-top: 11vh;}
	.video-intro01{ margin-top: 0;}
	.btn-wrap li.next button:hover{background: url(https://designlab.chosun.com/2025/muscles/user/images/btn_next.png) no-repeat; background-size: contain;}
	.btn-wrap li.prev button:hover{background: url(https://designlab.chosun.com/2025/muscles/user/images/btn_prev.png) no-repeat; background-size: contain;}
	.btn-wrap li.next.disable button:hover{background: url(https://designlab.chosun.com/2025/muscles/user/images/btn_next_disable_m.png) no-repeat; background-size: contain;}
	.btn-wrap li.prev.disable  button:hover{background: url(https://designlab.chosun.com/2025/muscles/user/images/btn_prev_disable_m.png) no-repeat; background-size: contain;}

}


/* ********************************************************************************* *
* 03) max-wdith: 1023px
* ********************************************************************************* */
@media all and (max-width: 1023px){
	
}


/* ********************************************************************************* *
* 04) max-wdith: 768px
* ********************************************************************************* */
@media all and (max-width: 768px){
	#container .inner{ max-width: 100%; overflow: inherit; }
	.contents.home{ overflow-y: inherit; }
	.menu-home{ margin-top: 110px;}
	.menu-subtitle{ margin-top: 30px;}
	.home .header{background: #2F3545; height: 74px;}
	.menu-wrap{background: #2F3545;}
	.btn-wrap li.prev.disable button{ background: url(https://designlab.chosun.com/2025/muscles/user/images/btn_prev_disable_m.png)no-repeat; background-size: contain;}
	.btn-wrap li.next.disable button{ background: url(https://designlab.chosun.com/2025/muscles/user/images/btn_next_disable_m.png)no-repeat; background-size: contain;}
	.video-intro01{ margin-top: -30px;}
	.intro02 p{ line-height: 1.4; margin-bottom: 24px;}
	.btn-wrap{ top: 18px; position: absolute;}
	.home .header h3{ margin-top: 27px;}
	.exercise .header h3{ margin-top: 49px;}
	.exercise .header{ height: 116px; }
	.video-intro02{ width: 170px; height: 125px;}
	.exercise .header .btn-menu{ top: 18px;}
	.btn-close{ top: 18px;}
	.progress-bar{bottom: 13px;}
	.home-slide-wrap{ width: 100%; overflow: hidden; display: block; position: relative; height: auto;}
}


/* ********************************************************************************* *
* 05) max-wdith: 360px
* ********************************************************************************* */
@media all and (max-width: 360px){
	.article-list ul li em { margin-right: 14px;}
	.article-list ul li:nth-child(1) em{ width: 45px; height: 43px; margin-left: 16px;}
	.article-list ul li:nth-child(2) em{ width: 50px; height: 37px; margin-left: 12px;}
	.article-list ul li:nth-child(3) em{ width: 38px; height: 45px; margin-left: 22px;}
	
	.intro01 h1{ padding-top: 30px; font-size: 52px; line-height: 68px;  }
	.intro h1 i{ font-size: 52px; }
	.video-intro01{ margin-top: -58px; width: 221px; height: 290px;}
	.intro02 h3{padding-top: 30px;}
	.menu-home{ margin-top: 123px;}
	.btn-st01{ line-height: 56px; height: 56px;}
	
}


/* ********************************************************************************* *
* 06) max-wdith: 360px
* ********************************************************************************* */
@media all and (max-width: 360px){
	.article-list ul li a{font-size: 16px;}
}