@charset "utf-8";

main{padding-top:70px;}
/********** 공통 css **********/
.container{max-width: 1300px;width: 100%;margin: 0 auto;height:100%;}
.b-container{height:100%;}
.container-01{display:flex;align-items:center;justify-content:space-between;}
.section{padding: 20px 0;display:inline-block;width:100%;height:400px;}
p.sub-title {font-size: 1.5em;color: #666;}
.section h4{/* font-size:2.5em; */margin-top:0;margin-bottom:10px;}
.on{font-weight:bold;color:#014fb1;}
.active{background-color: #014fb1 !Important;color:#fff;}

/* 버튼 */
button.submit-btn {font-size:1.5em;width:100%;padding: 15px;background:#276dd9;color:#fff;cursor: pointer;transition:.3s;}
button.submit-btn:hover{background:#2059b1;}
.btn-style {font-size:1.3em;padding:15px;width:20%;margin:1%;border-radius:5px;box-shadow: 1px 1px 10px rgba(0,0,0,.2);cursor: pointer;transition: .3s;}
.btn-style:hover{background:#ececec;}
.btn-style.next{background:#264379;color:#fff;}
.btn-style.next:hover{background:#1e3359;}
button.same-btn {font-size: 1.1em;width: 17%;padding: 0 9px;height: 44px;margin-left: 5px;border: 1px solid #264379;background: #fff;color: #264379;box-shadow: 3px 3px 10px rgb(0 0 0 / 20%);cursor: pointer;transition: .5s;}
button.del-btn {font-size: 1em;height: 31px;width:31px;border: 1px solid #264379;background: #264379 url("/img/delete.png") no-repeat center/ 15px;color: #fff;box-shadow: 3px 3px 10px rgb(0 0 0 / 30%);cursor: pointer;transition: .5s;}
button.same-btn:hover{box-shadow: none;}
button.del-btn:hover{box-shadow: none;}

/* responsive-menu */
.mBtn{display:none;float:right;margin: 25px;}
.mBtn a {display: block;text-indent: -9999px;width: 28px;height: 28px;background: url('/img/user/menu.png') no-repeat;background-size: cover;}
.responsive {display:block;overflow:auto; z-index: 2; position: fixed; background-color: #fff; top: 0; right: -100%; width: 80%; height: 100%; transition: all 0.5s; }
.responsive.on {right: 0; }
.responsive-box{margin-top:50px;}
.bg-shadow { position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0, 0, 0, 0.7); display: none; cursor: pointer;}
.closeBtn {display: block;position:absolute;top:0;right:0;}
.closeBtn a { display: block; text-indent: -9999px; width: 15px; height: 15px; background: url('/img/user/close.png') no-repeat; background-size:cover;margin-top: 20px; margin-right: 20px; }
ul.login-btns {display:inline-block;width:100%;background:#fff;}
ul.login-btns li{float:left;padding:10px;width:50%;text-align:center;border-left:1px solid #ddd;}
ul.login-btns li:first-child{border:none;}
.mobile-nonlogin .login-btns li{float: left;width: 50%;text-align: center;padding: 15px 5px;}
ul.login-btns li a {font-size:1em;color:#000;}
.login-list {background: #f0f0f0;border-bottom:1px solid #ddd;}
.login-btn {padding:20px;font-size: 1.3em;}
.login-btn a{font-size:1em;color:#000;text-decoration:underline;}
ul.login-btns li img{width:15px;}
.rsp {font-size: 1.3em;color: #000;font-weight: 500;display: block;padding: 15px 10px;border-bottom: 1px solid #ddd;}
.rsp i{float:right;font-size:1em;padding:5px;}
ul.dep li a {display: block;font-size: 1.1em;color: #555;padding: 10px;background: #f8f8f8;}
.rotate{transform:rotate(90deg);transition: .3s;}


/********** top **********/
.top-header{position:relative;background:#fff;box-sizing:border-box;border-bottom: 1px solid rgb(207 207 207 / 30%);}
.topMenu{position:relative;display: inline-block;width: 100%;}
.login{width:100px;text-align:center;font-weight:bold;}
ul.menu{display:inline-block;width: 100%;text-align: center;}
.menu > li{position: relative;width: 16%;text-align:center;display: inline-block;padding-bottom:4px;}
.menu > li > span a {font-size: 1.7em;color:#000;font-weight:600;padding: 20px 5px 20px 5px;display:block;transition:.3s;}
.snb li a {display: block;font-size: 1.3em;padding: 13px 5px;color: #777;text-align:center;width:100%;}
.snb li a:hover{color:#1b5dd8;font-weight:500;}
.menu > li > ul{height:297px;box-sizing:border-box;margin-top:4px;border-top: 1px solid rgb(207 207 207 / 0%);padding-top:5px;}
.menu > li:hover{background-color:#f0f0f0;}
.menu>li:hover>ul{border-top:1px solid #263973;}
.menu_bg{width: 1300px;background: #fff;box-shadow: 0px 10px 15px rgb(0 0 0 / 10%);height:300px;margin:0 auto;border-bottom-left-radius:20px;border-bottom-right-radius:20px;}

.menu_bg, .snb{display:none;}

ul.menu{display:inline-block;width: 80%;text-align: center;height: 75px;margin-left:50px;}
.menu > li > a{font-size: 1.7em;color:#fff;font-weight:600;padding: 20px 20px 29px 20px;display:block;transition:.3s;}
.logo {float: left;width: 12%;padding:5px;}
.logo a{display: inline-block;width:100%;height: 65px;background:url('/img/logo.png')no-repeat center;background-size: 100%;}


.login-box{position: absolute;display: inline-block;top: 15%;right: 10px;background: rgb(255 255 255 / 20%);border-radius: 25px;}
.login-box .none-login ul, .login-box .login-member ul{padding:15px;}
.login-box .login-member ul{width:300px;}
.login-box .login-member ul li{width:32%;}
.login-box ul{width:100%;text-align: right;}
.login-box ul li{position:relative;display: inline-block;width: 80px;text-align: center;}
.login-box .none-login ul li::before{position:absolute;content:'';width:1px;height: 11px;background:#ddd;left: -5px;top: 6px;}
.login-box .none-login ul li:first-child::before{display:none;}
.login-box ul li a{color: #888;display:block;font-size: 1.1em;font-weight: 500;transition:.3s;}
.login-box ul li a:hover{color: #000;}

.breadcrumb-box{display:flex;width:100%;height:50px;background-color:rgba(0, 0, 0, 0.3);justify-content:center;position:absolute;left:0;top:75%;z-index:1;box-sizing:border-box;}
.breadcrumb-title{color:#fff;position:absolute;left:30%;}
.breadcrumb-title01{position:static;}
.breadcrumb-title i{font-size:25px;line-height:23px;}
.breadcrumb{display:flex;height:100%;align-items:center;margin-top:1px;color: #fff;position:absolute;left:32%;}
.breadcrumb a, i{font-size:15px;font-weight:400;margin-left:10px;}
.breadcrumb01{position:static;}

#side_menu{width:250px;height:auto;position:absolute;top:29.4%;z-index:9;}
.left_nav{width:100%;}
.menu-title{width:250px;height:100px;position:absolute;bottom:99%;z-index:10;display:flex;justify-content:center;align-items:center;font-size:2em;font-weight:bold;background-color:#0084d0;border-top-left-radius:0.5em;border-top-right-radius:0.5em;color:#fff;}
.menu-list{text-align:center;overflow:hidden;background-color:#f1f1f1;}
.sub-title{font-size:18px;font-weight:bold;display:flex;justify-content:space-between;padding-left:15px;padding-right:15px;height:50px;align-items:center;border:1px solid #ccc;box-sizing:border-box;background-color:#fff;}
.sub-menu-list{margin-top:10px;width:100%;}
.sub-menu{display:flex;justify-content:left;margin-left:30px;width:220px;height:25px;font-size:16px;margin-bottom:10px;}
.sub-menu::before{content: url(../img/sub-micon03.png);padding-right:5px;}
.sub-rsp-menu::before{content: url(../img/sub-micon03.png);padding-right:5px;margin-left:5px;}
.sub-menu:hover{text-decoration:underline;}


/********* main **********/
.title-box{background:url(../img/bg_section.png) repeat-x 0 100%;margin-bottom:20px;padding-bottom:15px;}
.title-dep01{font-size:3em;padding-bottom:30px;width:95%;margin:0px auto;padding-top:20px;line-height:0px;color:#333;}
.title-dep02{font-size:2em;padding-left:15px;border-left:4px solid #0061b5;}
.tdp01{font-weight:normal;color:#fff;font-size:30px;text-align:center;}
.tdp02{text-align:center;}

.contents_01{width:95%;height:auto;background-color:#fff;margin:0 auto;margin-bottom:40px;}


.main-banner{position:relative;height: 500px;background-color:#0E46A3;}
.banner-box {position: absolute;top: 30%;left: 16%;}
.banner-box  p{font-size:2.5em;}
.banner-box  span{font-size:2em;}
.banner-box  p, .banner-box  span{color: #fff;font-weight:600;text-shadow: 5px 4px 10px rgba(0,0,0,.3);}
.main-banner img{width:100%;height: 300px;}

.c-wrap{width:100%;display:flex;/* padding-top:30px;padding-bottom:20px; */height:100%;align-items:center;}
.c-wrap01{display:inline-block;}
.c-wrap01>.c-left01-title{text-align:center;margin-bottom:20px;}
.c-wrap02{justify-content:space-evenly;}
.c-wrap03{flex-direction:column;justify-content:center;align-items:center;position:relative;}
.c-left{width:45%;}
.c-left>p{color:#fff;}
.c-left>p:nth-child(2){font-size:2em;margin-bottom:20px;}
.c-title{font-size:3em;font-weight:bold;}
.c-btns{width:100%;height:20%;display:flex;align-items:center;}
.c-btn01{color:#fff;width:170px;text-align:center;font-size:1.5em;border:2px solid #fff;display:flex;justify-content:space-between;align-items:center;padding:10px;font-weight:bold;}
.c-btn01:nth-child(1){margin-right:20px;}
.c-btn01>i{font-size:1.5em;font-weight:bold;}
.c-btn01:hover{background-color:rgba(255, 255, 255, 0.4);}
.c-right{width:50%;}

.c-left01{width:50%;padding:30px;height:100%;}
.c-left01-title{font-size:2em;}
.c-left01-text{font-size:1.5em;margin-top:20px;}
.c-right01{background:url(../img/main-banner.png) no-repeat;background-size:100% 100%;width:50%;height:100%;border-radius:30px;}




.section01 .left{float:left;width: 43%;}
.main-notice-new {display: inline-block;width:100%;border-bottom: 1px solid #000;padding-bottom: 20px;margin-bottom: 10px;}
.main-notice-new .notice-new-date{float:left;width: 14%;}
.main-notice-new .notice-new-date span{font-size: 1.2em;font-weight: 500;color:#000;}
.main-notice-new .notice-new-date p{font-size: 1.5em;font-weight: 600;color:#000;}
.main-notice-new .notice-new-title {position: relative;float:right;width: 86%;padding-top: 10px;}
.main-notice-new .notice-new-title span{position: absolute;top: -5px;font-size:1.2em;color:#FF9800;animation: blink-effect 1s step-end infinite;}
.main-notice-new .notice-new-title p{font-size: 1.7em;color:#000;font-weight: 500;width: 420px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-top: 10px;}
ul.main-notice-list li{position:relative;padding: 13px 0 17px 0;margin-bottom: 5px;border-bottom: 1px dashed #ddd;}
ul.main-notice-list li a p{width: 400px;font-size:1.5em;color:#000;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
ul.main-notice-list li a span{position:absolute;top: 25%;right: 0;font-size: 1.2em;color:#999;}

@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}

.main-notice .notice-tab li {display: inline-block;width: 17%;text-align: center;margin-bottom: 15px;font-size: 1.3em;padding: 10px;font-weight: 500;color: #ccc;cursor: pointer;border: 2px solid #ddd;border-radius:5px;}
.main-notice .notice-tab li.current{background:#0838a3;border:2px solid #0838a3;color:#fff;}
.main-notice .main-notice-contents{display:none;}
.main-notice .main-notice-contents.current{display:inherit;padding: 20px;border-radius: 10px;border: 2px solid #ddd;height: 305px;}

/* .section01 .right{float:right;width: 55%;background: #F1F3F5;padding:20px 10px;border-radius:10px;}.calendar-box .calendar .calendar-head{position:relative;text-align:center;}
.calendar-box .calendar .calendar-head button{position:absolute;top: 0%;padding:10px;width:40px;height:40px;border-radius:5px;background:#3d3d3d;cursor:pointer;}
.calendar-box .calendar .calendar-head button.btn-left{left:8%;}
.calendar-box .calendar .calendar-head button.btn-right{right:8%;}
.calendar-box .calendar .calendar-head button i{color:#b8b8b8;}
.calendar-box .calendar .calendar-head button:hover i{color:}
.calendar-box .calendar .calendar-head h4{display:inline-block;font-size:2em;margin-top: 0;}
.calendar-box .calendar .calendar-body{padding:10px;}
.calendar-box .calendar .calendar-body table{width:100%;}
.calendar-box .calendar .calendar-body table th, .calendar-box .calendar .calendar-body table td{width:calc(100%/7);text-align:center;font-size: 1.2em;}
.calendar-box .calendar .calendar-body table th{padding-bottom: 20px;}
.calendar-box .calendar .calendar-body table td{cursor:pointer;height: 40px;line-height: 3.3;}
.calendar-box .calendar .calendar-body table td a{display:block;}
.calendar-box .calendar .calendar-body table td span.blank{color: #ddd !important;}
.calendar-box .calendar .calendar-body table td.on a{background:#0838a3;color:#fff;border-radius: 50%;width: 40px;}
.calendar-box > div{display:inline-block;width: 49%;}
.calendar-box .calendar-list h4.calendar-title{position:relative;font-size:1.8em;margin-top: 0;}
.calendar-box .calendar-list h4.calendar-title a{position:absolute;top:5%;right:0;background:none;padding:5px;}
.calendar-box .calendar-list h4.calendar-title a img{width:20px;}
.calendar-box .calendar-list ul{display: inline-block;width:100%;height: 255px;overflow-y: auto;padding: 10px;background: #fff;border-radius: 5px;margin-top: 20px;}
.calendar-box .calendar-list ul li{display:inline-block;width: 100%;margin-bottom:3px;padding-top: 3px;border-top: 1px solid #ddd;}
.calendar-box .calendar-list ul li:nth-child(1){border-top:none;}
.calendar-box .calendar-list ul li .right{background:none;padding:0;}
.calendar-box .calendar-list .left, .calendar-box .calendar-list .right{display:inline-block;}
.calendar-box .calendar-list .left{width:23%;}
.calendar-box .calendar-list .left .date{text-align:center;background: #0838a3;padding:10px;}
.calendar-box .calendar-list .left .date h4{margin:0;font-size:1.5em;color:#fff;}
.calendar-box .calendar-list .left .date p{font-size: 1em;color: #555;color:#fff;}
.calendar-box .calendar-list .right{width: 76%;background:none;}
.calendar-box .calendar-list .right .list-contents{padding: 5px 15px;}
.calendar-box .calendar-list .right .list-contents h4{margin-top:0;font-size: 1.4em;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.calendar-box .calendar-list .right .list-contents p{font-size:1.2em;color:#777;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.calendar-box .calendar-list ul::-webkit-scrollbar {
    width: 5px;
  }
.calendar-box .calendar-list ul::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 10px;
  }
  */
.section02{background:#f3f9ff;}
.de-img{width:600px;}
.de-textbox>h2{font-size:3em;margin-bottom:20px;}
.de-textbox>p{font-size:2em;margin-bottom:30px;}
.de-textbox>a{width:200px;background-color:#0391d1;padding:10px;font-size:20px;border-radius:10px;color:#fff;}
.de-textbox>a:hover{color:#000;}
.section02 .left, .section02 .right{margin:20px 0;}
.section02 .left-mobile{display:none;}
.section02 .left {float:left;width:20%;line-height: 1.3;}
.section02 .left span{font-size:1.5em;}
.section02 .left h4{font-size:2.5em;margin-top:0;color:#0838a3;margin-bottom:10px;}
.section02 .left p{font-size:1.3em;color:#777;}
.section02 .left span, .section02 .left h4{font-weight:600;}
.section02 .right {float:right;width:80%;}
.section02 .right ul{margin-top:20px;}
.section02 .right ul li{position:relative;float:left;width:calc(100%/5);}
.section02 .right ul li::after{position:absolute;content:'';background:#ddd;top:20%;right:0;width:1px;height:50px;}
.section02 .right ul li:nth-child(5)::after{background:none;}
.section02 .right ul li a{display:block;text-align: center;}
.section02 .right ul li a p{font-size:1.3em;color:#555;font-weight:500;text-align: center;margin-top: 10px;}
.section02 .right ul li a img{width: 60px;transition: .3s;}
.section02 .right ul li a:hover img{-webkit-transform: rotateY(-180deg);}

.section03{}
.section03 .left, .section03 .right{position:relative;}
.section03 .left{float:left;width: 35%;}
.section03 .left .video-box iframe{border-radius:10px;}

.video-box .slick-prev, .video-box .slick-next{top: -40px;}
.video-box .slick-prev{left:auto;right: 70px;}
.video-box .slick-next{right: 20px;}
.video-box .slick-prev:before, .video-box .slick-next:before{color:transparent !important;font-size:40px !important;}
.video-box .slick-prev:before{background:url('/img/user/slide-prev.png')no-repeat !important;background-position: 50%;background-size: 100% !important;transition:.3s;}
.video-box .slick-next:before{background:url('/img/user/slide-next.png')no-repeat !important;background-position: 50%;background-size: 100% !important;transition:.3s;}
.video-box .slick-prev:hover:before{background:url('/img/user/slide-prev-h.png')no-repeat !important;background-position: 50%;background-size: 100% !important;}
.video-box .slick-next:hover:before{background:url('/img/user/slide-next-h.png')no-repeat !important;background-position: 50%;background-size: 100% !important;}
.scan{height:300px;}
.section03 .right{float:right;width: 60%;}
.section03 .right .board-box li{display:inline-block;margin: 0 10px;background:#fff;border-radius: 10px;border: 1px solid #ddd;height: 300px;}
.section03 .right .board-box li a{display:block;}
.section03 .right .board-box li img{width: 100%;border-radius:10px 10px 0 0;}
.section03 .right .board-box li a .board-box-contents{position: relative;padding:15px;}
.section03 .right .board-box li a .board-box-contents span{position: absolute;top: 20px;right: 11%;font-size: 1.1em;color:#777 !important;}
.section03 .right .board-box li a .board-box-contents p{font-size:1.5em;color:#777;margin-top: 30px;}
.section03 .board-box .slick-prev, .board-box .slick-next{top: -40px;}
.section03 .board-box .slick-prev{left:auto;right: 70px;}
.section03 .board-box .slick-next{right: 20px;}
.section03 .board-box .slick-prev:before, .board-box .slick-next:before{color:transparent !important;font-size:40px !important;}
.section03 .board-box .slick-prev:before{background:url('/img/user/slide-prev.png')no-repeat !important;background-position: 50%;background-size: 100% !important;transition:.3s;}
.section03 .board-box .slick-next:before{background:url('/img/user/slide-next.png')no-repeat !important;background-position: 50%;background-size: 100% !important;transition:.3s;}
.section03 .board-box .slick-prev:hover:before{background:url('/img/user/slide-prev-h.png')no-repeat !important;background-position: 50%;background-size: 100% !important;}
.section03 .board-box .slick-next:hover:before{background:url('/img/user/slide-next-h.png')no-repeat !important;background-position: 50%;background-size: 100% !important;}

.section04{background:#f3f9ff;}
.demo-title{font-size:3em;margin-bottom:20px;}
.c-demo{width:100%;display:flex;justify-content:space-evenly;}
.c-demo>li:nth-child(1){background:url(../img/demo1.png) no-repeat;width:250px;border-radius:50%;height:250px;}
.c-demo>li:nth-child(2){background:url(../img/demo2.png) no-repeat;width:250px;border-radius:50%;height:250px;}
.c-demo>li:nth-child(3){background:url(../img/demo3.png) no-repeat;width:250px;border-radius:50%;height:250px;}
.c-demo>li>a{display:block;width:100%;height:100%;}
.view-more{position:absolute;right:5%;top:10%;}
.view-more>span{font-size:16px;font-weight:500;}

.section05 .site-box .slick-prev:before, .section05 .site-box .slick-next:before{display:none;}
.site-box .slick-list{padding:0 !important;}

.video-box .slick-list{padding:0 !important;}
.video-box .item{width:100%;height:300px;}
.video-box .slick-prev:before, .video-box .slick-next:before{color:#000;}

/* 연관사이트 슬라이드 */
.site-box .site-item{height: 70px;margin: 0 14px;padding: 10px;}
.site-box .site-item img {width: 100%;height: 100%;padding: 10px;border: 1px solid #ddd;object-fit: contain;}
.site-box .slick-prev:before, .site-box .slick-next:before{color:#ccc;font-size:25px;transition:.3s;}

.scroll-top{position:fixed;right: 20px;bottom: 30px;z-index:1;box-shadow: rgb(0 0 0 / 20%) 0px 0.2em 0.8em;}
.scroll-top{display: none;background: rgb(0 0 0 / 50%);border-radius:5px;}
.scroll-top i{font-size:3em;color:#fff;padding:10px;}
.scroll-top:hover{background:#333;}

/* sub-page */

/* sub-menu */
.list-tab {position:absolute;bottom: 0;width:100%;left:0;}
.list-tab ul{width:100%;background: rgb(255 255 255 / 10%);text-align: center;overflow-x: auto;white-space: nowrap;}
.list-tab ul li{display: inline-block;width:10%}
.list-tab ul li a{position:relative;display:block;color:#fff;font-size: 1.5em;padding: 18px 0;}
.list-tab ul li a::after{content:'';position:absolute;background:#fff;width:1px;height:10px;top:40%;right:0;}
.list-tab ul li:last-child a::after{display:none;}
.list-tab ul li a.current{background:#fff;color: #144da7;font-weight:600;}
.list-tab ul li a.current:before{content:'';position:absolute;background:#fff;width: 5px;height:100%;top:0;left: -4px;}
.list-tab ul li a.current:after{content:'';position:absolute;background:#fff;width: 5px;height:100%;top:0;right: -4px;}

.page-contents{display:none;}
.page-contents.current{display:inherit;}

.contents-box {padding:20px;}
.page-container {max-width: 1300px;width: 100%;margin: 0 auto;}
.page-container01{min-height:435px;display:flex;flex-wrap:wrap;}
.menu-contents {position:relative;height: 200px;padding: 65px 0;background-repeat: no-repeat;background-size:cover;}
.menu01{background-color:#263973;}
.menu-contents p{font-size: 1.8em;color:#fff;text-align:center;}
.imagin-box {background: #f5f5f5;display: inline-block;height: 450px;}
.img-box {position:absolute;text-align: center;display: inline-block;bottom: -20px;left: 55px;}
.intro-box {float: right;width: 37%;padding-top: 20px;}
.sub-contents-box {width: calc(100% - 250px);margin: 30px auto;margin-bottom:30px;margin-left:280px;}
.scb1{margin-left:135px;margin-right:135px;}
.scb2{margin-left:150px;}
.short-box {margin: 80px auto;}

.sub-box{display:inline-block;}
.sub-box li{display:inline-block;text-align:center;vertical-align: middle;}
.sub-box li img {vertical-align: middle;}
.sub-box li:nth-child(2), .sub-box li:nth-child(4){width:30px;vertical-align: middle;}
.sub-box li a{font-size:1.2em;color:#fff;}

/* 이용약관 */
.list-area{text-align:left;padding: 20px 30px;border: 2px solid #000;height: 500px;overflow: auto;}
.list-area h4, .contents-area h4{font-size: 1.5em;margin-bottom:5px;}
.contents-area h5{font-size: 1.3em;margin-bottom:10px;}
.list-area p.list-style, .contents-area p.list-style{font-size: 1.3em;margin-bottom:5px;}
.list-area ul.list-style li, .contents-area ul.list-style li{padding: 0 0 5px 20px;font-size: 1.3em;text-indent: -20px;}
.list-area h4, .contents-area h4{font-size: 1.5em;margin-bottom:5px;}
.sub-table {width: 100%;border-collapse: collapse;border-top: 2px solid #000;border-bottom: 2px solid #ddd;}
.sub-table th {position: relative;font-weight: 500;background: #f0f0f0;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;white-space: nowrap;}
.sub-table th, .sub-table td {color: #000;font-size: 1.3em;text-align: center;padding: 10px;vertical-align: middle;}

/* 입주기업 */
.tab-menu{margin:20px 0;text-align:center;}
.tab-menu ul{position: relative;display: inline-block;width:100%;}
.tab-menu ul li{display:inline-block;width: 16.4%;padding:15px;text-align: center;border:1px solid #ddd;font-size:1.5em;color:#333;cursor:pointer;margin-bottom: 3px;}
.tab-menu ul li.on{background:#0b449b;color:#fff;}

.company-list{display:none;}
.company-list.on{display:inherit;}

.company-contents {display: inline-block;padding: 11px;margin: 0 auto;}
.company-contents .company-box {display: inline-block;animation: left;width: 119px;height: 140px;background: #fff;margin: 3px 1px;text-align: center;border: 1px solid #ddd;border-radius: 5px;}
.company-contents .company-box img{width:100%;padding: 10px 15px;}
.company-contents .company-box.empty-box{border-color:#5387e6;}
.company-contents .company-box.empty-box h4{background: #a5d1ff;color: #236aed;}
.company-contents .company-box.empty-box p{color: #236aed;}
.company-contents .company-box h4 {font-size: 1.5em;margin-top: 0;padding: 10px 0;background: #efefef;}
.company-contents .company-box p {font-size: 1.3em;padding: 5px;border-top: 1px solid #ddd;font-weight:300; color: #3c3b3b;}

.company-area{display: inline-block;width: 100%;margin: 20px 0;}
.company-area h4{font-size:2em;margin-bottom:20px;}
.company-area .left{position:relative;float:left;width:33%;border:1px solid #ddd;text-align:center;height:373px;}
.company-area .left img{object-fit:contain;max-width: 100%;max-height:100%; position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%); padding: 10px;}
.company-area .left img.empty-img{width: 60%;}
.company-area .right{float:right;width:65%;}


/* 회의실 이용안내 및 예약 */
.room-title {font-size: 1.5em;margin-bottom: 15px;font-weight: 600;color: #ff4a4a;}
.room-item {display: inline-block;width: 31%;margin: 0 10px;height: 400px;padding: 10px;border: 1px solid #ddd;border-radius: 5px;}
.room-item img{width:100%;background:#ddd;height: 200px;border-radius:5px;}
.room-item p{font-size: 1.7em;font-weight:600;margin: 15px 0;padding-bottom: 10px;border-bottom: 1px solid #ddd;color: #0a2677;}
.room-info dl dt{font-weight:600;float:left;width: 30%;}
.room-info dl dt, .room-info dl dd{font-size: 1.3em;margin-bottom: 3px;text-align: left;}
.room-list {width: 90%;margin: auto;}
.room-list .slick-list{padding:0 !important;}
.room-list .slick-prev{left: -45px;}
.room-list .slick-next{right: -30px;}
.room-list .slick-prev:before, .room-list .slick-next:before{color:transparent !important;font-size:40px !important;}
.room-list .slick-prev:before{background:url('/img/user/slide-prev.png')no-repeat !important;background-position: 50%;background-size: 100% !important;transition:.3s;}
.room-list .slick-next:before{background:url('/img/user/slide-next.png')no-repeat !important;background-position: 50%;background-size: 100% !important;transition:.3s;}
.room-list .slick-prev:hover:before{background:url('/img/user/slide-prev-h.png')no-repeat !important;background-position: 50%;background-size: 100% !important;}
.room-list .slick-next:hover:before{background:url('/img/user/slide-next-h.png')no-repeat !important;background-position: 50%;background-size: 100% !important;}


.time-list li {display: inline-block;padding: 10px;border: 1px solid #0b55c5;color: #0b55c5;cursor:pointer;margin-bottom:5px;border-radius: 5px;width: 145px;text-align:center;}
.time-list li label{cursor:pointer;font-size: 1.2em;}
.time-list li.chk{background:#0b55c5;color:#fff;}
.time-list li.unchk {background: #efefef;color: #999;border-color: #ddd;text-decoration: line-through;}

/* 공지사항 */
.notice-tb th, .notice-tb td{border-right:none !important;}
.notice-box {border-top:2px solid #000;margin-top:20px;}
.notice-top {display:inline-block;width:100%;padding: 20px;border-bottom:1px solid #ddd;text-align:center;}
.notice-title {font-size: 2em;font-weight: 500;margin: 0;}
.notice-sub-txt{width: 40%;margin:0 auto;padding: 10px;}
.notice-sub-txt ul{display:inline-block;width:100%;}
.notice-sub-txt ul li{display: inline-block;font-size: 1.3em;margin-right: 20px;}
.notice-sub-txt ul li strong{font-size:1em;margin-right:10px;}
.notice-down {display: inline-block;width: 100%;padding: 20px;background: #f8f8f8;border-bottom: 1px dotted #ddd;}
.notice-down span {font-size: 1.3em;font-weight: 500;float: left;width: 10%;}
.notice-down a{float:right;width:90%;text-align:left !important;font-size: 1.2em;color: #555;margin-top: 2px;}
.notice-down a:hover{text-decoration:underline;}
.notice-contents {font-size:1.5em;padding: 20px;border-bottom:1px solid #ddd;text-align: left;}
button.check-btn {cursor: pointer;font-size: 1.3em;padding: 10px 20px;background: #000;color: #fff;}

.search-form{float: left;width: 450px;position: relative;margin: 20px 0;}
.search-form .form-control{float: left;height: 45px;font-size:1.2em;padding-left: 15px;width: 62%;border: 1px solid #ddd;}
.search-form select.form-control{width: 22%;margin-right:1%;}
.search-form #btn_search{position: absolute;top: 0;right: 70px;width: 45px;height: 45px;outline: 0;display: flex;align-items: center;justify-content: center;background:none;cursor:pointer;background: url('/img/user/search.png') no-repeat 50%;background-size: 50%;text-indent: -99999px;border:none;}
.search-form #btn_new{height: 45px;border-radius: 0 0 0 0;background: #0f5bb9;border-color: #0f5bb9 !important;}
.search-form #btn_new:hover{background:#0f5bb9 !important;}

.search-form2{float: right;width: 650px;position: relative;margin: 20px 0;}
.search-form2 .form-control{float: left;height: 45px;font-size:1.2em;padding-left: 15px;width: 37%;border: 1px solid #ddd;}
.search-form2 input[type="month"]{float: left;height: 45px;font-size:1.2em;padding-left: 15px;padding-right: 10px;width: 20%;border: 1px solid #ddd;margin-right: 10px;}
.search-form2 select.form-control{width: 15%;margin-right:1%;}
.search-form2 #btn_search{position: absolute;top: 0;right: 65px;width: 45px;height: 45px;outline: 0;display: flex;align-items: center;justify-content: center;background:none;cursor:pointer;background: url('/img/user/search.png') no-repeat 50%;background-size: 50%;text-indent: -99999px;border:none;}
.search-form2 #btn_new{height: 45px;border-radius: 0 0 0 0;background: #0f5bb9;border-color: #0f5bb9 !important;}
.search-form2 #btn_new:hover{background:#0f5bb9 !important;}

/*견적문의*/
.panel-default{width:100%;border:1px solid #aaa;margin-top:15px;padding:10px;}
.terms-title{font-size:2em;border-bottom:1px solid #aaa;margin:0px;padding:10px;}
.term-body>textarea{width:100%;border:1px solid #aaa;padding:10px;margin-top:5px;}
.form-control{}


/* 마이페이지 */
.mypage {display:inline-block;width:100%;}
.my-box {padding: 20px 0;border-radius: 10px;}
.my-box .profile{text-align:center;margin-bottom:15px;}
.my-box .profile ul{text-align: left;margin-left: 33em;}
.my-box .profile ul li{display: inline-block;font-size:1.2em;color: #888;margin: 0 10px;position: relative;width: 170px;}
.my-box .profile img{width: 115px;border-radius:50%;}
.mybox-list-box{border-radius: 5px;padding: 30px;border: 1px solid #ddd;}
.my-box .name{margin: 10px;font-size: 2em;}
.my-box .profile .profile-right ul > li::before {content: "";position: absolute;left: -1em;top: 0.5em;width: 3px;height: 3px;background-color: #7e7cb0;}
a.add {display: inline-block;font-size: 1.3em;color: #fff;background: #1a5bbd;padding: 10px;margin-bottom: 10px;transition:.3s;border-radius:3px;}
a.add i{float: right;margin: 7px 0 0 5px;}
a.add:hover{background:#1a68df;}
ul.list-box{position: relative;padding-top: 30px;padding-bottom: 20px;margin-bottom: 15px;background: #f8f8f8;padding: 40px 10px 25px 10px;border-radius: 10px;}
ul.list-box li{position:relative;display:inline-block;width: 23%;height:100px;font-size: 1.3em;color: #999;padding: 10px 0 10px 40px;}
ul.list-box li.line:before{content:'';position:absolute;width:1px;height: 90%;background:#ddd;top: 0;left: -10px;}
ul.list-box li.detail-area {position: relative;width: 5%;padding: 0;}
ul.list-box li.detail-area .detail-btn {position: absolute;top: 30px;right: 0;background: #0d7dff;padding: 5px;color: #fff;font-size: .9em;border-radius: 5px;transition: .3s;width: 65px;}
ul.list-box li.detail-area .detail-btn:hover {background: #0c6cdb;}
ul.list-box li:nth-child(2){background:url('/img/user/mypage-icon1.png')no-repeat;background-size: 13%;background-position: 2% 20%;}
ul.list-box li:nth-child(3){background:url('/img/user/mypage-icon2.png')no-repeat;background-size: 13%;background-position: 2% 20%;}
ul.list-box li:nth-child(4){background:url('/img/user/mypage-icon3.png')no-repeat;background-size: 13%;background-position: 2% 20%;}
ul.list-box li:nth-child(5){background:url('/img/user/mypage-icon4.png')no-repeat;background-size: 13%;background-position: 2% 20%;}
span.condition {position: absolute;top: 13px;left: 15px;padding: 5px 10px;font-weight: 500;}
span.condition.ing{background: rgb(23 191 145 / 20%);color: #4fa086;}
span.condition.end{background: rgb(64 155 255 / 20%);color: #1975ee;}
.my-box .list-box li p.title{font-size:1.2em;color: #666;margin-bottom:5px;}
ul.list-box li img{width: 50px;margin-right: 3px;}
.mypage-box {padding: 50px 10px;background: #f8f8f8;border-radius: 5px;}
.mybox-item {position:relative;display: inline-block;width:33%;text-align: center;}
.mybox-item:after {content: '';position: absolute;width: 1px;height: 100%;background: #e3e3e3;top: 0;right: 0;}
.mybox-item:last-child:after{display:none;}
.mybox-item:hover a{text-decoration: underline;color:#1c3c7e;}
.mybox-item p{font-size: 1.7em;color: #999;margin-bottom: 10px;}
.mybox-item span{font-size:1.5em;}
.mybox-item span a{font-size: 1.5em;font-weight: 500;color: #000;margin-right: 5px;cursor: pointer;}


/* 로그인 */
p.login-memo {font-size: 1.5em;margin-bottom: 20px;text-align:center;}
.form-container {margin: 0 auto;}
.form-container01{margin:54px auto;}
.sub-txt {position:relative;font-size: 1.8em;font-weight: 100;}
.sub-txt::before{position:absolute;content:'';background:#e2f2ff;width:100%;height:12px;bottom:0;z-index:-1;}
.login-div{width: 40%;margin: 0 auto;}
.login-contents button{width:100%;font-size: 1.5em;font-weight: 500;padding:15px;cursor: pointer;transition:.3s;background: #3246b2;border-radius: 5px;color: #fff;margin: 10px 0;}
.login-contents button:hover{box-shadow: 2px 5px 15px rgb(0 0 0 / 20%);}
.login-contents p{font-weight: 500;padding: 10px 0;}
.login-contents input{width: 100%;height: 55px;padding: 10px 20px;font-size: 1.3em;border-radius:5px;}
#userId{border-bottom: 1px solid #ddd;border-radius: 5px 5px 0 0;}
.login-contents input::placeholder{font-weight:300;color:#999;}
.login-bottom-box {display: inline-block;width: 100%;margin: 10px 0;}
ul.login-bottom {float: right;margin: 10px 0;width: 65%;}
ul.login-bottom li {float: left;width: 50%;text-align: center;}
ul.login-bottom li a{position:relative;font-size:1.2em;color:#777;display:block;}
ul.login-bottom li a:hover{color:#000;}
ul.login-bottom li a::before{position:absolute;content:'';background: #ccc;width:1px;height: 15px;left: -15px;top: 5px;}
ul.login-bottom li:first-child a::before{display:none;}
button.login-btn {width: 100%;padding: 20px;font-size: 1.5em;border-radius: 5px;background: #264379;color: #fff;font-weight: 500;cursor: pointer;transition:.3s;}
button.login-btn:hover{background: #1e3359;}
.alert-danger {background: rgb(201 0 0 / 10%);padding: 15px;color: #ef0101;margin: 10px 0;font-size: 1.3em;border-radius: 5px;text-align: center;}

/* 아이디,비번 찾기 */
.tab-btn-box {width: 40%;margin: 0 auto;margin-bottom:50px;}
.login-contents {border: 1px solid #ddd;border-radius: 5px;}
ul.tab-btns{display:inline-block;width: 100%;}
ul.tab-btns li {float: left;width: 50%;text-align:center;}
ul.tab-btns li a{display:block;padding: 15px 10px;font-size:1.5em;color:#b9b9b9;border: 1px solid #ddd;}
ul.tab-btns li a.on{color: #fff;background: #233b6b;}

p.find-title {font-size:1.3em;font-weight:500;margin-bottom:5px;}
.find-txt{height:50px;border:1px solid #ddd;padding:10px;border-radius:5px;width:100%;margin-bottom:20px;font-size: 1.3em;}
button.find-btn {width: 37%;font-size: 1.2em;padding: 10px;height: 50px;border-radius: 5px;margin-left: 2%;cursor: pointer;vertical-align: top;transition:.3s;}
button.find-btn:hover{background:#264379;color:#fff;}
.login-find{display:flex;}


/* 회원가입 */
.choose-box > ul{text-align:center;}
.choose-box > ul > li {position: relative;display:inline-block;width: 40%;text-align:center;margin-right: 9%;}
.choose-box ul li:nth-child(2){margin-right:0;}
.choose-box ul li a{display:block;border: 2px solid #ddd;height: 375px;padding: 20px 40px;transition:.3s;}
.choose-box ul li a:hover{border-color:#0052b7;}
.choose-box ul li a h4{font-size: 2em;color:#000;}
.choose-box > ul > li a h4{padding-bottom: 100px;}
.choose-box ul li:nth-child(1) h4{background:url('/img/user/join-icon01.png')no-repeat;background-position: 50% 85%;background-size: 30%;}
.choose-box ul li:nth-child(2) h4{background:url('/img/user/join-icon02.png')no-repeat;background-position: 50% 85%;background-size: 30%;}
.choose-box > ul > li a > ul > li{font-size: 1.5em;color: #000;text-align: left;padding-left: 10px;text-indent: -10px;}
.join-btn {position: absolute;bottom: 10%;left: 23%;font-size: 1.5em;background: #0052b7;padding: 10px;width: 200px;color: #fff;}

#joinDiv02{display:none;}

.join-list {margin-bottom: 50px;padding: 20px;background:#f8f8f8;border: 2px dashed #ddd;}
.join-list ul li{position:relative;font-size:1.5em;font-weight: 300;padding: 0 0 10px 20px;}
.join-list ul li:last-child{padding-bottom: 0;}
.join-list ul li::before{position:absolute;content:'';width:3px;height:3px;background:#000;left:7px;top:11px;border-radius:50%;}

.joinForm {display: inline-block;width: 100%;}
.joinForm ul li{float:left;margin: 0 2%;border: 2px solid #ddd;text-align:center;width: 30.6%;border-radius: 10px;transition: .3s;background-position:50% 40%;background-repeat: no-repeat;}
.joinForm ul li:first-child{margin-left:0;}
.joinForm ul li:last-child{margin-right:0;}
.joinForm ul li:hover{box-shadow:5px 5px 15px rgba(52, 87, 132, 0.2);}
.joinForm ul li a{display: block;padding: 50% 10% 10% 10%;text-align: center;color:#000;}
.joinForm ul li a strong{font-size: 1.8em;}
.joinForm ul li a p{font-size: 1.5em;padding: 2px;}
.j-icon01{background: url('../img/j-icon01.png');}
.j-icon02{background:url('../img/j-icon02.png');}
.j-icon03{background:url('../img/j-icon03.png');}

.step-box {display:inline-block;width:100%;text-align: center;}
.step-box ul li{position:relative;float:left;width: 26%;border-radius: 50px;padding: 15px;margin: 0 1%;text-align: center;color: #888;}
.step-box ul li .step-item{padding: 10px;}
.step-box ul li:nth-child(2), .step-box ul li:nth-child(4){width:5%;border:none;padding: 30px 5px;background:none;text-align:center;}
.step-box ul li:nth-child(2) img, .step-box ul li:nth-child(4) img{width:30px;margin-top: 20px;}
.step-box ul li i{font-size: 2.5em;}
.step-box ul li p{font-size: 1.5em;font-weight:600;margin: 0;}
.step-box ul li span{font-size: 1.2em;font-weight: 500;}
.step-box ul li .step-item.on{color: #006bef;}
.step-box ul li:nth-child(1) img, .step-box ul li:nth-child(3) img, .step-box ul li:nth-child(5) img{position:absolute;top: 12px;left: 10px;width: 65px;}

.all-checkbox {padding: 10px;margin: 10px;border-top: 1px solid #ddd;}
.contents-area {padding:10px;margin:0 100px;position: relative;}
.text-title{font-size: 1.8em;font-weight: 600;padding: 15px;padding-left: 0;border-bottom:1px solid #333;}
.text-sub-title{position: absolute;top: 55.5em;right: 1em;font-size: 1.1em;}
.check-read{margin: 30px 0  20px 0;padding: 20px;border: 1px solid #ddd;overflow-y: scroll;height: 200px;}
.check-read p{font-size: 1.3em;margin-bottom: 5px;font-weight: 300;}
.chk-button label{font-size: 1.3em;}
.chk-box input[type="checkbox"]{margin:2px;cursor: pointer;}
.product01{display:none;}
.apply-last{padding-top: 150px;margin: 30px 0 50px 0;background: url('../img/apply-icon.png') no-repeat 50% 5%;background-size: 12%;}
.apply-last p{font-size: 2em;}
.apply-last ul{display:inline-block;padding: 20px;border:1px dashed #ddd;text-align: left;margin-top: 20px;}
.apply-last ul li{font-size:1.5em;line-height: 1.8;}

#joinForm {width: 80%;margin: 0 auto;}
ul.certify-box{width:100%;display:inline-block;text-align:center;}
ul.certify-box li {float: left;border:2px solid #ddd;width: 49%;text-align: center;transition:.3s;border-radius: 10px;margin: 0 1%;}
ul.certify-box li:hover{border:2px solid #2e76ff;box-shadow: 3px 3px 10px rgb(0 0 0 / 20%);}
ul.certify-box li:first-child{margin-left:0;}
ul.certify-box li:last-child{margin-right:0;}
ul.certify-box li a{display:block;padding:20px;}
ul.certify-box li p{font-size:1.5em;color:#000;padding: 0 0 150px 0;}
ul.certify-box li p{background: url('../img/certify01.png') no-repeat 50% 65%;}
ul.certify-box li:nth-child(2) p{background:url('../img/certify02.png') no-repeat 50% 65%;}
ul.certify-box li span{display:inline-block;font-size: 1.3em;padding:10px;background: #3f51b5;color:#fff;}

/* 체크박스 이미지 */
.chk-box input[type="checkbox"]{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0}
.chk-box input[type="checkbox"] + label::before{content: ' ';display: inline-block;width: 20px;height: 20px;line-height: 20px;border-radius: 5px;margin: -2px 3px 0 0;text-align: center;vertical-align: middle;background: url('../img/unchecked.png') no-repeat 50%;transition:.3s;}
.chk-box input[type="checkbox"]:checked + label::before{content: '';background:url('../img/checked.png') no-repeat 50%;}

/* 회원정보 입력 */
.join-write{margin-top:20px;}
.join-write ul{display:inline-block;width:100%;}
.join-write ul li {float: left;width: 78%;padding: 10px;}
.join-write ul li span{display:inline-block;font-size:1.2em;padding:10px;}
.join-write ul li span.point{padding:0;}
.join-write ul .join-title{font-weight:500;width:22%;margin-top: 10px;font-size: 1.3em;}
.join-write ul li input, .join-write ul li select{border:1px solid #ccc;width: 40%;padding:10px;font-size: 1.2em;height: 45px;border-radius: 0 0 0 0 !important;}
.join-write ul li label input {position:absolute; width:0; height:0; overflow:hidden; padding:0; border:0;}
.join-write ul li textarea{border:1px solid #ccc;width: 100%;padding:10px;font-size: 1.2em;height: 105px;border-radius: 0 0 0 0 !important;}
.join-write ul li input[type='radio']{width: 15px !important;}
.join-write ul li label{line-height: 3.1;font-size: 1.2em;margin:0 10px 0 3px;}
.join-write ul li input#email1, .join-write ul li select#email2, .join-write ul li input#email3{width: 31.5%;}
.join-write ul li select#mtel1{width: 21%;}
.join-write ul li input#mtel2, .join-write ul li input#mtel3{width: 18.2%;}
.join-write ul li span#authTime {position:absolute; left:47%;}
.join-write ul li .qt{display:inline-block;width:2%;text-align:center;padding:0;}
.join-write .addr{width: 80%;}
.join-write ul li#office-list div select {width: 20%;}

.join-write ul li .file_list {display: inline-block;}
.join-write ul li .file_list .file_input {display: inline-block;width: 377px;}
.join-write ul li .file_list label {font-size: 1.3em;vertical-align:middle;position:absolute;cursor:pointer;border-radius:0px;display:inline-block; overflow:hidden; width:95px; height:45px; line-height:45px; background:#777; color:#fff; text-align:center; box-sizing:border-box;margin-left: 5px;margin:0px;}
.join-write ul li .file_list input:not([type='file']){border:1px solid #ccc;width: 100%;padding:10px;font-size: 1.2em;height: 45px;border-radius: 0 0 0 0 !important;}
.join-write ul li .file_list button.del_btn {right:95px;background: #777 url("/img/trash.png") no-repeat center/ 20px;width: 45px;}
.join-write ul li .file_list button.fn_add_btn {margin-left: 3px;}
.join-write ul li .file_list button.fn_add_btn span::before {background-position:-17px -27px;}
.join-write ul li .file_list button.fn_add_btn:hover {box-shadow: none;}
.join-write ul li .file_list button {background: #fff; border:1px solid #777;border-radius: 0px;height: 45px; line-height:45px; font-size: 1em;box-shadow: 3px 3px 10px rgb(0 0 0 / 15%);transition: .5s;margin-bottom: 2px;}
.join-write ul li .file_list button span {padding: 0 10px;}

/* 휴대폰 인증 */
.join-write ul li.auth-box{display:none;}
.join-write ul li span#authTime{color: #7d7b7b;}
.join-write ul li p#authMsg{display:none; margin-top: 3px;}
.join-write ul li button#authBtn {margin-top: 5px;}
.join-write ul li button#authBtn:disabled {box-shadow: none; background: #e0e0e0;}

span.info-txt {margin-top: 15px;float: right;font-size: .7em !important;font-weight: 400;}


.last-txt{margin-bottom: 50px;}
.last-txt p{font-size:1.8em;font-weight:600;padding-top: 150px;background: url('../img/user/last.png') no-repeat 50% 30%;background-size: 10%;}

a.license {border:1px solid #133ead;color: #133ead;padding: 5px 10px;font-size: .9em;transition:.3s;display: inline-block;}
a.license:hover{background:#133ead;color:#fff;}
.no-date{background: rgb(26 111 217 / 10%);padding:30px;border-radius: 10px;text-align:center;}
.no-date p{font-size: 1.8em;}

.rental-result{background: rgb(0 0 0 / 10%);padding:30px;border-radius: 10px;text-align:center;}
.rental-result p{font-size: 1.8em;}

.del_btn {width: 20%;}


/* 첨부파일 스타일 */
.file_input {margin:2px 0; overflow:hidden; position:relative; padding-right:100px; width:70%; box-sizing:border-box;}
.file_input label {vertical-align:middle; position:absolute; top:0; right:0; cursor:pointer; border-radius:0px; display:inline-block; overflow:hidden; width:95px; height:38px; line-height:38px; background:#777; color:#fff; text-align:center; box-sizing:border-box;}
.file_input label input {position:absolute; width:0; height:0; overflow:hidden; padding:0; border:0;}
.file_input input[type=text] {color:#737070; background:#fff; border:1px solid #ccc;}
.file_list {max-width:none;}
.file_list > div {position:relative;vertical-align: middle;}
.file_list > div > input[type=text] {max-width:300px; vertical-align:top;}
.file_list > div > button {background: #fff; border:1px solid #777;border-radius: 0px;height: 35px; font-size: 1.2em;box-shadow: 3px 3px 10px rgb(0 0 0 / 15%);transition: .5s;}
.file_list > div > button:hover {box-shadow: none;}
.file_list > div > button > span {position:relative;}
.file_list > div > button > span::before {width:14px; height:14px; position:absolute; top:3px; left:0;}
.file_list > div > button.del_btn {right:95px;background: #777 url("/img/trash.png") no-repeat center/ 20px;width: 35px;}
.file_list > div > button.del_btn span::before {background-position:0 -27px;}
.file_list > div > button.fn_add_btn {margin-left: 3px;}
.file_list > div > button.fn_add_btn span::before {background-position:-17px -27px;}
.file_list .file_input {display:inline-block; width:350px; margin-top:0;}
div[id^="div_fileList"] {margin-bottom: 10px;}
div[id^="div_fileList"] > div > button.del_btn {background: #f0f0f0 url("/img/delete_gray.png") no-repeat center/ 10px; width: 25px;height: 25px;}
div[id^="div_fileList"] > div[id^="attach_"] {font-size: 1.2em;padding: 6px;}

/*제품소개*/
.c-intro{display:flex;height:350px;align-items:center;border:1px solid #ccc;justify-content:space-evenly;}
.c-intro>img{width:400px;height:300px;}
.text-box{width:416px;display:flex;flex-direction:column;align-items:flex-start;height:100%;justify-content:center;}
.text-box>h4{font-size:25px;padding-bottom:5px;border-bottom:2px solid #263973;width:100%;padding-left:20px;padding-right:20px;margin-top:0px;}
.text-box>p{font-size:16px;margin-top:10px;padding:10px;position:relative;margin-bottom:30px;}
.text-box>p::before{display:inline-block;width:4px;height:4px;margin:3px;background-color:#3761b6;box-sizing:border-box;content:'';position:absolute;top:11%;left:-1%;}

.text-box02{width:416px;display:flex;flex-direction:column;align-items:flex-start;height:100%;justify-content:center;}
.text-box02>h4{font-size:25px;padding-bottom:5px;border-bottom:2px solid #263973;width:100%;padding-left:20px;padding-right:20px;margin-top:0px;}
.text-box02>p{font-size:16px;padding:10px;position:relative;}
.text-box02>p::before{display:inline-block;width:4px;height:4px;margin:3px;background-color:#3761b6;box-sizing:border-box;content:'';position:absolute;top:27%;left:-1%;}

.text-box03{width:416px;display:flex;flex-direction:column;align-items:flex-start;height:100%;justify-content:center;box-sizing:border-box;}
.text-box03>h4{font-size:25px;padding-bottom:5px;border-bottom:2px solid #263973;width:100%;padding-left:20px;padding-right:20px;margin-top:0px;margin-bottom:10px;}
.text-box03>p{font-size:16px;position:relative;padding-bottom:5px;padding-left:5px;}
.text-box03>p::before{display:inline-block;width:4px;height:4px;margin:9px;background-color:#3761b6;box-sizing:border-box;content:'';position:absolute;top:3%;left:-4%;}

.text-box04{width:416px;display:flex;flex-direction:column;align-items:flex-start;height:100%;justify-content:center;box-sizing:border-box;}
.text-box04>h4{font-size:25px;padding-bottom:5px;border-bottom:2px solid #263973;width:100%;padding-left:20px;padding-right:20px;margin-top:0px;margin-bottom:10px;}
.text-box04>p{font-size:16px;position:relative;padding-bottom:5px;padding-left:5px;}
.text-box04>p::before{display:inline-block;width:4px;height:4px;margin:3px;background-color:#3761b6;box-sizing:border-box;content:'';position:absolute;top:18%;left:-3%;}

.text-box05{width:416px;display:flex;flex-direction:column;align-items:flex-start;height:100%;justify-content:center;box-sizing:border-box;}
.text-box05>h4{font-size:25px;padding-bottom:5px;border-bottom:2px solid #263973;width:100%;padding-left:20px;padding-right:20px;margin-top:0px;margin-bottom:10px;}
.text-box05>p{font-size:16px;position:relative;padding-bottom:5px;padding-left:5px;}
.text-box05>p::before{display:inline-block;width:4px;height:4px;margin:3px;background-color:#3761b6;box-sizing:border-box;content:'';position:absolute;top:18%;left:-3%;}

.text-box06{width:416px;display:flex;flex-direction:column;align-items:flex-start;height:100%;justify-content:center;box-sizing:border-box;}
.text-box06>h4{font-size:25px;padding-bottom:5px;border-bottom:2px solid #263973;width:100%;padding-left:20px;padding-right:20px;margin-top:0px;margin-bottom:10px;}
.text-box06>p{font-size:16px;position:relative;padding-bottom:5px;padding-left:5px;}
.text-box06>p::before{display:inline-block;width:4px;height:4px;margin:3px;background-color:#3761b6;box-sizing:border-box;content:'';position:absolute;top:18%;left:-3%;}

.text-title{font-size:24px !Important;}

.adventages{width:100%;display:flex;flex-wrap:wrap;margin-top:15px;justify-content:space-evenly;box-sizing:border-box;}
.adventages>li{width:23%;text-align:center;margin:5px;box-shadow:gray 2px 2px 2px 2px;border-radius:5px;padding:5px;background-color:#f3f9ff;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;height:130px;}
.adventages>li>p{font-size:16px;margin-top:5px;}
.adv-img-box{text-align:center;margin-top:30px;}
.util{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:15px;}
.util>li{width:20%;text-align:center;padding:20px;}
.util p{font-size:17px;margin-top:10px;}
.platform{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin-top:15px;box-sizing:border-box;}
.platform>li{width:22%;text-align:center;padding:20px;background:rgb(240, 249, 255);}
.platform p{font-size:17px;margin-top:10px;}
.plf-p{font-weight:bold;font-size:20px !Important;}
.contents_01>p{font-size:16px;margin-left:21px;}
.develop-img{width:90%;margin:0 40px;}
.use_env{margin-left:15px;}
.use_env>li{font-size:18px;padding:5px;}
.ab-rec{margin-left:15px;}
.ab-rec>li{font-size:18px;padding:5px;}

.using-env{padding-left:15px;margin-top:5px;}
.using-env>li{font-size:1.5em;}

.require{padding-left:15px;margin-top:5px;}
.require>li{font-size:1.5em;}
/*제품소개*/

/* 예제 */
.file_directory>li{font-size:20px;font-weight:bold;margin-left:20px;margin-top:10px;}
.file_directory>li>ul{margin-left:25px;}
.file_directory>li>ul>li{font-weight:normal;font-size:18px;margin-top:10px;}
.td02, .td03, .td04, .td05, .td06, .td07, .td08, .td09, .td10, .td11, .td12, .td13{cursor:pointer;width:fit-content;}
/* 예제 */

/*라이센스*/
.license-index{padding:15px;display:flex;justify-content:space-evenly;}
.license-index>li{padding:20px 20px 180px;width: 31%;border:1px solid #efefef;border-radius:20px 20px 70px 20px;box-shadow:rgb(0 0 0 / 10%) 2px 2px 10px;}
.license-index>li>span{font-size:2em;font-weight:600;}
.license-index>li>p{font-weight:600;color:#c9c9c9;font-size:1.5em;}
.license-index>li:nth-child(1){background:url(../img/l-1.png) no-repeat 80% 80%;}
.license-index>li:nth-child(2){background:url(../img/l-2.png) no-repeat 80% 80%;}
.license-index>li:nth-child(3){background:url(../img/l-3.png) no-repeat 80% 80%;}
.license-notice p{font-size:18px;padding-left:15px;}
.license-type>li{position:relative;padding:30px 30px 50px 100px;}
.license-type img{position:absolute;left:3%;top:13%;}
.license-type span{font-size:2em;font-weight:600;}
.license-type p{font-size:1.5em;line-height:1.7;}
.btn-box{width:100%;display:flex;justify-content:center;}
.license-type>li>ul{margin-left:5px;}
.license-type>li>ul>li{font-size:1.5em;}

/*라이센스*/

/* 데모 */
.responsive-table{margin-bottom:20px;}
.img-table-wrap{margin-top:20px;display:flex;justify-content:space-evenly;flex-wrap:wrap;width:100%;}
.table-img-box{width:250px;height:220px;margin-bottom:30px;box-shadow:4px 4px 4px grey;}
.img-box-top{width:100%;height:150px;}
.img-box-top>a{display:block;width:100%;height:100%;}
.img-box-top>a>img{width:100%;height:100%;}
.img-box-bot{width:100%;height:70px;background-color:#fff;border:1px solid #ccc;padding:10px;display:flex;flex-direction:column;justify-content:space-between;}
.img-box-bot>h4{margin-top:0;text-align:center;}
.img-box-bot>h4>a{font-size:16px;}
.img-box-bot>p{font-size:14px;display:flex;justify-content:space-between;margin-top:15px;}
.img-box-bot span{font-size:14px;}
.search-form-wrap{width:100%;height:90px;border-bottom:2px solid #000;}

/* 데모 */

/******************************
 *********** footer ***********
 ******************************/
.footer {display:inline-block;width:100%;padding: 30px 20px;background: #f5f5f5;border-top:1px solid #ddd;}
.footer p{font-size:1.2em;font-weight:600;color: #555;margin-top:20px;}
.footer-nav {padding: 20px 0;border-bottom: 1px solid #ddd;}
.footer-contents {padding: 20px 0;}
.footer-nav li a {font-size: 1.3em;color: #555;}
.footer-nav ul li {display: inline-block;margin-right: 20px;}
.footer-list li {display:inline-block;margin-right:10px;}
.footer-list li b{font-size:1.3em;color:#777;}
.footer-list li span{font-size:1.3em;color: #555;font-weight:600;margin-left: 2px;}