@charset "utf-8";

/* main css */
label, input, select{vertical-align:middle;}

/* ========== layout ========== */
body{}
#wrap{min-width:320px; max-width:800px; margin:0 auto; position:relative; overflow:hidden;}
#wrap_login{min-width:320px; max-width:400px; margin:0 auto; position:relative; overflow:hidden;}
#container{width:100%; min-height:800px; padding-top:112px; background:#f5f7f9;}
body#sub #container{padding-top:70px;}
body#main #container{padding-bottom:110px;}
body#sub #container{padding-bottom:110px;}

.intro{width:100%; height:100%; position:relative; padding:20px 20px;}
.intro div{width:100%; height:100%; display:flex; justify-content:center; align-items:center; table-layout:fixed;}
.intro div img{width:96px;}

.login{width:100%; padding:20px 20px 20px 20px;}
.login .form_box{width:100%;}
.login .form_box .box{width:100%; margin-top:36px;}
.login .form_box .box:first-child{margin-top:0;}
.login .form_box .box label{display:block; font-size:16px; color:#000; font-weight:500; padding-bottom:12px;}
.login .form_box .box input[type=text], .login .form_box .box input[type=password]{width:100%; border:0; border-bottom:1px solid #ededed; font-size:14px; color:#333; padding:12px 0; transition:all ease 0.3s;}
.login .form_box .box input[type=text]::placeholder, .login .form_box .box input[type=password]::placeholder{color:#bfbfbf;}
.login .form_box .box input[type=text]:focus, .login .form_box .box input[type=password]:focus{border-bottom:1px solid #025544;}
.login .form_box button.login_btn{display:block; width:100%; height:52px; text-align:center; line-height:52px; background:#bfbfbf; font-size:16px; color:white; font-weight:500; margin-top:40px;}
.login .auto_login{font-size:0; margin-top:10px;}
.login .auto_login input[type=checkbox]{margin:0 4px 0 0; position:relative; -webkit-appearance:none; outline:none; cursor:pointer; appearance:none; display:inline-block; width:20px; height:20px; border-radius:100%; box-sizing:border-box; background:#e7e7e7; vertical-align:middle; transition: background-color 200ms; -webkit-transition: background-color 200ms; -moz-transition: background-color 200ms; }
.login .auto_login input[type=checkbox]:before{content:''; position:absolute; top:6px; left:5px; cursor:pointer; opacity:1; width:8px; height:4px; border:0 solid #fff; border-left-width:2px; border-bottom-width:2px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg);}
.login .auto_login input[type=checkbox]:checked{background-color:#025544;}
.login .auto_login input[type=checkbox]:checked:before{opacity:1;}
.login .auto_login input[type=checkbox]:disabled{opacity:0.5;}
.login .auto_login label{display:inline-block; font-size:13px; color:#1d1d1d; line-height:20px;}
.login ul{width:100%; font-size:0; text-align:center; margin-top:20px;}
.login ul li{display:inline-block; position:relative; padding:0 16px;}
.login ul li:before{content:''; position:absolute; top:50%; margin-top:-8px; left:0; width:1px; height:16px; background:#bfbfbf;}
.login ul li:first-child:before{display:none;}
.login ul li a{display:block; font-size:14px; color:#1d1d1d;}
.login a.join_btn{display:block; width:100%; height:52px; text-align:center; line-height:50px; border:1px solid #025544; font-size:16px; color:#025544; font-weight:500; margin-top:30px;}

#header{width:100%; height:56px; background:white; position:fixed; padding:0 20px; border-bottom:1px solid #ededed; overflow:hidden; z-index:100;}
#header h1{display:block; position:absolute; top:8px; left:20px;}
#header h1 a{display:block; width:70px; height:41px; background:url('../img/logo.jpg') 0 0 no-repeat; background-size:100%; font-size:0; text-indent:-999999; overflow:hidden;}
#header h2{float:left; margin-top:18px;}
#header h2 a{display:block; font-size:16px; color:#0a0909; font-weight:500; line-height:100%; position:relative; padding-left:24px;}
#header h2 a:before{content:''; position:absolute; top:50%; margin-top:-7px; left:0; width:10px; height:16px; background:url('../img/s_back_arr.png') 0 0 no-repeat; background-size:100%;}
body#main #header h2{display:none;}
body#sub #header h2{display:block;}
body#sub #header h1{display:none;}
#header p{float:right; margin-top:18px;}
#header p a{display:block; width:20px; height:20px; background:url('../img/mp_icon.jpg') 0 0 no-repeat; background-size:100%; font-size:0; text-indent:-999999; overflow:hidden;}
#header .logout{width:70px; float:right; margin-top:15px;}
#header .logout a{font-family: 'Poppins', sans-serif; letter-spacing:0; display:block; width:70px; height:26px; line-height:24px; border:1px solid black; text-align:center; border-radius:13px; font-size:11px; color:black;}

#titleBar{top:56px; width:100%; height:56px; background:#01a3a4; position:fixed; padding:0 20px; border-bottom:1px solid #ededed; overflow:hidden; z-index:100;}
#titleBar h1{display:block; position:absolute; top:8px; left:20px;}
#titleBar h1 a{display:block; width:70px; height:41px; background:url('../img/logo.jpg') 0 0 no-repeat; background-size:100%; font-size:0; text-indent:-999999; overflow:hidden;}
#titleBar h2{text-align: center; margin-top:18px;}
#titleBar h2 a{display:block; font-size:20px; color:white; font-weight:500; line-height:100%; position:relative; padding-left:0px;}
#titleBar h2 a:before{content:''; position:absolute; top:50%; margin-top:-10px; left:0; width:20px; height:20px; background:url('../img/chevron-left-solid.png') 0 0 no-repeat; background-size:100%;}
#titleBar h3{float:right; margin-top:-25px;}
#titleBar h3 a{display:block; width:30px; height:30px; background:url('../img/folder-plus-solid.png') 0 0 no-repeat; background-size:100%; font-size:0; text-indent:-999999; overflow:hidden;}


#titleBar p{float:right; margin-top:18px;}
#titleBar p a{display:block; width:20px; height:20px; background:url('../img/mp_icon.jpg') 0 0 no-repeat; background-size:100%; font-size:0; text-indent:-999999; overflow:hidden;}
#titleBar .logout{width:70px; float:right; margin-top:15px;}
#titleBar .logout a{font-family: 'Poppins', sans-serif; letter-spacing:0; display:block; width:70px; height:26px; line-height:24px; border:1px solid black; text-align:center; border-radius:13px; font-size:11px; color:black;}


#foot_menu{width:100%; position:fixed; bottom:0; box-shadow:0 -2px 14px 0 rgba(0, 0, 0, .05); background:white; border-radius:20px 20px 0 0;}
#foot_menu ul{width:100%; font-size:0;}
#foot_menu ul li{display:inline-block; width:16.6%;}
#foot_menu ul li a{display:block; width:100%; height:70px; font-size:12px; color:#bfbfbf; text-align:center; position:relative; padding-top:40px;}
#foot_menu ul li.on a{color:#025544;}
#foot_menu ul li a:before{content:''; position:absolute; top:16px; left:50%; margin-left:-10px; width:20px; height:20px;}
#foot_menu ul li.f_menu01 a:before{background:url('../img/foot_menu01_off.png') 0 0 no-repeat; background-size:100%;}
#foot_menu ul li.f_menu02 a:before{background:url('../img/foot_menu02_off.png') 0 0 no-repeat; background-size:100%;}
#foot_menu ul li.f_menu03 a:before{background:url('../img/foot_menu03_off.png') 0 0 no-repeat; background-size:100%;}
#foot_menu ul li.f_menu04 a:before{background:url('../img/foot_menu04_off.png') 0 0 no-repeat; background-size:100%;}
#foot_menu ul li.f_menu05 a:before{background:url('../img/foot_menu05_off.png') 0 0 no-repeat; background-size:100%;}
#foot_menu ul li.f_menu06 a:before{background:url('../img/foot_menu06_off.png') 0 0 no-repeat; background-size:100%;}
#foot_menu ul li.f_menu01.on a:before{background:url('../img/foot_menu01_on.png') 0 0 no-repeat; background-size:100%;}
#foot_menu ul li.f_menu02.on a:before{background:url('../img/foot_menu02_on.png') 0 0 no-repeat; background-size:100%;}
#foot_menu ul li.f_menu03.on a:before{background:url('../img/foot_menu03_on.png') 0 0 no-repeat; background-size:100%;}
#foot_menu ul li.f_menu04.on a:before{background:url('../img/foot_menu04_on.png') 0 0 no-repeat; background-size:100%;}
#foot_menu ul li.f_menu05.on a:before{background:url('../img/foot_menu05_on.png') 0 0 no-repeat; background-size:100%;}
#foot_menu ul li.f_menu06.on a:before{background:url('../img/foot_menu06_on.png') 0 0 no-repeat; background-size:100%;}

.m_sec01{width:100%; padding:20px 20px; position:relative;}
.m_sec01:before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#00d2d3;}
.m_sec01 > div{position:relative; z-index:1;}
.m_sec01 > div ul { }
.m_sec01 > div ul li { float:left; position:relative; margin:10px; padding-left:24px; font-size:12px; color:white; width:130px; height:130px; border: 1px solid black; border-radius: 10px;}
.m_sec01 > div .m_top:before{content:''; position:absolute; top:2px; left:0; width:18px; height:17px; background:url('../img/notice_icon.jpg') 0 0 no-repeat; background-size:100%;}

.m_sec01 > div .m_info{width:100%; border-top:1px solid #277565; margin-top:16px; padding-top:20px; overflow:hidden;}
.m_sec01 > div .m_info .left{width:calc(100% - 70px); float:left; padding-right:20px;}
.m_sec01 > div .m_info .left p{font-size:16px; color:white; font-weight:500; line-height:100%;}
.m_sec01 > div .m_info .left strong{display:block; font-size:24px; color:white; line-height:100%; font-weight:500; margin-top:10px;}
.m_sec01 > div .m_info .left strong span{display:inline-block; font-weight:700; padding-right:6px;}
.m_sec01 > div .m_info .right{width:70px; float:right; margin-top:24px;}
.m_sec01 > div .m_info .right a{font-family: 'Poppins', sans-serif; letter-spacing:0; display:block; width:70px; height:26px; line-height:24px; border:1px solid white; text-align:center; border-radius:13px; font-size:11px; color:white;}

.m_sec01 > div .m_sec01_slide{width:100%; background:white; margin-top:20px; box-shadow:0 3px 12px 0 rgba(0, 0, 0, .16); padding:20px;}
.m_sec01 > div .m_sec01_slide .box01{width:100%;}
.m_sec01 > div .m_sec01_slide .box01 .slide_top{width:100%; overflow:hidden;}
.m_sec01 > div .m_sec01_slide .box01 .slide_top h3{font-size:13px; color:#0a0909; font-weight:500; float:left; line-height:100%;}
.m_sec01 > div .m_sec01_slide .box01 .slide_top .slide_p{float:right; font-family:'Poppins', sans-serif; letter-spacing:-0.5px; text-align:right;}
.m_sec01 > div .m_sec01_slide .box01 .slide_top .slide_p strong{display:block; line-height:100%; font-size:20px; color:#0c50f1; font-weight:700;}
.m_sec01 > div .m_sec01_slide .box01 .slide_top .slide_p div{font-size:12px; color:#0c50f1; font-weight:400; margin-top:2px;}
.m_sec01 > div .m_sec01_slide .box01 .slide_top .slide_p div span{display:inline-block; padding-right:6px;}

.m_sec01 > div .m_sec01_slide .box02{width:100%;}
.m_sec01 > div .m_sec01_slide .box02 .slide_top{width:100%; overflow:hidden;}
.m_sec01 > div .m_sec01_slide .box02 .slide_top h3{font-size:13px; color:#0a0909; font-weight:500; float:left; line-height:100%;}
.m_sec01 > div .m_sec01_slide .box02 .slide_top .slide_p{float:right; font-family:'Poppins', sans-serif; letter-spacing:-0.5px; text-align:right;}
.m_sec01 > div .m_sec01_slide .box02 .slide_top .slide_p strong{display:block; line-height:100%; font-size:20px; color:#f10c0c; font-weight:700;}
.m_sec01 > div .m_sec01_slide .box02 .slide_top .slide_p div{font-size:12px; color:#f10c0c; font-weight:400; margin-top:2px;}
.m_sec01 > div .m_sec01_slide .box02 .slide_top .slide_p div span{display:inline-block; padding-right:6px;}

.m_sec01 > div .m_sec01_slide .slide_graph{width:100%; margin-top:10px;}

.m_sec01 > div .m_sec01_slide .slick-dots{width:100%; font-size:0; text-align:center; position:absolute; bottom:-40px; left:0;}
.m_sec01 > div .m_sec01_slide .slick-dots li{display:inline-block; margin:0 3px;}
.m_sec01 > div .m_sec01_slide .slick-dots li button{width:6px; height:6px; border-radius:100%; background:white; border:1px solid #025544; font-size:0; text-indent:-999999; overflow:hidden; margin:0; padding:0;}
.m_sec01 > div .m_sec01_slide .slick-dots li.slick-active button{background:#025544;}

.m_sec02{width:100%; padding:20px;}
.m_sec02 .box.gray{background:#f5f5f5; border:1px solid #f5f5f5;}
.m_sec02 .box.white{background:white; border:1px solid #ededed;}
.m_sec02 .box{padding:20px; margin-top:20px;}
.m_sec02 .box:first-child{margin-top:0;}
.m_sec02 .box h3{display:block; font-size:15px; color:#0a0909; line-height:100%; border-bottom:1px solid #ededed; padding-bottom:14px;}
.m_sec02 .box .list{width:100%; margin-top:8px;}
.m_sec02 .box .list dl{width:100%; display:table; table-layout:fixed; padding:6px 0;}
.m_sec02 .box .list dl dt{display:table-cell; padding-right:10px;}
.m_sec02 .box .list dl dt a{width:100%; display:block; font-size:14px; color:#0a0909; line-height:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.m_sec02 .box .list dl dd{width:90px; display:table-cell; text-align:right; font-size:14px; color:#0a0909; line-height:100%; font-family:'Poppins', 'Noto Sans KR', sans-serif; letter-spacing:0;}
.m_sec02 .box .list dl dd span.c_g{font-weight:500; color:#025544;}
.m_sec02 .box .list dl dd span.f_g{}

.m_banner{width:100%; padding:0 20px; margin-top:10px;}
.m_banner a{width:100%; display:block;}
.m_banner a img{width:100%;}


.s_contents{width:100%; padding:10px 20px 0 20px;}

.sub01_wrap{width:100%;}

.s_top01{width:100%;}
.s_top01 .month_box{margin:0 -2px;}
.s_top01 .month_box ul{width:100%; overflow:hidden;}
.s_top01 .month_box ul li{width:20%; float:left; padding:0 2px;}
.s_top01 .month_box ul li a{display:block; width:100%; height:46px; line-height:44px; text-align:center; background:#f0f0f0; border:1px solid #f0f0f0; font-size:14px; color:#1d1d1d; font-weight:500;}
.s_top01 .month_box ul li.on a{background:white; border:1px solid #025544; color:#025544;}
.s_top01 .date_box{width:100%; overflow:hidden; margin-top:10px;}
.s_top01 .date_box .date_inp{width:calc((100% - 20%) - 1px); height:46px; float:left; background:#f0f0f0; border:1px solid #f0f0f0; overflow:hidden;}
.s_top01 .date_box .date_inp.on{background:white; border:1px solid #025544;}
.s_top01 .date_box .date_inp input[type=text]{width:calc((100% - 4%) / 2); line-height:42px; float:left; font-size:14px; font-family: 'Poppins', sans-serif; color:#bfbfbf; background:#f0f0f0 url('../img/date_icon.png') top 12px right 5px no-repeat; background-size:16px 17px; border:0; padding:0 10px;}
.s_top01 .date_box .date_inp input[type=text]::placeholder{color:#bfbfbf;}
.s_top01 .date_box .date_inp.on input[type=text]{background-color:white;color:#1d1d1d;}
.s_top01 .date_box .date_inp.on input[type=text]::placeholder{color:#025544;}
.s_top01 .date_box .date_inp span{width:4%; float:left; line-height:42px;}
.s_top01 .date_box a{display:block; float:right; width:calc(20% - 3px); height:46px; line-height:46px; background:#025544; font-size:16px; color:white; font-weight:500; text-align:center; margin-left:4px;}

.s_top01 .date_box .date_inpw{width:calc((100%) - 1px); height:46px; float:left; background:#f0f0f0; border:1px solid #f0f0f0; overflow:hidden;}
.s_top01 .date_box .date_inpw.on{background:white; border:1px solid #025544;}
.s_top01 .date_box .date_inpw input[type=text]{width:calc((100% - 4%) / 2); line-height:42px; float:left; font-size:14px; font-family: 'Poppins', sans-serif; color:#bfbfbf; background:#f0f0f0 url('../img/date_icon.png') top 12px right 5px no-repeat; background-size:16px 17px; border:0; padding:0 10px;}
.s_top01 .date_box .date_inpw input[type=text]::placeholder{color:#bfbfbf;}
.s_top01 .date_box .date_inpw.on input[type=text]{background-color:white;color:#1d1d1d;}
.s_top01 .date_box .date_inpw.on input[type=text]::placeholder{color:#025544;}
.s_top01 .date_box .date_inpw span{width:4%; float:left; line-height:42px;}

.s_top01 .mon_box{width:100%; overflow:hidden; margin-top:10px;}
.s_top01 .mon_box .mon_inp{width:calc((100% - 20%) - 1px); height:46px; float:left; background:#f0f0f0; border:0px solid #f0f0f0; overflow:hidden;}
.s_top01 .mon_box .mon_inp.on{background:white; border:0px solid #025544;}
.s_top01 .mon_box .mon_inp input{width:calc((100% - 30%) - 1px); line-height:42px; float:right;border:1px solid #025544; font-size:14px; font-family: 'Poppins', sans-serif; color:#bfbfbf; background:#f0f0f0 url('../img/date_icon.png') top 12px right 5px no-repeat; background-size:16px 17px; border:0; padding:0 10px;}
.s_top01 .mon_box .mon_inp input[type=text]::placeholder{color:#bfbfbf;}
.s_top01 .mon_box .mon_inp.on input[type=text]{background-color:white;color:#1d1d1d;border:1px solid #025544;}
.s_top01 .mon_box .mon_inp.on input[type=text]::placeholder{color:#025544;}
.s_top01 .mon_box .mon_inp span{width:4%; float:left; line-height:42px;}
.s_top01 .mon_box a{display:block; float:right; width:calc(20% - 3px); height:46px; line-height:46px; background:#025544; font-size:16px; color:white; font-weight:500; text-align:center; margin-left:4px;}
.s_top01 .mon_box .mon_inp label{line-height:42px;}

.sub01_wrap .list{width:100%; margin-top:40px;}
.sub01_wrap .list .list_top{width:100%; overflow:hidden;}
.sub01_wrap .list .list_top p{width:calc(100% - 20px); float:left; padding-right:20px; font-family:'Poppins', 'Noto Sans KR', sans-serif; letter-spacing:0; font-size:14px; color:#bfbfbf; line-height:22px;}
.sub01_wrap .list .list_top a{display:block; float:right; width:20px; height:22px; background:url('../img/print_icon.png') 0 0 no-repeat; background-size:100%; font-size:0; text-indent:-999999; overflow:hidden;}
.sub01_wrap .list table{width:100%; border-collapse:collapse; margin-top:24px;}
.sub01_wrap .list table th{font-size:12px; color:#0a0909; font-weight:500; padding:12px 16px; border-top:1px solid #ededed;}
.sub01_wrap .list table th.point_g{background:#025544; font-size:14px; color:white; border-top:1px solid white;}
.sub01_wrap .list table th.gray{background:#ededed; font-size:14px; border-top:1px solid white;}
.sub01_wrap .list table td{text-align:right; font-family: 'Poppins', sans-serif; letter-spacing:0; font-size:12px; color:#0a0909; font-weight:500; padding:12px 16px; border-top:1px solid #ededed;}
.sub01_wrap .list table td.point_g{background:#025544; font-size:18px; color:white; font-weight:600; border-top:1px solid white;}
.sub01_wrap .list table td.gray{background:#ededed; font-size:14px; border-top:1px solid white;}

.s_top02{width:100%;}
.s_top02 .s_category_box{margin:0 -3px;}
.s_top02 .s_category_box ul{width:100%; overflow:hidden;}
.s_top02 .s_category_box ul li{width:25%; float:left; padding:3px 3px;}
.s_top02 .s_category_box ul li a{display:block; width:100%; height:46px; line-height:44px; text-align:center; background:#ddffed; border:1px solid #ddffed; font-size:14px; color:#1d1d1d; font-weight:500;}
.s_top02 .s_category_box ul.sc01 li.on a{background:white; border:1px solid #025544; color:#025544;}
.s_top02 .s_category_box ul.sc01{}
.s_top02 .s_category_box ul.sc02{margin-top:10px;}
.s_top02 .s_category_box ul.sc02 li a{background:#ffc5cd; border:1px solid #ffc5cd;}
.s_top02 .s_category_box ul.sc02 li.on a{background:white; border:1px solid #695053;color:#695053;}

.sub02_wrap .form{width:100%; margin-top:30px;}
.sub02_wrap .form table{width:100%; border-collapse:collapse;}
.sub02_wrap .form table th{width:24%; font-size:14px; color:#0d0d0d; font-weight:400; padding:12px 0;}
.sub02_wrap .form table th.vt{vertical-align:top;}
.sub02_wrap .form table td{width:76%; padding:12px 0 0 0;}
.sub02_wrap .form table td input[type=text]{width:100%; border:0; border-bottom:1px solid #ededed; font-size:14px; color:#0a0909; transition:all ease 0.3s; padding:0; padding-bottom:10px;}
.sub02_wrap .form table td input[type=text].date_inp{background:url('../img/date_icon.png') top 2px right 0 no-repeat; background-size:16px 17px;}
.sub02_wrap .form table td input[type=text]:focus{border-bottom:1px solid #025544;}
.sub02_wrap .form table td select{width:100%; border:0; border-bottom:1px solid #ededed; font-size:14px; color:#0a0909; transition:all ease 0.3s; padding:0; padding-bottom:10px; background:url('../img/select_arrow.png') top 6px right 0 no-repeat; background-size:16px 10px;}
.sub02_wrap .form table td select:focus{border-bottom:1px solid #025544;}
.sub02_wrap .form table td textarea{width:100%; height:120px; border:1px solid #ededed; font-size:13px; color:#0a0909; padding:8px 12px; transition:all ease 0.3s;}
.sub02_wrap .form table td textarea:focus{border:1px solid #025544;}
.sub02_wrap .form table td input[type=text]::placeholder, .sub02_wrap .form table td textarea::placeholder{color:#bfbfbf;}



.s_top03{width:100%;}
.s_top03 .s_category_box{margin:0 -3px;}
.s_top03 .s_category_box ul{width:100%; overflow:hidden;}
.s_top03 .s_category_box ul li{width:33%; float:left; padding:3px 3px;}
.s_top03 .s_category_box ul li a{display:block; width:100%; height:46px; line-height:44px; text-align:center; background:#ddffed; border:1px solid #ddffed; font-size:14px; color:#1d1d1d; font-weight:500;}
.s_top03 .s_category_box ul.sc01 li.on a{background:white; border:1px solid #025544; color:#025544;}
.s_top03 .s_category_box ul.sc01{}
.s_top03 .s_category_box ul.sc02{margin-top:10px;}
.s_top03 .s_category_box ul.sc02 li a{background:#ffc5cd; border:1px solid #ffc5cd;}
.s_top03 .s_category_box ul.sc02 li.on a{background:white; border:1px solid #695053;color:#695053;}

.sub03_wrap .form{width:100%; margin-top:30px;height:200px;}
.sub03_wrap .form .contents1{border:0px solid black;height:100%;padding-top: 35px;text-align: center;}
.sub03_wrap .form .contents2{border:0px solid black;height:100%;}
.sub03_wrap .form .title{width:100%;font-size: 15px;font-weight: bold;color:#0d0d0d;}
.sub03_wrap .form table{width:100%; border-collapse:collapse;}
.sub03_wrap .form table th{width:30%; font-size:14px; color:#0d0d0d; font-weight:400; padding:12px 0;}
.sub03_wrap .form table th.vt{vertical-align:top;}
.sub03_wrap .form table td{width:70%; padding:12px 0 0 0;}
.sub03_wrap .form table td input[type=text]{width:100%; border:0; border-bottom:1px solid #ededed; font-size:14px; color:#0a0909; transition:all ease 0.3s; padding:0; padding-bottom:10px;}
.sub03_wrap .form table td input[type=text].date_inp{background:url('../img/date_icon.png') top 2px right 0 no-repeat; background-size:16px 17px;}
.sub03_wrap .form table td input[type=text]:focus{border-bottom:1px solid #025544;}
.sub03_wrap .form table td select{width:100%; border:0; border-bottom:1px solid #ededed; font-size:14px; color:#0a0909; transition:all ease 0.3s; padding:0; padding-bottom:10px; background:url('../img/select_arrow.png') top 6px right 0 no-repeat; background-size:16px 10px;}
.sub03_wrap .form table td select:focus{border-bottom:1px solid #025544;}
.sub03_wrap .form table td textarea{width:100%; height:120px; border:1px solid #ededed; font-size:13px; color:#0a0909; padding:8px 12px; transition:all ease 0.3s;}
.sub03_wrap .form table td textarea:focus{border:1px solid #025544;}
.sub03_wrap .form table td input[type=text]::placeholder, .sub02_wrap .form table td textarea::placeholder{color:#bfbfbf;}

/* .btn_wrap{width:100%; text-align:center; margin-top:40px; overflow:hidden;}
.btn_wrap a{width:calc((100% - 4px) / 2); height:50px; line-height:50px; float:left; display:block; font-size:15px; color:white; font-weight:500; margin-left:4px; text-align:center;}
.btn_wrap a:first-child{margin-left:0;}
.btn_wrap a.cancel_btn{background:#bfbfbf;}
.btn_wrap a.save_btn{background:#025445;} */


.notice_wrap{width:100%;}
.notice_wrap ul{width:100%;}
.notice_wrap ul li{width:100%; border-bottom:1px solid #f6f6f6;}
.notice_wrap ul li a{width:100%; display:block; padding:18px 0 16px;}
.notice_wrap ul li a p{font-family: 'Poppins', sans-serif; letter-spacing:0; font-size:12px; color:#bfbfbf; line-height:100%;}
.notice_wrap ul li a strong{display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position:relative; padding:0 30px 0 0; margin-top:10px; font-size:14px; color:#0d0d0d; font-weight:400; line-height:20px;}
.notice_wrap ul li a strong:before{content:''; position:absolute; top:50%; margin-top:-10px; right:0; width:14px; height:20px; background:url('../img/list_tit_arr.png') 0 0 no-repeat; background-size:100%;}
.notice_wrap ul li a strong span{display:inline-block; margin-right:6px; font-family: 'Poppins', sans-serif; letter-spacing:0; font-size:11px; color:white; font-weight:500; line-height:20px; background:#025544; padding:0 6px;}

.notice_wrap .notice_view{width:100%; table-layout:fixed; margin-top:18px;}
.notice_wrap .notice_view .v_top{width:100%; border-bottom:1px solid #f6f6f6; padding-bottom:20px;}
.notice_wrap .notice_view .v_top p{font-family: 'Poppins', sans-serif; letter-spacing:0; font-size:12px; color:#bfbfbf; line-height:100%;}
.notice_wrap .notice_view .v_top strong{display:block; font-size:16px; color:#0d0d0d; font-weight:500; margin-top:6px;}
.notice_wrap .notice_view .v_cont_top{width:100%; word-break:break-all; font-size:14px; color:#0d0d0d; line-height:22px; padding:18px 0;border-bottom:1px solid #f6f6f6;}
.notice_wrap .notice_view .v_period{width:100%; display:flex;justify-content: flex-start;}
.notice_wrap .notice_view .v_period span{width:50px; }
.notice_wrap .notice_view .v_period input{width:100px; margin-right:20px;}
.notice_wrap .notice_view .v_cont{width:100%; word-break:break-all; font-size:14px; color:#0d0d0d; line-height:22px; padding:18px 0;}




.sort_box{width:100%; overflow:hidden;}
.sort_box p{font-size:16px; color:#0a0909; font-weight:500; line-height:44px; float:left;}
.sort_box div{width:calc(100% - 150px); overflow:hidden; float:right;}
.sort_box div input[type=text]{width:calc(100% - 65px); float:left; height:46px; line-height:46px; font-size:14px; font-family: 'Poppins', sans-serif; color:#bfbfbf; background:#f0f0f0 url('../img/date_icon.png') top 14px right 20px no-repeat; background-size:16px 17px; border:0; padding:0 20px;}
.sort_box div a{display:block; float:right; width:60px; height:46px; line-height:46px; background:#025544; font-size:16px; color:white; font-weight:500; text-align:center; margin-left:5px;}

.file_list{width:100%; margin-top:28px;}
.file_list table{width:100%; border-collapse:collapse;}
.file_list table th{font-size:13px; color:#0a0909; font-weight:500; line-height:100%; padding:12px 12px;}
.file_list table td{font-size:13px; color:#0a0909; font-weight:500; line-height:100%; border-top:1px solid #ededed; padding:20px 12px;}
.file_list table td.ft_num{font-family:'Poppins', sans-serif; letter-spacing:0;}
.file_list table td a{display:block; font-size:0; text-indent:-999999; overflow:hidden; width:20px; height:20px; background:url('../img/file_icon.png') 0 0 no-repeat; background-size:100%; margin:0 auto;}