/* CSS Document */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

*{box-sizing: border-box;}
*{margin: 0;}
*{text-decoration: none; color: #444444;}
ul, ol{margin: 0; padding: 0; list-style: none;}
.m_t5{margin-top: 5px;}
.m_t10{margin-top: 10px;}
.m_t20{margin-top: 20px;}

/* txt style */
.white{color: #fff; text-decoration: none;}
.red{color: #bb2b32; font-weight: 600;}
.blue{color: rgb(56, 96, 226);}
.gray{color: #757575;}
.ft_12{font-size:var(--ft_12);}
.ft_13{font-size:var(--ft_13);}
.ft_14{font-size:var(--ft_14);}
.ft_15{font-size:var(--ft_15);}
.ft_16{font-size:var(--ft_16);}
.ft_17{font-size:var(--ft_17);}
.ft_21{font-size:var(--ft_21);}
.ft_20{font-size:20px;}
.ft_w600{font-weight: 600;}
.ft_w500{font-weight: 500;}

/* font-size  width ~380px (iphone SE/galaxy Zfold) */
:root {
	--ft_12: 11px;
	--ft_13: 12px;
	--ft_14: 13px;
	--ft_15: 14px;
	--ft_16: 16px;
	--ft_17: 17px;
	--ft_21: 20px; letter-spacing: -0.2px; 
  }

/* width 380~760px (기본 iphone/galaxy) */
@media (min-width: 380px) {
	:root {
		--ft_12: 12px;
		--ft_13: 13px;
		--ft_14: 14px;
		--ft_15: 15px;
		--ft_16: 16px;
		--ft_17: 17px;
		--ft_21: 21px;
	}
  }

/* font-size - width 760px 이상(ipad 등) */
  @media (min-width: 760px) {
	:root {
		--ft_12: 14px;
		--ft_13: 15px;
		--ft_14: 16px;
		--ft_15: 17px;
		--ft_16: 18px;
		--ft_17: 19px;
		--ft_21: 22px;
	}
  }



/* main_top*/

.mobile_warp{
	font-family: "Pretendard Variable",'Arial','gulim','dotum';
	margin: auto;
}

.page{
	margin: auto;
	padding: 0 3%;
}

.top_menu{
	width: 100%;
	height: 50px;
	background-color: #bb2b32;
	padding: 10px 4%;
	position:fixed;
	top:0px;
	z-index: 2; 
}

.logo{
	margin-top: 2px;
	width: auto;
	height: 23px;
}

.menu{
	margin-top: 7px;
}

.menuline{
	background-color: #fff;
	height: 2px;
	width: 22px;
	margin-top: 5px;
}
/*
.notice{
	margin-top: 50px;
	font-size: 14px;
	padding: 17px 15px 12px;
	background-color: #f9f9f9;
	line-height: 120%;
	text-align: center;
}
*/
.flex{
	display: flex;
}



/* main_bottom_footer */

.bottom{
	background-color: #444444;
	padding: 25px 5% ;
	margin-top: 45px;
}
.info{
	font-family: 'dotum', 'Arial';
	font-size: 10.5px;
	color: #b1b1b1;
	line-height: 170%;
	font-weight: 300;
}

.info_a{
	text-decoration: none; color:#b1b1b1;
}

.top_btn{
	background-color:#f5f5f5cb ;
	width: 43px;
	text-align: center;
	padding: 14px 0px;
	border-radius: 50%;
	font-size: 12px;
	position:fixed;
	bottom:30px;
	left: 84%;
}


/* index*/

.main_cate{
	font-size: 18px; 
	font-weight: 600;
	padding: 25px 0 15px 0;
}

.main_intro{
	width: 100%; height: 100%; 
	max-width: 680px;
}

.cont_box{
	/*margin-top: 40px;*/
	max-width: 730px;
}

.textbox{
	padding: 7px 10px;
	line-height: 1.5;
}

.main_iv_1{
	width: 100%; height: 100%; 
}


.iv_box01{
	border: 1px solid #e7e7e7;
	width: 100%;
}

.iv_box02{
	border: 1px solid #e7e7e7;
	margin-left: 3px;
	width: 99%;
}

.textbox2{
	padding: 5px 10px;
	line-height: 120%;
}

.more_btn{
	font-size: 12px;
	border: 1px solid #e7e7e7;
	padding: 10px;
	text-align: center;
	margin-top: 8px;
}


/* m_detailpage */

.m_tit{
	margin-top: 70px;
	padding : 0 10px;
	line-height: 200%;
}

.m_line{
	height: 0.5px;
	background-color: #cecece;
	width: 100%;
	margin: 5px 0;
}

h1{
	font-size:var(--ft_21);
	font-weight: 500;
	margin-top: 10px;
}

h2{
	font-size:var(--ft_16);
	font-weight: 500;
}

h3{
	font-size:var(--ft_12);
	font-weight: 400;
	color: #979797;
	letter-spacing: -0.005em;
}

h4{
	font-size:var(--ft_17);
	font-weight: 500;
	margin: 40px 0 30px;
	line-height: 150%;
}

h5{
	font-size:var(--ft_14);
	font-weight: 400;
	margin: 40px 0;
}

h6{
	font-size:var(--ft_15);
	font-weight: 400;
	margin: 40px 0;
}
/*
.noticebox{
	padding: 25px 0 15px;
	line-height: 130%;
	text-align: center;
}

.notice2{
	line-height: 130%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.iframebox{
	margin:  20px auto;
	position: relative;
	width: 100%;
	padding-bottom: 56%;
}

.iframebox iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}

.viedofrom{
	text-align: center;
	color: #979797;
	line-height: 150%
}
*/
.contents{
	text-align: center;
	line-height: 160%;
}

.contents>img{
	width: 100%;
	max-width: 460px;
}

.thumbnail{
	border: 1px solid #e7e7e7;
	width: 80%;
	margin: -25px auto 60px;
	max-width: 350px;
}

.thumbnail_img{
	width: 100%;
}
.thumbnail_t{
	text-align: left; 
	padding: 1% 10px 2%;
	line-height: 120%;
}