*{ font-family: 맑은 고딕, 微软雅黑, sans-serif; letter-spacing: -0.25px; color: #000;}
html{ width:100%; height:100%; background: #DDD;}
body{ -webkit-text-size-adjust:none; padding: 80px 20px 50px 20px;}
body ::selection { color: #FFF; background-color: #4180d9; text-shadow:none;}
body ::-moz-selection { color: #FFF; background-color: #4180d9; text-shadow:none;}
@media(max-width: 767px){
    body{ -webkit-text-size-adjust:none; padding: 60px 10px 40px 10px;}
}


.all_menu_btn_close{ display: none; position: fixed; z-index: 130; top: 20px; right: 30px; width: 25px; height: 40px; cursor: pointer;}
.all_menu_btn_close.open{ display: block;}
.all_menu_btn{ display: none; justify-content: space-between; align-items: center; position: fixed; z-index: 120; top: 20px; right: 30px; width: 25px; height: 40px; cursor: pointer;}
.all_menu_btn #nav-icon1{ margin: 0; width: 25px; height: 22px;}
.all_menu_btn #nav-icon1 span{ height: 2px; border-radius: 0; background: #FFF;}
.all_menu_btn #nav-icon1 span:nth-child(1){ top: 0;}
.all_menu_btn #nav-icon1 span:nth-child(2){ top: 10px;}
.all_menu_btn #nav-icon1 span:nth-child(3){ top: 20px;}
.all_menu_btn #nav-icon1.open span{ background:#FFF;}
.all_menu_btn #nav-icon1.open span:nth-child(1){ top: 12px;}
.all_menu_btn #nav-icon1.open span:nth-child(3){ top: 12px;}
@media(max-width: 1200px){
    .all_menu_btn{ display: flex;}
}
@media(max-width: 767px){
    .all_menu_btn_close{ top: 15px; right: 10px; width: 20px; height: 30px;}
    .all_menu_btn{ top: 15px; right: 10px; width: 20px; height: 30px;}
    .all_menu_btn #nav-icon1{ width: 20px; height: 16px;}
    .all_menu_btn #nav-icon1 span{ height: 2px;}
    .all_menu_btn #nav-icon1 span:nth-child(2){ top: 7px;}
    .all_menu_btn #nav-icon1 span:nth-child(3){ top: 14px;}
    .all_menu_btn p{ padding: 5px 0 0 0; font-size: 16px;}
    .all_menu_btn #nav-icon1.open span:nth-child(1){ top: 8px;}
    .all_menu_btn #nav-icon1.open span:nth-child(3){ top: 8px;}
}


.all_menu{ position: fixed; z-index: 110; top: 0; right: 100%; bottom: 0; left: -100%; background: rgba(0,0,0,0.9); opacity: 0; transition: opacity .3s;}
.all_menu .row{ overflow: auto; position: fixed; top: 0; right: 100%; bottom: 0; left: -100%; width: 500px; padding: 0 0 50px 0; background: #FFF; opacity: 0; transition: all .5s;}
.all_menu .my{ display: flex; justify-content: space-between; align-items: center; padding: 0 40px; height: 60px; background: #374b65;}
.all_menu .my div p:nth-child(1){ font-size: 20px; font-weight: bold; color: #FFF;}
.all_menu .my div p:nth-child(2){ font-size: 12px; color: rgba(255 255 255 / 50%);}
.all_menu .my span{ display: flex; align-items: center; margin: 0 0 0 10px; padding: 0 5px; height: 20px; border-radius: 20px; background: #3cc867; font-size: 12px; font-weight: bold; letter-spacing: 0.5px;}

.all_menu .my_btn{ display: flex; position: fixed; bottom: -50px; left: 0; width: 500px; opacity: 0; transition: all .5s;}
.all_menu .my_btn li{ width: 50%;}
.all_menu .my_btn li a{ display: flex; justify-content: center; align-items: center; height: 50px; background: #999;}
.all_menu .my_btn li:nth-child(1) a{}
.all_menu .my_btn li:nth-child(2) a{ background: #F00;}
.all_menu .my_btn li a i{ margin: 0 10px 0 0; font-size: 18px; color: #FFF;}
.all_menu .my_btn li a p{ font-size: 14px; color: #FFF;}

.all_menu .menu{}
.all_menu .menu > ul{}
.all_menu .menu > ul > li{ overflow: hidden;}
.all_menu .menu > ul > li > a{ display: flex; justify-content: space-between; align-items: center; position: relative; padding: 0 40px; height: 60px; border-top:1px solid #DDD;}
.all_menu .menu > ul > li > a p{ font-size: 20px; font-weight: bold;}
.all_menu .menu > ul > li > a i{ display: flex; justify-content: center; align-items: center; width: 30px; font-size: 20px; transition: all .2s;}

.all_menu .menu > ul > li > ul{ display: none; padding: 0 40px 20px 40px;}
.all_menu .menu > ul > li > ul > li{ overflow: hidden; margin: -1px 0 0 0; border-top: 1px solid #DDD;}
.all_menu .menu > ul > li > ul > li:first-child{ border: 0;}
.all_menu .menu > ul > li > ul > li > a{ display: flex; justify-content: space-between; align-items: center; height: 50px; cursor: pointer;}
.all_menu .menu > ul > li > ul > li > a p{ font-size: 16px; font-weight: bold; color: #333;}
.all_menu .menu > ul > li > ul > li > a i{ display: flex; justify-content: center; align-items: center; width: 30px; font-size: 16px; color: #333; transition: all .2s;}

.all_menu .menu > ul > li > ul > li ul{ display: none; padding: 10px 0; border: 1px solid #DDD; background: #FFF;}
.all_menu .menu > ul > li > ul > li ul li{}
.all_menu .menu > ul > li > ul > li ul li a{ display: flex; align-items: center; padding: 0 20px; height: 40px;}
.all_menu .menu > ul > li > ul > li ul li a p{ font-size: 14px; color: #000;}

.all_menu .menu > ul > li.on{ background: #f5f5f5;}
.all_menu .menu > ul > li.on > a p{ color: #4180d9;}
.all_menu .menu > ul > li.on > a i{ color: #4180d9; transform: rotate(180deg);}
.all_menu .menu > ul > li > ul > li.on > a p{ color: #4180d9;}
.all_menu .menu > ul > li > ul > li.on > a i{ color: #4180d9; transform: rotate(180deg);}
.all_menu .menu > ul > li > ul > li ul li.on a p{ color: #4180d9;}

.all_menu.on{ right: 0; left: 0; opacity: 1;}
.all_menu.on .row{ right: 50%; left: 0; opacity: 1;}
.all_menu.on .my_btn{ bottom: 0; opacity: 1;}
@media(max-width: 1400px){
}
@media(max-width: 767px){
    .all_menu .my_btn{ right: 40px; width: auto;}
    .all_menu .row{ width: auto;}
    .all_menu.on .row{ right: 40px;}
}


.header{ display:flex; justify-content: space-between; align-items: center; position: fixed; z-index: 100; top: 0; right: 0; left: 0; padding: 0 30px; height: 80px; background: #000;}
.header .logo{ display: block; position: relative; z-index: 10;}
.header .logo img{ display: block;}
.header div.gnb_r{display:flex; align-items:center; }
.header div.gnb_r div.setting_wrap{ position: relative; z-index: 10;}
.header div.gnb_r div.setting_wrap div.head{padding-right:10px;}
.header div.gnb_r div.setting_wrap div.body{width:120px}
.header div.gnb_r div.setting_wrap p {color:#fff; transition:0.2s}
.header div.gnb_r div.setting_wrap p i{color:#fff;}
.header div.gnb_r div.setting_wrap a{font-size:13px;}
.header .my{ position: relative; z-index: 10;}
.header div.gnb_r div.mypage div.head{padding-right:10px;}
.header .my:hover .head p,
.header .my:hover .head p i,
.header .my:hover .head i.arr{ color:#fece00 }
.header .my .head{ display: flex; align-items: center; height: 80px; cursor: pointer;}
.header .my .head p{ font-size: 14px; font-weight: bold; color: #FFF;}
.header .my .head span{ display: flex; align-items: center; margin: 0 0 0 3px; padding: 0 5px; height: 20px; border-radius: 20px; background: #3cc867; font-size: 12px; font-weight: bold; letter-spacing: 0.5px; transform: scale(0.8);}
.header .my .head i{ margin: 0 0 0 10px; font-size: 12px; color: #FFF; transition: all .2s;}
.header .my .head p i{margin-right:3px}
.header .my .body{ display:none; position: absolute; top: 50px; right: 0; border-radius: 3px; height: 0; background: #FFF; box-shadow: 0 3px 15px 0 rgba(0 0 0 / 20%); opacity: 0; transition: all .2s;}
.header .my .body > ul{padding:5px 0}
.header .my .body ul li a{ display: flex; padding: 3px 15px; cursor: pointer; }
.header .my .body ul li p.togglebtn{display: flex; font-size:13px;  padding: 3px 15px; cursor: pointer; color:#1f1f1f; align-items:center; justify-content:space-between;}
.header .my .body ul li p.togglebtn > i{color:#1f1f1f;}
.header .my .body ul li p.togglebtn:hover{ background: #f5f5f5;}
.header .my .body ul li.drop{position:relative}
.header .my .body ul li.drop a{display:flex; justify-content:space-between; align-items:center;}
.header .my .body ul li.drop a > i{margin:0}
/* .header .my .body ul li.drop > ul{position:absolute; left:120px; top:0 ; background-color:#fff; border:1px solid #eee; width:120px;}
.header .my .body ul li.drop:hover{overflow: visible;} */
.header .my .body ul li:first-child a{ border: 0;}
.header .my .body ul li a:hover{ background: #f5f5f5;}

.header .my .body ul li a i{ margin: 0 10px 0 0; font-size: 15px; color: #999; position:relative}
.header .my .body ul li a i:before{position:absolute; top:50%; transform:translateY(-50%)}
.header .my .body ul li a p{ font-size: 13px; color: #000; margin-left:7px}
.header .my:hover .head i.arr{ transform: rotate(180deg);}
.header .my:hover .body{ top: 60px; height: auto; opacity: 1; display:block;}
.header .my .body ul.language_warp{border-bottom:1px solid #eee;}
.header .my .body ul.language_warp h2{padding: 3px 15px; font-size:12px; color:#838383; letter-spacing:0.25px}
.header .my .body ul.language_warp a{font-size:13px; color:#1f1f1f;}
.header .my .body.other_list{width:120px}
.menutoggle{background-color:#f5f5f5;padding-left:10px; display:none;}
.header .my .body ul li .menutoggle > li > a{padding:0px 0 1px 10px}
.header .my .body ul li .menutoggle > li:last-child a {padding-bottom:3px}
.header .my .body ul li .menutoggle > li:first-child a {padding-top:3px}
.header .my .body ul li .menutoggle > li > a:hover{font-weight:600}

.header{ display:flex; justify-content: space-between; align-items: center; position: fixed; z-index: 100; top: 0; right: 0; left: 0; padding: 0 30px; height: 80px; background: #374b65;}
.header .logo{ display: block; position: relative; z-index: 10; height: 25px;}
.header .logo img{ display: block; position: relative; top:-10px; left:-10px}
.header .my{ position: relative; z-index: 10;}
.header .my .head{ display: flex; align-items: center; height: 80px; cursor: pointer;}
.header .my .head p{ font-size: 14px; font-weight: bold; color: #FFF;}
.header .my .head span{ display: flex; align-items: center; margin: 0 0 0 3px; padding: 0 5px; height: 20px; border-radius: 20px; background: #3cc867; font-size: 12px; font-weight: bold; letter-spacing: 0.5px; transform: scale(0.8);}
.header .my .head i{ margin: 0 0 0 10px; font-size: 12px; color: #FFF; transition: all .2s;}
.header .my .body{ overflow: hidden; position: absolute; top: 50px; right: 0; border-radius: 3px; height: 0; background: #FFF; box-shadow: 0 3px 15px 0 rgba(0 0 0 / 20%); opacity: 0; transition: all .2s;}
.header .my .body ul{}
.header .my .body ul li{}
.header .my .body ul li a{ display: flex; justify-content: space-between; align-items: center; padding: 0 15px; height: 40px; border-top: 1px solid #DDD; cursor: pointer;}
.header .my .body ul li:first-child a{ border: 0;}
.header .my .body ul li a:hover{ background: #f5f5f5;}
.header .my .body ul li a i{ margin: 0 15px 0 0; font-size: 15px; color: #999;}
.header .my .body ul li a p{ font-size: 12px; color: #000;}
.header .my:hover .head i{ transform: rotate(180deg);}
.header .my:hover .body{ top: 60px; height: auto; opacity: 1;}

.header .menu{ position: absolute; top: 0; right: 0; left: 0;}
.header .menu > ul{ display: flex; justify-content: center;}
.header .menu > ul > li{ position: relative;}
.header .menu > ul > li > a{ display: flex; align-items: center; position: relative; padding: 0 20px; height: 80px; cursor: pointer;}
.header .menu > ul > li > a p{ font-size: 14px; font-weight: bold; color: rgba(255 255 255 / 70%);}
.header .menu > ul > li > a i{ margin: 0 0 0 5px; font-size: 14px;  color: rgba(255 255 255 / 70%); transition: all .2s;}
.header .menu > ul > li.on > a:before{ content: ""; display: none; position: absolute; right: 0; bottom: 19px; left: 0; height: 1px; background: #FFF;}
.header .menu > ul > li.on > a{ background: #2d3f57;}
.header .menu > ul > li.on > a p{ color: rgba(255 255 255 / 100%);}
.header .menu > ul > li.on > a i{ color: rgba(255 255 255 / 100%);}

.header .menu > ul > li > ul{ overflow: hidden; position: absolute; z-index: 10; top: 50px; left: -15px; width: 150px; height: 0; border-radius: 3px; background:#FFF; box-shadow:0 3px 15px 0 rgba(0 0 0 / 20%); opacity: 0; transition: all .2s;}
.header .menu > ul > li > ul > li{ position: relative;}
.header .menu > ul > li > ul > li > a{ display: flex; justify-content: space-between; align-items: center; padding: 0 15px; height: 40px; border-top: 1px solid #DDD; cursor: pointer;}
.header .menu > ul > li > ul > li:first-child > a{ border: 0;}
.header .menu > ul > li > ul > li:hover > a{ border-radius: 3px; background: #f5f5f5;}
.header .menu > ul > li > ul > li > a p{ font-size: 12px; color: #000;}
.header .menu > ul > li > ul > li > a i{ font-size: 14px; color: #999;}
.header .menu > ul > li:hover > a i{ transform: rotate(180deg);}
.header .menu > ul > li:hover > ul{ overflow: visible; top: 60px; height: auto; opacity: 1;}

.header .menu > ul > li > ul > li ul{ overflow: hidden; position: absolute; z-index: 10; top: 0; left: 100px; width: 150px; height: 0; border-radius: 3px; background:#FFF; box-shadow:0 3px 15px 0 rgba(0 0 0 / 20%); opacity: 0; transition: all .2s;}
.header .menu > ul > li > ul > li ul li{}
.header .menu > ul > li > ul > li ul li a{ display: flex; justify-content: space-between; align-items: center; padding: 0 15px; height: 40px; border-top: 1px solid #DDD; cursor: pointer;}
.header .menu > ul > li > ul > li ul li:first-child a{ border: 0;}
.header .menu > ul > li > ul > li ul li a:hover{ background: #f5f5f5;}
.header .menu > ul > li > ul > li ul li a p{ font-size: 12px; color: #000;}
.header .menu > ul > li > ul > li:hover ul{ left: 140px; height: auto; opacity: 1;}

.header .menu > ul > li.on{}
.header .menu > ul > li.on > a p{}
.header .menu > ul > li.on > a i{}
@media(max-width: 1200px){
    .header .my{ display: none;}
    .header .menu{ display: none;}
}
@media(max-width: 767px){
    .header{ padding: 0 10px; height: 60px;}
    .header .logo{ height: 20px;}
}


.footer{ display: flex; justify-content: center; align-items: center; position: fixed; z-index: 50; right: 0; bottom: 0; left: 0; height: 30px; background: #374b65;}
.footer p{ font-size: 12px; color: rgba(255 255 255 / 50%); text-transform: uppercase; letter-spacing: 0;}


.sub_menu{ margin: 0 -20px; background: #2d3f57;}
.sub_menu ul{ display: flex; justify-content: center; align-items: center;}
.sub_menu ul li{ padding: 0 20px;}
.sub_menu ul li a{ display: flex; align-items: center; position: relative; height: 60px;}
.sub_menu ul li a p{ font-size: 14px; font-weight: bold; color: rgba(255 255 255 / 70%);}
.sub_menu ul li a i{ margin: 0 0 0 5px; font-size: 14px;  color: rgba(255 255 255 / 70%);}
.sub_menu ul li.on a:before{ content: ""; display: block; position: absolute; right: 0; bottom: 0; left: 0; height: 4px; background: #4180d9;}
.sub_menu ul li.on a p{ color: rgba(255 255 255 / 100%);}
.sub_menu ul li.on a i{ color: rgba(255 255 255 / 100%);}
@media(max-width: 767px){
    .sub_menu{ overflow: hidden; margin: 0 -10px; height: 45px; display:none;}
    .sub_menu ul{ display: block; overflow: auto; text-align: left; white-space: nowrap; height: 60px;}
    .sub_menu ul li{ display: inline-block; padding: 0 10px;}
    .sub_menu ul li a{ height: 45px;}
    .sub_menu ul li a p{ font-size: 13px;}
    .sub_menu ul li.on a:before{ height: 3px;}
}


.type_bg{ margin: 20px auto 0 auto; width:100%; background: #FFF; }
.type_bg.form_bg{width:80%;}
.type_bg.pro_chk_bg{width:1000px; }
/* .type_bg.type2_bg{max-width:100%;} */
.type_bg.min{ max-width: 800px;}
.type_bg.max{ max-width: 1200px;}
.type_bg .select_01{ display: block; padding: 0 40px 0 10px; width: auto; height: 35px; border-radius: 3px; border: 1px solid #CCC; background: url(/admin/images/select_icon.png) no-repeat center right 8px #FFF; background-size: 10px 6px; font-size: 12px; outline: none; -webkit-appearance: none;}
.type_bg .select_01:hover{ background: url(/admin/images/select_icon.png) no-repeat center right 8px #f0f0f0; background-size: 10px 6px;}

.type_bg .calendar{ display: flex; align-items: center; height: 35px; border-radius: 3px; border: 1px solid #CCC;}
.type_bg .calendar i{ display: flex; justify-content: center; align-items: center; width: 35px; height: 100%; background: #f5f5f5; font-size: 20px; color: #666;}
.type_bg .calendar i:first-child{ margin: 0 5px 0 0; border-radius: 3px 0 0 3px; border-right: 1px solid #DDD;}
.type_bg .calendar i:last-child{ margin: 0 0 0 5px; border-radius: 0 3px 3px 0; border-left: 1px solid #DDD;}
.type_bg .calendar p{ font-size: 12px;}
.type_bg .calendar input{ display: block; margin: 0; padding: 0 5px; width: 90px; height: 100%; border-radius: 0; border: none; background: none; font-size: 12px; outline: none; -webkit-appearance: none;}
.type_bg .calendar input:nth-child(4){ text-align: right;}
.type_bg .calendar:hover{ background: #f0f0f0;}

.type_bg .search{ display:flex; height: 35px; border-radius: 3px; border: 1px solid #CCC;}
.type_bg .search select{ display: block; margin: 0; padding: 0 40px 0 10px; width: auto; height: 100%; border-radius: 3px 0 0 3px; border: none; border-right: 1px solid #CCC; background: url(/admin/images/select_icon.png) no-repeat center right 8px #FFF; background-size: 10px 6px; font-size: 12px; outline: none; -webkit-appearance: none;}
.type_bg .search select:hover{ background: url(/admin/images/select_icon.png) no-repeat center right 8px #f0f0f0; background-size: 10px 6px;}
.type_bg .search .radio{ display: flex; align-items: center; padding: 0 10px; border-right: 1px solid #CCC;}
.type_bg .search .radio label{ display: flex; align-items: center; margin: 0 5px; cursor: pointer;}
.type_bg .search .radio label input{ display: block; width: 16px; height: 16px;}
.type_bg .search .radio label p{ margin: 0 0 0 5px; font-size: 12px;}
.type_bg .search .radio:hover{ background: #f0f0f0;}
.type_bg .search .in{ position: relative; border-radius: 0 3px 3px 0; background: #FFF;}
.type_bg .search .in input{ display: block; margin: 0; padding: 0 40px 0 10px; width: 150px; height: 100%; border-radius: 0; border: none; background: none; font-size: 12px; outline: none; -webkit-appearance: none;}
.type_bg .search .in i{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; width: 35px; font-size: 18px; color: #000; cursor: pointer;}
.type_bg .search .in:hover{ background: #f0f0f0;}

.type_bg .btn_01{ display: flex; align-items: center; padding: 0 20px; height: 35px; font-size: 13px; cursor:pointer;}
@media(max-width: 767px){
    .type_bg{ margin: 10px 0 0 0;}
    .type_bg .select_01{ padding: 0 30px 0 10px;}

    .type_bg .search select{ padding: 0 30px 0 10px;}
    .type_bg .search .radio{ padding: 0 5px;}
    .type_bg .search .in input{ width: 120px;}
    .type_bg .search .in i{ width: 30px; font-size: 16px;}

    .type_bg .btn_01{ padding: 0 10px; font-size: 12px;}
}


.type_menu{ overflow: hidden; border-radius: 3px 3px 0 0; background: #243347;}
.type_menu ul{ display: flex;}
.type_menu ul li{}
.type_menu ul li a{ display: flex; align-items: center; padding: 0 20px; height: 60px; cursor: pointer;}
.type_menu ul li a p{ font-size: 14px; font-weight: bold; color: #FFF;}
.type_menu ul li.on a{ background: #4180d9;}
@media(max-width: 767px){
    .type_menu{ height: 45px;}
    .type_menu ul{ display: block; overflow: auto; text-align: left; white-space: nowrap; height: 60px;}
    .type_menu ul li{ display: inline-block;}
    .type_menu ul li a{ padding: 0 10px; height: 45px;}
    .type_menu ul li a p{ font-size: 13px;}
}


.type_guide {padding: 15px 20px;}
.type_guide .fl{ flex-wrap: wrap; align-items: center;}
.type_guide .fl > *{ margin: 0 5px 0 0;}
.type_guide .fl > *:last-child{ margin: 0;}
.type_guide .fr{ display: flex; flex-wrap: wrap; align-items: center; justify-content:end}
.type_guide .fr > *{ margin: 0 0 0 5px;}
.type_guide .fr > *:first-child{ margin: 0;}
.type_guide .title{}
.type_guide .title i{ margin: 0 5px 0 0; font-size: 20px;}
.type_guide .title h1{ font-size: 41px; font-weight: bold; text-align:center; padding:20px; position:relative;}
.type_guide .title h1:after{content:''; background-color:#243347; width:32px; height:3px; display:block; margin:20px auto;}
.type_guide .title h2{ font-size: 41px; font-weight: bold; text-align:center; padding:20px; }

@media(max-width: 767px){
    .type_guide{ padding: 15px 10px;}
    .type_guide .title i{ font-size: 18px;}
}


.type_head{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 10px 20px 15px 15px; border-top: 1px solid #DDD;}
.type_head .fl{ display: flex; flex-wrap: wrap; align-items: center;}
.type_head .fl > *{ margin: 5px 0 0 5px;}
.type_head .fr{ display: flex; flex-wrap: wrap; align-items: center;}
.type_head .fr > *{ margin: 5px 0 0 5px;}
@media(max-width: 767px){
    .type_head{ padding: 10px 10px 15px 5px;}
}


.type_table_01{}
.type_table_01 table{ border-spacing: 0; table-layout: fixed; width: 100%;}
.type_table_01 table thead{}
.type_table_01 table thead tr{}
.type_table_01 table thead tr td{ border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; background: #f0f0f0; text-align: center; padding: 10px 0; font-size: 14px; font-weight: bold;}
.type_table_01 table thead tr td .check{ background:#FFF;}
.type_table_01 table thead tr td span{ display: block; font-size: 12px; font-weight: 400; color: #666;}
.type_table_01 table tbody{}
.type_table_01 table tbody tr{}
.type_table_01 table tbody tr:nth-of-type(odd){ background: #fafafa;}
.type_table_01 table tbody tr:hover{ background: #f5f5f5;}
.type_table_01 table tbody tr td{ padding: 10px 10px; border-bottom: 1px solid #DDD; border-right: 1px solid #DDD; text-align:center;}
.type_table_01 table tbody tr td:last-child{ border-right: 0;}
.type_table_01 table tbody tr td p{ font-size: 13px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.type_table_01 table tbody tr td .tit{ display: block; text-align: left; font-size: 13px; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.type_table_01 .check{ display: inline-block;}
.type_table_01 .check i{ display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; border-radius: 3px; border: 1px solid #999; font-size: 12px; color: #FFF;}
.type_table_01 .check.on{}
.type_table_01 .check.on i{ border-color: #4180d9; background: #4180d9;}
.type_table_01 .btn{ display: flex; justify-content: center; align-items: center;}
.type_table_01 .btn a{ display: flex; align-items: center; margin: 0 2.5px; padding: 0 10px; height: 30px; font-size: 12px; cursor: pointer;}
.type_table_01 .btn a:hover{ background: #f0f0f0;}
@media(max-width: 767px){
    .type_table_01 table thead tr td{ font-size: 12px;}
    .type_table_01 table tbody tr td p{ font-size: 12px;}
    .type_table_01 table tbody tr td .tit{ font-size: 12px;}
    .type_table_01 .check i{ width: 14px; height: 14px; font-size: 12px;}
    .type_table_01 .btn a{ padding: 0 5px; font-size: 10px;}
}

.type_table_02{padding:0 20px}
.type_table_02 table{ border-spacing: 0; table-layout: fixed; width: 100%; border-collapse:collapse; }
.type_table_02 table thead tr td,
.type_table_02 table thead tr th{ border:1px solid #ddd; border-width:0 1px; background: #eee; text-align: center; padding: 20px 0; font-size: 14px; font-weight: bold;}
.type_table_02 table thead tr td .check{ background:#FFF;}
.type_table_02 table thead tr td span{ display: block; font-size: 12px; font-weight: 400; color: #666;}
.type_table_02 table tbody tr:nth-child(even){background-color:#f3f6f9}
.type_table_02 table tbody tr td{ border: 1px solid #e6e9ed; border-width: 1px 1px 0; text-align:center; padding:20px 0; font-size:15px}
.type_table_02 table tbody tr td:first-child{border-left:0;}
.type_table_02 table tbody tr td:last-child{border-right:0;}
.type_table_02 table tbody tr:last-child td{border-bottom:1px solid #e6e9ed}
.type_table_02 table tbody tr td p{ font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-weight:300;}
.type_table_02 table tbody tr td p a.memo_btn.ht_numb{display:inline-block; overflow:hidden; text-overflow:ellipsis; padding:8px 10px;}
.type_table_02 table tbody tr td p a.memo_btn.ht_numb:hover{background-color:#eee;}
.type_table_02 table tbody tr td .tit{  padding: 21px 10px; display: block; text-align: left; font-size: 13px; cursor: pointer; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.type_table_02 table tbody tr.end_promotion{background-color:#f3f6f9;}
.type_table_02 table tbody tr.end_promotion td{color:#adadad}
.type_table_02 .check{ display: inline-block;}
.type_table_02 .check i{ display: flex; justify-content: center; align-items: center; width: 16px; height: 16px; border-radius: 3px; border: 1px solid #999; font-size: 12px; color: #FFF;}
.type_table_02 .check.on i{ border-color: #4180d9; background: #4180d9;}
.type_table_02 .btn{ display: flex; justify-content: center; align-items: center;}
.type_table_02 .btn a{ display: flex; align-items: center; margin: 0 2.5px; padding: 0 10px; height: 30px; font-size: 12px; cursor: pointer;}
.type_table_02 .btn a:hover{ background: #f0f0f0;}
.type_table_02 button.table2_edi{border-radius:5px; padding:5px 15px; background-color:#fff; border:1px solid #ddd; cursor:pointer; transition:.2s}
.type_table_02 button.table2_edi:hover{background-color:#eee; border-color:#eee;}
@media(max-width: 767px){
    .type_table_02 table thead tr td{ font-size: 12px;}
    ..type_table_02 table tbody tr td p{ font-size: 12px;}
    .type_table_02 table tbody tr td .tit{ font-size: 12px;}
    .type_table_02 .check i{ width: 14px; height: 14px; font-size: 12px;}
    .type_table_02 .btn a{ padding: 0 5px; font-size: 10px;}
}


.write_01{ position: relative; padding: 10px 20px; border-top:1px solid #DDD;}
.write_01 > ul{ display: flex; flex-wrap: wrap; position: relative;}
.write_01 > ul:before{ content: ""; display: block; position: absolute; z-index: 10; top: 0; right: 0; left: 0; border-top: 1px solid #FFF;}
.write_01 > ul > li{ display: flex; flex-wrap: wrap; align-items: center; position: relative; padding: 10px 20px 10px 80px; width: 100%; border-top: 1px solid #FFF;}
.write_01 > ul > li.w50{ width: 50%;}
.write_01 .tit{ position: absolute; top: 10px; left: 0; width: 60px; line-height: 35px; font-size: 13px;}
.write_01 .txt{ margin: 5px 0 0 0; font-size: 12px; color: #666;}
.write_01 .txt span{ color: #F00;}
.write_01 .text{ display: flex; align-items: center; height: 35px; font-size: 14px; font-weight: bold;}
.write_01 .input_01{ display: block; padding: 0 10px; width: 100%; height: 35px; border-radius: 3px; border:1px solid #DDD; background: #f5f5f5; font-size: 12px; outline: none; -webkit-appearance: none;}
.write_01 .select_01{ display: block; padding: 0 30px 0 10px; width: 100%; height: 35px; border-radius: 3px; border: 1px solid #DDD; background: url(/admin/images/select_icon.png) no-repeat center right 8px #f5f5f5; background-size: 10px 6px; font-size: 12px; outline: none; -webkit-appearance: none;}
.write_01 textarea{ display: block; padding: 5px 10px; width: 100%; height: 150px; border-radius: 3px; border: 1px solid #DDD; background: #f5f5f5; line-height: 25px; font-size: 12px; color: #333; outline: none; -webkit-appearance: none;}

.write_01 .in_id{ position: relative; width: 100%;}
.write_01 .in_id p{ display: flex; align-items: center; position: absolute; z-index: 10; top: 0; right: 10px; bottom: 0; font-size: 12px; font-weight: bold; color: #3fb618;}
.write_01 .in_id .input_01{ padding-right: 60px;}

.write_01 .in_check{ position: relative; width: 100%;}
.write_01 .in_check p{ display: flex; align-items: center; position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; padding: 0 10px; border-radius: 0 3px 3px 0; border: 1px solid #DDD; background: #FFF; font-size: 12px; cursor: pointer;}
.write_01 .in_check p:hover{ background: #f0f0f0;}
.write_01 .in_check .input_01{ padding-right: 60px;}

.write_01 .in_date{ position: relative; width: 100%;}
.write_01 .in_date i{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; left: 0; bottom: 0; width: 35px; border-radius: 3px 0 0 3px; border: 1px solid #DDD; background: #FFF; font-size: 20px; cursor: pointer;}
.write_01 .in_date .input_01{ padding-left: 45px;}

.write_01 .in_tel{ display: flex; margin: 0 -2.5px;}
.write_01 .in_tel > *{ margin: 0 2.5px; width: 35%;}
.write_01 .in_tel .select_01{ width: 30%;}

.write_01 .in_mail{ display: flex; align-items: center; margin: 0 -2.5px;}
.write_01 .in_mail > *{ margin: 0 2.5px;}
.write_01 .in_mail p{ font-size: 12px; color: #999;}
.write_01 .in_mail .input_01{ width: 30%;}
.write_01 .in_mail .select_01{ width: 30%;}

.write_01 .radio{ display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; margin: 0 0 0 -20px; padding: 5px 0;}
.write_01 .radio label{ display: flex; align-items: center; margin: 0 0 0 20px; height: 25px; cursor: pointer;}
.write_01 .radio label input{ display: block; margin: 0 5px 0 0; width: 16px; height: 16px;}
.write_01 .radio label p{ font-size: 12px;}

.write_01 .file{ display:flex; justify-content:flex-start; align-items:center; margin:10px 0 0 0;}
.write_01 .file .btn{ margin:0 15px 0 0; padding:0 15px; height:25px; border-radius:3px; background:#333; line-height:23px; font-size:13px; color:#FFF; cursor:pointer;}
.write_01 .file a{ display:flex; justify-content:flex-start; align-items:center; cursor:pointer;}
.write_01 .file a i{ line-height:25px; font-size:20px; color:#333;}
.write_01 .file a p{ line-height:25px; font-size:14px; color:#666;}
@media(max-width: 767px){
    .write_01{ padding: 7.5px 10px;}
    .write_01 > ul > li{ padding: 7.5px 0 7.5px 60px;}
    .write_01 > ul > li.w50{ width: 100%;}
    .write_01 .tit{ top: 7.5px; width: 50px; font-size: 12px;}
}


.type_page{ display: flex; justify-content: center; align-items: center; padding: 15px 20px; width:100%}
.type_page ul{ display: flex; justify-content: center;}
.type_page ul li{}
.type_page ul li .btn{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 -1px; width: 35px; height: 35px; border: 1px solid #CCC; background: #FFF; font-size: 12px; cursor:pointer;}
.type_page ul li .btn i{ margin: 0 -4px; color: #666;}
.type_page ul li .btn:hover{ background: #f0f0f0;}
.type_page ul li span{ display: flex; justify-content: center; align-items: center; margin: 0 0 0 -1px; padding: 0 15px; height: 35px; border: 1px solid #CCC; background: #FFF; font-size: 12px; cursor:pointer;}
.type_page ul li span:hover{ background: #f0f0f0;}
.type_page ul li.on span{ position: relative; z-index: 10; background: #fece00; color: #1f1f1f;}
.type_page ul li:first-child .btn{ border-radius: 3px 0 0 3px;}
.type_page ul li:last-child .btn{ border-radius: 0 3px 3px 0;}
.type_page select{ display: block; margin: 0 0 0 5px; padding: 0 40px 0 10px; width: auto; height: 35px; border-radius: 3px; border: 1px solid #CCC; background: url(/admin/images/select_icon.png) no-repeat center right 8px #FFF; background-size: 10px 6px; font-size: 12px; outline: none; -webkit-appearance: none;}
.type_page select:hover{ background: url(/admin/images/select_icon.png) no-repeat center right 8px #f0f0f0; background-size: 10px 6px;}
@media(max-width: 767px){
    .type_page{ padding: 15px 10px 30px; font-size:15px;}
    .type_page ul li .btn{ width: 30px; height: 30px;}
    .type_page ul li span{ padding: 0 10px; height: 30px;}
    .type_page select{ margin: 5px 0 0 0; height: 30px;}
}


.type_foot{ display: flex; justify-content: center; align-items:center; padding: 15px 20px; border-radius: 0 0 3px 3px; border-top: 1px solid #DDD; background: #f0f0f0;}
.type_foot > *{ margin: 0 2.5px;}
@media(max-width: 767px){
    .type_foot{ padding: 15px 10px;}
}


@media(max-width: 767px){
    .m_no{ display: none;}
}


.type_bgc_01{ border-radius: 3px; border: 1px solid #CCC; background: linear-gradient( to bottom, #FFF, #f0f0f0); color: #000;}
.type_bgc_01:hover{ background: #f0f0f0;}
.type_bgc_02{ border-radius: 3px; border: 1px solid #3b78ce; background: linear-gradient( to bottom, #4889e5, #3d7bd1); color: #FFF;}
.type_bgc_02:hover{ background: #3d7bd1;}
.type_bgc_03{ border-radius: 3px; border: 1px solid #3bb12e; background: linear-gradient( to bottom, #44c336, #3bb12e); color: #FFF;}
.type_bgc_03:hover{ background: #3bb12e;}
.type_bgc_04{ border-radius: 3px; border: 1px solid #cf2424; background: linear-gradient( to bottom, #e22929, #cf2424); color: #FFF;}
.type_bgc_04:hover{ background: #cf2424;}


.main{ margin: 0 auto; max-width: 1600px;}
.main_cal{ margin: 0 auto; max-width: 100%;}
.main > ul{ display: flex; flex-wrap: wrap; margin: 0 -10px;}
.main > ul > li{ margin: 20px 0 0 0; width: 100%;}
.main > ul > li .type_bg{ margin: 0 10px; height: 100%;}
@media(max-width: 1200px){
    .main > ul > li{ width: 50%;}
}
@media(max-width: 767px){
    .main > ul > li{ margin: 10px 0 0 0; width: 100%;}
}


.main_box{ padding: 20px; border-top: 1px solid #DDD;}

.main_mail{ padding: 20px; border-top: 1px solid #DDD;}
.main_mail .btn{ display: flex; margin: 0 -5px;}
.main_mail .btn a{ display: flex; justify-content: center; align-items: center; margin: 0 5px; width: 50%; height: 45px; border-radius: 3px; font-size: 14px; font-weight: bold; cursor: pointer;}
.main_mail .all{ margin: 20px 0 0 0; padding: 1px 0 0 0;}
.main_mail .all .li{ display: flex; justify-content: space-between; align-items: center; margin: -1px 0 0 0; padding: 0 10px; height: 40px; border: 1px solid #DDD;}
.main_mail .all .li .tit{ flex: 0 0 100px; font-size: 12px;}
.main_mail .all .li .fr{ display: flex; justify-content: flex-end; align-items: center; width: 100%;}
.main_mail .all .li .fr .line{ position: relative; margin: 0 10px 0 0; width: 40%; height: 15px; border-radius: 3px; border: 1px solid #DDD; background: #f0f0f0;}
.main_mail .all .li .fr .line span{ display: block; position: absolute; z-index: 10; top: -1px; bottom: -1px; left: -1px; border-radius: 3px; background: #4180d9;}
.main_mail .all .li .fr .txt{ font-size: 12px; color: #999;}
.main_mail .all .li .fr .txt span{ font-weight: bold; color: #4180d9;}
.main_mail .all .li .fr .number{ display: flex; align-items: center; padding: 0 10px; height: 25px; border-radius: 20px; background: #4180d9; font-size: 12px; color: #FFF;}
.main_mail .info{ margin: 20px 0 0 0;}
.main_mail .info ul{ display: flex; padding: 0 0 0 1px;}
.main_mail .info ul li{ margin: 0 0 0 -1px; width: 25%; border: 1px solid #DDD;}
.main_mail .info ul li .ih{ display: flex; justify-content: center; align-items: center; height: 40px; border-bottom: 1px solid #DDD; background: linear-gradient( to bottom, #FFF, #f0f0f0);}
.main_mail .info ul li .ih i{ font-size: 20px; color: #000;}
.main_mail .info ul li .it{ display: flex; justify-content: center; align-items: center; height: 40px; border-bottom: 1px solid #DDD;}
.main_mail .info ul li .it p{ font-size: 13px; color: #999;}
.main_mail .info ul li .ib{ display: flex; justify-content: center; align-items: center; height: 30px; background: #f5f5f5;}
.main_mail .info ul li .ib p{ font-size: 12px;}
.main_mail .banner{ margin: 20px 0 0 0; height: 100px; border-radius: 3px; background: #f5f5f5;}

.main_calendar{ padding: 20px; border-top: 1px solid #DDD;}
.main_calendar .head{ display: flex; justify-content: center; align-items: center; position: relative; height: 40px; border-radius: 3px 3px 0 0; background: #4180d9;}
.main_calendar .head p{ font-size: 16px; color: #FFF;}
.main_calendar .head p font{ font-weight: bold; color: #FFF;}
.main_calendar .head i{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: 0; width: 40px; height: 40px; font-size: 20px; color: #FFF; cursor: pointer;}
.main_calendar .head i:hover{ background: rgba(0 0 0 / 10%);}
.main_calendar .head .xi-angle-left-thin{ left: 0;}
.main_calendar .head .xi-angle-right-thin{ right: 0;}
.main_calendar .body{}
.main_calendar .body .top{ display: flex; height: 40px; border-right: 1px solid #DDD; border-left: 1px solid #DDD; background: #f0f0f0;}
.main_calendar .body .top li{ display: flex; justify-content: center; align-items: center; width: 14.285%; font-size: 14px; color: #000;}
.main_calendar .body .top li.sat{}
.main_calendar .body .top li.sun{}
.main_calendar .body .bottom{ display: flex; flex-wrap: wrap; padding: 1px 0 0 1px;}
.main_calendar .body .bottom li{ width: 14.285%;}
.main_calendar .body .bottom li p{ display: flex; justify-content: center;  margin: -1px 0 0 -1px; border: 1px solid #DDD; font-size:16px; color:#666; cursor:pointer;}
.main_calendar .body .bottom li.sat{}
.main_calendar .body .bottom li.sun p{ color: #F00;}
.main_calendar .body .bottom li p:hover{ background: #f5f5f5;}
.main_calendar .body .today{ display: flex; justify-content: center; align-items: center; margin: -1px 0 0 0; height: 50px; border: 1px solid #DDD; font-size: 13px; cursor: pointer;}
.main_calendar .body .hadan{ margin: -1px 0 0 0; height: 100px; border-radius: 0 0 3px 3px; border: 1px solid #DDD; background: #fafafa;}


.type_popup{ display: none; justify-content: center; align-items: center; overflow: hidden; position: fixed; z-index: 100000; top: 0; right: 0; bottom: 0; left: 0; padding: 30px; background: rgba(0,0,0,0.7);}
.type_popup .row{ display: flex; flex-direction: column; align-items: center; position: relative; margin: -10% 0 0 0; padding: 20px; max-width: 350px; width: 100%; border-radius: 3px; background: #FFF;}
.type_popup .row i{ display: flex; justify-content: center; align-items: center; position: absolute; z-index: 10; top: -17.5px; right: -17.5px; width: 35px; height: 35px; border-radius: 50%; background: #F00; font-size: 16px; color: #FFF; cursor: pointer;}
.type_popup .row .tit{ text-align: center; font-size: 18px; font-weight: bold; color: #000;}
.type_popup .row .txt{ margin: 5px 0 0 0; text-align: center; line-height: 25px; font-size: 13px; color: #666;}
.type_popup .row .btn{ display: flex; justify-content: center; align-items: center; margin: 15px 0 0 0; padding: 0 20px; height: 35px; font-size: 14px; font-weight: bold; cursor: pointer;}
.type_popup.on{ display: flex;}


.login{ display: flex; justify-content: center; align-items: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; padding: 10px; background: #243347;}
.login.join{ position: static; padding: 0; background: none;}
.login .row{ overflow: hidden; position:relative; z-index:10; max-width: 400px; width: 100%; border-radius: 3px; box-shadow:0 50px 200px 0 rgba(0 0 0 / 10%);}
.login .row .head{ padding: 20px 0; background: #4180d9;}
.login .row .head .logo{ display: block; margin: 0 auto;}
.login .row .body{ padding: 15px 30px 50px 30px; background: #FFF;}
.login .row .body .tit{ margin: 15px 0 0 0; font-size: 12px; color: #999;}
.login .row .body input{ display: block; margin: 5px 0 0 0; padding: 0 15px; width: 100%; height: 40px; border-radius: 3px; border: 1px solid #DDD; background: #f5f5f5; font-size: 14px; outline: none; -webkit-appearance: none;}
.login .row .body .check{ display: flex; margin: 15px 0 30px 0;}
.login .row .body .check .box{ display: flex; align-items: center; cursor: pointer;}
.login .row .body .check .box i{ display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #DDD; background: #f0f0f0; font-size: 12px; color: #666;}
.login .row .body .check .box p{ margin: 0 0 0 5px; font-size: 12px; color: #666;}
.login .row .body .check .box.on i{ border-color: #4180d9; background: #4180d9; color: #FFF;}
.login .row .body .btn{ display: flex; justify-content: center; align-items: center; margin: 15px 0 0 0; height: 45px; font-size: 15px; font-weight: bold; color: #FFF; cursor: pointer;}













.tdw01{ width: 1%;}
.tdw02{ width: 2%;}
.tdw03{ width: 3%;}
.tdw04{ width: 4%;}
.tdw05{ width: 5%;}
.tdw06{ width: 6%;}
.tdw07{ width: 7%;}
.tdw08{ width: 8%;}
.tdw09{ width: 9%;}
.tdw10{ width: 10%;}
.tdw11{ width: 11%;}
.tdw12{ width: 12%;}
.tdw13{ width: 13%;}
.tdw14{ width: 14%;}
.tdw15{ width: 15%;}
.tdw16{ width: 16%;}
.tdw17{ width: 17%;}
.tdw18{ width: 18%;}
.tdw19{ width: 19%;}
.tdw20{ width: 20%;}
.tdw21{ width: 21%;}
.tdw22{ width: 22%;}
.tdw23{ width: 23%;}
.tdw24{ width: 24%;}
.tdw25{ width: 25%;}
.tdw26{ width: 26%;}
.tdw27{ width: 27%;}
.tdw28{ width: 28%;}
.tdw29{ width: 29%;}
.tdw30{ width: 30%;}
.tdw31{ width: 31%;}
.tdw32{ width: 32%;}
.tdw33{ width: 33%;}
.tdw34{ width: 34%;}
.tdw35{ width: 35%;}
.tdw36{ width: 36%;}
.tdw37{ width: 37%;}
.tdw38{ width: 38%;}
.tdw39{ width: 39%;}
.tdw40{ width: 40%;}
.tdw41{ width: 41%;}
.tdw42{ width: 42%;}
.tdw43{ width: 43%;}
.tdw44{ width: 44%;}
.tdw45{ width: 45%;}
.tdw46{ width: 46%;}
.tdw47{ width: 47%;}
.tdw48{ width: 48%;}
.tdw49{ width: 49%;}
.tdw50{ width: 50%;}
.tdw51{ width: 51%;}
.tdw52{ width: 52%;}
.tdw53{ width: 53%;}
.tdw54{ width: 54%;}
.tdw55{ width: 55%;}
.tdw56{ width: 56%;}
.tdw57{ width: 57%;}
.tdw58{ width: 58%;}
.tdw59{ width: 59%;}
.tdw60{ width: 60%;}
.tdw61{ width: 61%;}
.tdw62{ width: 62%;}
.tdw63{ width: 63%;}
.tdw64{ width: 64%;}
.tdw65{ width: 65%;}
.tdw66{ width: 66%;}
.tdw67{ width: 67%;}
.tdw68{ width: 68%;}
.tdw69{ width: 69%;}
.tdw70{ width: 70%;}
.tdw71{ width: 71%;}
.tdw72{ width: 72%;}
.tdw73{ width: 73%;}
.tdw74{ width: 74%;}
.tdw75{ width: 75%;}
.tdw76{ width: 76%;}
.tdw77{ width: 77%;}
.tdw78{ width: 78%;}
.tdw79{ width: 79%;}
.tdw80{ width: 80%;}
.tdw81{ width: 81%;}
.tdw82{ width: 82%;}
.tdw83{ width: 83%;}
.tdw84{ width: 84%;}
.tdw85{ width: 85%;}
.tdw86{ width: 86%;}
.tdw87{ width: 87%;}
.tdw88{ width: 88%;}
.tdw89{ width: 89%;}
.tdw90{ width: 80%;}
.tdw91{ width: 91%;}
.tdw92{ width: 92%;}
.tdw93{ width: 93%;}
.tdw94{ width: 94%;}
.tdw95{ width: 95%;}
.tdw96{ width: 96%;}
.tdw97{ width: 97%;}
.tdw98{ width: 98%;}
.tdw99{ width: 99%;}
.tdw100{ width: 100%;}


.pw10{ width: 10px;}
.pw20{ width: 20px;}
.pw30{ width: 30px;}
.pw40{ width: 40px;}
.pw50{ width: 50px;}
.pw60{ width: 60px;}
.pw70{ width: 70px;}
.pw80{ width: 80px;}
.pw90{ width: 90px;}
.pw100{ width: 100px;}
.pw110{ width: 110px;}
.pw120{ width: 120px;}
.pw130{ width: 130px;}
.pw140{ width: 140px;}
.pw150{ width: 150px;}
.pw160{ width: 160px;}
.pw170{ width: 170px;}
.pw180{ width: 180px;}
.pw190{ width: 190px;}
.pw200{ width: 200px;}
@media(max-width: 767px){
    .pw10{ width: auto;}
    .pw20{ width: auto;}
    .pw30{ width: auto;}
    .pw40{ width: auto;}
    .pw50{ width: auto;}
    .pw60{ width: auto;}
    .pw70{ width: auto;}
    .pw80{ width: auto;}
    .pw90{ width: auto;}
    .pw100{ width: auto;}
    .pw110{ width: auto;}
    .pw120{ width: auto;}
    .pw130{ width: auto;}
    .pw140{ width: auto;}
    .pw150{ width: auto;}
    .pw160{ width: auto;}
    .pw170{ width: auto;}
    .pw180{ width: auto;}
    .pw190{ width: auto;}
    .pw200{ width: auto;}
}


.mw01_{}
.mw02_{}
.mw03_{}
.mw04_{}
.mw05_{}
.mw06_{}
.mw07_{}
.mw08_{}
.mw09_{}
.mw10_{}
.mw11_{}
.mw12_{}
.mw13_{}
.mw14_{}
.mw15_{}
.mw16_{}
.mw17_{}
.mw18_{}
.mw19_{}
.mw20_{}
.mw21_{}
.mw22_{}
.mw23_{}
.mw24_{}
.mw25_{}
.mw26_{}
.mw27_{}
.mw28_{}
.mw29_{}
.mw30_{}
.mw31_{}
.mw32_{}
.mw33_{}
.mw34_{}
.mw35_{}
.mw36_{}
.mw37_{}
.mw38_{}
.mw39_{}
.mw40_{}
.mw41_{}
.mw42_{}
.mw43_{}
.mw44_{}
.mw45_{}
.mw46_{}
.mw47_{}
.mw48_{}
.mw49_{}
.mw50_{}
.mw51_{}
.mw52_{}
.mw53_{}
.mw54_{}
.mw55_{}
.mw56_{}
.mw57_{}
.mw58_{}
.mw59_{}
.mw60_{}
.mw61_{}
.mw62_{}
.mw63_{}
.mw64_{}
.mw65_{}
.mw66_{}
.mw67_{}
.mw68_{}
.mw69_{}
.mw70_{}
.mw71_{}
.mw72_{}
.mw73_{}
.mw74_{}
.mw75_{}
.mw76_{}
.mw77_{}
.mw78_{}
.mw79_{}
.mw80_{}
.mw81_{}
.mw82_{}
.mw83_{}
.mw84_{}
.mw85_{}
.mw86_{}
.mw87_{}
.mw88_{}
.mw89_{}
.mw90_{}
.mw91_{}
.mw92_{}
.mw93_{}
.mw94_{}
.mw95_{}
.mw96_{}
.mw97_{}
.mw98_{}
.mw99_{}
.mw100_{}
@media(max-width: 767px){
    .mw01_{ width: 1%;}
    .mw02_{ width: 2%;}
    .mw03_{ width: 3%;}
    .mw04_{ width: 4%;}
    .mw05_{ width: 5%;}
    .mw06_{ width: 6%;}
    .mw07_{ width: 7%;}
    .mw08_{ width: 8%;}
    .mw09_{ width: 9%;}
    .mw10_{ width: 10%;}
    .mw11_{ width: 11%;}
    .mw12_{ width: 12%;}
    .mw13_{ width: 13%;}
    .mw14_{ width: 14%;}
    .mw15_{ width: 15%;}
    .mw16_{ width: 16%;}
    .mw17_{ width: 17%;}
    .mw18_{ width: 18%;}
    .mw19_{ width: 19%;}
    .mw20_{ width: 20%;}
    .mw21_{ width: 21%;}
    .mw22_{ width: 22%;}
    .mw23_{ width: 23%;}
    .mw24_{ width: 24%;}
    .mw25_{ width: 25%;}
    .mw26_{ width: 26%;}
    .mw27_{ width: 27%;}
    .mw28_{ width: 28%;}
    .mw29_{ width: 29%;}
    .mw30_{ width: 30%;}
    .mw31_{ width: 31%;}
    .mw32_{ width: 32%;}
    .mw33_{ width: 33%;}
    .mw34_{ width: 34%;}
    .mw35_{ width: 35%;}
    .mw36_{ width: 36%;}
    .mw37_{ width: 37%;}
    .mw38_{ width: 38%;}
    .mw39_{ width: 39%;}
    .mw40_{ width: 40%;}
    .mw41_{ width: 41%;}
    .mw42_{ width: 42%;}
    .mw43_{ width: 43%;}
    .mw44_{ width: 44%;}
    .mw45_{ width: 45%;}
    .mw46_{ width: 46%;}
    .mw47_{ width: 47%;}
    .mw48_{ width: 48%;}
    .mw49_{ width: 49%;}
    .mw50_{ width: 50%;}
    .mw51_{ width: 51%;}
    .mw52_{ width: 52%;}
    .mw53_{ width: 53%;}
    .mw54_{ width: 54%;}
    .mw55_{ width: 55%;}
    .mw56_{ width: 56%;}
    .mw57_{ width: 57%;}
    .mw58_{ width: 58%;}
    .mw59_{ width: 59%;}
    .mw60_{ width: 60%;}
    .mw61_{ width: 61%;}
    .mw62_{ width: 62%;}
    .mw63_{ width: 63%;}
    .mw64_{ width: 64%;}
    .mw65_{ width: 65%;}
    .mw66_{ width: 66%;}
    .mw67_{ width: 67%;}
    .mw68_{ width: 68%;}
    .mw69_{ width: 69%;}
    .mw70_{ width: 70%;}
    .mw71_{ width: 71%;}
    .mw72_{ width: 72%;}
    .mw73_{ width: 73%;}
    .mw74_{ width: 74%;}
    .mw75_{ width: 75%;}
    .mw76_{ width: 76%;}
    .mw77_{ width: 77%;}
    .mw78_{ width: 78%;}
    .mw79_{ width: 79%;}
    .mw80_{ width: 80%;}
    .mw81_{ width: 81%;}
    .mw82_{ width: 82%;}
    .mw83_{ width: 83%;}
    .mw84_{ width: 84%;}
    .mw85_{ width: 85%;}
    .mw86_{ width: 86%;}
    .mw87_{ width: 87%;}
    .mw88_{ width: 88%;}
    .mw89_{ width: 89%;}
    .mw90_{ width: 80%;}
    .mw91_{ width: 91%;}
    .mw92_{ width: 92%;}
    .mw93_{ width: 93%;}
    .mw94_{ width: 94%;}
    .mw95_{ width: 95%;}
    .mw96_{ width: 96%;}
    .mw97_{ width: 97%;}
    .mw98_{ width: 98%;}
    .mw99_{ width: 99%;}
    .mw100_{ width: 100%;}
}
/* notice */
.write_notice{padding:15px 20px; max-width:1400px; margin:0 auto}
.write_notice table{width:100%}

/* input-text */
input.write_box{border:1px solid #959595; padding:0px 5px; border-radius:3px;height:30px;}
input.write_box.sub02_today{background-color:#fff; font-size:16px; height:42px; border-color:#959595; color:#4e4000; width:170px}
input.write_box.sub02_designation{background-color:#fff; font-size:16px; height:42px;  border-color:#959595; color:#4e4000; width:170px}
input.write_box.sub02_today:focus,
input.write_box.sub02_designation:focus{background-color:#fff}

/* add */
.write_01 table th,
.write_01 table td{padding:5px 0; }
th.cont_pd input,
td.cont_pd input{margin-bottom:10px}

div.container {
            display: flex;
        }

        div.left {
            width: 50%;
            padding: 10px;
        }

        div.right {
            width: 50%;
            padding: 10px;
        }

        table.contract_table {
            width: 100%;
            border-collapse: collapse;
        }

        table.contract_table th,
        table.contract_table td {
            padding: 5px;
            text-align: center;
            border: 1px solid #ccc;
            cursor: pointer;
        }

        table.contract_table th {
            background-color: #f2f2f2;
        }

        table.contract_table tr.selected {
            background-color: #b3d4fc;
        }

        div.deposit {
            margin-top: 20px;
            border: 1px solid #ccc;
            padding: 10px;
            background-color: #f9f9f9;
        }

        div.deposit_header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 10px;
        }

        div.deposit_header input[type="button"] {
            background-color: #4CAF50;
            color: white;
            border: none;
            padding: 5px 10px;
            cursor: pointer;
        }

        table.deposit_table {
            width: 100%;
            border-collapse: collapse;
        }

        table.deposit_table th,
        table.deposit_table td {
            padding: 5px;
            text-align: center;
            border: 1px solid #ccc;
        }

        table.deposit_table th {
            background-color: #f2f2f2;
        }
	.left .deposit .deposit_header h3 {
	  margin-bottom: 20px;
	}

	.left .deposit .deposit_header input[type="button"] {
	  margin-bottom: 20px;
	}

	.left .deposit .deposit_right_header {
	  display: flex;
	  align-items: center;
	  justify-content: flex-end;
	  gap: 10px;
	  margin-bottom: 20px;
	}

	.left .deposit .deposit_right_header .fr {
	  display: flex;
	  align-items: center;
	}

	.left .deposit .deposit_right_header .search {
	  display: flex;
	  align-items: center;
	}

	.left .deposit .deposit_right_header .search select,
	.left .deposit .deposit_right_header .search input {
	  margin-right: 10px;
	}

	.left .deposit .deposit_right_header .search input {
	  width: 250px;
	}

	.right .deposit .deposit_header {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  margin-bottom: 20px;
	}

	.right .deposit .deposit_header h3 {
	  margin: 0;
	}

	.right .deposit .deposit_header input[type="button"] {
	  margin: 0;
	}
		 /* Custom styles for the added rows */
		.deposit_table .added-row td {
			/* Apply your custom styles for td elements */
		}
		.deposit_table .added-row {
			/* Apply your custom styles for tr elements */
		}
		.deposit_table .added-row .input-text {
			/* Apply your custom styles for input[type="text"] elements */
			/* For example, set width and height to match the existing size */
		}

.deposit-button {
  background-color: #4CAF50;
  color: white;
  border: none;
  padding: 8px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  cursor: pointer;
  margin-top: 10px;
  border-radius: 8px;
}

.deposit-button:hover {
  background-color: #45a049;
}
    .deposit .select-boxes {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .deposit .select-boxes label {
        white-space: nowrap;
    }

/*스크롤 고정*/
table.contact_table{}
table.contact_table td,
table.contact_table th{width:100px}

div.table_wrap.type_table_01 {
  overflow-x: scroll;
}

table.contact_table {
  table-layout: fixed; /* Added: Fixed table layout */
  width: 100%;
}

table.contact_table td,
table.contact_table th {
  width: 100px;
  padding: 8px; /* Added: Padding for cells */
}

.table-wrapper {
  overflow-x: auto;
  width: 100%;
}

.table-wrap {
  position: sticky;
  overflow-x: scroll;
  width: fit-content;
  height: fit-content;
  max-width: 100%;
}

.contact_table {
  border-collapse: separate;
  border-spacing: 0;
  min-width: 100%;
}

.contact_table thead th {
  position: sticky;
  top: 0;
  background-color: #f5f5f5;
  z-index: 1;
}

.contact_table th.fixed_column,
.contact_table td.fixed_column {
  position: sticky;
  background-color: #f5f5f5;
  z-index: 2;
}

.contact_table th.fixed_column.left,
.contact_table td.fixed_column.left {
  left: 0;
}

.contact_table th.fixed_column.right,
.contact_table td.fixed_column.right {
  right: 0;
}


.wrap-loading{
    position: fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background: rgba(0,0,0,0.2); /*not in ie */
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000',endColorstr='#20000000');    /* ie */
    z-index: 999;
}

.wrap-loading div{
    position: fixed;
    top:50%;
    left:50%;
    margin-left: -50px;
    margin-top: -50px;
}


/* index */
ul.pc_only{display:block;}
div.calen_box{padding:20px;}
table.calendar_wrap{width:100%; border-collapse:collapse}
table.calendar_wrap thead .calendar_day{ }
table.calendar_wrap thead .calendar_day th{text-align:center; background-color:#f0f0f0; padding:10px 0; border:1px solid #d1d1d1}
table.calendar_wrap tbody td{padding:20px 30px; border:1px solid #d1d1d1; vertical-align:top; text-align:center;}
.calendar_wrap tbody td h2{font-weight:600; margin-bottom:7px}
article.m_content{display:none; }
.m_content > ul{display:flex; flex-wrap:wrap; margin-top:10px; padding:10px; justify-content:space-between; ;}
.m_content > ul li{width:calc(50% - 5px); text-align:center;margin-bottom:10px;}
.m_content > ul li a {display:block; padding:40px 20px;border-radius:10px;  background-color:#fff; }
.m_table{display:none}
@media (max-width:767px){
	ul.pc_only{display:none}
	table.pc_only{display:none}
	article.m_content{display:block;}
	div.title > p{margin-bottom:10px}
	.search_m{width:100%}
	.data_selectbox.data_m{width:100%; display:flex; border:1px solid #ccc; border-radius:5px; align-items:center; margin:0 0 10px 0}
	.data_selectbox.data_m input.write_box.sub02_today{border:0; font-size:13px; height:35px}
	.data_selectbox.data_m input.write_box.sub02_designation{border:0; font-size:13px;  height:35px}
	.data_selectbox.data_m > span{margin:10px}
	
	.type_bg .search.search_m{border:0; margin:0 0 10px 0}
	.type_bg .search.search_m > select{border:1px solid #ccc; margin-right:5px; width:40%}
	.in.in_m{width:60%; border:1px solid #ccc}
	.type_bg .search .in.in_m input{width:100%}
	.type_bg .btn_01.m_buttom{margin-right:10px}
	.m_table{display:block}
	.m_table{border-top:10px solid #ddd}
	.table-wrapper.p_deposit{background-color:#fff; padding:}
	.list_title{display:flex; font-size:15px; align-items:center; border:1px solid #ccc;margin:10px; border-radius:10px}
	.list_title > .title_info{ border-left:1px solid #ccc; width:90%; }
	.list_title > .title_info section > div{border-bottom:1px solid #ccc; display:flex;flex-wrap:wrap}
	.list_title > .title_info section > div:last-child{border-bottom:0}
	.list_title > .title_info section > div > p{padding:10px}
	.list_title > .title_info section > div > p:first-child{background-color:#eee; width:30%}
	.list_title > .title_info section > div > p:last-child{width:70%}
	.m_chk_btn{ padding:0 10px; width:10%; text-align:center;}

	.list_content{display:none}
	.list_content.on{display:block; border-top:1px solid #ccc}
	.list_content > div{ display:flex;}
	.list_title > .title_info section > div.ed_btn > p:last-child{width:100%; background-color:#fff}
	.list_title > .title_info section > div.ed_btn > p > button{width:100%; padding:5px; background:#fff;}
}


/* sigong_calendar */
div.calen_box{padding:20px;}
table.calendar_wrap{width:100%; border-collapse:collapse}
table.calendar_wrap thead .calendar_day{ }
table.calendar_wrap thead .calendar_day th{text-align:center; background-color:#f0f0f0; padding:10px 0; border:1px solid #d1d1d1}
table.calendar_wrap tbody td{padding:20px 10px; border:1px solid #d1d1d1; vertical-align:top; text-align:center;}
.calendar_wrap tbody td h2{font-weight:600; margin-bottom:7px}
.m_tab{display:none}
@media(max-width:767px){
	.main_calendar{padding: 20px 0}
	.main.calendar_box > ul > li{padding:10px}
	.main.calendar_box > ul > li .type_bg{margin:0}
	.m_tab{display:block;}
	p.point_dot{width:5px; height:5px; background-color:#f8af1d; border-radius:50px; text-align:center; display:inline-block}
	.calendar_wrap tbody td h2{margin-bottom:0}
	.tabcontent{margin-top:30px;}
	.calendar_wrap tbody td div{display:none;}	
	.calendar_wrap tbody td.active{background-color:#4180d9 !important;}
	.calendar_wrap tbody td.active > h2{ color:#fff;}
	.tabcontent > div{ border-top:1px solid #ccc; padding:10px 5px 0 }
	.tabcontent > div > div{margin-bottom:10px;}
	.tabcontent > div h3{font-weight:600; margin-bottom:5px}
	div.calen_box{padding:0 20px}

	/* 추가적으로 수정 */
	.type_guide .fr.contract_box{display:block; }
	.type_guide .fr.contract_box > p{margin-bottom:10px; font-size:15px}
}


/* 비번변경 */
.fr.pw_sbmit_m{display:none}
h1.pw_chg_title{margin:10px 0; font-size:21px; font-weight:800; }

@media (max-width: 767px){
	h1.pw_chg_title{margin:10px 0; font-size:19px ; font-weight:800; }
	.fr.pw_sbmit_p{display:none}
	.fr.pw_sbmit_m{display:flex; justify-content: center; margin: 0 auto; padding-bottom:15px; width:200px; }
	.fr.pw_sbmit_m > .btn_01{text-align:center; padding:0 50px; display:inline-block; height:40px }
	.write_01 .pw_change_box{width:100%; }
	.write_01 .pw_change_box colgroup{display:none}
	.write_01 .pw_change_box tr{display:block; width:100%; border:1px solid #ccc; margin-bottom:10px; padding:10px 10px 5px}
	.write_01 .pw_change_box th{display:block; width:100%; text-align:left; padding:0; font-size:13px; color:#bbbbbb; font-weight:500}
	.write_01 .pw_change_box td{display:block; width:100%; padding:0}
	.write_01 .pw_change_box td input.input_01{font-size:15px; height:30px; background:transparent; border:0; padding:0}
}