@charset "utf-8";

/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */
body{margin:0; padding: 0; font-family: 'Nanum Gothic', sans-serif;  letter-spacing: -.5px; font-size: 14px;    }
hr {display:none;}
a {text-decoration: none;}
address, em {font-style: normal;}
ul  , ol, dl, li, dt, dd {list-style: none; }
body, div, p, table, thead, tfoot, tbody, tr, th, td, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, form, fieldset, address, span, img, strong, b, em, i {margin:0;padding:0;border:0;-webkit-text-size-adjust:none;}
form {margin:0 ; padding: 0; }
iframe { margin: 0; padding: 0; border: 0 none; overflow: hidden; }
.videoWrap {position: relative;height: 0;  padding-bottom: 52% ; overflow: hidden; }
.videoWrap iframe, .videoWrap object, .videoWrap embed {position: absolute; width: 100%; height:100%; top:0; left: 50%; margin: 0 0 0 -50%; box-sizing: border-box;}

fieldset,img {margin: 0; padding: 0; border:0;   }
address,em {font-style:normal}
a{text-decoration: none;}
a:hover{color:#2f7dbe}
table {table-layout: fixed; width: 100%; border-collapse: collapse;}
input[type=text], input[type=password], input[type=date] {padding: 0 4px;  border: 1px solid #ccc; color: #666;}
input[type=radio]{vertical-align: middle; }
select { border: 1px solid #ccc; }



.pr {position: relative !important}
.db {display: block !important}
.fl {float: left !important}
.fr {float: right !important}
.clearfix:after {content: ''; display: block; clear: both; width: 0; height: 0; overflow: hidden; }
.clear {clear: both ;}
.hidden, legend, caption {position: absolute; top: -9999px; left: -9999px; width: 0; height: 0; line-height: 0; margin: 0; padding: 0; font-size: 0; visibility: hidden; }
.dimd {position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: .7;  z-index: 100; }
.dimd2 {position: fixed; display: none; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: .7;  z-index: 102; }
.ellipsis {display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.verT {vertical-align: top; }

button{padding: 0; cursor: pointer; border: 0 none; }
fieldset {margin:0; padding: 0; border: 0;  }
select, option, button, textarea {font-family: 'Nanum Gothic' , sans-serif; }

input[type=text] , input[type=password], input[type=number], input[type=date], input[type=email] {border: 1px solid #ccc;  box-sizing: border-box; font-family: 'Nanum Gothic"' , sans-serif; }
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
button:hover; button:active , button:visited {padding: 0; }
button::-moz-focus-inner {margin:0;padding:0;border:0; /*-webkit-appearance:none;border-radius:0;appearance:none; */}
select::-ms-expand { display:none !important; }
input::-webkit-input-placeholder { color: #999999; }
input::-ms-input-placeholder { color: #999999; }
input::-moz-input-placeholder { color: #999999; }

.m0 {margin: 0 !important; }
.mt5{margin-top: 5px !important}
.mt10{margin-top: 10px !important}
.mt15{margin-top: 15px !important}
.mt20{margin-top: 20px !important}
.mt25{margin-top: 25px !important}
.mt30{margin-top: 30px !important}
.mt40{margin-top: 40px !important}
.mt50{margin-top: 50px !important}

.pl20{padding-left: 20px !important}
.pb40{padding-bottom: 40px !important}

.mr8{margin-right: 8px !important}
.ml5{margin-left: 5px !important}
.ml10{margin-left: 10px !important}

.tle1{ margin:0; font-size:16px;  color:#414141; font-weight: 700;}
.tle1 .num{margin-left: 4px; color: #eb3141; font-size: 14px; }

.txtCenter{text-align: center !important}
.txtLeft{text-align: left !important}
.txtRight{text-align: right !important}

 
 .vtM{vertical-align: middle;}


.innerWrap {position: relative; width: 1000px; margin: auto; }


.logInform {position: relative; width: 1000px; height: 31px;margin: 7px auto; overflow: hidden;}
.logInform  p {float: right;  margin:0; color: #3f4141 ; font-size: 11.5px;  }
.logInform .logoutBtn,
.logInform .modifyBtn{display:inline-block; height: 18px; line-height:20px; padding:0 10px; margin-left: 5px; background: #e0e0e0; border: 1px solid #d3d3d3; color: #3f4141; text-align: center; font-size: 11.5px; text-decoration:none}
.logInform .logoutBtn:hover,
.logInform .modifyBtn:hover{color: #2994ef}

.gnbWrap {width: 1000px; height: 40px; margin: auto; }
.gnbWrap h1{float: left; margin:0;}
.gnbWrap .gnb {float:right; margin:5px 0 0 0; padding: 0; list-style: none;  }
.gnbWrap .gnb li{float: left; margin-left: 90px;  font-weight: 700;  font-size: 16px; }
.gnbWrap .gnb li a{text-decoration: none; color: #464646; font-weight:bold}
.gnbWrap .gnb li a:hover, .gnbWrap .gnb p a:focus, .gnbWrap .gnb p a.active{color: #2994ef}

.visualWrap {width: 100%; height: 187px; background: url('../img/common/bg_visual.jpg') repeat-x 0 0;}
.visualWrap .innerWrap{position: relative;width: 1000px; height: 187px;margin: auto; background: url('../img/common/bg_visual2.png') no-repeat 0 0}
.visualWrap .innerWrap h2{position: absolute; margin:0; top: 45px; left: 0; font-size: 34px; font-weight: 700;  color: #fff}
.visualWrap .innerWrap p {position: absolute; top: 95px; left: 0; margin: 0; font-size:14px; font-weight: 700; color:  #d0e1ed}

.containerWrap {padding: 30px 0 50px 0; box-sizing: border-box; }

.box-outer {position: relative; }
.dataBox {position: relative; border-top: 1px solid #2994ef}
.box-outer .viewMore {position: absolute; display: inline-block; top: -20px ;right: 0; }
.box-outer .pos1 {position: absolute; display: inline-block; top: -40px ;right: 0; }

table {table-layout: fixed; width: 100%; border-collapse: collapse; }
.tbl1 thead th {height: 32px; line-height:32px; background: #f7f9fa; border-bottom: 1px solid #dadada; font-size: 12px; color: #3f4141; }
.tbl1 tbody td { line-height: 1.25em; padding: 10px 6px ; border-bottom: 1px solid #e4e4e4; word-break: break-all; }
.tbl1 tbody td a img{vertical-align: middle;}
.tbl1 tbody td .textWrap {margin: 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;   }
.tbl1 tbody td .textWrap a,
.tbl1 tbody td .textWrap a:link{color:#4b4b4b; text-decoration:none}
.tbl1 tbody td .textWrap a:hover{color:#117ed2}
.tbl1 tbody .even td{background: #f6fbfe; }

.tbl2{border-top: 1px solid #969696}
.tbl2 tbody  th, .tbl2 tbody  td {padding: 6px  7px  ; border-bottom: 1px solid #e4e4e4;color: #3f4141; }
.tbl2 tbody  th{background: #f8f8f8}
.tbl2 tbody .bg th{background: #ebedee}
.tbl2 tbody .bg td{background: #f2f4f5}
.tbl2 tbody  td button {height: 26px; margin-left: 5px;  }
.tbl2 tbody  td button img{margin-top:-1px}
.tbl2 tbody  td input[type=text] {width: 72%; height: 26px;  vertical-align: top; }
.tbl2 tbody  td input[type=text].date{width: 100px; }
.tbl2 tbody td input[type=text].date + a {display: inline-block;  line-height: 26px; vertical-align: middle; }
.tbl2 tbody  td a img{vertical-align: middle ;margin-left: 3px; }
.tbl2 tbody td .btn img {vertical-align: top; }



/*  CHECKBOX DESIGN */
input[type=checkbox]:not(old){width: 20px;margin:0;padding:0;opacity:0;} /* hide check*/
input[type=checkbox]:not(old) + label {display: inline-block;margin-left: -20px; padding-left: 28px;background: url('../img/common/check_no.png') no-repeat 0 0;line-height: 20px; font-size: 13px; color: #3f4141; cursor: pointer;}
input[type=checkbox]:checked + label {background: url('../img/common/check_yes.png') no-repeat 0 0; cursor:pointer}
.tbl td input[type=checkbox]:not(old) + label , .tbl td input[type=checkbox]:checked + label {margin-left: 5px; font-size: 0; color: #fff; cursor: pointer;}
.tbl thead th input[type=checkbox]:not(old){opacity: 1;}
.tbl td input[type=checkbox]:not(old){margin-top: -20px; }
/*  RADIO DESIGN */
input[type=radio]:not(old){width:19px;margin:0;padding:0;opacity:0;} /* radio box */
input[type=radio]:not(old) + label{display: inline-block;margin-left: -20px; padding-left: 24px;background: url('../img/common/radio_no.png') no-repeat 0 0;line-height: 20px; font-size: 13px; color: #3f4141; cursor: pointer;}
input[type=radio]:checked + label{background: url('../img/common/radio_yes.png') no-repeat 0 0;}


.btn{display: inline-block; text-decoration: none; text-align: center; font-size: 13px; }
.typeB{background: #dff0ff; border: 1px solid #a2d4ff ;color: #4b4b4b}/*{background: #f9fcff; border: 1px solid #ecf6ff ;color: #4b4b4b}*/
.typeB:hover,.typeB:focus, .typeB.active{background: #dff0ff; border: 1px solid #a2d4ff ;}

.typeG{background: #dfffea; border: 1px solid #a2d4ff ;color: #208781}

.typeA{background: #999999; border: 1px solid #6d6d6d ;color: #fff} /*grey */

.typeC{background: #2994ef; border: 1px solid #2589de ;color: #fff} /*grey */




.height1{height: 23px; line-height: 23px}
.wide1{padding: 0 15px;  }
.wide2{padding: 0 22px;  }

.leftBox {float: left; width:485px; }
.rightBox {float: right; width: 485px; }


.footer {height: 68px; padding-top:20px; background: #f3f3f3;  border-top: 1px solid #dbdbdb}
.footer .address{float: left; margin: 0 ; font-size: 12px;   color: #a09e9e}
.footer .address + div {position: absolute; right: 0;  }
.footer .address span{display: block; }
.footer select {height: 30px; line-height: 30px; min-width: 135px; background: #fff; border: 1px solid #a09e9e; border-radius: 4px 4px ; }


.loginWrap {position:absolute; top: 50%; left: 50%; margin-left: -385px; margin-top: -155px; width: 770px;  }
.loginWrap h1{float: left; margin: 0;}
.loginWrap  h2{float: left; margin:0; font-size: 24px; margin-left: 15px;  margin-right: 8px; color: #087ad2; font-weight: 700; letter-spacing: -0.5px;  }
.loginWrap  h2 + p {line-height: 21px; margin: 7px 0 20px 0; font-size: 13px; color: #3f4141;  }
.loginWrap .loginBox {padding:36px  108px 28px 70px ; border: 1px solid #e5e5e5}
.loginWrap .loginBox > img {float: left; margin-right: 50px; }
.loginWrap .loginBox  > div {position: relative; float: left; width: 449px; padding-top:35px;  margin-bottom: 10px;  }
.loginWrap .loginBox  div .inform {float: left; width:333px; margin: 0 0 10px 0;   }
.loginWrap .loginBox div .inform  span{display: block;  height: 23px; line-height: 23px; margin-top: 10px; }
.loginWrap .loginBox div .inform  span:first-child{margin-top: 0; }
.loginWrap .loginBox div .inform  span img {margin-right: 5px; }
.loginWrap .loginBox div .inform  span label {display: block; float: left; width: 65px; font-size: 13px; letter-spacing: -0.5px; color: #3f4141; }
.loginWrap .loginBox div .inform  span input {width: 254px; height: 23px; }
.loginWrap .loginBox div .btnArea {float: right; margin:0 0 10px 0;}
.loginWrap .loginBox div .btnArea a{width: 109px; height:58px; line-height: 58px;background: #087ad2; border: 1px solid #0672c5;  color: #fff; }
.loginWrap .loginBox  .agreeCheck{margin:  0 0 16px 0  ;  padding-left: 65px;}
.loginWrap .loginBox .findLink {margin:0; padding-top: 14px;  border-top: 1px solid #e5e5e5 ; font-size: 13px;  letter-spacing: -0.5px;text-indent: 65px;}
.loginWrap .loginBox .findLink  a {margin-left: 22px; padding-left: 22px; background: url('../img/common/bgLine_topMenu.gif') no-repeat 0 center; color: #3f4141;}
.loginWrap .loginBox .findLink  a:first-child{margin-left: 0; padding-left: 0; background: none;}


/* popup*/
.popup {width: 755px; display: none; position: absolute;  left: 50%; margin-left: -375px;  background: #fff; z-index: 1000}
/*.popup.small{width: 350px; margin-left: -175px;}*/
.popup.small{width: 500px;  }
/* .popup.mid{width: 500px; margin-left: -250px;} */
.popup.small2{width: 380px; margin-left: -190px; border: 1px solid #454545;}
.popup.small2  .text-box {min-height: 80px; padding: 15px; border: 1px solid #e1e1e1; box-sizing: border-box; }
.popup.small2  .text-box p {font-size: 14px; color: #666;}
.popup .popBtnArea {margin-top: 20px; text-align: center; }
.popup .popBtnArea button {height: 32px; width: 120px; ; }
.popup h2 ,  .popWin h2{height: 50px; line-height: 50px; margin: 0 ; background: #2994ef; text-indent: 20px; font-size: 20px; font-weight:normal;letter-spacing: -1px; color: #fff; }
.popup .popConts , .popWin .popConts  {padding: 20px 20px 40px 20px;  }
.popup .popConts .tbl2 thead th {background:#f2f4f5 ; border-bottom: 1px solid #ccc; }
.popup .popConts .tbl2 th{ line-height: 30px;  }
.popup .popConts .tbl2 thead th span{font-weight: normal; margin-left: 5px; }
.popup .popConts .tbl2 input[type=text]{width:100%; border: 1px solid #cccccc; }
.popup .popConts .tbl2  input.attach  , .popWin  .tbl2  input.attach {width: 70%; }
.popup.mid .popConts .tbl2 input[type=text]{width: 300px ;}

.popup .popConts .tbl2 textarea{width: 100%; height: 80px; padding: 8px ; border: 1px solid #cccccc; resize: none;  box-sizing: border-box; }
.popup .popConts .tbl2 ul {margin: 10px 0  20px; padding: 0; list-style: none; }
.popup .popConts .tbl2 ul li{line-height: 22px; padding-left: 10px; background: url('../img/common/bullet_01.gif') no-repeat 0 10px; }
.popup .popClose , .popWin .popClose{position: absolute; display: block; width:52px; height:  26px; line-height: 26px; background: #fff; border: 1px solid #0d9eca; border-radius: 3px; top: 10px; right: 20px; text-decoration: none; color: #3a3635; text-align: center }


/*추가*/
.popWin {position: relative;  top: 0; left: 0; margin:0; background: #fff; z-index: 1000}
.popWin.mid{margin-left: 0;}
.wd100{width:90% !important;}

.paging {display: block;  margin-top:20px; text-align: center; vertical-align: top;}
.paging a {display: inline-block; min-width:13px; height: 12px;  line-height: 12px; margin-left: 15px; text-align:center; font-size: 13px; color: #4b4b4b;  }
.paging a:hover, .paging a:focus, .paging a.active{color: #087ad2; font-weight: bold; }

.email{color:#4b4b4b}
.email:hover{color:#117ed2}

.linkTxt{color:#4b4b4b; text-decoration:none}/*공통 링크스타일 : a 테그에 추가*/
.linkTxt:hover{color:#117ed2}

/* 어드민 로그인 */
.admin-login-wraper {position: absolute; width: 100%; height: 100%; background: #f5f5f5}
.admin-login-wraper .login-form-area {position: absolute; width: 800px; height: 500px;  top: 50%; left: 50%; margin: -250px  0 0 -400px; background: #59ceff  url('../img/bg_admin_login.png') no-repeat 0 0; box-shadow: 0px 0px 14px rgba(0, 0, 0, .2);}
.admin-login-wraper .login-form-area h1 {position: absolute; width: 167px; top: 40px; left: 40px; }
.admin-login-wraper .login-form-area h1 img {width: 100%; }
.admin-login-wraper .login-form-area fieldset {width: 400px; height: 500px; margin-left: 400px; padding: 80px 50px; background: #fff; box-sizing: border-box; }
.admin-login-wraper .login-form-area fieldset h2 {font-size: 44px; color: #087ad2; text-align: center; }
.admin-login-wraper .login-form-area fieldset .guide-text {margin-top:15px; font-size:  16px; color: #222; text-align: center; }
.admin-login-wraper .login-form-area fieldset  .form {height: 40px;  margin-top: 10px; }
.admin-login-wraper .login-form-area fieldset .guide-text  + .form {margin-top: 40px; }
.admin-login-wraper .login-form-area fieldset  .form  input{width: 100%; height: 40px; padding: 0 10px; }
.admin-login-wraper .login-form-area fieldset  .check {margin-top: 20px; }
.admin-login-wraper .login-form-area fieldset button {width: 100%; height:54px; margin-top: 30px; background: #087ad2 ; border-radius: 2px;  color: #fff;  font-size: 22px; font-weight: 700; }


@media all and (max-width:639px) {
	/* 어드민 로그인 */
	.admin-login-wraper {position: static; width: 100%; height: 100vh;  padding:0px; box-sizing: border-box; }
	.admin-login-wraper .login-form-area  {position: static; width: auto; height: calc(100% - 70px); margin: 0px 0px;  padding-top: 30px; padding-bottom: 40px;   background-size: 45%; background: #59ceff  url('../img/bgM_admin_login.png') no-repeat  center 0; }
	.admin-login-wraper .login-form-area  h1 {position: static; width: 128px; margin: auto;  }
	.admin-login-wraper .login-form-area fieldset {width: auto; height: calc(100% -  226px); margin-left: 0;  margin-top: 65%; padding: 10% 20px 0px; background: #fff;  }
	.admin-login-wraper .login-form-area fieldset h2 {font-size: 30px; }
	.admin-login-wraper .login-form-area fieldset .guide-text {margin-top: 8px; font-size: 15px; }
	.admin-login-wraper .login-form-area fieldset .guide-text + .form {margin-top: 20px; }
	.admin-login-wraper .login-form-area fieldset .check {margin-top: 10px; }

	/* header*/
	.logInform {width: auto; height: auto; margin: 0; padding: 10px 10px ; background: #fafafa; border-bottom: 1px solid #eaeaea; }
	.logInform p {float: none; text-align: center;  }
	.btnGroup {display: block; margin-top: 8px; }
	.logInform .logoutBtn, .logInform .modifyBtn {margin-left: 0 ; margin-right: 5px; }
	.gnbWrap {width: auto;  height: auto; padding: 15px 0 0; }
	.gnbWrap h1 {float: none; text-align: center; }
	.gnbWrap .gnb {float: none; background: #305f84;  }
	.gnbWrap .gnb li {width: calc(100%/4); height: 40px; line-height: 40px; margin-left: 0; text-align: center; font-size: 12px;}
	.gnbWrap .gnb li  a{color: #fff; }
	.gnbWrap:after {content: ''; display: block; clear: both; width: 0; height: 0; overflow: hidden; }

	/* footer */
	.footer   {height: auto; padding: 20px 15px; }
	.footer .innerWrap { }
	.footer .address {float: none; }
	.footer .address  + div {position: static; float: none !important; margin: 20px  0 15px; }
	/*페이징*/
	.paging a {margin-left: 4px; }

	/* 메인 비쥬얼*/
	.visualWrap { width: auto; height: 130px; }
	.visualWrap .innerWrap  {width: auto;  height: 130px;  background-size: cover;  background-position:10% bottom; }
	.visualWrap .innerWrap h2 {left: 20px; top: 28px;  font-size: 28px; }
	.visualWrap .innerWrap p {left: 20px; top: 70px;}

	.containerWrap {padding: 20px  15px 40px; }
	.innerWrap {width: auto; }
	.dataBox  {overflow-x: auto; }
	.box-outer {position: relative; }
	.leftBox {float: none; width: auto; }
	.rightBox {float: none; width: auto;  margin-top: 20px; }

	/* 서브*/
	.tbl2 tbody td input[type=text] {width: 100%; }
	.tbl2 tbody td input[type=text].date {width: 60px;  }
	.tbl2 tbody td input[type=text].date:nth-child(3) ,.tbl2 tbody td a:nth-child(4) {margin-top: 0px; }
	.tbl2 tbody td button {display: block; margin: 5px 0 0 0;}

	/* 팝업*/
	.popup {width: 90% ; height: 500px;margin-left: 0; left: 5% !important; overflow-y: auto;  }
	.popup.small {width: 90%; margin-left: -45%; }
	.popWin {width: 90%; }
	.popup.small2 {width:70%;height: fit-content; margin-left: 0; left:15% !important; }
	
	
}


@media (max-width: 1100px) {
	/* 테이블들 수정  */
	.dataBox.noScroll {overflow-x: hidden; }
	#mainTbl01 .noCol, #memberTbl01 .noCol  {width: 0 ; font-size: 0; } 
	#mainTbl01 .noCol img, #memberTbl01 .noCol   img {width: 0; }
	#mainTbl01 col , #memberTbl01 col  {display: none;  }
	/* 메인 테이블 */
	#mainTbl01 .col01 {width: 30%}
	#mainTbl01 .col02 {width: 20%}
	#mainTbl01 .col03 {width: 25%}
	#mainTbl01 .colBtn {width:20%}
	table td.date {word-break: break-all}
	/* 위워회 메인 테이블 */
	#memberTbl01 .col01 {width: 30%}
	#memberTbl01 .col02 {width: 30%}
	#memberTbl01 .col03 {width: 30%}
	#memberTbl01 .colBtn {width: 30%}
	.wide1 , .wide2 {padding: 0 8px; }
	
	
}

@media all and (min-width:640px) and (max-width: 720px) {

	/* 어드민 로그인 */
	.admin-login-wraper {position: static; width: 100%; height: 100vh;  padding:0px; box-sizing: border-box; }
	.admin-login-wraper .login-form-area  {position: static; width: auto; height: calc(100% - 70px); margin: 0px 0px;  padding-top: 30px; padding-bottom: 40px; background-size: 45%; background: #59ceff  url('../img/bgM_admin_login.png') no-repeat  center 0% }
	.admin-login-wraper .login-form-area  h1 {position: static; width: 128px; margin: auto;  }
	.admin-login-wraper .login-form-area fieldset {width: auto; height: calc(100% -  226px); margin-left: 0;  margin-top: 60%; padding: 10% 20px 0px; background: #fff;  }
	.admin-login-wraper .login-form-area fieldset h2 {font-size: 30px; }
	.admin-login-wraper .login-form-area fieldset .guide-text {margin-top: 8px; font-size: 15px; }
	.admin-login-wraper .login-form-area fieldset .guide-text + .form {margin-top: 20px; }
	.admin-login-wraper .login-form-area fieldset .check {margin-top: 10px; }

	/* header*/
	.logInform {width: auto; height: auto; margin: 0; padding: 10px 10px ; background: #fafafa; border-bottom: 1px solid #eaeaea; }
	.logInform p {float: none; text-align: center;  }
	.btnGroup {display: block; margin-top: 8px; }
	.logInform .logoutBtn, .logInform .modifyBtn {margin-left: 0 ; margin-right: 5px; }
	.gnbWrap {width: auto;  height: auto; padding: 15px 0 0; }
	.gnbWrap h1 {float: none; text-align: center; }
	.gnbWrap .gnb {float: none; background: #305f84;  }
	.gnbWrap .gnb li {width: calc(100%/4);height: 40px;line-height: 40px;margin-left: 0;text-align: center;}
	.gnbWrap .gnb li  a{color: #fff; }
	.gnbWrap:after {content: ''; display: block; clear: both; width: 0; height: 0; overflow: hidden; }

	/* footer */
	.footer   {height: auto; padding: 20px 15px; }
	.footer .innerWrap { }
	.footer .address {float: none; }
	.footer .address  + div {position: static; float: none !important; margin: 20px  0 15px; }

	/* 메인 비쥬얼*/
	.visualWrap { width: auto; height: 130px; }
	.visualWrap .innerWrap  {width: auto;  height: 130px;  background-size: cover;  background-position: 19% bottom; }
	.visualWrap .innerWrap h2 {left: 20px; top: 28px;  }
	.visualWrap .innerWrap p {left: 20px; top: 78px;}

	.containerWrap {padding: 20px  20px 40px; }
	.innerWrap {width: auto; }
	.dataBox  {overflow-x: auto;}
	.box-outer {position: relative; }
	.leftBox {float: none; width: auto; }
	.rightBox {float: none; width: auto;  margin-top: 20px; }

	/* 서브*/
	.tbl2 tbody td input[type=text] {width: 100%; }
	.tbl2 tbody td input[type=text].date {width: 100px;  }
	.tbl2 tbody td input[type=text].date:nth-child(3) ,.tbl2 tbody td a:nth-child(4) {margin-top: 5px; }
	.tbl2 tbody td button {display: block; margin: 5px 0 0 0;}

	/* 팝업*/
	.popup {width: 90% ; margin-left: 0; left: 5% !important; }
	.popup.small2 {width:60%; margin-left: 0; left:20% !important; }
	
}

@media all and (max-width: 680px) {
	/*.admin-login-wraper .login-form-area {background-position: 0 -110%}*/
}
@media all and (max-width: 600px) {
	/*.admin-login-wraper .login-form-area {background-position: 0 -45%}*/
}


@media all and (min-width:721px) and (max-width: 1100px) {
	/* 어드민 로그인 */
	.admin-login-wraper {position: static; width: 100%; height: 100vh;   }
	.admin-login-wraper .login-form-area  {width: calc(100% - 40px); margin-left: -47.5%;   background-position: 3% 0;  background-size: auto  500px ;box-sizing: border-box;  }
	.admin-login-wraper .login-form-area  h1 {width: 128px;   }
	.admin-login-wraper .login-form-area fieldset {width: 50%;   margin-left: 50%;   background: #fff;  }
	.admin-login-wraper .login-form-area fieldset h2 {font-size: 36px; }

	/* header*/
	.logInform {width: auto; height: auto; margin: 0; padding: 10px 10px ; background: #fafafa; border-bottom: 1px solid #eaeaea; }
	.logInform p {float: none; text-align: center;  }
	.btnGroup {display: block; margin-top: 8px; }
	.logInform .logoutBtn, .logInform .modifyBtn {margin-left: 0 ; margin-right: 5px; }
	.gnbWrap {width: auto;  height: auto; padding: 15px 0 0; }
	.gnbWrap h1 {float: none; text-align: center; }
	.gnbWrap .gnb {float: none; background: #305f84;  }
	.gnbWrap .gnb li {width: calc(100%/4);height: 40px;line-height: 40px;margin-left: 0;text-align: center;}
	.gnbWrap .gnb li  a{color: #fff; }
	.gnbWrap:after {content: ''; display: block; clear: both; width: 0; height: 0; overflow: hidden; }

	/* footer */
	.footer   {height: auto; padding: 20px 15px; }
	.footer .innerWrap { }
	.footer .address {float: none; }
	.footer .address  + div {float: none; margin: 0; top: 0; }

	/* 메인 비쥬얼*/
	.visualWrap { width: auto; height: 130px; }
	.visualWrap .innerWrap  {width: auto;  height: 130px;  background-size: cover;  background-position:10% bottom; }
	.visualWrap .innerWrap h2 {left: 20px; top: 28px;  }
	.visualWrap .innerWrap p {left: 20px; top: 78px;}

	.containerWrap {padding: 20px  20px 40px; }
	.innerWrap {width: auto; }
	.dataBox  {overflow-x: auto;}
	.box-outer {position: relative; }
	.leftBox {float: none; width: auto; }
	.rightBox {float: none; width: auto;  margin-top: 20px; }

	/* 서브*/
	.tbl2 tbody td input[type=text] {width: 100%; }
	.tbl2 tbody td input[type=text].date {width: 80px;  }
	.tbl2 tbody td button {display: block; margin: 5px 0 0 0;}

	/* 팝업*/
	.popup {width:80% ; margin-left: 0;  left: 10% !important; }
	.popup.small2 {width: 45%; margin-left: 0; left: 27.5% !important; }
	
}

@media all and (min-width:940px) and (max-width: 1099px) {
	.admin-login-wraper .login-form-area { background-position: 7% 0; }
}

@media all and (min-width:721px) and (max-width: 780px) {
	.admin-login-wraper .login-form-area { background-position: -10% 0; }
}

@media all and (max-width: 560px) {
	.admin-login-wraper .login-form-area {background-size: 40%; background: #59ceff  url('../img/bgM_admin_login.png') no-repeat  center -13%}
}

@media all and (max-width: 480px) {
	.admin-login-wraper .login-form-area {background-size: 70%;background-position: center -0%}
}
@media all and (max-width: 410px) {
	.admin-login-wraper .login-form-area {background-position: center 8%}
	.admin-login-wraper .login-form-area fieldset {margin-top: 75%}
}

@media all and (max-width: 330px){
	.wide1, .wide2 {font-size: 11px; padding: - 4px; }
	.tbl2 tbody td button.fr {float: none !important;}
	.admin-login-wraper .login-form-area {background-position: center 10%}
	.admin-login-wraper .login-form-area fieldset {margin-top: 80%;}
}