@charset "utf-8";

html {    width: 100%;    overflow-x: auto}
html,body{height:100%}
html,body{position:relative;height:100%;}
#skip{text-indent: -999em;height: 0;width: 0;}
body{background-color: #363A46;word-break:break-all;-ms-word-break:break-all}
/* Fixed position  */
#sb-site{min-height: 100% !important;z-index: 5;padding-bottom: 80px;position: relative;box-shadow:none;max-width: 450px;margin: 0 auto;}
#sb-site.top-padding {max-width: 450px;margin: 0 auto;padding-top: 0;position: relative;}
#fixed-top {
	/* position: fixed;*/
	position: relative;
	top: 0;
	width: 100%;
	/* height: 72px; */
	z-index: 999;max-width: 450px;margin: 0 auto;
}

.wrapper{margin: 0 auto;width: 100%;max-width: 450px;position: relative;z-index: 1;border: 0px solid #000;}
.wrapper:after{content: '';clear: both;display: block;}

a.goTop { width: 66px; height: 66px;bottom: 10px; right:6px;background-size: 50px;border-radius: 50%; background: url('../img/common/go_top.png') center no-repeat; background-color: rgba(99,72,222,0.9);position: fixed;cursor: pointer; display: none ; text-indent: -999em;  z-index: 999 ;}

.footCopy{text-align: center;padding: 25px 0 27px;font-size: 15px;color:#ddd;background-color: #333;height: 20px;position: absolute;bottom: 0;left: 0;right: 0;line-height: 20px;}
.footCopy i{display: inline-block;font-style: normal;width: 40px;height: 20px;vertical-align: middle;font-size: 0;background:  url('../img/common/top_logo.png') center  no-repeat;background-size:30px auto ;opacity: .8;}

.pc{max-width:450px;margin: 0 auto;position:relative;overflow: hidden;box-shadow:2px 0 50px 0px rgba(0,0,0,0.6);border-radius:0 0 25px 25px ;}

/****************
userLogin
***************/
#sb-site.bgLogin{background:  url('../img/main/back.jpg') center 0 no-repeat;height: 920px;overflow: hidden;/* padding-top: 38% !important; */}
.bgLogin .footCopy{background: none;font-size: 18px;bottom: 40px;}
.bgLogin .footCopy i{ width: 60px;height: 18px;}

.bgLogin h1.topLogo {text-align: center;background:  url('../img/common/logo.png') center 0 no-repeat; font-weight: 300;margin-top: 35% ;}
.bgLogin h1.topLogo a { display: block;/* padding-top: 125px; */padding-top:96px;height: 45px;color: #FFF;font-size: 26px;}
.bgLogin h1.topLogo a b{font-weight: 400;}
.loginBox{margin: 50px 13% ;}
.loginBox p{padding-bottom: 12px;overflow: hidden;}
.loginBox input[type="text"],
.loginBox input[type="password"],
.loginBox input[type="submit"]{height: 35px;padding: 10px 2.5%;background-color: #fff;color: #000;border: 0;line-height: 35px;text-align: center;font-size: 18px;width: 95%;border-radius:10px !important;display: block;box-sizing: content-box;}
.loginBox input[type="submit"]{color: #FFF;background-color: #6346de;}
.loginBox p.loginTxt{padding: 0 7px;}
.loginChk{position:relative;display:block;}
.loginChk input{position:absolute;top:0;left:0;width:0;height:0;cursor:pointer;background: none !important;border: none !important;}
.loginChk label{font-size:13px;font-weight: normal;line-height:20px;/* position:absolute;top:0;left:0; */height:20px;padding-left:26px;cursor:pointer;color:#FFF;background-image: url('../img/main/chk_off.png');background-position:0 0;background-repeat: no-repeat;display: inline-block;padding-top: 1px;}
.loginChk input:checked+label{background-image: url('../img/main/chk.png')}

/****************
header
***************/

.header { padding: 0; position: relative; /* height:70px;  */background: #6346DE; overflow: hidden; color: #FFF;text-align: center;}
.header img { }
.header:before,
.header:after { content: " "; display: table; }
.header:after { clear: both; }
.header a,
.header span{display: block;}
.header .topMenu,
.header .goHome,
.header .goBack{ width: 62px;float: right; cursor: pointer; height: 70px; text-indent: 100%; color: transparent; font-size: 0; background-repeat: no-repeat; background-position: center;}
.header .topMenu { background-image: url('../img/common/top_menu.png'); }
.header .goBack{float: left;background-image: url('../img/common/aro_back.gif');}
.header .goHome{float: left;background-image: url('../img/common/top_home.png');}
.header h1.topLogo {text-align: center;clear: both;position: relative;top: 0 ;background:  url('../img/common/top_logo.png') center 0 no-repeat; }
.header h1.topLogo a { display: block;padding-top: 55px;height: 40px;color: #FFF;font-size: 18px;font-family:'Gmarket Sans';font-weight: 500;}
.header h1.topLogo a em{opacity: .58;font-style: normal;}
.header .userLogin{position: relative;padding-top: 85px;height: 50px;font-size: 13px;}
.header .userLogin::before{content: '';display: block;position: absolute;width: 1px;/* height: 60px; */bottom: 55%;opacity: 0.3;left: 49.9%;top: 0;background-color: #fff;}
.header h2{line-height: 70px;text-align: center;font-size: 18px;left: 70px;right: 70px;top: 0;position: absolute;font-weight: normal;}
.header h2 em{opacity: 0.5;font-style: normal;}
.header h1.topLogoSub{text-indent: -999px;font-size: 0;display: inline;}

.header .userLogin a.userinfo{display: inline-block;}
.header .userLogin a.out{display: inline-block;width: 18px;height: 18px;line-height: 17px;vertical-align: middle;overflow: hidden;text-indent: -999em;font-size: 0;background-color: rgba(0,0,0,0.3);border-radius:50% ;text-align: center;position: relative;}
.header .userLogin a.out::after {content: "\00d7";display: inline-block;font-size: 12px;}


/********
all_menu
***********/
.sb-slidebar {	position:absolute;width: 80%;z-index: 1;}
.sb-slidebar {overflow-y:hidden;overflow-x: hidden;background-color: #f9f9f9;/* box-shadow:inset 5px 0 25px 0px rgba(0,0,0,0.8); */border: 0px solid #f00;}
.sb-slidebar .shade{position: absolute;top: 0;left: -6px;bottom: -20px;width: 5px;box-shadow: 5px 0 25px 0px rgba(0,0,0,0.8);}
#all_menu{display:block;position: relative;z-index: 0;}

/********
all_menu
***********/
.sb-slidebar {overflow-x: hidden;}
#all_menu{display:block;/* width: 290px;float: right; */}
#all_menu ul { text-align:left;padding-bottom:0; /* background:#FFF; */}
#all_menu ul li h3 { display:block; background:#6346de; color:#FFF;border-top: 1px solid #826be5;text-transform: uppercase;}
#all_menu ul li h3 a{color:#FFFF;font-size:15px;padding-left:6%;display:block; height:38px;  line-height:38px;font-weight: bold;position: relative;}
#all_menu ul li ul { /* overflow:hidden;padding: 6px 0; border-bottom: 1px solid #6346de; */}

#all_menu ul li ul li{border-bottom: 1px solid #e9e9e9;}
/* #all_menu ul li ul li:last-child{border-bottom: none;} */
#all_menu ul li ul li a { display:block; height:50px; line-height:50px; color:#000; text-decoration:none; padding-left:6%;font-size:17px;position: relative;}
#all_menu ul li ul li.on a {font-weight: bold;color: #0f55ab;}
#all_menu ul li ul li.on a:before{content: '✔';display: block;font-family: 'Zapf Dingbats';font-style: normal;position: absolute;top: 0;left: 3%;}
#all_menu .all_menu_top { overflow: hidden; height:auto;background:#593dcf;padding:  0;position: relative;}
#all_menu .all_menu_top  a.userinfo{display: block;float: left;font-size: 17px;width: calc(100% - 30%);color: #FFF;line-height: 70px;padding-left: 6%;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);}
#all_menu .all_menu_top  span.sb-close{background:  url('../img/common/m_top_close.gif') no-repeat  51% 48%;height:69px;display: block;text-indent: -999em;font-size: 0;float: right;width: 24%;opacity: 0.89;cursor: pointer;}
#all_menu ul li em{font-style: normal;}

#all_menu ul li.lng ul{overflow: hidden;padding: 0;background-color: #4b3994;border-top: 1px solid #826be5;}
#all_menu ul li.lng ul li{float: left;width: 50%;border-bottom: none;position: relative;}
#all_menu ul li.lng ul li::before{content: '';display: block;position: absolute;left: 0;top: 30%;bottom: 30%;width: 1px;background-color: #fff;opacity: 0.25;}
#all_menu ul li.lng ul li a{padding: 0;text-align: center;color: #FFF;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);font-weight: bold;text-transform: uppercase;height:42px; line-height:39px;font-size: 15px;}
#all_menu ul li ul li a br{display: none;}

/*****
index
*******/
.mainMenu {min-height: 540px;}
.mainMenu li{border-bottom: 1px solid #ddd;}
.mainMenu li a{position: relative;height: 109px;padding-left:8.8%;display: block;}
.mainMenu li i{display: block;position: absolute;width: 50px;height: 50px;top: 27%/* 30px */;left: 9%;}
.mainMenu li i img{display: block;font-size: 0;max-width: 100%;}
.mainMenu li b{display: block;font-size: 21px;padding-top:8.5% /* 40px */;padding-bottom:5px;font-weight: 700;padding-left: 70px;}
.mainMenu li em{display: block;font-style: normal;color: #999;font-size: 13px;font-family: 'Hind Siliguri',sans-serif;padding-left: 70px;letter-spacing: 0;}
.mainMenu li a::after{ display: block;content: '';position: absolute;right: 9.5%;top: 43.4%;border: solid #666 ;    border-width: 0 2px 2px 0;       padding:7px;	  transform: rotate(-45deg);  vertical-align: middle;}
.mainMenu li.subShow{border-bottom: none;background-color: #4b2fc1;}
.mainMenu li.subShow b{color: #FFF;}
.mainMenu li.subShow em{color: #FFF;opacity: 0.5;}
.mainMenu li.subShow a::after{border-color: #FFF;transform: rotate(45deg); }
/******
tabMenu
*******/
.tabMenu::before{ content: '';display:block;position: absolute;bottom: 0;left: 0;right: 0;top: 0;
/* background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%); */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0,rgba(0,0,0,0.15) 100%); }
.tabMenu{overflow: hidden;padding: 0 4.25%;background-color: #6346DE;/* margin-bottom: 20px; */position: relative;}
.tabMenu ul{overflow: hidden;}
.tabMenu li{float: left;width: 25%;position: relative;}
.tabMenu li::before{content: '';display: block;position: absolute;top: 35%;bottom: 35%;width: 1px;background-color: #8674ca;left: 0;}
.tabMenu a{display: block;line-height: 40px;height: 40px;text-align: center;color: #FFF;font-size: 14px;margin-left: 1px;}
.tabMenu li:first-child::before{display: none;}
.tabMenu a:hover,
.tabMenu .on a{background-color:#FFF;color: #4d36ac;font-weight: bold; border-radius:6px 6px  0 0  ;}
/********
capMenu
*********/
.capMenu{overflow: hidden;border-radius:15px 15px  0 0  ;background-color: #9b8ae6;}
.capMenu ul{overflow: hidden;border-radius:15px 15px  0 0  ;}
.capMenu li{float: left;width: 33.33%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-left: 1px solid #b9aded;}
.capMenu li:first-child{border-left: none;}
.capMenu a{display: block;line-height: 40px;height: 40px;text-align: center;color: #FFF;font-size: 13px;margin-left: 1px;}
.capMenu a:hover,
.capMenu .on a{background-color: #6346de;}
h4.capMenu.subTle{line-height: 40px;font-size: 1em;text-align: center;color: #FFF;font-weight: 400;}
/********
subPage
***********/
.subPage{padding: 20px 4.25% 35px ;}
.topSeek{border-radius:2.5em;border: 1px solid #CCC; position: relative;padding:0  50px 0 20px;margin-bottom: 20px;overflow: hidden;}
.topSeek input{border: 0;background-color:#FFF;height: 38px !important;line-height: 38px;display: block; padding: 0;margin: 0;width: 100%;}
.topSeek input.inputBn{position: absolute;top: 0;bottom: 0;right: 0;width: 50px;height: 38px;text-indent: -999em;background: url('../img/common/zm.gif') center no-repeat;}
.topSeek input.inputBx{font-size: 1.0em;font-style: normal;color: #000;}
.topSeek input.inputBx::placeholder{color: #76C;font-size: 0.85em;}
.topSeek input.inputBx:-ms-input-placeholder {color: #76C;font-size: 0.85em;}
.topSeek input.inputBx::-webkit-input-placeholder{color: #76C;font-size: 0.85em;}
.listCap{overflow: hidden;border-radius:20px 20px 0 0;background-color: #6346de;color: #FFF;font-size: 15px;padding: 16px 4.8%;line-height: 18px;}

.facilLst dl{position: relative;padding: 20px 27% 19px 2%;border-bottom: 1px solid #CCC;line-height: 1.1;}
.facilLst dl::after{ display: block;content: '';position: absolute;right: 17px;top: 43.4%;border: solid #666 ;    border-width: 0 2px 2px 0;       padding:7px;	  transform: rotate(-45deg);  vertical-align: middle;}

.facilLst .nm{font-size: 18px;padding-bottom: 5px;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;font-weight: 400;padding-top: 5px;color: #000;}
.facilLst .nm b{font-weight: 700;}
.facilLst .addr{font-size: 12px;color: #666;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;font-family: 'Lato','Noto Sans KR';}
.facilLst .addr b{color: #7766cc;font-weight: 900;}
.facilLst .addr span{color: #ccc;margin: 0 3px;}
.facilLst .addr span::before{content: '|';font-size: 10px;vertical-align: top;display: inline-block;}
.facilLst a{display: block;}
.facilLst .lnk a{position: absolute;top: 0;bottom: 0;right: 0;left:0;z-index: 3;}
.facilLst .lnk{display: inline;font-size: 0;height: 0;width: 0;}

.facilLst .flgs{position: absolute;top: 0;bottom: 0;right: 0;width: auto;overflow: hidden;/* background-color: #fff; */text-align: right;line-height: 79px;z-index: 2;padding-right: 38px}
.facilLst .flgs span{display: inline-block;border-radius:50%;background-color: #909090;color: #FFF;font-size: 12px;width: 40px;height: 40px;line-height: 40px/*2~3글자*/;margin: 0;vertical-align: middle;text-align: center;}

.facilLst .flgs span.taskNum{border-radius:3px;line-height: 19px;height: 18px;background-color: #9b8ae6;border: 0px solid #CCC;margin-top: 1px;font-family: 'Hind Siliguri',sans-serif;color: #FFF;font-size: 13px;font-weight: 500;width: auto;letter-spacing: 0;padding: 0 5px;min-width: 20px;}
.facilLst .flgs span.taskNum.zero{background-color: #eee;}

.facilLst .flgs span.ok{background-color: #33af19;}
.facilLst .flgs span.task{background-color: #fd59b2;}
.facilLst .flgs span.task_1{background-color: #6346DE;letter-spacing: -1px;}/* 조치중 */
.facilLst .flgs span.task_2{background-color: #1ba2f3;}
.facilLst .flgs span.impossible{background-color: #FF4500;}
.facilLst.forTask dl::after{display: none;}
.facilLst.forTask .flgs{width: auto;padding-right: 7px;background-color: #fff;line-height: 1;top: 50%;bottom: auto;transform:translateY(-50%);}
/* .facilLst.forTask .flgs span{width: 30px;padding: 7px 5px 0;height: 33px;line-height: 14글자;} */
.facilLst.forTask .flgs span{width: 40px;height: 40px;line-height: 38px;padding: 0;}
.facilLst .nm .my{display: inline-block;line-height: 17px;height: 16px;/* border: 1px solid #6346de; */text-align: center;font-style: normal;width: 25px;font-size: 12px;vertical-align: top;font-family: 'Hind Siliguri',sans-serif;color: #FFF;font-weight: 600;background-color: #6346de;}
.facilLst .nothing{text-align: center;padding: 34% 0;font-size: 13px;background-color: #f1f1f2;}


.subPage .pager {padding: 20px 0 ;text-align: center;}
.subPage .pager ul { display:inline-block; padding:0; height:auto;overflow:hidden;text-align:center;}
.subPage .pager li { display:inline-block; border:0; margin:0 0 0 0; text-align:center;  font-size:14px; list-style:none; padding:0px;min-width: 30px; ;vertical-align:middle;background:none;  line-height:30px; height:30px; color: #555;font-family: 'Lato',sans-serif;}
.subPage .pager li a { display:block;background:#eee; line-height:inherit; height:30px;padding:0 0; margin:0 ;width:30px;border-radius:4px ;min-width: 12px;}
.subPage .pager li a:hover { background:#ddd; color:#000;  margin:0 ; }
.subPage .pager li#present,
.subPage .pager li#present:hover { background:#9b8ae6; border:0; color:#FFF;  line-height:30px; height:30px;padding:0 0; margin:0 0px ;width:30px;min-width:12px;font-weight: normal !important;vertical-align:middle;border-radius:4px ; }
.subPage .pager li img,
.subPage .pager li a img { vertical-align:middle; font-size:0; line-height:0; margin:-2px 0  0 0;background:none; }
.subPage .pager li a.nl{background: none;}
.subPage .pager li a.nl:hover{border: 1px solid #ccc;width: 28px;height: 28px;}
.subPage .pager li a.nl:hover img{margin-top: -4px;}

/*****************
view
****************/
.facilName{position: relative;margin-bottom: 18px;padding-left: 4.4%;/* margin-top: 20px; */}
.facilName::before{position: absolute;display: block;content: '';width: 7px;border-radius:4px ;top: 0;bottom: 3px;left:0;background-color: #6346de;}
.facilName h3{line-height:1.2;font-size: 21px;font-weight: 400;color: #000;}
.facilName h3 b{color: #7d76f5;font-size: 1.2em;font-family: 'Hind Siliguri'}
.bnWayTop{display: block;text-align: center;color: #FFF;font-size: 15px;background-color: #6346de;line-height: 48px;margin-bottom: 18px;}
.bnWayTop i{display: inline-block;width: 16px;height: 14px;vertical-align: middle;background: url('../img/common/way.png') center 0 no-repeat;margin-right: 4px;}
.bnWay{display: block;width: 110px;text-align: center;color: #FFF;font-size: 13px;background-color: #494A4F;border-radius:2.5em ;line-height: 28px;position: absolute;top: 8px;right: 0;font-weight: normal;}
a.bnWay i{display: inline-block;width: 18px;height: 12px;vertical-align: middle;background: url('../img/common/ico_way.gif') center 0 no-repeat;margin-right: 2px;background-size:auto 10px ;}
h3 a.bnWay{top: -1px;}


.facilTle{position: relative;}
.facilTle h4{font-size: 15px;border-top: 2px solid #514f50;border-bottom: 1px solid #514f50;padding: 13px 2.3%;position: relative;line-height: 1.3;}
.facilTle h4 a.btnToggle{display: block;position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;text-indent: -999em;}
.facilTle h4 a.btnToggle::after{display: block;content: '';background: url('../img/common/aro_open.gif') center no-repeat;position: absolute;width: 50px;top: 0;right: 0;bottom: 0;}
.facilTle h4 a.btnToggle.close::after{background-image: url('../img/common/aro_close.gif')}
.facilTle h4 a.more{display: block;position: absolute;top: 0;bottom: 0;left: 20px;right: 0;line-height: 49px;font-size: 25px;text-align: right;padding-right: 2.5%;color: #5c5b5b;font-weight: 400;}
.facilTle.mb{margin-bottom: 15px;}
.facilTle .conToggle {display: none;}
.facilTle.open  .conToggle{display: block;}
.facilTle dl{margin-bottom: 10px;}
.facilTle dt{width: 24%;padding-left: 2.2%;position: relative;left: 0;height: 45px;color: #888;line-height: 45px;font-size: 13px;}
.facilTle dt.hide{display: none;}
/* .facilTle dt::after{content: '';display: block;height: 14px;top:15px;right: 0;background-color: #ddd;width: 1px;position: absolute;} */
.facilTle dd{font-size: 14px;padding-left: 25%;border-bottom: 1px dashed #DDD;line-height:19px;min-height:23px;padding-top:13px;padding-bottom:11px;height:auto;margin-top: -45px;position: relative;right: 0;}
.facilTle dd:last-child{border-bottom: none;}
.facilTle dd b.ok{color: #33af19;}
.facilTle dd b.task_1{color: #6346DE;}
.facilTle dd b.task_2{color: #1ba2f3;}

.facilTle dd.wide{padding-left: 2.2%;padding-right: 2.2%;margin-top: 0;line-height: 1.5;}
.facilTle.forUserinfo dd.wide{margin-top: -45px;padding-top:13px;line-height:19px;padding-left: 25%;padding-right: 0;}

.facilTle.forUserinfo .inputForm input[type="text"]#user_nm,
.facilTle.forUserinfo .inputForm input[type="text"]#user_id,
.facilTle.forUserinfo .inputForm input[type="text"]#email{width: 92% !important;}
.facilTle.forUserinfo .inputForm input[type="text"].next_input,
.facilTle.forUserinfo .inputForm input[type="text"].numChk{width: 24% !important;}

.facilTle.forBbs dd{padding-left: 20%;}

.facilTle dd .imgX{padding: 15px 0 5px;}
.facilTle dd .imgX img{padding-bottom: 10px;}
.facilMap{border: 1px solid #CCC;height: 300px;background-color: #e0e0e2;}
.facilMap .nothing{text-align: center;font-size: 1em;line-height: 290px;color: #999;}
.facilBtn {overflow: hidden;margin-top: 15px;margin-bottom: 15px;border-radius:8px ;}
.facilBtn a,
.facilBtn input,
.facilBtn button{display: block;text-align: center;line-height: 48px;font-size: 1.125em;color: #FFF;background-color: #6346de;margin-bottom: 1px;padding-bottom: 2px;}
.facilBtn .blk{background-color: #51505a;}
.facilBtn.half a,
.facilBtn.half input
.facilBtn.half button{float: left;width: 50%;box-sizing:border-box;border-left: 1px solid #999;}
.facilBtn.col3 a,
.facilBtn.col3 input
.facilBtn.col3 button{float: left;width: 33.33%;box-sizing:border-box;border-left: 1px solid #999;}
.facilBtn.col4 a,
.facilBtn.col4 input
.facilBtn.col4 button{float: left;width: 25%;box-sizing:border-box;border-left: 1px solid #999;}
.facilBtn > a,
.facilBtn > input,
.facilBtn > button{border-left: 0}

/*****************
form
****************/
.inputTxt:hover,
input.inputTxt:focus,
.inputForm textarea:hover,
.inputForm textarea:focus{ background-color: #ecf0f8; border:solid 1px #a8bdef; }
.inputForm textarea.inputTxt:hover,
.inputForm textarea.inputTxt:focus,
.inputForm input:hover { background-color: #ecf0f8; border:solid 1px #a8bdef }
.inputTxt,
.inputForm input,
.inputForm textarea { border:solid 1px #CCC;background-color: #fff; }

.inputForm .inputTxt,
.inputForm input[type="text"],
.inputForm input[type="password"],
.inputForm input[type="file"],
.inputForm textarea { padding: 5px 5px;margin-top: -5px;vertical-align: baseline;font-size: 15px;width: 92%;}
.inputForm input[type="text"],
.inputForm input[type="password"]{line-height: 18px;height: 18px;}
.inputForm textarea{width: 96.5%;}
.inputForm select{ padding: 4px;margin-top: -5px;vertical-align: baseline;font-size: 15px;width: 95.9%;}

.inputForm input[type="text"]#zonecode{margin-bottom: 12px ;}
.inputForm input[type="file"].inputFile{height: auto;padding: 4px 3px 3px 3px;vertical-align: top;font-size: 13px;margin-top: 0;margin-bottom: 5px;}
.inputForm input[type="file"].inputFile{vertical-align: middle !important;}
.inputForm input[type="file"].inputFile + input[type="text"]{vertical-align: middle;margin-top: 0;margin-bottom: 5px;}

.inputForm {}
.inputForm .bnMan{display: block;/* position: relative;top: -2px;width: 95.9%; */border: 1px solid #CCC;color: #333;border-radius:3px;line-height: 28px;text-align: center;background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%);  position: absolute;top: auto;bottom: 5px;left: 30%;width: 67%;}
.inputForm .manLst{line-height: 1.6;font-size: 13px;letter-spacing: -0.5px;padding-bottom: 30px;position: relative;margin-right: -1.5%;}

.facilTle dd.wide.forLong{padding-top: 0;}
.inputForm .addDel{position: relative;margin-left: 30%;margin-top: -37px;margin-right: 5px;text-align: right;height: 30px;margin-bottom: 10px;}
.inputForm .addDel .bnMan{position: static;bottom: auto;left: auto;width: 30%;display: inline-block;}

.inputForm .manLst input[type="text"]{margin-top: 0;font-size: 12px;border: 0;padding: 3px;color: #000;margin-bottom: 5px;background-color: #eee;cursor: pointer;height: 18px;overflow: hidden;}
.inputForm .manLst p{position: relative;}
.inputForm .manLst p .target_del{/* text-indent: -999em; */display: block;position: absolute;top: 2px;bottom: 0;right: 5.8%;width: 20px;font-size: 14px;color: #444;}
/* .inputForm .manLst p .target_del::after{position: absolute;content: 'x';display: block;top: 0;right: 0;text-indent: 0;font-size: 13px;}
 */.snaps {padding-top: 35px; overflow: hidden;position: relative;margin-right: -1.5%;}
.snaps .addShot { background-color: #FFF;text-align: center; line-height: 25px;  color: #333; font-size: 13px; cursor: pointer; width: 32%;border: 1px solid #ccc;position: absolute;top: 0;left: 0;border-radius: 4px; }
.snaps .addShot#camera{left: 33%;}
.snaps .addShot#movie{left: 66%;}
.snaps .shot{ border-radius: 4px; float: left; width: 48.5%; margin: 0 1.5% 10px 0; }
.snaps .shot {height: 115px; background-size: auto; background-repeat: no-repeat; background-position: center; background-color: #FFF;cursor: pointer; position: relative; overflow: hidden;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;box-sizing: border-box; border: 1px solid #DDD;}
.snaps .shot span { display: block;position: absolute;top: 0;right: 0;width: 24px;height: 24px;background-repeat: no-repeat;background-position: center;background-image: url('../img/common/close.png');background-color: rgba(0,0,0,0.6);text-indent: -999em;border-radius:0 0 0 4px; background-size:12px auto; }

.ui-widget{font-size: 0.785em !important;}
.ui-datepicker .ui-datepicker-buttonpane button,
.ui-datepicker .ui-datepicker-title select{font-size: 0.875em !important;}

textarea.agreeTxt{ border:solid 1px #ddd; padding:7px; margin:10px auto 20px; width:94%; height:400px; line-height:155%; color:#606060; display: block;}

@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (-webkit-min-device-pixel-ratio: 2) {
#sb-site,
#sb-site.top-padding,
#fixed-top ,
.wrapper{max-width: 100%;}
body{min-width: 100%;background-color: #FFF;}
.pc{max-width:100%;margin: 0;position:static;border-radius:0 ;}
.sb-slidebar {	position:fixed;width: 80%;z-index: 1;}
#sb-site.top-padding{padding-top: 70px;}
#fixed-top{position: fixed;}

.main #sb-site.top-padding{padding-top: 0 !important;}
.main #fixed-top{position: relative !important;height: auto !important;}
.main .header .userLogin{padding-bottom:4.5%;}
.mainMenu {min-height: 100%;}

.mainMenu li a{height: auto;padding-bottom:6%;}
.mainMenu li b{padding-top: 5.5%;}
/*login*/
.bgLogin .footCopy{bottom: 0;}
.bgLogin h1.topLogo{margin-top:22%;}
.bgLogin h1.topLogo a {}
#sb-site.bgLogin{height: auto;padding-bottom: 0;background-size:cover ;}
.loginBox{margin-bottom: 0;}
}

@media all and (max-width:414px){

.bgLogin h1.topLogo a {font-size: 22px;height: 40px;}
.main .header .userLogin{padding-bottom:0;}
}
@media all and (max-width:384px){
/*login*/

.mainMenu li i{top: 23%;}
.mainMenu li a{padding-bottom: 6.5%;height: auto;}
.mainMenu li b{font-size: 19px;padding-top:9.0%;}
.header .userLogin{padding-top: 20%;height: 40px;}

}
@media all and (max-width:375px){
/*login*/

.bgLogin h1.topLogo{background-size:180px auto ;}
.header h1.topLogo a {font-size: 14px;}
.mainMenu li b{font-size: 18px;}
.facilLst dl{padding-top: 15px;padding-bottom: 14px;padding-left: 1%;}
.facilLst dl::after{top: 38%;padding: 6px;}
.facilLst .nm{font-size: 16px;}
.facilLst .flgs{line-height: 64px;}
.facilLst .flgs span.taskNum{line-height: 17px;height: 16px;font-size: 12px;margin-bottom: 0;margin-top: 0;vertical-align: middle;top: -1px;position: relative;}

.facilName{margin: 15px 0;}
.facilName h3{font-size: 18px;}
.facilTle h4{padding: 11px 1%;}
.facilTle h4 .bnWay{top: 5px;}
.facilTle h4 a.more{line-height: 41px;}
.facilTle dt{font-size: 12px;padding-left: 1%;letter-spacing: -0.06em;}
.facilTle dd{padding-left: 28%;font-size: 13px;letter-spacing: -0.04em;}
.facilTle dd.wide{padding-left: 1%;padding-right: 1%;}
.facilTle.forUserinfo dd.wide{padding-left: 28%;padding-right: 0;}

.facilBtn a{line-height: 44px;}
.inputForm .bnMan{left: 28%;width: 69%;}
}
@media all and (max-width:360px){
/*login*/
.bgLogin h1.topLogo{background-size:168px auto ;}
.bgLogin h1.topLogo a {font-size: 20px;padding-top: 75px;height: 30px;}

}
@media all and (max-width:320px){/* s2 iphone 4*/
/*login*/
.bgLogin h1.topLogo{background-size:142px auto ;}
.bgLogin h1.topLogo a {font-size: 17px;padding-top: 65px;height: auto;}
.loginBox{margin-top: 35px;}
.bgLogin .footCopy{font-size: 15px;}
.bgLogin .footCopy i{ width: 50px;height: 16px;}

.header h1.topLogo a {font-size: 13px;}
.header .userLogin{padding-top: 15%;height: 35px;}
.mainMenu li i{}
.mainMenu li a{padding-bottom:7.4%;}
.mainMenu li b{padding-top:8.5%;font-size: 17px;}
}