@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:1320px) {
}
@media only screen and (max-width:1199px) {
	body{
		background:var(--clr1)
	}
	#article>.kor{
		background:url(../img/m_kor_back.jpg) center;
 }
 #article>.eng{
		background:url(../img/m_eng_back.jpg) center;
 }
 .weblink {height:0px;}
	#poster {
		width:100%;
		height:fit-content;
		background-size: contain !important;
		background-position: top !important;
		background-repeat: no-repeat !important;
	}
	#poster .contents .spc_be{
		flex-direction: column!important;
		width:100%!important;
	}
	#poster .contents .box h1 p{
		text-align: center;
	}
	.ob_abs,.ob_birs_kr,.ob_birs_eng {position: absolute; display: none;}
	#poster .contents {
		padding:790px 10px 0px 10px;
	}
	#poster .contents .boxwrap{
		flex-direction: column;
	}
	#poster .contents .wd33{
		width:100%
	}
	#poster .contents .box{
		padding:20px;
	}
	#poster .contents .box .icon{
		width:50px;
		height:50px;
		background-size: 150px;
	}

	#poster .contents .box h1{
		font-size:18px;
		text-align: center;
	}
	#poster .contents .box p {
    line-height: 1.2;
}
	#poster .contents .box .st1{
		background-position:1px 1px
	}
	#poster .contents .box .st2{
		background-position:-46px 0px;
		background-size: 140px;
	}
	#poster .contents .box .st3{
		background-position:-100px -2px
	}
	#poster .contents .box .st4 {
    background-position: 0px -50px;
  }
	#poster .contents .box .st5 {
    background-position: -49px -50px;
	}
	#poster .contents .box .st6 {
    background-position: -100px -50px;
	}
	#poster .contents .box .st7 {
    background-position: 0px -101px;
	}
	#poster .contents .wd50{
		width:100%
	}
	#poster .contents .row{
		flex-direction: column;
  }
	#poster .contents .start{
		align-items: center;
	}

	#poster .contents .row>.icon{
		margin-right:0px;
		margin-bottom:15px;
	}
	.callcnt{
		margin-top:10px;
	}
	.callcnt>div{
		padding:10px
	}
	#poster .contents .start>p{
		text-align: center!important;
	}
	.language{
		width:100%;
		background: #fff;
		margin:0 auto; 
		padding-top:100px;
	}
	.language>button{
		width:50%;
		padding:10px 0px;
	}
	.sel_lang {
	   position:relative; 
	   right:px; 
	   top:0px; 
	   border:3px solid #575757; 
	   border-radius:0px; 
	   padding:10px 10px; 
	   width:100%; 
	   font-size:16px; 
	   color:#666; 
	   margin:10px 0px -25px 0px
	}
	.sel_langu {width:100%}
	.sel_langu>select {width:100%}
	.flxal {align-items:flex-end; flex-direction: column-reverse}
	.tit_sb {display:block; margin-top:5px;}
	.m_mgt_60 {margin-top:50px!important;}
	#poster .contents .box .edit{
		width:100%!important;
		display:flex;
		justify-content: center;
		text-align: center!important;
	}
}
@media only screen and (max-width: 767px) {
	#poster .contents {
		padding:380px 10px 0px 10px;
	}

}