@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Sans+KR:wght@300;400;500;700;900&family=Noto+Serif+KR:wght@300;400;500;700;900&display=swap');

@font-face{
	font-family:"NanumSquare";
	src:url('/css/fonts/NanumSquareR.eot');
	src:url('/css/fonts/NanumSquareR.eot?#iefix') format('embedded-opentype'),
	url('/css/fonts/NanumSquareR.woff') format('woff'),
	url('/css/fonts/NanumSquareR.ttf') format('truetype');
	src:local('?'), url('/css/fonts/NanumSquareR.woff') format('woff');
}

@font-face{
	font-family:"NanumSquare";
	src:url('/css/fonts/NanumSquareB.eot');
	src:url('/css/fonts/NanumSquareB.eot?#iefix') format('embedded-opentype'),
	url('/css/fonts/NanumSquareB.woff') format('woff'),
	url('/css/fonts/NanumSquareB.ttf') format('truetype');
	src:local('?'), url('/css/fonts/NanumSquareB.woff') format('woff');
    font-weight: bold;
}


* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; word-break: keep-all; -ms-word-break: keep-all; word-wrap: break-word; -ms-word-wrap: break-word; -ms-scroll-chaining: none; -ms-touch-action: none;}

HTML,BODY { position: absolute; width: 100%; height:auto; min-height: 100%; margin:0 auto; font-family:'NanumSquare','Noto Sans KR','Malgun Gothic','Arial', sans-serif; font-size: 13px; background-color: #fff; }

ul { list-style:none; }
ul:after{ display:block; clear:both; content:''; }
TD {	FONT-WEIGHT: normal; COLOR: #333333; LINE-HEIGHT: 18px;  font-size: 13px; }
IMG { BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; LINE-HEIGHT: 25px; BORDER-BOTTOM: 0px }

A:link {	COLOR: #446699; TEXT-DECORATION: none; vertical-align: middle;}
A:visited {	COLOR: #446699; TEXT-DECORATION: none; vertical-align: middle;}
A:active {	COLOR: #d42c3d; TEXT-DECORATION: none; vertical-align: middle;}
A:hover {	COLOR: #d42c3d; TEXT-DECORATION: none; vertical-align: middle;}

.Form_01 {	BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid;  
			BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid;
			BACKGROUND-COLOR: #f5f5f5  ;
}
.Form_02 {
			BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; 
			BORDER-LEFT: #ccc 1px solid; BORDER-BOTTOM: #ccc 1px solid;
			; color: #585858
}
.Form_03 {
			BORDER-RIGHT: #D3D2CE 1px solid; BORDER-TOP: #D3D2CE 1px solid; 
			BORDER-LEFT: #D3D2CE 1px solid; BORDER-BOTTOM: #D3D2CE 1px solid;
			; color: #585858 solid; BACKGROUND-COLOR: #FAFAFA;
}
select, input, textarea { max-width: 100%; font-family:'Nanum Gothic','Malgun Gothic',Sans-serif ; font-size: 13px; color:#666; line-height: 22px; background: #fff;}
select, input { height: 24px; vertical-align: middle; border: 1px solid #ccc; background: white; padding-left:5px; }

input[type="file"]{ border: 0; }
input[type="file"],input[type="image"],.FullBox input[type="checkbox"],.FullBox input[type="radio"]{ padding:0; width:auto; height:auto; }
	.FullBox select,.FullBox input,.FullBox textarea{ width: 100%; }

INPUT::placeholder{ color: #acacac; font-weight: normal;}/* Firefox 51, Chrome 57 */
INPUT:-ms-input-placeholder{ color: #acacac; font-weight: normal;}/* Internet Explorer 10-11 */
INPUT::-ms-input-placeholder{ color: #acacac; font-weight: normal;}/* Microsoft Edge */
INPUT::-webkit-input-placeholder{ color: #acacac; font-weight: normal;}/* Chrome 4-56 */
INPUT:-moz-placeholder{ color: #acacac; font-weight: normal;}/* Firefox 4-18 */
INPUT::-moz-placeholder{ color: #acacac; font-weight: normal;}/* Firefox 19-50 */ 

textarea { padding:0; border: 1px solid #ccc; text-decoration: none;}
textarea::placeholder{ color: #acacac; font-weight: normal;}/* Firefox 51, Chrome 57 */
textarea:-ms-input-placeholder{ color: #acacac; font-weight: normal;}/* Internet Explorer 10-11 */
textarea::-ms-input-placeholder{ color: #acacac; font-weight: normal;}/* Microsoft Edge */
textarea::-webkit-input-placeholder{ color: #acacac; font-weight: normal;}/* Chrome 4-56 */
textarea:-moz-placeholder{ color: #acacac; font-weight: normal;}/* Firefox 4-18 */
textarea::-moz-placeholder{ color: #acacac; font-weight: normal;}/* Firefox 19-50 */ 


#Btn_Area { text-align:center; margin: 20px 0; }

button,.btn{ height: 24px; line-height: 22px; cursor: pointer; color:#ffffff; vertical-align: middle; padding:0px 10px; font-size: 12px; letter-spacing:-1px; border-radius: 3px; border:1px solid #446e74; word-spacing: 3px;
			background-color:#709da3; background:linear-gradient(to bottom, #fff 2%,#709da3 2%,#709da3 100%); background-repeat: no-repeat; background-position: left center;  background-size: auto 100%;}

button.btn_search,.btn_search{ background-color:#66aed5; border:1px solid #3183b0; background-image: url('../images/search.gif'); padding-left:30px;}
button.btn_excel{ background-color:#709da3; border:1px solid #446e74; background-image: url('../images/excel.gif'); padding-left:30px;}
button.btn_write{ background-color:#cc6666; border:1px solid #8e4747; background-image: url('../images/write.gif'); padding-left:30px;}
button.btn_cancel{ background-color:#818181; border:1px solid #585858; background-image: url('../images/cancel.gif'); padding-left:30px;}
button.btn_ok{ background-color:#f56833; border:1px solid #e05c2a; background-image: url('../images/ok.gif'); padding-left:30px;}
button.btn_list{ background-color:#818181; border:1px solid #446e74; background-image: url('../images/list.gif'); padding-left:30px;}
button.btn_edit{ background-color:#709da3; border:1px solid #446e74; background-image: url('../images/edit.gif'); padding-left:30px;}
button.btn_del{ background-color:#d45; border:1px solid #b23; background-image: url('../images/del.gif'); padding-left:30px;}
button.btn_reply{ background-color:#66aed5; border:1px solid #3183b0; background-image: url('../images/search.gif'); padding-left:30px;}
button.btn_close{ background:#fff; border:1px solid #446e74; width: 100%; height: 30px; color: #446e74; padding:0; }
INPUT.Search_btn { width:19px; height:19px; }

	.Sea { background:#0078ac; background:linear-gradient(to bottom, #fff 2%,#0078ac 2%,#0078ac 100%); border: solid 1px #066690;}
	.Blue { background:#446699; background:linear-gradient(to bottom, #fff 2%,#446699 2%,#446699 100%); border: solid 1px #334e77;}
	.Red { background:#d42f2b; background:linear-gradient(to bottom, #fff 2%,#d42f2b 2%,#d42f2b 100%); border: solid 1px #d42f2b;}
	.Green { background:#32b371;background:linear-gradient(to bottom, #fff 2%,#32b371 2%,#32b371 100%);  border: solid 1px #189857;}
	.Purple { background:#8781bd; background:linear-gradient(to bottom, #fff 2%,#8781bd 2%,#8781bd 100%); border: solid 1px #605ca8;}
	.Orange { background:#ff6640; background:linear-gradient(to bottom, #fff 2%,#ff6640 2%,#ff6640 100%); border: solid 1px #db2d01;}
	.Pink { background:#f06eaa; background:linear-gradient(to bottom, #fff 2%,#f06eaa 2%,#f06eaa 100%); border: solid 1px #f06eaa;}
	.Gray { background:#818181; background:linear-gradient(to bottom, #fff 2%,#818181 2%,#818181 100%); border: solid 1px #585858;}
	.Yellow { background:#fa9735; background:linear-gradient(to bottom, #fff 2%,#fa9735 2%,#fa9735 100%); border: solid 1px #dc7a1a;}
	.Copper { background:#cc6666; background:linear-gradient(to bottom, #fff 2%,#cc6666 2%,#cc6666 100%); border: solid 1px #a0534b;}
	.Brown { background:#88563f; background:linear-gradient(to bottom, #fff 2%,#88563f 2%,#88563f 100%); border: solid 1px #603d2e;}
	.StarMark { color:#d42f2b }

	.Close { display:none;}
	.heigh { height:70px; }

.justify {	FONT: normal 12px/20px "Dotum", "Verdana"; COLOR: #757575; TEXT-ALIGN: justify; }
.td_content1 {
			PADDING-LEFT: 4px; PADDING-BOTTOM: 2px;  PADDING-TOP: 5px ;
			FONT: 12px/18px "Dotum", "Verdana"; COLOR: #757575 } 
.td_content2 { 
			PADDING-LEFT: 4px; PADDING-BOTTOM: 2px;  PADDING-TOP: 3px ; FONT: 12px/18px "Dotum", "Verdana";
			COLOR: #757575; BACKGROUND-COLOR: #ffffff;
} 
.td_content3 { 
			PADDING-LEFT: 4px; PADDING-BOTTOM: 2px;  PADDING-TOP: 5px ; FONT: 12px/18px "Dotum", "Verdana";
			COLOR: #757575; BACKGROUND-COLOR: #E3E3E3;
} 
.TD_B {
			FONT-WEIGHT: normal; COLOR: #000000; LINE-HEIGHT: 18px; 
}
.TD_S {
			FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #757575; LINE-HEIGHT: 18px; 
}

contents { font-size: 12px;  line-height: 20px; color:#979797;  padding-left: 10px; }

.cyber_page {	font-size:11px;}
.cyber_border {	border-left:1px solid #ebebeb; border-right:1px solid #ebebeb;}
.cyber_pic {	border:3px solid #ebebeb;}
.cyber_write {	border-top:1px solid #C0BFBF;}
.line { width: 540px;	font-size: 14px;	color: #FF6600;	border: thin solid #0000FF;}
.DotLine { border-bottom: 1px dashed #ccc; margin: 25px 2%; }
.style1 { color: #333333; font-weight: bold; }
.logo img{ max-width: 150px;}

.Left_Space { padding-left:4%; }
.Right_Space { padding-right:4%; }

#PCNo,#Tablet ,#Mobile { display:none; }

/* Login Form */
#LoginBg { position: absolute; top: 25%; width: 100%; height: 150px; background: #8fb2d8; margin: 0 auto; margin-top: 50px; text-align: center;}
#LoginWrap { position:relative; max-width: 600px; margin: 0 auto; top: -70px; }
#LoginArea { position:relative; padding:10px; border:1px solid #d9d9d9; background:#fff; box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.14);}
	.LoginForm { padding: 40px; background: url('../images/login_bg.png') left bottom no-repeat; background-color: #f5f5f5; text-align: left; }
	.LoginLine { position: relative; display: inline-block; width: 35px; transform: rotate(90deg); border-bottom: 5px solid #8eb1d7; vertical-align: middle;}
	.LoginText { display: inline-block; color:#6e98c2; font-size:16px; letter-spacing: -1px; vertical-align: middle; font-weight: 600;}
	.LoginText span { color:#666; font-size:11px; font-weight: normal; letter-spacing: 0.5px; line-height: 2;}

#LoginArea form {display: inline-block; width: 70%; }
	.idpwForm { text-align: right; margin-top: 30px; margin-bottom: 10px; }
	.idpw { width: 77%; text-align: left; vertical-align: middle; display: inline-block; }
	.LoginList { width:26%; font-size:14px; letter-spacing:-1px; font-weight:600; color:#555; vertical-align:middle; display: inline-block; }
	.idpw input { width:70%; height:30px; padding:0px 3%; margin:6px 0; border:1px solid #dbdbdb; vertical-align:middle; display: inline-block; background: #fff;}
	.LoginBtn { display: inline-block; width: 20%; height:74px; font-weight:600; font-size:16px; color:white; text-align:center; cursor:pointer; background: #386eaa; vertical-align: middle;}
	.LoginBtn input { position: relative; width: 100%; height:100%; z-index: 5; opacity: 0;}
	.LoginBtnText{ position: relative; top: -50px; font-weight:600; font-size:16px; color:white; }


/*HEADER START*/
header{ width:100%; margin:0 auto; padding-top: 16px; padding-bottom: 10px; z-index: 1; border-top: 5px solid #446699; background: #ddeeff;}
    .logo { margin-left: 15px; display:inline-block; }
    .logo span{vertical-align: bottom; margin-left: 10px; display: inline-block;}
	.TopMenu { float: right; margin-right:25px; }

/*MENU START*/
#Menu{ position:absolute; width:180px; height: 100%; background:#446699; letter-spacing:-0.5px; text-align:left; z-index: 2; margin: 0; float: left;}
#Menu li{ position:relative; width: 100%; border-top: 1px solid #7491bd; border-bottom: 1px solid #254678; letter-spacing: -0.5px; line-height: 45px;}
#Menu li div,#Menu li div a{ cursor: pointer; font-size: 13px; color: #fff; font-weight:600; line-height:43px;  }
#Menu li div{ padding-left: 20px; }
#Menu li.plus div:before,#Menu li.plus div:after { content:''; display:block; width:16px; height:2px; background:#fff; z-index: 3; border-radius:100px; position:absolute; right: 20px; transition:all 0.6s; top: 22px; }
#Menu li.plus div:after { transform:rotate(90deg); }
#Menu li.plus.on div:before {color:#fff}
#Menu li.plus.on div:after { transform:rotate(0deg); }
#Menu li .sub{  display:none; position: absolute; z-index: 5; width: 100%;}
#Menu li .sub{ border-top: 1px solid #254678; position: relative;}
#Menu li .sub li{ width:100%; height:43px; background:#5e7ba7; color: #fff; opacity: 0.9; line-height:42px; border-bottom:1px solid #345588 ; cursor: pointer; font-size: 0.95em; text-indent:30px; font-weight: normal;}

    .Mmenu,.MmenuTop,.MmenuLogo{ display:none; }


/*Content START*/
#OverTable { overflow:auto; height:auto; width:100%; }

#Content { height: auto; min-height: 100%; float: right; padding: 10px; }

	.Content_title { background: url("../images/s_po.png") no-repeat 7px center; background-color:#446699; border:1px solid #334e77; border-radius: 5px; padding-left: 28px; font-size:13px; color:#fff; text-align: left; font-weight:600; height:30px; line-height:30px; margin-bottom:5px;}
	.Content_title span { font-size:11px; font-weight:normal; color:#fff; float:right; padding-right: 20px; }

#minical {/*´Þ·Â*/ display: none; position: absolute; width:200px; padding: 10px; border: 1px solid #aaa; background:#fff; margin-top: 20px; margin-left: -80px;}
#minical td { height:26px; }

/* Title_Area Start */
#Title_Area { position:relative; width:100%; height: auto; line-height: 34px; margin:0 auto; margin-top: 20px; margin-bottom: 3px; text-align:left;}
#Title_Area .Cont_Title{ background: url('../images/icon_dot.gif') no-repeat left; padding-left: 18px; color:#333; font-size:13px; font-weight: bold;}
#Title_Area .Totalcount { padding-left: 5px;}
#Title_Area .Refer { position: absolute; bottom: 0px; right: 0px; }
#Title_Area span { color:#d42f2b; line-height: 1.6;}

#Case { width:100%; margin: 10px auto; text-align: left; padding: 5px 25px; background: #fff2ef; border: 1px solid #ddd;}
#Case div { display:inline-block; vertical-align: middle;}
#Case .CaseBox {  margin-right: 2%;}
#Case .Case_file { width: 100%; margin-bottom:5px; }
#Case .Case_file:last-child { margin-bottom:0; }
#Case .Title { width:auto; margin-right:5px;}

	.License { width: 24.5%; display: inline-block; margin: 30px 0; text-align: center;}
	.License_img { overflow:hidden; width:150px; height:205px; border:solid 1px #DDDDDD; cursor:hand; margin: 10px  auto; }

/* Board_List Start */
#Board_List .thread_M { display:none;}
#Board_List { border-top: 1px solid #d1dee2; width: 100%; margin: 0 auto;}
#Board_List img{ vertical-align: middle;}
#Board_List .thread,#Board_List .tbody { text-justify: distribute-all-lines; text-align-last: justify;}
#Board_List .thread {background: #ecf3f6; /*#e9f1f0*/ border-bottom: 1px solid #d1dee2; color: #444; text-align: center; padding: 10px 0; font-weight: bold;}
#Board_List .tbody {position: relative; border-bottom: 1px solid #ccc; color: #666; font-weight: normal; text-align: center; padding: 9px 0;}
#Board_List .thread div, #Board_List .tbody div { display:inline-block; line-height: 1.6; text-align: center; vertical-align:middle; text-justify: auto; text-align-last: auto; }
#Board_List input{ text-align: center; border: 0; padding: 0; width: 100%;}
#Board_List input.btn { width: auto; }
#Board_List span{ display:inline-block;}

#Board_List .File { width:4%; }
#Board_List .No,#Board_List .PCnt { width:6%;}
#Board_List .Name { width:7%; }
#Board_List .Date { width:9%; }
#Board_List .Control { width:9%;}
#Board_List .Tel { width:12%; }
#Board_List .Memo { width:14%; }
#Board_List .ControlB { width:20%; }
#Board_List .Place { width:23%;}
#Board_List .Subject { width:28%;}
#Board_List .Query { width:50%;}
#Board_List .LoopTable .ControlB { width:38%; }
#Board_List .LoopTable { width:50%; }
#Board_List .LoopTable .Subject { width:60%;}
#Board_List .tbody .img { overflow:hidden; width:50px; height:40px;}
#Board_List .tbody .img img { width:100%; height:auto;}
/* Board_List End */


/*  BoardWrite & BoardView Start */
#Board { border-collapse: separate; border-spacing: 1px; text-align: left; border-top: 2px solid #334e77; margin-top: 5px; padding-top: 5px; width: 100%; }
#Board .BArea_1ea,#Board .BArea_2ea { width:100%; float:left; background:#ecf3f6; border-top: 1px #ccc solid; border-left: 1px #ccc solid; border-right: 1px #ccc solid;}
#Board .BArea_2ea { width:50%;}
#Board .BList, #Board .BData { display: inline-block; vertical-align: middle; line-height:28px; min-height: 40px; padding: 6px 10px; float: left; }
#Board .BList{ width:13%; text-align:center; color:#555; word-break: keep-all;}
#Board .BListH { height:130px; }
#Board .BArea_2ea .BList{ width:26%; }
#Board .BArea_2ea .BData{ width:74%; }
#Board .BData {width: 87%; text-align:left; color:#777; background: #fff;}
#Board textarea { width: 100%; padding:5px; border:1px solid #ccc}
#Board .Bline { display:inline-block; width: 100%; border-bottom: 1px solid #ccc; }
#Board .BDataTable span { display:inline-block; margin-right:20px;}

#Board .CheckSpamCode { font-size:10pt; letter-spacing:1px; color:#82b663; text-align:center; font-weight:bold; margin-right: 10px;}
#Board .DotText { display: inline-block;}
#Board .upfile { max-width: 470px; margin-right: 10px; border: 1px solid #ccc; padding: 0; background: #fff; height: 28px; }
#Board .pwd { max-width: 120px; margin-right: 5px; }
#Board .Attach { margin-right:5px; }
#Board .BCont { display:inline-block; width:100%; line-height:2; padding:2%; box-sizing: border-box; border-top: 1px #ccc solid;}
#Board .BCont img{ max-width: 100%;}
#Board .checkbox{ width: auto; height: auto; }
#Board .Data .Tell{ max-width:60px; ime-mode:disabled; }
#Board .Data .mail{ max-width:120px; ime-mode:disabled; }
#Board .TextBox { width:98%; padding:10px;  border:1px solid #ccc; margin-bottom: 5px; }
#Board .BBtn { width:100%; text-align:center; padding-top:30px; padding-bottom:30px; border-bottom:0; }
#Board .BBtn img { cursor:pointer; vertical-align: middle; width: 80px; }
#Board .NoDate { vertical-align: middle; }
/* BoardWrite & BoardView End */


/* Page Start*/
#Page { text-align:center; margin: 20px 0; }
#Page div{ display:inline-block; min-width:24px; height:24px; line-height: 21px; padding: 0 4px; font-size: 12px; text-align:center; border:solid 1px #d7d7d7; color:#555555; vertical-align:middle;}
#Page div.on { color:#fff; background-color:#d42c3d; font-weight:bold; }
#Page .pre_page,#Page .nex_page { width:auto; padding: 0 0.5%;}
#Page .pre {}
#Page .nex { }
#Page img { vertical-align: middle; }
/* Page End*/






@media (max-width:1200px) { /*********************** TABLET ***********************/
#Tablet { display:block; }
#PC,#TabletNo,#Mobile { display:none; }

    .Mmenu,.MmenuTop,.MmenuLogo{ display:block; z-index: 1;}
	.MmenuLogo img{ width:55%; margin-left: 28px; }
	.icontop { width:24px; margin-top: 14px; margin-bottom: 7px;}
	.MmenuTop { position: relative; width: 100%; height: 70px; text-align: center; background:#446699; margin-top: 10px;}
	.MTBtn { float: left;  width: 33.3%; background: #345588; border-right: 1px solid #fff; }
	.MTBtn:last-child { border-right: none; }
	.MTBtn span { width: 100%; height: 70px; font-size: 12px; color: #fff; vertical-align: middle; display: inline-block; line-height: 1.6;}
	.logo { width:auto; }
	.TopMenu { display:none; }

/*MENU START*/
#Menu{ display:none; position: absolute; background:#fff; right:-100%; transition:all 0.6s; top: 0px; padding-top: 21px; }
#Menu.on{ right:0; display:block; height: 100%; width: 260px; color:#333;}
#Menu li{ border-bottom: 1px solid #e1e1e1; border-top: 0; }
#Menu li div{ color:#333; font-weight: 600;}
#Menu li div,#Menu li div a{ color:#333; background:#fff; font-size:15px; }
#Menu li div.on,#Menu li div.on a {color:#254678}
#Menu li.plus div:before,#Menu li.plus div:after { width: 12px; height: 1px; background:#444; right: 30px; }
#Menu li .sub li{ background:#eee; color: #444; border-bottom: 1px solid #ddd; font-size: 13px; }

	.Mmenu{ width:30px; height:30px; position:absolute; top:15px; right: 28px; cursor: pointer; z-index: 3; }
    .Mmenu span{ display:block; width:100%; height:3px; background:#666; z-index: 3; border-radius:100px; position:absolute; transition:all 0.6s; }
    .Mmenu span:nth-child(1){ top:4px; }
    .Mmenu span:nth-child(2){ top:50%; margin-top:-1.5px; }
    .Mmenu span:nth-child(3){ bottom:4px; }
    
    .Mmenu.on span:nth-child(1){ transform:rotate(45deg); top:13.5px; }
    .Mmenu.on span:nth-child(2){ opacity:0; }
    .Mmenu.on span:nth-child(3){ transform:rotate(-45deg); bottom:13.5px; }

	.bg.on{display:block; background-color:rgba(0,0,0,0.6); position:absolute; top:0; height:100%; width:100%; z-index: 1;}


/*Content START*/
#OverTable Table { width:130%;}
#minical {/*´Þ·Â*/ margin-left: 0px;}

#Code div { width:34%;}

/* TABLET_Board_List Start */
#Board_List .thread { display:none;}
#Board_List .thread_M { display:inline-block;}
#Board_List .tbody { width: 100%; text-justify: auto; text-align-last: auto; text-align:left; padding-left: 2%;}
#Board_List .tbody div { text-align: left; width:23%; padding: 2px 0; padding-left: 2%;}
#Board_List .tbody div.LoopTable { width:52%; }
#Board_List .tbody .img { width: 23%; height: 80px; }
#Board_List input{ text-align: left; width: 60%; vertical-align: auto;}
#Board_List span{margin-right:5px; }
#Board_List .tbody .Subject,#Board_List .tbody .Place, #Board_List .tbody .Query { width:46.3%;}
#Board #MNo { display:none; }
/* TABLET_Board_List End */

/*  TABLET_BoardWrite & BoardView Start */
#Board .BArea_2ea { width:100%; }
#Board .BList, #Board .BArea_2ea .BList { width: 20%; }
#Board .BData,#Board .BArea_2ea .BData { width: 80%; }
/*  TABLET_BoardWrite & BoardView End */
}



@media (max-width:760px) { /*********************** TABLET ***********************/
body { font-size:1.1em }
#Mobile { display:block; }
#PC,#Tablet,#MNo { display:none; }

SELECT,INPUT { height: 32px; line-height: 30px; }

button { font-size:14px; }
	.Close { position: relative; display: block; text-align:center; margin:10px 0; }
	.heigh { height:auto; }
INPUT.Search_btn { width:30px; height:30px; }
button,#Board_List input.btn,.btn {  }
	.FullWidth_M { width:100% }

	/*Content START*/
#OverTable Table { width:300%;}
#Case {padding: 0; background: none; border: 0; }
#Case .CaseBox { width:100%; margin-bottom: 5px; margin-right:0;}
#Case .CaseBox select,#Case .CaseBox input{ width:40%; }
#Case .CaseBox input[type="checkbox"]{ width:auto; }
#Case .CaseBox input[type="image"]{ width:auto; }
#Case .Case_file { width:100%; background:#fff2ef; padding:5px 10px;border:1px solid #ddd; }
#Case .Title{ width:33%;}

	.License { width: 49%; }

/* MOBILE_Board_List Start */
#Board_List .tbody div { width:49%;}
#Board_List .tbody .No, #Board_List .tbody .Subject, #Board_List .tbody .Place, #Board_List .tbody .Query, #Board_List .tbody .Memo, #Board_List .tbody .ControlB, #Board_List .tbody .img { width:100%; font-size: 14px;}
#Board_List .tbody .img { height:280px; margin-bottom: 5px;} 
#Board_List .tbody .Subject { font-size: 15px;}
#Board_List .tbody .Right_M { width: 100%; text-align: right; padding-right: 8px;}
#Board_List .tbody div.LoopTable { width:100%; }
/* MOBILE_Board_List End */
}


@media (max-width:480px) { /*********************** TABLET ***********************/
	.logo img{ max-width: 120px;}
	.MmenuLogo img { max-width: 120px;}
	.Left_Space { padding-left:1%; }
	.Right_Space { padding-right:1%; }
	.FullBox_M SELECT,.FullBox_M INPUT,.FullBox_M textarea{ width: 100%; }
	.FullBox_M INPUT[type="checkbox"],.FullBox_M INPUT[type="radio"]{ padding:0; width:auto; height:auto; }


input[name='name1'],[name='name2'],[name='place'],[name='member'],[name='office'],[name='saname']{ width: 100%; }
input[name='edate1'],[name='ehour1']{ width: 33%; }
input[name='tel2'],[name='tel3'],[name='mobile2'],[name='mobile3']{ width: 29%; }
select[name='tel1'],[name='mobile1']{ width: 30%; }

/* Login Form */
#LoginBg { top: 20%; }
#LoginWrap { width:90%;}
	.LoginLine { display: block; transform: rotate(180deg); width:100%; }
	.LoginText { margin-top:10px; }

#LoginArea form, .idpw { width: 100%; }
#LoginArea img { margin-bottom:10px; }
	.idpwForm { margin-top: 10px; margin-bottom: 30px;}
	.idpw input { width: 100%; height:40px; font-size: 14px;}
	.LoginList { display:none;}
	.LoginBtn { width: 100%; height:45px; margin-top:10px; }
	.LoginBtnText { top: -32px; }

	.Content_Title span {display:none;}

#Title_Area .Totalcount { display:none;}
#Title_Area .Refer { position: relative; }
#Title_Area span { text-indent : 12px; }
#Title_Area .Refer input[name="sDate"],#Title_Area .Refer input[name="eDate"]{ width: 30%;}
#Title_Area button { width: 10px; padding-left: 21px; padding-right: 0px; }

/*  MOBILE_BoardWrite & BoardView Start */
#Board .BArea_1ea,#Board .BArea_2ea { border: 1px #ccc solid; margin:1% 0%; }
#Board .BList,#Board .BArea_2ea .BList { width: 100%;  letter-spacing: -1px;  padding: 5px 1%; border-left: 0;}
#Board .BListH { height:auto; }
#Board .BData,#Board .BArea_2ea .BData { width: 100%; max-width:none; }
#Board .MNoList .BList { display:none; }
#Board .BDataTable input { width: auto; }
/* MOBILE_BoardWrite & BoardView End */
#Board_List .tbody .img { height:180px; } 
}


@media (max-width:320px)  {/********************* iPhone5 *********************/
input[name='edate1'],[name='ehour1']{ width: 25%; }
input[name='tel2'],[name='tel3'],[name='mobile2'],[name='mobile3']{ width: 25%; }
/* MOBILE_Board_List Start */
#Board_List .tbody div { width:100%;}
}