body 
{ 
margin:0px; 


}
td {font-family: '¸¼Àº °íµñ', 'Malgun Gothic', 'Nanum Gothic', dotum, sans-serif; color:#222222; font-size:13px;text-decoration: none; line-height:140%; }
table{border-collapse:collapse;}
input{font-family: '¸¼Àº °íµñ', 'Malgun Gothic', 'Nanum Gothic', dotum, sans-serif; color:#222222; font-size:13px;}
IMG {border: none;}

.logininput   { border:1px; border-style:solid; background-color:ffffff; border-color:#cecece; font:12px;color:#898989; text-align: left;padding-left:2px}

select{border:1px solid #CDCDCD; font-size:12px;color:000000;background-color:ffffff;}
.inputbox{border-color:#999999 ;text-decoration: none ; font-family: "±¼¸²"; color:#333333; font-size:12px;}
.orderlist{padding-bottom:3px;}
.td_mov{padding-bottom:3px;padding-top:5px;}
.td_board{padding:4px;padding-top:8px;}

.text_mov{font-weight:bold; color:#FF6600;}
.text_mov01{font-weight:bold; color:#555555; padding-bottom:5px;padding-top:7px;}
.text_mov02{color:#555555;padding:4px; padding-bottom:3px;padding-top:5px;}

.boxpadding1{padding:5px;padding-left:20px;padding-right:20px;color:#333333}
.boxpadding2{padding:5px;/*padding-left:30px;*/}

.textpadding1{padding:6px 0 4px 35px; font-weight:bold;color:#1b50a2}
.textpadding2{padding:6px 0 5px 20px; font-weight:bold;color:#1b50a2; background:url(../img_sub/table_top.gif) no-repeat left top; font-size:14px;}
.textpadding3{padding:6px 0 5px 20px; font-weight:bold;color:#1b50a2; background:url(../img_sub/table_top.gif) no-repeat left top; font-size:14px;}
.textpadding_sub{padding:10px 10px 10px 20px;color:#333333; line-height:20px;}

.order_box {  border: #999999; border-style: solid; border-width: 1px; font-family: "", "u"; font-size: 9pt; line-height: 140%; color: #EF163D; text-decoration: none}
.box {  border: #999999; border-style: solid; border-width: 1px; font-family: "", "u"; font-size: 9pt; line-height: 140%; color: #000000; text-decoration: none}
.box2 {  border: 1px #FFFFFF solid; background-color: #F5F5F5; font-family: "", "u"; font-size: 9pt; color: #004080}
.box3 {  height:18px; border-color:#cecece; font-size:12px; border-style:solid; border-width:1px;}
.main {font-family: "µ¸¿ò", "±¼¸²"; font-size: 9pt; line-height: 140%; color: #333333}
.sh8 {  font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 8px; color: #999999}

.board a:link{font-familly:"±¼¸²","µ¸¿ò";font-size:12px;color:#666666; text-decoration: none}
.board a:active {  font-family:"±¼¸²","µ¸¿ò"; font-size:12px;color:#000000; text-decoration: none}
.board a:visited {  font-family:"±¼¸²","µ¸¿ò"; font-size:12px;color:#666666; text-decoration: none}
.board a:hover {  font-family:"±¼¸²","µ¸¿ò"; font-size:12px;color:#000000; text-decoration:underline}

a:link{ font-size:12px;color:#666666; text-decoration: none}
a:active {font-size:12px;color:#ee6a00; text-decoration: none}
a:visited {font-size:12px;color:#666666; text-decoration: none}
a:hover {font-size:12px;color:#ee6a00; text-decoration: none}

.ad_sido {  font-family: "", "u"; font-size: 18px; font-weight:bold; line-height: 140%; color: #279FAD}
.ad_gu {  font-family: "", "u"; font-size: 18px; font-weight:bold; line-height: 140%; color: #3C7917}

.main_list {font-familly:"±¼¸²","µ¸¿ò";font-size:8pt; color:#333333; font-weight:bold; letter-spacing:-1px;}
.main_list1 {font-familly:"±¼¸²","µ¸¿ò";font-size:8pt; color:#333333;}


.join {font-familly:"±¼¸²","µ¸¿ò"; font-weight:bold; color: #193363 ; padding-top:3px;}
.join1 {padding-top:3px;}

.list1{font-familly:"±¼¸²","µ¸¿ò"; font-weight:bold; color: #474747 ; padding-top:3px;}
.list2{font-familly:"±¼¸²","µ¸¿ò"; padding-top:3px;}

.history{font-familly:"±¼¸²","µ¸¿ò";font-size:8pt; color:#777777;padding-right:10px;}

.com_line {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-COLOR: #E0E0E0
}
.photo { font-size:8pt; color:#555555;}


.login   {background-color:#ffffff; text-align:left; padding-left:85px; height:25px; text-decoration:none}

.footer   {font-family:Gulim; font-size:11px; vertical-align:middle; background-image:url(../img_main/footer_logo.gif); background-repeat:no-repeat; background-position: left; text-align:left; height:25px; font-size:11px; color:#898989; letter-spacing:-0.5px; text-decoration:none; padding-left:176px; padding-top:20px; height:78px; width:470px;}


.title {font-family:µ¸¿ò; font-size:18px; font-weight:bold;color:#222222; letter-spacing:-1px;}

.main_a { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; display: inline-block; padding-top:6px; width: 85%;}
.style_1{font-weight:bold; color: #666666;}


.main_bbs a:link{font-family: '¸¼Àº °íµñ', 'Malgun Gothic', 'Nanum Gothic', dotum, sans-serif ;font-size:12px;color:#FFFFFF; text-decoration: none}
.main_bbs a:active {font-family: '¸¼Àº °íµñ', 'Malgun Gothic', 'Nanum Gothic', dotum, sans-serif; font-size:12px;color:#FFFFFF; text-decoration: none}
.main_bbs a:visited {font-family: '¸¼Àº °íµñ', 'Malgun Gothic', 'Nanum Gothic', dotum, sans-serif; font-size:12px;color:#FFFFFF; text-decoration: none}
.main_bbs a:hover {font-family: '¸¼Àº °íµñ', 'Malgun Gothic', 'Nanum Gothic', dotum, sans-serif; font-size:12px;color:#FFFFFF; text-decoration:underline}



.mList{font-size: 18px; font-weight:bold; color: #FFFFFF; font-family: '¸¼Àº °íµñ', 'Malgun Gothic', 'Nanum Gothic', dotum, sans-serif;}		
.mcount{font-size: 18px; font-weight:bold;
		font-family: '¸¼Àº °íµñ', 'Malgun Gothic', 'Nanum Gothic', dotum, sans-serif;}

.m_tdt{font-size: 15px;
	  color: #191919;
   	  font-family: '¸¼Àº °íµñ', 'Malgun Gothic', 'Nanum Gothic', dotum, sans-serif;
	  line-height: 25px;
	  padding-left:10px;
	  font-weight:bold;}		
	  
.m_td{font-size: 13px;
	  color: #2b2b2b;
   	  font-family: '¸¼Àº °íµñ', 'Malgun Gothic', 'Nanum Gothic', dotum, sans-serif;
	  line-height: 25px;
	  padding-left:10px;}
.m_td1{font-size: 13px;
	  color: #191919;
   	  font-family: '¸¼Àº °íµñ', 'Malgun Gothic', 'Nanum Gothic', dotum, sans-serif;
	  line-height: 25px;}

.formc_item{font-size: 13px;
	     color: #111111;
     	 font-family: '¸¼Àº °íµñ', 'Malgun Gothic', 'Nanum Gothic', dotum, sans-serif;
	     line-height: 25px;
   	     padding-left:10px;}

.formc_td{font-size: 13px;
	     color: #191919;
     	 font-family: '¸¼Àº °íµñ', 'Malgun Gothic', 'Nanum Gothic', dotum, sans-serif;
	     line-height: 25px;
   	     padding-left:10px;}
		 
.tbl01_item{border:1px solid #dddddd; font-weight:bold; height:35px; background-color:#ededed;}
.tbl01_td{ border:1px solid #dddddd;padding-left:10px; height:30px;}

.suceess_tit{font-size: 22px; font-weight:bold; color: #1b50a2; font-family: '¸¼Àº °íµñ', 'Malgun Gothic', 'Nanum Gothic', dotum, sans-serif; line-height: 30px; padding:10px 0 10px 0;}
.suceess_cont{font-size: 14px; color: #111111; font-family: '¸¼Àº °íµñ', 'Malgun Gothic', 'Nanum Gothic', dotum, sans-serif;line-height: 25px; padding:10px 0 10px 0;}
.inquiry_item{font-size: 14px; color: #111111; padding:5px 0 5px 50px; font-weight:bold;}

.diary_item{font-size: 15px; color: #111111; padding:5px 0 5px 0px; font-weight:bold; background-color:#f7f7f7; height:30px;border:1px solid  #dcdcdc}
.diary_day{font-size: 14px; color: #111111; height:100px;line-height: 25px; padding:10px 0 10px 10px; vertical-align:top;border:1px solid  #dcdcdc}
.diary_day1{font-size: 14px; color: #006dcb; height:100px;line-height: 25px; padding:10px 0 10px 10px; vertical-align:top;border:1px solid  #dcdcdc}
.diary_day2{font-size: 14px; color: #e51a10; height:100px;line-height: 25px; padding:10px 0 10px 10px; vertical-align:top;border:1px solid  #dcdcdc}

hr { color:#e3e0d6; height:1px;}


.input{
    border: 1px solid #777777;
    font-size: 15px;
    font-weight: 400;
    color: #000000;
    height: 43px;
    padding: 0 0 0 15px;
    font-family: 'Noto Sans KR';
}

.input:focus {
    outline: 1px solid #00c7ae;
    border: 0;
}

.input-control .input::placeholder {
    font-weight: 400;
    color:#979797;
}

 select.input {
    font-weight: 400;
    color:#000000;
    background: url(../img_main/icon-arrow.png) right 12px center no-repeat;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
}
 select.input::-ms-expand {
    display: none;
}
 select.input.selected {
    font-size: 15px;
    font-weight: 400;
    color: #000000;
}
 select.input option {
    font-size: 15px;
    font-weight: 400;
    color: #000000;
}


.upload_area {
    height: 180px;
	width:auto;
    background-color: #f3f3f3;
    border: 1px solid #777777;
	margin: 0 10px 0 10px;
}

.upload_area .fileButton {
    width: 200px;
    height: 30px;
    z-index: 100;
    background-color: #00c7ae;
    border-radius: 1px;
    border: 1px solid #00b09a;
    margin: auto;
    position: relative;
    text-align: center;
    padding: 10px 0;
    font-size: 18px;
    margin-top: 57px;
	vertical-align: bottom;
	
}


.upload_area .fileButton input[type="file"] {
    opacity: 0;
    width: 100%;
    height: 100%;
    font-size: 0px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}

.upload_area .fileButton img {
    vertical-align: sub;
    margin-right:10px;
}



.upload_area .imgBox{position: relative; display: inline-block; width: 150px; height: 150px; margin: 15px 5px 0 0; border: 1px solid #ccc; overflow: hidden; vertical-align: top;}
.upload_area .imgBox img{position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%);}
.upload_area .imgBox .btnDel{position: absolute; top: 0; right: 0; width: 18px; height: 18px; background: #333 url(../images/icon_x_w.png) no-repeat center; background-size: 9px; text-indent: -9999px;}



@media  (max-width:1180px){
	/* mobile */
		body 
		{ 
			/*width: 100%; min-width: 640px;position:relative;*/
		}
	
		.upload_area {
			height: 180px;
			width:auto;
			background-color: #f3f3f3;
			border: 1px solid #777777;
			margin: 0 10px 0 10px;
		}

		.upload_area .fileButton {
			width: 70%;
			height: 50%;
			z-index: 100;
			background-color: #00c7ae;
			border-radius: 1px;
			border: 1px solid #00b09a;
			margin: auto;
			position: relative;
			text-align: center;
			padding: 10px 0;
			font-size: 30px;
			margin-top: 30px;
			vertical-align: bottom;
			
		}


		.upload_area .fileButton input[type="file"] {
			opacity: 0;
			width: 100%;
			height: 100%;
			font-size: 0px;
			cursor: pointer;
			position: absolute;
			top: 0;
			left: 0;
		}

		.upload_area .fileButton img {
			vertical-align: sub;
			margin: 30px 10px 10px 0;
		}



		.upload_area .imgBox{position: relative; display: inline-block; width: 150px; height: 150px; margin: 15px 5px 0 0; border: 1px solid #ccc; overflow: hidden; vertical-align: top;}
		.upload_area .imgBox img{position: absolute; top: 50%; left: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%);}
		.upload_area .imgBox .btnDel{position: absolute; top: 0; right: 0; width: 18px; height: 18px; background: #333 url(../images/icon_x_w.png) no-repeat center; background-size: 9px; text-indent: -9999px;}



		
		.input{
			border: 1px solid #777777;
			font-size: 40px;
			font-weight: 400;
			color: #000000;
			height: 80px;
			padding: 0 0 0 15px;
			font-family: 'Noto Sans KR';
		}

		.input:focus {
			outline: 1px solid #00c7ae;
			border: 0;
		}

		.input-control .input::placeholder {
			font-weight: 400;
			color:#979797;
		}

		 select.input {
			font-weight: 400;
			color:#000000;
			background: url(../img_main/icon-arrow.png) right 12px center no-repeat;
			appearance: none;
			-webkit-appearance: none;
			-moz-appearance: none;
			-o-appearance: none;
		}
		 select.input::-ms-expand {
			display: none;
		}
		 select.input.selected {
			font-size: 15px;
			font-weight: 400;
			color: #000000;
		}
		 select.input option {
			font-size: 15px;
			font-weight: 400;
			color: #000000;
		}

}