@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic|Nanum+Myeongjo&display=swap&subset=korean');

/* CSS Document */
/* ----------------------START-------------START----------데스크탑 모드 -------START------------*/	


.div_half{
	text-align: center;
	margin: 0 auto;
	width: 70%;
}

.img_sample_01 {
	text-align: center;
	max-width: 100%;
	display: block;
		
}

.img_sample_text_01 {
	position: absolute;
	width: 26%;
	opacity: 0.5;
	background-color: aqua;
	top: 0;
	right: 0;
	font-size: 80%;
	color: blue;
	padding: 10px 10px 10px 10px;
	text-align: center;
	
}

/* --------------------------------------데스크탑 모드 -------------------*/	

table {
	width : 80% ;
	border-bottom: 1px solid #C8C6C6;
    border-collapse: collapse;
  }
.table_status{		
		border-style: hidden ;
		width: 40%;
		text-align: center;
	
	}	

.table_td_status{
		vertical-align: middle;
		float: center;
		border-style: inherit  ;
		text-align: center;
		height: .5em ;
		width: 10%;
		list-style-type: none;
		margin-left: 10px;
		padding:4px;
		font-size: 0.8em;
		color: #000000; 
		
	}
	
th, td {
    border-bottom: 1px solid #C8C6C6;
    padding: 5px;
  }

textarea {
	width: 420px;
	height: 450px;
}
.textarea_message {
	width: 420px;
	height: 450px;
}
.textarea_write {
	width: 420px;
	height: 100px;
}

/* ------------------------------------------데스크탑 모드  ----------------*/	
a:link {text-decoration: none;}
a:hover {text-decoration: underline;}

ul {
	position: fixed;
    background-color: #EFEFEF;
	text-align: center;
	width: 100%;
	margin 0;
	top: 0;
	margin-top: 0;
	text-decoration: none;
	margin-left: -8px;
	z-index: 111;
	overflow: hidden;
	text-decoration: none;
}


/* ------------------------------------------데스크탑 모드  ----------------*/		
li {
	z-index: 112;
  	display: inline-block;
	margin: 0 ;
	top: 0;
	margin-top: 0;
	text-align: center;
	text-decoration: none;

}


		
li a, .dropbtn {
	margin 0;
	top: 0;
	margin-top: 0;
   	display: inline-block;
    color: #727272;
    text-align: center;
    padding: 14px 15px;
    text-decoration: none;
	
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: #C0E2FF;
}


/* ------------------------------------------데스크탑 모드  ----------------*/	

.handstrap_home {
	margin: 0px;
    background-color: #E671E9;
	text-align: center;
	
	}
.m_text1{
	
	background-color: #9F9DF3;
	color: #ffffff;
	font-size: 11px;
	text-align: center;
}
.m_text2{
	
	background-color: #EDEDED;
	color: black;
	font-size: 11px;
	text-align: center;
}
.m_text3{

	color: black;
	font-size: 14px;
	text-align: center;
}
/* ------------------------------------------데스크탑 모드  ----------------*/	
.m_text4 {
	font-size: 14px;
	text-align: center;
	color: #91B6F8;
}

.adm_text{
	
	font-color: #F89200;
	font-size: 9px;
	text-decoration: none;
	
		}
.line{border-bottom:1px solid red;}		

.scroll-list {
background-color: #efefef;
width: 200px;
height: 0px;
overflow: none;
line-height:100%;
padding:0;
}

.home_banner {
	margin: 0 auto; 
	width:50%; 
	vertical-align: middle;
	font-size: 12px;
	padding:4px;
	background-color: #FFFFFF; 
	color: #7C7C7C;
}
/* --------END--------데스크탑 모드---END------데스크탑 모드------데스크탑 모드 END   ----------------*/	

