@charset "utf-8";

/*1. 공통 */
html,body{height:100%;}
body {margin:0; padding:0; font-family:"HelveticaNeue-Light,AppleSDGothicNeo-Light,'Malgun Gothic','맑은 고딕',sans-serif",sans-serif; font-size:13px; -webkit-text-size-adjust: none;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td,select {margin: 0; padding: 0; font-size:13px;}
p{line-height:1.5em; margin:0; padding:0;}
table{border-spacing:0; border-collapse:collapse;}
abbr,acronym,fieldset,img {border:0;}
ol,ul,dl {list-style:none;}
legend {display:none;}
caption {display:none;}
a:link {text-decoration:none;}
a:active, a:hover, a:visited {text-decoration:none;}
img {vertical-align:middle;}

* {-webkit-touch-callout : none; }

input{vertical-align:middle;}
input[type=text].ac {text-align:center;}
input[type=text].ar {text-align:right; }
input[type=checkbox] {vertical-align:-3px;}
input[type=radio] {margin-top:-4px;}

select{padding:2px 5px; padding-right:0 !important; border:1px solid #ddd; color:#333; vertical-align:middle; border-radius:3px; background:#fff;}
select::-ms-expand {background-color: transparent; border:0;}

/* etc */
button.ui-datepicker-trigger {border:none; *vertical-align:middle; cursor:pointer; background:none; margin-left:-3px;}

/* width */
.w20 { width:20px;}
.w30 { width:30px;}
.w40 { width:40px;}
.w45 { width:45px;}
.w50 { width:50px;}
.w60 { width:60px;}
.w65 { width:65px;}
.w70 { width:70px;}
.w80 { width:80px;}
.w90 { width:90px;}
.w95 { width:95px;}
.w100 { width:100px;}
.w105 { width:105px;}
.w110 { width:110px;}
.w120 { width:120px;}
.w130 { width:130px;}
.w135 { width:135px;}
.w140 { width:140px;}
.w145 { width:145px;}
.w150 { width:150px;}
.w155 { width:155px;}
.w160 { width:160px;}
.w170 { width:170px;}
.w180 { width:180px;}
.w190 { width:190px;}
.w195 { width:195px;}
.w200 { width:200px;}
.w207 { width:207px;}
.w210 { width:210px;}
.w220 { width:220px;}
.w230 { width:230px;}
.w240 { width:240px;}
.w250 { width:250px;}
.w260 { width:260px;}
.w270 { width:270px;}
.w280 { width:280px;}
.w290 { width:290px;}
.w300 { width:300px;}
.w305 { width:305px;}
.w310 { width:310px;}
.w320 { width:320px;}
.w330 { width:330px;}
.w340 { width:340px;}
.w350 { width:350px;}
.w360 { width:360px;}
.w370 { width:370px;}
.w380 { width:380px;}
.w390 { width:390px;}
.w400 { width:400px;}
.w410 { width:410px;}
.w420 { width:420px;}
.w430 { width:430px;}
.w440 { width:430px;}
.w450 { width:450px;}
.w460 { width:460px;}
.w465 { width:465px;}
.w470 { width:470px;}
.w480 { width:480px;}
.w490 { width:490px;}
.w500 { width:500px;}
.w510 { width:510px;}
.w515 { width:515px;}
.w520 { width:520px;}
.w530 { width:530px;}
.w540 { width:540px;}
.w550 { width:550px;}
.w600 { width:600px;}
.w650 { width:650px;}
.w700 { width:700px;}
.w710 { width:710px;}
.w750 { width:750px;}
.w760 { width:760px;}
.w767 { width:767px;}
.w780 { width:780px;}
.w800 { width:800px;}
.w820 { width:820px;}
.w830 { width:830px;}
.w850 { width:850px;}
.w900 { width:900px;}
.w950 { width:950px;}
.w98p { width:98%;}
.w99p { width:99%;}
.w100p { width:100%;}
.ato {width:auto;}

/* margin */
.mt3 {margin-top:3px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt16 {margin-top:16px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt32 {margin-top:32px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}

.mb1 {margin-bottom:1px;}
.mb2 {margin-bottom:2px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}

.mr3 {margin-right:3px;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}

.ml1 {margin-left:1px;}
.ml2 {margin-left:2px;}
.ml3 {margin-left:3px;}
.ml4 {margin-left:4px;}
.ml5 {margin-left:5px;}
.ml6 {margin-left:6px;}
.ml7 {margin-left:7px;}
.ml8 {margin-left:8px;}
.ml9 {margin-left:9px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}

.pr10 {padding-right:10px;}

.pl10 {padding-left:10px;}
.pl20 {padding-left:20px;}

/* align */
.ar {text-align:right;}
.am {vertical-align:middle;}
.ac {text-align:center;}
.al {text-align:left;}

/* layout */
@-webkit-keyframes nav_view{
    from {background-color: rgba(0,0,0,0)}
    to{background-color: rgba(0,0,0,0.3)}
}
@keyframes nav_view{
    from {background-color: rgba(0,0,0,0)}
    to{background-color: rgba(0,0,0,0.3)}
}
@-webkit-keyframes nav_box_view{
    from {left: -500px}
    to{left:0}
}
@keyframes nav_box_view{
    from {left: -500px}
    to{left:0}
}
@-webkit-keyframes nav_close{
    from {background-color: rgba(0,0,0,0.3)}
    to{background-color: rgba(0,0,0,0)}
}
@keyframes nav_close{
    from {background-color: rgba(0,0,0,0.3)}
    to{background-color: rgba(0,0,0,0)}
}
@-webkit-keyframes nav_box_close{
    from {left:0}
    to{left:-500px}
}
@keyframes nav_box_close{
    from {left:0}
    to{left:-500px}
}
#mo_nav_container{display:none;}
#mo_nav_container .mo_nav_box{position:relative; left:0; height:100%; width:250px; background-color:rgba(255,255,255,1);
    -webkit-box-shadow: 2px 0px 7px 0px rgba(92,92,92,0.3);
    -moz-box-shadow: 2px 0px 7px 0px rgba(92,92,92,0.3);
    box-shadow: 2px 0px 7px 0px rgba(92,92,92,0.3);
}
#mo_nav_container.view{
    -webkit-animation: nav_view 0.5s;
    animation: nav_view 0.5s;
}
#mo_nav_container.view .mo_nav_box{
    -webkit-animation: nav_box_view 0.3s;
    animation: nav_box_view 0.3s;
    -webkit-animation-timing-function:initial; 
    animation-timing-function: initial;
}
#mo_nav_container.close{
    -webkit-animation: nav_close 0.5s;
    animation: nav_close 0.5s;
}
#mo_nav_container.close .mo_nav_box{
    -webkit-animation: nav_box_close 0.3s;
    animation: nav_box_close 0.3s;
    -webkit-animation-timing-function: ease-out; 
    animation-timing-function: ease-out;
}
.btn_menu_box{height:50px; padding:14px 10px; border-bottom:1px solid #cccccc; box-sizing:border-box; background:#454c5e;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow: 0px 1px 0px 0px rgba(255,255,255,1);
    box-shadow: 0px 1px 0px 0px rgba(255,255,255,1);
}
.mo_nav_blur_bg{overflow:hidden;}
.btn_menu_box .left_close{display:block; position:absolute; top:9px; right:10px; width:30px; height:30px; text-indent:-10000px; background:url(/web_2/img/mos/closeX.png) no-repeat center center; background-size:60%;}
.btn_menu_box p.info{color:#fff; letter-spacing:-1px;}
.btn_menu_box p.info span{font-size:18px;}
.btn_menu_box a.btn_login{display:inline-block; padding:0 7px; margin-top:-5px; margin-left:10px; border:1px solid #fff; border-radius:3px; font-size:11px; color:#fff; vertical-align:middle;}
.mo_nav_box {min-height:266px;}
.mo_nav_box .mo_nav li{display:block; background:#fff;}
.mo_nav_box .mo_nav li.depth01{display:block;}
.mo_nav_box .mo_nav li.depth01 > a{display:block; height:42px; padding:10px 10px 9px 18px; margin:8px 0 9px 0; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; box-sizing:border-box; color:#0099bf; font-size:1.3em; font-weight:500; letter-spacing:-1px; background:#f2f4f7;}
.mo_nav_box .mo_nav li.depth01 a.first{margin-top:0; border-top:0;}
.mo_nav_box .mo_nav li.depth01 .depth02 a{display:block; height:30px; padding:3px 10px 3px 29px; box-sizing:border-box; color:#333; font-size:1.2em; letter-spacing:-1px; background:url(/web_2/img/mos/bullet.png) no-repeat 20px 13px; background-size:0.21em;}
.mo_nav_box .mo_nav li.depth01 .depth02 a:hover{color:#ee4e4e;}
.mo_nav_footer {width:100%; padding:5px; border-top:1px solid #ddd; background:#fff; font-size:9px; letter-spacing:-1px; background:#eee;}
.mo_nav_footer .other_btns{margin:10px 10px 0 10px; text-align:center;}
.mo_nav_footer .other_btns .btn{width:85px; font-size:11px; padding-top:2px;}
.mo_nav_footer .other_btns .btn + .btn{float:right;}
.mo_nav_footer .address{margin-top:10px; margin-left:10px; margin-bottom:5px; text-align:left; font-size:11px; line-height:14px; color:#777; text-align:center;}
.mo_nav_footer .mo_nav_logo{margin-top:10px; text-align:center;}
.mo_nav_footer .mo_nav_logo img{display:inline-block; width:100px;}

header{width:100%; position:fixed; top:0; left:0; z-index:100;}
#mo_nav_container{position:fixed; top:0; left:0; width:166px; height:0; z-index:9999; background-color:rgba(0,0,0,0.3);}
#top_container{overflow:hidden; height:47px; padding-top:3px; text-align:center; background:#fff; box-sizing:border-box;}
.page_content{padding:65px 10px 70px 10px;}
#top_container #btn_menu{position:absolute; top:15px; left:15px; width:20px; height:20px; border:none; font-size:0; text-indent:-10000px; background:url(/web_2/img/mos/common/bg_nav.png) no-repeat; background-size:100%;}
#top_container #btn_menu:focus{outline:inherit;}
#top_container #btn_home{position:absolute; top:13px; right:15px; width:20px; height:20px; border:none; font-size:0; text-indent:-10000px; background:url(/web_2/img/mos/common/bg_home.png) no-repeat; background-size:100%;}
#top_container #btn_home:focus{outline:inherit;}
#top_container h1.logo{display:inline-block; margin:11px 0 0 0; color:#222; font-size:19px; letter-spacing:-1.5px; font-weight:500;}
#top_container h1.logo a{color:#222;}
#container{position:relative; padding-top:47px;}
#container h2{position:fixed; width:100%; height:49px; padding-top:15px; font-size:18px; color:#fff; font-weight:600; letter-spacing:-1.5px; background:#14aceb; box-sizing:border-box; z-index:100;}
#container h2 span.title{display:inline-block; padding-left:50px;}
#container h2 span.title_1{display:inline-block; width:100%; padding-left:0; letter-spacing:0; text-align:center;}
#container .btn_back{position:absolute; top:5px; left:10px; padding:10px;}
#container .btn_back img{width:22px;}
#container .btn_checkSave{position:absolute; top:5px; right:12px; padding:10px;}
#container .btn_checkSave img{width:22px;}

#container .btnTop{overflow:hidden; position:absolute; top:11px; right:12px; min-height:24px; box-sizing:border-box; font-size:0.7em; text-align:center;}
#container .btnTop a{display:inline-block; margin-left:2px; padding:6px 14px; border:1px solid #fff; border-radius:4px;}
#container .btnTop a.save{color:#0073a9; background:#fff;}
#container .btnTop a.delete{color:#fff;}
#container .btnTop a.submit{color:#fff;}

/* 테이블 */
.tblType01 table{width:100%;}
.tblType01 th{padding-top:14px; font-size:14px; color:#555; letter-spacing:-1px; vertical-align:top;}
.tblType01 label{font-weight:normal;}
.tblType01 td{height:47px; padding:3px; color:#555;}
.tblType01 td p.txt01{margin-top:10px; font-size:12px; color:#777; letter-spacing:-1px;}
.tblType01 select{height:39px; margin:2px 0; letter-spacing:-1px;}
.tblType01 input[type=text], .tblType01 input[type=email], .tblType01 input[type=number], .tblType01 input[type=date], .tblType01 input[type=tel]{height:39px; padding:2px 5px; margin:2px 0; border:1px solid #ddd; border-radius:3px; font-size:14px; color:#333; letter-spacing:-1px;}
.tblType01 input[type=date] {width:100px; padding:2px 0 2px 3px; font-size:15px; background:#fff;}
.tblType01 input[type=tel] {width:70px;}
.tblType01 input[type=file] {display:inline-block;}

.tblType01.tblm01 {margin-top: 10px;}
.tblType01.tblm01 tr{border-bottom: 1px solid #ccc;}
.tblType01.tblm01 th{position: relative; padding-left: 15px; font-weight: normal;}
.tblType01.tblm01 th:before{content:""; position: absolute; left: 5px; top: 49%; width: 4px; height: 4px; background: #14aceb; border-radius: 100%;}
.tblType01.tblm01 input[type=text] {height:30px; vertical-align: baseline;}
.tblType01.tblm01 input[type=radio] {margin-left: 15px;}
.tblType01.tblm01 input[type=radio]:first-child {margin-left: 0;}
.tblType01.tblm01 label {margin-bottom: inherit;}

.tblType02 div.tblType02_top{overflow:hidden; margin-top:15px;}
.tblType02 div.tblType02_top h3{float:left; margin-top:0;}
.tblType02 div.tblType02_top .topTxt_left{float:left;}
.tblType02 div.tblType02_top .topTxt_left input{margin: 0;}
.tblType02 div.tblType02_top .btnR{float:right;}
.tblType02 h3 {margin-top:15px; padding-left:12px; font-size:15px; color:#375d96; letter-spacing:-1px; background:url(/web_2/img/mos/common/bullet_1.png) no-repeat left center; background-size:5px;}
.tblType02 h3:first-child{margin-top:0;}
.tblType02 h3 span{font-size:13px; color:#888;}
.tblType02 h3 span>span{color:#333;}
.tblType02 h4 {margin:5px 0; font-size:14px; color:#2d74b0; letter-spacing:-1px;}
.tblType02 h4 span.emph{font-size:12px; color:#09bfcf;}
.tblType02 h4.title_small {margin: 10px 0; padding: 10px; border: 1px solid #d2e1e7; color:#2d74b0; text-align: center; background: #edf4f7;}
.tblType02 h4.title_small_1 {position: relative; padding-left: 8px; margin-top: 15px; color: #222;}
.tblType02 h4.title_small_1:before {content:""; position:absolute; top: 7px; left: 0; width: 6px; height: 6px; border-top: 2px solid #c79d73; border-right: 2px solid #c79d73; transform:translate(-50%,-50%) rotate(45deg);}
.tblType02 table{width:100%; border-top:1px solid #c0c2c7; border-right:1px solid #e9e9e9;}
.tblType02 thead th{height:40px; text-align:center;}
.tblType02 th{height:40px; padding:5px; font-size:13px; color:#555; border-left:1px solid #e9e9e9; border-bottom:1px solid #c0c2c7; letter-spacing:-1px; font-weight:normal; background:#f6f6f6;}
.tblType02 td{height:47px; padding:5px; font-size:13px; color:#555; border-left:1px solid #e9e9e9; border-bottom:1px solid #c0c2c7;}
.tblType02 td.title{font-size:14px; color:#333; text-align:center; background:#f0f7ff;}
.tblType02 td.bg{background: #f0f7ff;}
.tblType02 td.bg_1{background: #fffdf0;}
.tblType02 th.title{text-align:center; background:#f0f7ff;}
.tblType02 td p.txt01{margin-top:5px; font-size:12px; color:#777; letter-spacing:-1px;}
.tblType02 label{display:initial; font-size:13px; font-weight:normal;}
.tblType02 select{/*width:inherit;*/ height:39px; margin:2px 0; letter-spacing:-1px;}
.tblType02 input[type=text], .tblType02 input[type=email], .tblType02 input[type=number], .tblType02 input[type=date], .tblType02 input[type=tel]{height:28px; padding:2px 5px; margin:2px 0; border:1px solid #c0c1c5; border-radius:3px; font-size:14px; color:#333; letter-spacing:-1px;}
.tblType02 input[type=text]{display:inline-block;}
.tblType02 textarea{width:100%; height:60px; padding:2px 5px; margin-top:10px; border:1px solid #c0c1c5; border-radius:3px; font-size:14px; color:#333; letter-spacing:-1px;}
.tblType02 ul.alignWrap {overflow:hidden;}
.tblType02 ul.alignWrap li{float:left; width:50%;}
.tblType02 dl.txt dt{margin-top:10px; font-weight:normal;}
.tblType02 dl.txt dt span{display:inline-block; width:50px;}
.tblType02 dl.txt dt span.title{padding-left:8px; font-size:14px; color:#555; letter-spacing:-1px; background:url(/web_2/img/mos/common/bullet_1.png) no-repeat left 7px; background-size:2px;}
.tblType02 dl.txt dd{margin-left:54px;}
.tblType02 .bdline{border-top:2px solid #9396a0;}
.tblType02 .alignTop{padding-top:10px; vertical-align:top;}
.tblType02 dl.txt_1 dt{word-break:break-all;}
.tblType02 dl.txt_1 dd{margin-left:20px;}
.tblType02 dl.txt_1 dd.act{color:#e81052;}
.tblType02 ul.ultxt li{padding: 5px 0 3px 0; border-bottom: none;}
.tblType02 .multi {width: 100%; height: 80px; margin-top: 10px;}
.tblType02 ul.tbl li{display: table; width: 100%;}
.tblType02 ul.tbl li span{display: table-cell;}
.tblType02 ul.tbl li span:nth-child(1){text-align: left;}
.tblType02 ul.tbl li span:nth-child(2){text-align: right;}

/* 테이블 - scroll 목록 */
.tblType03 h3 {margin-top:15px; padding-left:12px; font-size:15px; color:#375d96; letter-spacing:-1px; background:url(/web_2/img/mos/common/bullet_1.png) no-repeat left center; background-size:7px;}
.tblType03 .tbl_scroll{overflow-x:scroll;}
.tblType03 table{width:550px; border-top:1px solid #c0c2c7;}
.tblType03 thead th{height:40px; text-align:center;}
.tblType03 th{height:40px; padding:5px; font-size:13px; color:#555; border-bottom:1px solid #c0c2c7; letter-spacing:-1px; font-weight:normal; background:#f6f6f6;}
.tblType03 td{height:47px; padding:5px; font-size:13px; color:#555; border-bottom:1px solid #c0c2c7; text-align:center;}

/* 테이블 - 상세 */
.tblType04 table{width:100%; border-top:2px solid #92959f;}
.tblType04 th{height:45px; padding:5px; color:#555; border-bottom:1px solid #c0c2c7; letter-spacing:-1px;}
.tblType04 td{height:45px; padding:5px; color:#555; border-bottom:1px solid #c0c2c7;}
.tblType04 dl.txt_1 dt{}
.tblType04 dl.txt_1 dd{margin-left:20px;}
.tblType04 dl.txt_1 dd.act{color:#e81052;}
.tblType04 label{font-weight:normal;}

/* 버튼 */
.btn_search {width:100%; height:40px; margin-top:15px; border-radius:2px; font-size:14px; color:#fff; font-weight:600; text-align:center; background:#5a95ee;}
.btn_search a{display:block; width:100%; height:40px; padding-top:9px; box-sizing:border-box; color:#fff;}
.btn_search_1 {display:inline-block; width:39px; height:39px; border:1px solid #e3e3e3; border-radius:3px; font-size:0; text-indent:-10000px; vertical-align:middle; background:#fafafa url(/web_2/img/mos/icon_search.png) no-repeat center center; background-size:50%;}
/*.btnType01 {display:inline-block; overflow:hidden; min-width:50px; height:30px; padding:5px 5px 0 5px; border:1px solid #cbced3; border-radius:3px; font-size:13px; color:#777; font-weight:normal; text-align:center; background:#fff; vertical-align:middle;}*/
.btnType01 {display:inline-block; overflow:hidden; min-width:50px; height:30px; padding:5px 5px 0 5px; border-radius:3px; font-size:13px; color:#fff; font-weight:normal; text-align:center; background:#64b2e4; vertical-align:middle;}
.btnType02 {display:inline-block; overflow:hidden; min-width:50px; height:30px; padding:5px 5px 0 5px; border:1px solid #00acd7; border-radius:3px; font-size:13px; color:#00acd7; font-weight:normal; text-align:center; background:#fff; vertical-align:middle;}
.btn_exp img{width:17px;}

/* 테이블위 */
.tbl_topWrap {overflow:hidden; margin-bottom:8px;}
.tbl_topWrap .top_left{float:left; font-size:16px; letter-spacing:-1px;}
.tbl_topWrap .top_right{float:right; font-size:13px; color:#777; font-weight:100;}
.tbl_topWrap .top_right span{font-size:14px; color:#f22626; font-weight:600;}
.tbl_topWrap select{height:39px; margin:2px 0; font-size:14px; letter-spacing:-1px;}
.tbl_topWrap input[type=text]{height:39px; padding:2px 5px; margin:2px 0; border:1px solid #d1d1d1; border-radius:3px; font-size:14px; color:#333; letter-spacing:-1px;}

/* 조회결과목록 */
.listType01 {overflow:hidden; width:100%; border-top:2px solid #92959f;}
.listType01 .listTr {display:table; overflow:hidden; width:100%; border-bottom:1px solid #cdcfd5;}
.listType01 .listTr .listTrLeft{display:table-cell; vertical-align:middle;}
.listType01 .listTr .listTrRight{display:table-cell; width:52px; text-align:right; vertical-align:middle;}
.listType01 dl{overflow:hidden; float:left; padding:8px;}
.listType01 dt{margin-top:8px; font-size:17px; font-weight:400; color:#333;}
.listType01 dt a{ color:#333;}
.listType01 dt a:hover{color:#ee4e4e;}
/*.listType01 dd{display:inline; margin-right:10px; padding-left:10px; font-size:12px; letter-spacing:-1px; color:#888; line-height:25px; font-weight:normal; background:url(/web_2/img/mos/bullet.png) no-repeat left 2px center; background-size:2.3px;}*/
.listType01 dd{display:inline-block; position:relative; padding-left:2px; margin-right:15px; font-size:12px; color:#555; line-height:22px; letter-spacing:-1px;}
.listType01 dd span{display:inline-block; position:relative; padding-right:10px; color:#888;}
.listType01 dd span:after{content:""; position:absolute; top:5px; right:3px; width:1px; height:12px; background-color:#dbdbdb;}
.listType01 dd span.status.red{color:#ff0000;}
.listType01 dd span.status.blue{color:#0096ff;}
.listType01 dd span.status:after{position:relative; color:#ff0000; background-color:none;}

/* 게시판목록 */
.board_list {overflow:hidden; width:100%; border-top:2px solid #92959f;}
.board_list .listTr {overflow:hidden; border-bottom:1px solid #cdcfd5;}
.board_list dl{overflow:hidden; padding:8px;}
.board_list dt{margin-top:8px; font-size:17px; font-weight:400; color:#333;}
.board_list dt a{display:inline-block; overflow:hidden; max-width:100%; padding-right:25px; text-overflow:ellipsis; white-space:nowrap; color:#333;}
.board_list dt a.new{background: url(/web_2/img/mos/ico_new.png) no-repeat right 4px;}
.board_list dd{margin-left:3px; color:#888; line-height:20px; font-weight:normal;}

/* 게시판상세 */
.board_detail {}
.detail_head dl{padding:0 8px 15px 8px;}
.detail_head dt{margin:8px 0 15px 0; font-size:19px; font-weight:400; color:#333; line-height:23px;}
.detail_head dt a{color:#333;}
.detail_head dd{display:inline-block; position:relative; padding-left:4px; margin-right:20px; font-size:12px; color:#555; line-height:22px;}
.detail_head dd span{display:inline-block; position:relative; padding-right:11px; color:#888;}
.detail_head dd span:after{content:""; position:absolute; top:5px; right:2px; width:1px; height:12px; background-color:#dbdbdb;}
.detail_body {padding:15px 8px 8px 8px; border-top:2px solid #92959f; font-size:15px; color:#555;}

/* 진행구분 */
.progDiv{display:table; float:right; width:52px; height:43px; margin:17px 10px; font-size:13.5px; color:#fff; text-align:center; vertical-align:middle; letter-spacing:-1px; border-radius:5px;}
.progDiv a, .progDiv a:hover, .progDiv a:active, .progDiv a:visited{color:#fff; outline:none;}
.progDiv span{display:table-cell; vertical-align:middle;}
.progDiv.c01 {background:#e61524;}/* 신규작성(미실시) */
.progDiv.c02 {background:#ab6100;}/* 작성 */
.progDiv.c03 {background:#008344;}/* 신청 */
.progDiv.c04 {background:#877600;}/* 접수 */
.progDiv.c05 {background:#d04900;}/* 보완 */
.progDiv.c06 {background:#007d93;}/* 보완완료 */
.progDiv.c07 {background:#0677ce;}/* 보고완료(정상) */
.progDiv.c08 {background:#775bbc;}/* 보고완료(반려) */

/* 점검보고서 목록 */
.listDiv{border-top:1px solid #92959f;}
.listDiv li{overflow:hidden; border-bottom:1px solid #dcdde1;}
.listDiv li .pBox{overflow:hidden; height:45px}
.listDiv li .listDiv_title{float:left; margin:13px 0 0 5px; font-size:16px; color:#333; letter-spacing:-1px;}
.listDiv li .listDiv_title a{color:#333;}
.listDiv li .listDiv_title on{color:#999;}
.listDiv li .plusBtn{width:15px; float:right; margin:14px 10px 0 0;}
.listDiv li .plusBtn img{width:100%;}
.listDiv li .listDivCon{display:none; padding:5px; letter-spacing:-0.5px; color:#444;}

/* 버튼영역 */
.btn_Wrap {overflow:hidden; margin-top:10px;}
.btn_Wrap .bottom_right{float:right;}
.bottom_Wrap ul{display:table; overflow:hidden; position:fixed; bottom:0; width:100%; padding:10px; text-align:center; background:#fff;}
.bottom_Wrap li{display:table-cell; padding:2px;}
.bottom_Wrap li a {display:block; overflow:hidden; min-width:60px; height:38px; padding:8px 10px 0 10px; box-sizing:border-box; border-radius:3px; font-size:14px; color:#fff; font-weight:500; text-align:center;}
.bottom_Wrap li a.btn01 {border:1px solid #7d8ca9; background:#7d8ca9;}
.bottom_Wrap li a.btn02 {color:#7d8ca9; border:1px solid #7d8ca9;}

/* 필수 */
.req {color:#ff0000 !important;}

/* 텝메뉴 */
.tab_menu {overflow:hidden; margin-top:10px; border-top:1px solid #d7d9de;}
.tab_menu ul{display:table; width:100%; border-right:1px solid #d7d9de;}
.tab_menu li{display:table-cell; width:24%; height:47px; margin:2px; padding:0 10px; border-left:1px solid #d7d9de; border-bottom:1px solid #d7d9de; box-sizing:border-box; vertical-align:middle; letter-spacing:-1px; text-align:center;}
.tab_menu li a{display:block; color:#777;}
.tab_menu li a:active, .tab_menu li a:visited{color:#777;}
.tab_menu li.on{color:#fff; background:#656d85;}
.tab_menu li.on a{color:#fff; font-weight:700;}

.tab_content{display:none;}
.tab_content.active {display:block;}


/* 레이어 설명창 */
.layerWrap {position:relative;}
.tblLayer {display:none; overflow:hidden; position:absolute; width: 90%; z-index: 10; border:1px solid #077ab9; box-sizing:border-box; box-shadow:0 0 20px rgba(0,0,0,0.3); background:#fff;}
.tblLayer h3{height:36px; padding:10px 10px 9px 10px; margin-top:0; box-sizing:border-box; font-size:16px; color:#fff; line-height:17px; letter-spacing:-1px; font-weight:700; background:#077ab9;}
.tblLayer ul{padding:10px 12px;}
.tblLayer li{white-space:normal;}
.tblLayer li>ul{padding:0;}
.tblLayer li>ul>li{padding:2px 0 2px 10px; border-bottom:none; text-indent:-10px;}
.tblLayer .layerClose{position:absolute; top:0; right:0; width:32px; height:32px; background:url(/web_2/img/mos/closeX.png) no-repeat center center; background-size:14px;}
.tblLayer .layerClose a{display:block; width:35px; height:36px;}
.tblLayer ul.txtType li{margin-top: 5px; margin-left: 10px; text-indent:-14px;}
.tblLayer ul.txtType li:first-child{margin-top: 0;}

/* 현황사진 */
.photoWrap {overflow-x:auto; overflow-y:hidden; width:100%; height:100px; margin-top:10px; padding:5px; border:1px solid #dcdde1;white-space: nowrap;}
::-webkit-scrollbar { -webkit-appearance: none; } 
::-webkit-scrollbar:vertical { width: 12px; } 
::-webkit-scrollbar:horizontal { height: 8px; } 
::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, .5); border-radius: 10px; border: 2px solid #ffffff; } 
::-webkit-scrollbar-track { border-radius: 10px; background-color: #ffffff; }

/* 현황사진첨부 */
.file_photo {width:100%; margin-bottom:0;}
.file_photo li{display:inline-block; position:relative; width:90px; height:80px; margin:2px;}
.file_photo li img{width:100%;}
.file_photo a.photo_del{display:block; position:absolute; top:5px; right:5px; z-index:100; width:12px; height:12px; font-size:0; text-indent:-10000px; outline:none; background:url(/web_2/img/mos/closeX.png) no-repeat center center; background-size:100%;}

/* 레이어 alert창 */
.layer_alert {display:none; position:fixed; left:0; right:0; top:0; bottom:0; text-align:center; background-color:rgba(0, 0, 0, 0.5);}
.layer_alert:before {content:""; display:inline-block; height:100%; vertical-align:middle; margin-right:-.25em;}
.alertWrap {display:inline-block; width:300px; height:auto; padding:20px; border-radius:15px; font-size:15px; color:#555; letter-spacing:-1px; background:#fff; z-index:100; vertical-align:middle;}
.alertWrap h3{font-size:20px; color:#333; letter-spacing:-1.5px;}
.alertWrap p{margin-top:10px;}
.alertWrap span.txt01{color:#1b89ef;}
.alertWrap span.txt02{color:#ef1b5c;}
a.btn_layerClose {display:block; width:100%; height:40px; margin-top:15px; padding-top:9px; border-radius:5px; font-size:14px; color:#fff; font-weight:600; text-align:center; background:#5a95ee;}

/* 첨부파일내용 */
.fileWrap {padding:10px;}
.fileWrap li{margin-top:5px; padding-left:8px; border-bottom:none; color:#777; background:url(/web_2/img/mos/common/bullet_1.png) no-repeat left 8px; background-size:3px;}
.fileWrap li span.txt01{color:#e81052;}

/* 첨부파일삭제 */
.icon_delete {display:inline-block;}
.icon_delete img{width:12px;}


/* 메인화면(첫화면)*/
#wrap_mob{box-sizing:border-box; padding-top:50px;}
#wrap_mob .title01_mob{margin-top:25px; font-weight:400; color:#fff; text-align:center; letter-spacing:-1px;}
.menu_mob {clear:both; overflow:hidden; text-align:center; box-sizing:border-box;}
.menu_mob ul{margin-top:40px;}
.menu_mob li{display:block; float:left; margin:20px 25px;font-size:0;border-radius:11px;box-shadow:3px 5px 7px 0 rgba(0,0,0,0.3);}
.menu_mob li a{display:block; width:95px; height:95px;}
.menu_mob li a:active{display:block;border-radius:11px;background: rgba(0, 0, 0, 0.1);}
.menu_mob li.menu01{background:url(/web_2/img/main/icon_menu01.png) no-repeat;background-size:100%;}
.menu_mob li.menu02{background:url(/web_2/img/main/icon_menu02.png) no-repeat;background-size:100%;}
.menu_mob li.menu03{background:url(/web_2/img/main/icon_menu03.png) no-repeat;background-size:100%;}
.menu_mob li.menu04{background:url(/web_2/img/main/icon_menu04.png) no-repeat;background-size:100%;}
.menu_mob li.menu05{background:url(/web_2/img/main/icon_menu05.png) no-repeat;background-size:100%;}
.menu_mob li.menu06{background:url(/web_2/img/main/icon_menu06.png) no-repeat;background-size:100%;}
.menu_mob li.menu07{background:url(/web_2/img/main/icon_menu07.png) no-repeat;background-size:100%;}

@media (max-width: 359px) {
  .bg_mob {background:url(/web_2/img/main/bg.jpg) no-repeat center top; background-size:auto 100%; height: 100%;}
  #wrap_mob .title01_mob{margin-top:15px; font-size:1em;}
  .menu_mob {width:235px; margin:0 auto; padding:0;}
  .menu_mob ul{margin-top:20px;}
  .menu_mob li{margin:15px;}
  .menu_mob li a{width:85px; height:85px;}
}

@media (min-width: 360px) {
  .bg_mob {background:url(/web_2/img/main/bg.jpg) no-repeat center top 47px; background-size:auto 100%; height: 100%;}
  #wrap_mob .title01_mob{font-size:1.2em;}
  .menu_mob {width:290px; margin:0 auto; padding:0;}
  .tblType02 .alignType01{margin-left:5px;}
  .tblType02 .alignType01 li{float:none;}
}

@media (min-width: 500px) {
  .bg_mob {background:url(/web_2/img/main/bg.jpg) no-repeat center top 47px; background-size:100%; height: 100%;}
  #wrap_mob .title01_mob{font-size:1.6em;}
  .menu_mob {width:100%; padding:15px 20px;}
  .tblType02 .alignType01 li{float:none;}
}

@media (min-width: 700px) {
  .bg_mob {background:url(/web_2/img/main/bg.jpg) no-repeat center top 47px; background-size:100%; height: 100%;}
  #wrap_mob .title01_mob{font-size:2em;}
  .menu_mob {width:100%; padding:15px 20px;}
  .tblType02 .alignType01{margin-left:5px;}
  .tblType02 .alignType01 li{float:none;}
}

@media (min-width: 900px) {
  .bg_mob {background:url(/web_2/img/main/bg.jpg) no-repeat center top 47px; background-size:100%; height: 100%;}
  #wrap_mob .title01_mob{font-size:2em;}
  .menu_mob {width:360px; margin:0 auto; padding:15px 25px;}
  .tblType02 .alignType01{overflow:hidden;}
  .tblType02 .alignType01 li{float:left; margin-right:10px;}
  .tblType02 .alignType01 li input[type=text]{margin:0; height:22px;}
}

/* login */
.page_content .login{
    margin: 15px;
}
.login_input_box{
    padding: 25px;
    border: 1px solid #d7d7d7;
    background: -webkit-linear-gradient(#ffffff,#d9d9d9);
    background: -o-linear-gradient(#ffffff,#d9d9d9);
    background: -moz-linear-gradient(#ffffff,#d9d9d9);
    background: linear-gradient(#ffffff,#d9d9d9);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.15);
}
.login_input_box .tit{
    margin-bottom: 34px;
    padding-left: 10px;
    color: #666666;
    font-size: 14px;
    line-height: 15px;
    background: url('/web_2/img/login/bul_login.png') no-repeat;
}
.login_form_box .form-group{
    margin-bottom: 10px;
}
.login_form_box label{
    float: left;
    width: 10%;
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 14px;
    color: #666666;
}
.login_form_box input{
    float: left;
    width: 90%;
    border: 1px solid #d7d7d7;
    background-color: #ebebeb;
}
.check_form_box{
    margin-left: 10%;
}
.check_form_box .find_idpw{
    float: right;
    color: #666666;
    text-decoration: underline;
}
.login_btn_box{
    margin-top: 20px;
}
.login_btn_box a{
    display: block;
    margin-top: 5px;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    text-shadow: 1px 1px #4674a3;
    border-bottom: 1px solid #4a7bb8;
    background-color: #5791cc;
}
.login_ex_box{
    margin: 10px 0;
}
.login_ex{
    margin: 5px 0 0 0;
    padding-left: 10px;
    font-size: 12px;
    color: #666666;
    background: url('/web_2/img/login/bul_login.png') no-repeat left 1px;
    background-size: 5px 13px;
}

/* //login */=======

/* 파일업로드 td */
/* .file_upload_box {margin:0 !important;} */

/* 파일업로드 td */
.table td div.file_upload_box {margin:0 !important;}

/* input file */
.file_upload_box{
  margin:0 !important;
  position:relative;
  margin: 10px 0;
  font-size: 12px;
  height: 26px;
}
.file_upload_box label{
  position: absolute;
  top: 0;
  left: 0;
}
.file_upload_box .file_name_txt{
  display: inline-block;
  margin-top: 7px;
  margin-left: 80px;
  height: 17px;
  line-height: 17px;
  overflow: hidden;
}
input[type="file"]{
  position:absolute;
  left: 0;
  top: 0;
  width: 54px;
  opacity: 0;
  filter: alpha(opacity=0);
}
/* //input file */



/**
 * 파일 업로드 프로그래스바 공통 스타일 정의
 */
#blcmFile_fileUploadProgress {
width : 100px;
height : 30px;
background-color : white;
border: thin;
border-color: black;
}

#blcmFile_progressBar {
width : o%;
background-color : orange;
text-align: center;
}


/* login box */ 
.loginWrap {padding:10px;}
.loginWrap li input {display:block; width:100%; height:48px; margin-top:20px; padding:4px 0 0 10px; border:none; border-bottom:2px solid #dcdddf; box-sizing:border-box; font-size:17px; color:#333; background:none;}
.loginWrap li input:focus {outline:0; border-bottom:2px solid #394153; color:#394153;}
.loginWrap li input:focus::-webkit-input-placeholder {color:transparent;}
.loginWrap li input:-ms-input-placeholder {color:#707070; font-weight:700;}
.loginWrap li input::-ms-input-placeholder {color:#707070; font-weight:700;}
.loginWrap li input::-webkit-input-placeholder {color:#707070; font-weight:700;}
.loginWrap li input::-moz-placeholder {color:#000; font-weight:700;}
.loginWrap li input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{
          transition: background-color 5000s ease-in-out 0s;
          -webkit-transition: background-color 9999s ease-out;
          -webkit-text-fill-color: #333;}

.loginWrap li.btn_login {width:100%; margin-top:40px; border-radius:4px; font-size:16px; color:#fff; font-weight:600; text-align:center; background:#5a95ee;}
.loginWrap li.btn_login a{display:block; width:100%; height:50px; padding-top:14px; box-sizing:border-box; color:#fff;}

/* checkbox */
.check_off{display:inline-block; height:24px; padding-left:30px; background:url(/web_2/img/mos/ico_checkbox.png) no-repeat; cursor:pointer;}
.check_on{display:inline-block; height:24px; padding-left:30px; background:url(/web_2/img/mos/ico_checkbox.png) no-repeat 0 -36px; cursor:pointer;}
.chkBtn {overflow:hidden; margin:20px 0 0 12px;}
.chkBtn label{margin-bottom:0; font-size:15px; color:#666; font-weight:normal; line-height:23px;}


/* paging */
.paging {margin-top:20px; text-align:center;}
.paging:after {content:" "; display:block; clear:both;}
.paging a {display:inline-block; width:33px; height:33px; color:#555; line-height:24px; padding:2px 0 1px 0;border:1px solid #fff; box-sizing:border-box;}
.paging a:hover {display:inline-block; text-decoration:none; color:#bb005e; font-weight:700; border:1px solid #d4d4d7;}
.paging a.cur {color:#bb005e; font-weight:700;}
.paging a.btn {display:inline-block; width:33px; height:33px; border:1px solid #bbb; border-radius:2px; box-sizing:border-box; text-indent:-10000px;}
.paging a.btn.prev {background:url(/web_2/img/mos/ico_prev.gif) no-repeat center center;}
.paging a.btn.next {background:url(/web_2/img/mos/ico_next.gif) no-repeat center center;}
.paging a.btn.first {background:url(/web_2/img/mos/ico_first.gif) no-repeat center center;}
.paging a.btn.end {background:url(/web_2/img/mos/ico_end.gif) no-repeat center center;}

div.title_photo {overflow:hidden; margin-top: 15px;}
div.title_photo h3 {float: left; line-height: 22px;}
div.title_photo button {float: right;}

div#blcm_swiper {border:1px solid #dcdde1; border-radius: 3px; margin-top: 10px;}
div#blcm_swiper div.uploadBtn a {width: 70px; height: 70px; box-shadow: 0 1px 10px rgba(0,0,0,0.2); border-radius: 5px;}
div#blcm_swiper div.uploadBtn img {width:50px; height:50px;margin-top: 10px;}

/* 시스템소개 */
.content_guide {overflow:hidden;}
.content_guide h4{margin-top:40px; padding-bottom:10px; font-size:16px; color:#166db9; font-weight:600; text-align:left; background:none;}
.content_guide h4:first-child{margin-top:10px;}
.content_guide h5{margin-top:20px; padding:0 0 0 15px; color:#333; text-align:left; font-size:15px; line-height:14px; font-weight:600; background: url('../img/common/arr_tit.png') no-repeat left center;}
.content_guide h6{margin-top:20px; padding:0; color:#444; text-align:left; font-size:15px; line-height:14px; font-weight:600;}
.content_guide p{color:#444; text-align:left; background:none;}
.content_guide p.txt{font-size:13px;}
.content_guide p.txt_1{margin-top:0 !important; font-size:14px;}
.content_guide p.txt_1 a{color:#008aad; text-decoration:underline;}
.content_guide .txt_red, span.txt_red{color:#ff0000;}
.content_guide .guide_img02{overflow:hidden;}
.content_guide .guide_img02 .guideBox{position:relative; width:100%; padding:15px; margin-top:20px; border:1px solid #d7d8dc; border-radius:5px; text-align:center;}
.content_guide .guide_img02 .guideBox:first-child {margin-top:0;}
.content_guide .guide_img02 dl{margin-bottom:0;}
.content_guide .guide_img02 dt{font-size:15px; color:#00afc4; font-weight:600;}
.content_guide .guide_img02 dd{height:50px; margin-top:10px; padding-top:6px; box-sizing:border-box; border-radius:5px; font-size:14px; color:#444; background:#e8e9ec;}
.content_guide .guide_img02 dd.text01{padding-top:15px;}
.content_guide .guide_img02 .icon01{position:absolute; top:40px; right:10px;}
.content_guide .guide_img02 .icon02{position:absolute; top:158px; right:10px;}
.content_guide .guide_img02 dd span{color:#da2900;}
.content_guide .guideTxt_go{margin-top:20px; font-size:14px; color:#444;}
.content_guide .guideTxt_go a{color:#008aad; text-decoration:underline;}

.content_guide .guide_img{overflow:hidden; margin-top:20px;}
.content_guide .guide_img img{width:100%;}
.content_guide .guide_img.mt0{margin-top:0;}

.content_guide .guide_tbl {overflow:hidden; position:relative; border-top:1px solid #a4a6b0;}
.content_guide .guide_tbl table{clear:both; width:100.5%; table-layout:fixed; word-break:break-all; box-sizing:border-box;}
.content_guide .guide_tbl caption{font-size:0; text-indent:-10000px;}
.content_guide .guide_tbl th{height:35px; padding:7px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:14px; text-align:center; font-weight:600; background:#f9f9f9;}
.content_guide .guide_tbl td{height:35px; padding:7px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; font-size:14px; color:#444;}
.content_guide .guide_tbl td.textC{text-align:center;}
.content_guide .guide_tbl td.txt_blue, span.txt_blue{color:#068dc5;}
.content_guide .guide_tbl td.txt_red, span.txt_red{color:#ff0000;}
.content_guide .guide_tbl.textC td{text-align:center;}

.content_guide .guide_boxWrap{overflow:hidden; width:100%; padding:15px; border:1px solid #d0d0d0; border-radius:2px;}
.content_guide .guide_boxWrap h5:first-child{margin-top:10px;}
.content_guide .guide_boxWrap p{margin-top:10px; margin-bottom:0; font-size:14px;}
.content_guide .guide_boxWrap p.title{margin-top:0; font-weight:600;}
.content_guide .guide_boxWrap ul{overflow:hidden; margin-bottom:0;}
.content_guide .guide_boxWrap li{margin-top:8px; padding-left:13px; font-size:14px; color:#444; letter-spacing:-0.03em; line-height:20px; background:url(/web_2/img/mos/bullet.png) no-repeat 3px 8px;}
.content_guide .guide_boxWrap li:first-child{margin-top:0;}
.content_guide .guide_boxWrap li a{color:#444;}
.content_guide .guide_boxWrap li a:hover{color:#008aad;}
.content_guide .guide_boxWrap .guide_boxWrap_img{width:100%; font-size:0; text-indent:-10000px;}
.content_guide .guide_boxWrap .guide_boxWrap_img.img01{height:140px; margin-top:20px; background:url(/web_2/img/mos/guide/img_guide13.png) no-repeat center top;}
.content_guide .guide_boxWrap .guide_boxWrap_img.img02{height:270px; margin-top:20px; background:url(/web_2/img/mos/guide/img_guide14.png) no-repeat center top;}
.content_guide .guide_boxWrap .guide_boxWrap_img.img03{height:430px; margin-top:20px; background:url(/web_2/img/mos/guide/img_guide15.png) no-repeat center top;}
.content_guide .guide_boxWrap .guide_boxWrap_img.img04{height:285px; background:url(/web_2/img/mos/guide/img_guide18.png) no-repeat center top;}
.content_guide .guide_boxWrap .guide_boxWrap_img.img05{height:140px; margin-top:20px; background:url(/web_2/img/mos/guide/img_guide19.png) no-repeat center top;}
.content_guide .guide_boxWrap .leg{margin-top:20px; margin-left:5px; letter-spacing:-0.07em;}
.content_guide .guide_boxWrap .leg p{font-size:13px;}
.content_guide .guide_boxWrap .leg img{margin-right:5px; height:16px; vertical-align:-3px;}
.content_guide .guide_boxWrap.download{position:relative; min-height:90px; padding-left:160px;}
.content_guide .guide_boxWrap .down{position:absolute; left:0; top:0; width:140px; height:140px; font-size:0; text-indent:-10000px; background:url(/web_2/img/mos/guide/guide_icon.png) no-repeat; background-size:auto;}
.content_guide .guide_boxWrap .down.down01{background-position:-10px 10px;}
.content_guide .guide_boxWrap .down.down02{background-position:-10px -172px;}
.content_guide .guide_boxWrap .down.down03{background-position:-10px -335px;}
.content_guide .guide_boxWrap .down.down04{background-position:-10px -495px;}

/* 이용안내 탭 */
.guide_tab {overflow:hidden;}
.guide_tab li {float:left; width:50%; box-sizing:border-box; border:1px solid #4576be; text-align:center; letter-spacing:-0.1em; vertical-align:middle; background:#fff;}
.guide_tab li a {display:block; height:48px; padding-top:15px; box-sizing:border-box; font-size:14px; color:#3a4458; text-decoration:none; outline:none;}
.guide_tab li.on a {border-color:#4576be; color:#fff; font-weight:600; background:#4576be; outline:none; border:none;}

.guide_content_wrap {margin-top:20px;}
.guide_content_wrap .content_guide.active {display:block;}
.guide_content_wrap .content_guide{display:none;}


.top_navi1:before, .top_navi1:after,.top_navi2:before, .top_navi2:after {
    display: table;
    content: " ";
}
.top_navi1:after,.top_navi2:after {
    clear: both;
}
.top_navi1 {background:#fff; border-bottom:1px solid #ccc; margin:0 0 10px 0; padding:0; }
.top_navi1 li {float:left; display:inline-block; width:20%;}
.top_navi1 li.active1 a {display:block; text-align:center; padding:2px 2px 0 2px; color:#14aceb; border-bottom:2px solid #14aceb;}
.top_navi1 li a {display:block; padding:2px 2px 0 2px;text-align:center; color: #555; font-size:13px; line-height:35px; font-weight:500;}

.top_navi2 {display:table; width:100%; margin:0 0 10px 0; padding:0; border:1px solid #d7d9de; border-left:none;}
.top_navi2 li {display:table-cell; width:20%; height:47px; margin:2px; padding:0 2px; border-left:1px solid #d7d9de; border-bottom:1px solid #d7d9de; box-sizing:border-box; vertical-align:middle; letter-spacing:-1px; text-align:center;}
.top_navi2 li a{display:block; color:#777;}
.top_navi2 li.active2 {border-color:#656d85; color: #fff; background:#656d85;}
.top_navi2 li.active2 a{color:#fff; font-weight:700;}



.tab_menu {overflow:hidden; margin-top:10px; border-top:1px solid #d7d9de;}
.tab_menu ul{display:table; width:100%; border-right:1px solid #d7d9de;}
.tab_menu li{display:table-cell; width:24%; height:47px; margin:2px; padding:0 10px; border-left:1px solid #d7d9de; border-bottom:1px solid #d7d9de; box-sizing:border-box; vertical-align:middle; letter-spacing:-1px; text-align:center;}
.tab_menu li a{display:block; color:#777;}
.tab_menu li a:active, .tab_menu li a:visited{color:#777;}
.tab_menu li.on{color:#fff; background:#656d85;}
.tab_menu li.on a{color:#fff; font-weight:700;}


/* 첨부파일 */
.addfileWrap {display:inline-block;}
.addfileTxt {display:inline-block; overflow:hidden; max-width:70px; text-overflow:ellipsis; white-space:nowrap;}
.addfileWrap img{vertical-align:0px;}
.addfileWrap a{outline:none;}

.info_footer {width:100%; padding:5px; border-top:1px solid #ddd; background:#fff; font-size:9px; letter-spacing:-1px; background:#eee;}
.info_footer .address{margin-top:10px; margin-left:10px; margin-bottom:5px; font-size:11px; line-height:14px; color:#777; text-align:center;}
.info_footer .mo_nav_logo{margin-top:10px; text-align:center;}
.info_footer .mo_nav_logo img{display:inline-block; width:100px;}
.info_footer p{color:#444; text-align:center; background:none;}

/* 반응형페이지 */

@media (max-width: 459px){
	body {font-family:"HelveticaNeue-Light,AppleSDGothicNeo-Light,'Malgun Gothic','맑은 고딕',sans-serif",sans-serif; font-size:13px;}
	.mob_wrap {background:#fff; height:100%; padding:20px;}
	
	/* 검색조건 */
    .srh_Wrap{overflow:hidden; position:relative; margin-bottom:15px; box-sizing:border-box;}
    .srh_Wrap dl{display:table; float:none; width:100%; margin:5px 0;}
	.srh_Wrap dt{display:table-cell; width:60px; height:47px; padding:3px 0 0 0; font-size:14px; color:#555; text-align:left; letter-spacing:-0.04em; vertical-align:middle;}
	.srh_Wrap dt label{font-weight:normal; color:#555;}
	.srh_Wrap dt span{display:block;}
	.srh_Wrap dd{display:table-cell; height:47px; padding:2px 0 1px 10px;}
    .srh_Wrap input[type=text]{height:39px; padding:2px 5px; margin:2px 0; border:1px solid #c8c8c8; border-radius:3px; font-size:14px;}
    .srh_Wrap select{height:39px; padding:2px 5px !important; margin:2px 0; border-color:#c8c8c8; border-radius: 3px; font-size:14px;}
    .srh_Wrap .wid02{width:48%;}
    .srh_Wrap .wid03{width:98%;}
    .srh_Wrap .wid04{width:47%;}
    .srh_Wrap .wid05{width:97%;}
    .srh_Wrap .srh_WrapBtn button.srhWrap_btn{width: 100%;height: 40px;margin-top: 15px; border:none; border-radius: 2px;font-size: 14px; color: #fff;font-weight: 600;text-align: center; background: #5a95ee;}
    .srh_Wrap input.wid_date {width:47%;}
    
    /* 목록 */
    .table{font-size:14px;}
    .table>thead>tr>th{height:46px; padding-top:10px !important;}
    .table>tbody>tr>td {height:50px;}
    .table th span.txt{display:inline; margin-left:3px;}
    .explan_box {margin-bottom: 10px;}
    .explan_box .right .txt {font-size:13px; color:#777;}
    .explan_box .right .txt span{color:#f22626;}
    
    /* 상세 */
	.tbl_detail {border-top:1px solid #44465c;}
	.tbl_detail dl{display:flex; flex-wrap: wrap; width:100%; border-right:1px solid #ddd; margin-bottom:0; box-sizing:border-box;}
	.tbl_detail dt{display:table-cell; min-height:36px; padding-top:9px; border-left:1px solid #ddd; border-bottom:1px solid #ddd;  box-sizing:border-box; font-size:12px; color:#555; font-weight:600; text-align:center; line-height:18px; letter-spacing:-0.07em; background:#f9f9f9; vertical-align:middle;}
	.tbl_detail dd{display:table-cell; oveflow:hidden; min-height:36px; padding:8px 6px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; font-size:12px; color:#555; letter-spacing:-0.06em; line-height:18px; text-align:left;}
	.tbl_detail dd.tbl_content{height:280px; padding:15px; vertical-align:top;}
	
	.tbl_detail.type01 dt{width:25%;}
	.tbl_detail.type01 dd{width:75%;}
	
	.explan_box h4.title_warp {display: inline-block; padding: 0 0 0 15px; color: #166db9; text-align: left; font-size: 14px; line-height: 14px; background: url('../img/common/arr_tit.png') no-repeat left center;}
    
    
}

@media (min-width: 460px){
	/* 검색조건 */
	.srh_Wrap{overflow:hidden; position:relative; padding:20px 20px 20px 0; margin-bottom:15px; box-sizing:border-box; border-radius:7px; background:#eeeff1; }
	.srh_Wrap dl{display:table; float:left; margin-bottom:0;}
	.srh_Wrap dt{display:table-cell; height:32px; padding:3px 0 0 20px; font-size:13px; color:#666; font-weight:600; text-align:left; letter-spacing:-0.04em; background:url(../../img/cf/bu01.png) no-repeat 5px center; vertical-align:middle;}
	.srh_Wrap dt.wid01{width:120px;}
	.srh_Wrap dd{display:table-cell; height:32px; padding:2px 0 1px 10px;}
	.srh_Wrap input[type=text]{height:25px; padding:2px 7px; margin:2px 0; box-sizing:border-box; border-radius:3px; border:1px solid #c6c7ce; color:#444; font-size:12px; background-color: #fff; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
		 transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; line-height: 1.5; vertical-align:middle;}
	.srh_Wrap input:focus{border-color:#66afe9; outline:0; box-shadow:0 0 5px rgba(102,175,233,0.6);}
	.srh_Wrap input[disabled]{background:#ddd;}
	.srh_Wrap select{height:25px; padding:2px 7px; margin:2px 0; box-sizing:border-box; border-radius:3px; border:1px solid #c6c7ce; font-size:12px; color:#444; letter-spacing:-0.04em; background: #fff url(../img/common/arr_select.png) 100% 50% no-repeat; box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
		 transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; line-height:18px; -webkit-appearance: none;-moz-appearance: none;appearance: none; vertical-align:middle;}
	.srh_Wrap select:focus{border-color:#66afe9; outline:0; box-shadow:0 0 5px rgba(102,175,233,0.6);}
	.srh_Wrap .srh_WrapBtn{position: absolute; top: 20px; right: 20px; height:calc(100% - 38px);}
	.srh_Wrap .srh_WrapBtn button.srhWrap_btn{height:100%; padding:4px 12px; border-radius:4px; border: 1px solid transparent; border-color: #ccc; font-size:13px; font-weight:600; text-align:center; cursor: pointer; background: linear-gradient(#ffffff, #e9e9e9); vertical-align:middle;
		box-shadow: 0 0 0 1px #ffffff inset;}
	.srh_Wrap .srh_WrapBtn button.srhWrap_btn:hover{color:#333; background-color: #e6e6e6; border-color: #adadad;}
	.srh_Wrap input.wid_date{width:95px;}
	.srh_Wrap .wid04{width:60px;}
	
	 /* 목록 */
	.table th span.txt{display:block;}
	
	 /* 상세 */
	.tbl_detail {border-top:1px solid #44465c;}
	.tbl_detail dl{display:flex; width:100%; border-right:1px solid #ddd; margin-bottom:0; box-sizing:border-box;}
	.tbl_detail dt{height:36px; padding-top:9px; border-left:1px solid #ddd; border-bottom:1px solid #ddd;  box-sizing:border-box; font-size:12px; color:#555; font-weight:600; text-align:center; line-height:18px; letter-spacing:-0.07em; background:#f9f9f9;}
	.tbl_detail dd{height:36px; padding:8px 6px; border-left:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; font-size:12px; color:#555; letter-spacing:-0.06em; line-height:18px; text-align:left;}
	.tbl_detail dd.tbl_content{height:280px; padding:15px; vertical-align:top;}
	
	.tbl_detail.type01 dt{width:110px;}
	.tbl_detail.type01 dd{width:290px;}
	
	.explan_box h4.title_warp {display: inline-block; padding: 0 0 0 15px; color: #166db9; text-align: left; font-size: 14px; line-height: 14px; background: url('../img/common/arr_tit.png') no-repeat left center;}


}

/* 파일업로드 */
.box_file label{display:inline-block; min-width:85px; height:28px; border-radius:4px; padding:5px 12px 0 12px; font-size:13px; color:#fff; font-weight:400; line-height: 20px; text-align:center; background:#5b6381;cursor:pointer;}
.box_file label:hover{background:#3b4972;}
.box_file .file_input{display:none;}

.upload_file {display: block; width:100%; margin-top: -25px;}
.upload_file .fileBtnDiv{overflow: hidden; text-align: right;}
label.fileBtn{display: inline-block; cursor:pointer; max-width: fit-content; padding: 5px 10px; font-size: 12px; border-radius: 3px; border: 1px solid transparent; color: #333; background-color: #fff; border-color: #ccc; vertical-align: -1px;}
.upload_file .file_input{display:none;}
.upload_file .file-list { overflow:hidden; width: 100%; min-height: 60px; margin-top: 3px; padding:5px 10px; border:1px solid #c0c1c5; border-radius: 3px; font-weight:400; line-height: 20px; background:#fff; vertical-align: top;}
.upload_file .file-list .filebox p {margin:0; display: inline-block;}
.upload_file .file-list .filebox .delete span{display:inline-block; position:relative; width:10px; height:10px; color: #ff5353; margin-left: 5px; cursor:pointer; vertical-align:middle;}
.upload_file .file-list .filebox .delete span:before,.upload_file .file-list .filebox .delete span:after{content:""; width: 13px; height: 2px; position:absolute; left: 5px; top: 5px; background: #e3255a;}
.upload_file .file-list .filebox .delete span:before{transform:translate(-50%,-50%) rotate(-45deg)}
.upload_file .file-list .filebox .delete span:after{transform:translate(-50%,-50%) rotate(45deg)}

/* 안내문구 */
.txt_guideBox {padding: 5px;}
.txt_guideBox li{margin-top: 5px; margin-left: 10px; text-indent:-14px; font-size: 12px;}