/*START---------- Tablet View 태블릿모드  태블릿모드  태블릿모드 -------START-------------START----------- */
@media (min-width: 600px) and ( max-width: 1200px ){
.div_half{
	text-align: center;
	margin: 0 auto;
	width: 80%;
}
	
table {
	width : 80% ;
	border-bottom: 1px solid #C8C6C6;
    border-collapse: collapse;
  }
		
.table_status{		
		border-style: hidden ;
		width: 70%;
	text-align: center;
		}
	
.table_td_status{
		width: 10%;
		vertical-align: middle;
		float: center;
		border-style: inherit  ;
		text-align: center;
		height: .8em ;
		list-style-type: none;
		margin-left: 10px;
		padding:3px;
		font-size: 0.6em;
		color: #000000; 
		}
/* Tablet View 태블릿모드  태블릿모드  태블릿모드-------------------------------   */			
textarea {
	width: 380px;
	height: 450px;
}
.textarea_message{
	width: 380px;
	height: 150px;
}
.textarea_write {
	width: 380px;
	height: 80px;
}
	
ul {
	position: fixed;
	z-index: 112;
	font-size: 11px;
	list-style-type: none;
	margin-left: -8px;
	padding: 0;
    overflow: hidden;
    background-color: #FFCFF4;
	text-align: center;
	width: 100%;
	top: 0px;
	margin 0;
text-decoration: none;
	margin-top: 0;
}
	
	

/* Tablet View 태블릿모드  태블릿모드  태블릿모드-------------------------------   */			
	
li{
	z-index: 111;
	font-size: 15px;
	line-height: 5px;
		}
li a, .dropbtn {
    
    color: black;
    text-align: center;
    padding: 17px 14px;
    text-decoration: none;
	margin-top: 0px;
	margin-left: 0px;
}
			
.m_text1{
	
	background-color: #9F9DF3;
	color: #ffffff;
	font-size: 10px;
	text-align: center;
		line-height:11px;
}
.m_text2{
	
	background-color: #EDEDED;
	color: black;
	font-size: 10px;
	text-align: center;
	line-height:11px;
}
.m_text3{
	
	color: black;
	font-size: 14px;
	text-align: center;
}
.m_text4 {
	font-size: 14px;
	text-align: center;
	color: #91B6F8;
}
/* Tablet View 태블릿모드  태블릿모드  태블릿모드 ------------------------ */		
img{
max-width: 95%;
	}
h2{
	
		font-size: 30px;
		
	}
h3{
	margin-top: 100px;
		font-size: 25px;
		
	}

.home_banner {
margin: -1px auto; 
width:80%; 
vertical-align: middle;
font-size: 12px;
padding: 2px;
background-color: #FFFFFF; 
color: #AFAFAF;
}
	
}/* Tablet View 태블릿모드  태블릿모드  태블릿모드 END ------ END--------- END */			

/* ----------------------------------------------------------------*/	


/* START ---------아이폰 모드 아이폰 모드 아이폰 모드 아이폰 모드--------START */
@media (max-width: 600px){
.div_half{
	margin: 0 auto;
	text-align: center;
	width: 95%;
}
	
/* ------------------------------아이폰 모드 아이폰 모드 아이폰 모드 아이폰 모드--------------------- */	
table {
	width : 98% ;
	border-bottom: 1px solid #C8C6C6;
    border-collapse: collapse;
  }
	
.table_status {		
		border-style: hidden ;
		width: 80%;
	text-align: center;
	}
	
.table_td_status {
	width: 10%;
		vertical-align: middle;
	text-align: center;
		height: .7em ;
		list-style-type: none;
		margin-left: 1px;
		padding:4px;
		font-size: .6em;
		color: #000000; 
		}
/* ------------------------------아이폰 모드 아이폰 모드 아이폰 모드 아이폰 모드--------------------- */		
	
textarea {
	font-family:"나눔고딕",Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	width: 310px;
	height: 450px;
}	
.textarea_message{
	width: 310px;
	height: 60px;
}
.textarea_write {
	width: 310px;
	height: 40px;
}	
/* ------------------------------아이폰 모드 아이폰 모드 아이폰 모드 아이폰 모드--------------------- */
img{	
max-width: 95%;
	
	}
	
ul {
	position: fixed;
	z-index: 112;
	text-decoration: none;
	list-style-type: none;
	margin-left: -8px;
	padding: 0;
    overflow: hidden;
    background-color: #D4D3FF;
	text-align: center;
	width: 100%;
	top: 0px;
	margin 0;

	margin-top: 0;
}
	
	
li{
	z-index: 110;
	font-size: 14px;
	line-height: 0px;
		
	}
li a, .dropbtn {
    
    color: black;
    text-align: center;
    padding: 16px 12px;
    text-decoration: none;
	margin-top: 0px;
	margin-left: 0px;
}
		
/* ------------------------------아이폰 모드 아이폰 모드 ----------------- */

.imoticon_img{
	-webkit-user-select:none; 
 		-webkit-touch-callout:none;
		pointer-events: none;
	max-width: 80%;
	}
	
h2{
		font-size: 17px	
	}
h3{
	margin-top: 100px;
		font-size: 14px;
	}

.m_text1{
	
	background-color: #9F9DF3;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
		line-height:11px;
}
.m_text2{
	
	background-color: #EDEDED;
	color: black;
	font-size: 12px;
	text-align: center;
	line-height:12px;
}
/* ------------------------------아이폰 모드 아이폰 모드 아이폰 모드 아이폰 모드--------------------- */	
.m_text3{
	
font-size: 10px;
	
}	
.m_text4 {
	font-size: 14px;
	text-align: center;
	color: #91B6F8;
}
.home_banner {
	margin: -1px auto; 
	width:90%; vertical-align: middle;
	font-size: 10px;
	padding: 1px;
	background-color: #FFFFFF; 
	color: #828282;
}
	/* --------------- END----------아이폰 모드 아이폰 모드 ------------------- END */
	/* --------------- END----------아이폰 모드 아이폰 모드 ------------------- END */