@charset "utf-8";
:root {
	/* Common */
	--active-allmenu-color:#9cf;		/* 전체 메뉴 활성화 색상*/
	--allmenu-wrap-color:#0a1f30;		/* 전체 메뉴 배경 색상 */
	--allmenu-bg-color:#9cf;		/* 전체 메뉴 아래에 있는 레이어 배경 색상2 */
}

/* header */
#allmenu-btn{width: 50px;height: 80px;display: flex;align-items:center; justify-content:center;cursor:pointer;overflow: hidden;z-index: 9990;position: relative;border: none;background: none;position: absolute;right:50%;margin-right: -640px;top:0;transition:all .3s ease-out;}
#allmenu-btn span{position: absolute;width: 32px;height: 3px;background: #202020;border-radius:4px;transition:0.5s;right:5px;}
#allmenu-btn span:nth-child(1){transform:translateY(-10px);width: 22px;}
#allmenu-btn span:nth-child(2){transform:translateY(10px);width: 14px;}
/*
.allmenu-open #allmenu-btn span:nth-child(1){width: 40px;transform:translateX(5px) translateY(0px) rotate(45deg);transition-delay:0.125s;background: #fff !important;}
.allmenu-open #allmenu-btn span:nth-child(2){width: 40px;transform:translateX(5px) translateY(0px) rotate(315deg);transition-delay:0.20s;background: #fff !important;}
.allmenu-open #allmenu-btn span:nth-child(3){transform:translateX(60px);background: #fff !important;}*/
.allmenu-open #allmenu-btn span{transform:translateX(60px);}


/* Footer */
#footer{background: #31323c;color:#fff;}
.footer-container{width: 1280px;margin: 0 auto;}
.footer-top{border-bottom: 1px solid #464750;height: 65px;display: flex;gap:40px;align-items: center;}
.footer-top a{transition:all .3s ease-out;}
.footer-top a:hover{color:#82d3f1;}
.footer-bottom{display: flex;padding: 30px 0 150px;gap:100px;min-height: 230px;}
.footer-content {order:1}
.footer-content div{line-height: 1.6em;display: flex;justify-content: flex-start;gap:26px}
.footer-content span{color:#aaa;font-size: 1.4rem;}
.footer-content span strong{color:#fff;margin-right: 8px;font-weight: 600;}
.footer-tel-info{margin-top: 25px;}
.copyright{font-size: 1.4rem;color:#999;margin-top: 25px;}

.footer-logo{order:3;margin-left: auto;}
.footer-logo img{max-width: 300px;}
.footer-info{order:2}
.footer-info-title{font-size: 1.4rem;}
.footer-info-number{font-size: 2.4rem;}
.footer-info-bottom{font-size: 1.4rem;color:#aaa}

/* All menu */
.allmenu-open{overflow: hidden;}
.allmenu-open .nav-container{overflow: auto;overflow-x: hidden;}
.nav-wrap{position: fixed;width: 100%;z-index: 9900;top:0}
.nav-container{position: relative;top: 0;left: 0;bottom: 0;right: 0;height: 100%;overflow: hidden;height: 0%;width: 100%;background-color: #0f2a43;background:var(--allmenu-wrap-color); z-index: 9;}
.nav-container:after{height: 100%;position: absolute;right:700px;top:0;width: 1px;background: #fff;content: "";opacity: .2;transition:all .3s ease-out;height: 0;display: none;}
.nav-container.active:after{height: 100%;}

.nav-background {position: fixed;top: 0;bottom: 0;right: 0;left: 0;height: 0%;width: 100%;background-color: var(--allmenu-bg-color);z-index: 8;}
.nav-content {display: flex;padding: 50px 100px;margin: 0 auto;color: #f1f5f9;flex-wrap:wrap;align-content:flex-start;position: relative;}

.nav-container-top{display: flex;align-items: center;padding: 30px;z-index: 5;justify-content: space-between;}
.nav-logo{display: flex;justify-content: center;align-items: center;}
.nav-sub-logo{display: flex;font-size: 2.2rem;margin-left: 10px;font-weight: 700;height: 49px;padding-top: 8px;color: #fff;}
.nav-close{width: 44px;height: 41px;background: url(/images/common/allmenu_close.png) center no-repeat;}

.nav-header-box{flex:0 0 700px;display: flex;flex-direction: column;justify-content: space-between;padding-left: 100px;overflow: hidden;padding-right: 30px;display: none;}
.nav-member-link>span{display: block;margin-bottom: 15px;opacity: 1 !important}
.nav-member-link>a{color:#fff;display: inline-block;position: relative;border: 1px solid #fff;padding: 8px 18px;margin-right: 5px;vertical-align: middle;transition:all ease-out .3s;font-weight: 300;opacity: .5;}
.nav-member-link>a:hover{background: #06c;border-color: #06c;box-shadow:3px 3px 8px rgba(0, 0, 0, .8);border-radius:10px;opacity: 1 !important;}

.nav-member-etc{margin-top: 10px;}
.nav-member-etc select{width: calc(100% - 10px);}
.nav-main-logo img{height: 50px;}


.nav-footer{line-height: 1.6em;}
.nav-footer>div{position: relative;opacity: .5;}
.nav-footer>div a{color:#fff;}
.nav-cp-name span+span{margin-left: 20px;}
.nav-cp-address br{display: none;}
.nav-cp-tel a{margin-right: 20px;}
.nav-footer>div.nav-copyright{margin-top: 20px;font-size: 13px;opacity: .3;}

.nav-background, .nav-container{height: 0;}
/*

.allmenu-list{flex-grow:1;order:1;}
.allmenu-list>ul{flex-grow:1;}
.allmenu-list>ul>li{display: flex;margin-bottom: 40px;}
.allmenu-list>ul>li a{color:#fff;transition:all ease-out .2s;}

.allmenu-list>ul>li>a{font-size: 32px;display: block;flex:0 0 160px;text-align: right;margin-right: 80px;}

.allmenu-list>ul>li>a strong{display: block;}
.allmenu-list>ul>li>a span{display: block;font-size: 16px;opacity:.7;}
.allmenu-list li li{margin-right: 30px;padding-bottom: 10px;}
.allmenu-list li li a{padding: 4px 0;display: inline-block;position: relative;margin-left: 18px;opacity:.7;}
.allmenu-list li li a:before{display: block;content:"";position: absolute;left:-13px;top:15px;width: 3px;height: 3px;background: #fff;border-radius:50%;transition:all ease-out .2s;}
.allmenu-list li li a:after{display: block;position: absolute;left:0;bottom:2px;content:"";width: 0;height: 1px;background: var(--active-allmenu-color);transition:all ease-out .2s;opacity:.5;z-index: -1;}
.allmenu-list li li a:hover, .allmenu-list li li.allmenu-active2 a{color:var(--active-allmenu-color);opacity:1;}
.allmenu-list li li a:hover:after, .allmenu-list li li.allmenu-active2 a:after{width: 100%;opacity:1}
.allmenu-list li li a:hover:before, .allmenu-list li li.allmenu-active2 a:before{background: var(--active-allmenu-color);}
.allmenu-list ul ul{display: flex;flex-wrap:wrap;align-items: center;}
*/
.allmenu-list{display: flex;justify-content: center;width: 100%;}
.allmenu-list a{transition:all ease-out .2s;position: relative;}
.allmenu-list a span{position: relative;}
.allmenu-list>ul{display: flex;flex-wrap:wrap;gap:80px 50px}
.allmenu-list>ul>li.hover>a, .allmenu-list>ul>li.allmenu-active>a{color:var(--active-allmenu-color) !important;border-bottom-color: var(--active-allmenu-color);}
.allmenu-list>ul>li>ul>li.hover>a, .allmenu-list>ul>li>ul>li.allmenu-active2>a{color:var(--active-allmenu-color);opacity:1;}
.allmenu-list>ul>li>ul>li>a>span:after{display: block;position: absolute;left:0;bottom:-5px;content:"";width: 0;height: 1px;background: var(--active-allmenu-color);transition:all ease-out .2s;opacity:.5;z-index: -1;}
.allmenu-list>ul>li>ul>li.hover>a>span:after, .allmenu-list>ul>li>ul>li.allmenu-active2>a span:after{width: 100%;opacity:1}
.allmenu-list>ul>li>ul>li.hover>a:before, .allmenu-list>ul>li>ul>li.allmenu-active2>a:before{background:var(--active-allmenu-color);}

.allmenu-list>ul>li>ul>li>ul>li.hover>a, .allmenu-list>ul>li>ul>li>ul>li.allmenu-active3>a{color:var(--active-allmenu-color);}
.allmenu-list>ul>li>ul>li>ul>li.hover>a:before, .allmenu-list>ul>li>ul>li>ul>li.allmenu-active3>a:before{background:var(--active-allmenu-color);}

.allmenu-list li{width: 210px;}
.allmenu-list li li{width: 100%;float: none;padding: 0;}
.allmenu-list li li a{color:#ccc;display: block;font-size: 1.6rem;font-weight: 400;padding: 8px 0;}

.allmenu-list>ul>li>a{font-size: 24px;color:#fff;border-bottom: 1px solid #aaa;padding-bottom: 10px;margin-bottom: 15px;font-weight: 700;display: block;}
.allmenu-list ul ul ul{padding-left: 10px;padding-bottom: 10px;}
.allmenu-list ul ul ul li a{font-weight: normal;padding: 5px 0;padding-left: 10px;}
.allmenu-list ul ul ul li a:before{display: block;content:"";position: absolute;left:0px;top:13px;width: 3px;height: 3px;border-radius: 50%;background: #ccc;}

.sitemap-list{display: flex;justify-content: center;width: 100%;}
.sitemap-list a{transition:all ease-out .2s;position: relative;}
.sitemap-list a span{position: relative;}
.sitemap-list>ul{display: flex;flex-wrap:wrap;gap:80px 40px;width: 100%;}
.sitemap-list>ul>li.hover>a, .sitemap-list>ul>li.sitemap-active>a{color:var(--active-sitemap-color) !important;border-bottom-color: var(--active-sitemap-color);}
.sitemap-list>ul>li>ul>li.hover>a, .sitemap-list>ul>li>ul>li.sitemap-active2>a{color:var(--active-sitemap-color);opacity:1;}
.sitemap-list>ul>li>ul>li>a>span:after{display: block;position: absolute;left:0;bottom:-5px;content:"";width: 0;height: 1px;background: var(--active-sitemap-color);transition:all ease-out .2s;opacity:.5;z-index: -1;}
.sitemap-list>ul>li>ul>li.hover>a>span:after, .sitemap-list>ul>li>ul>li.sitemap-active2>a span:after{width: 100%;opacity:1}
.sitemap-list>ul>li>ul>li.hover>a:before, .sitemap-list>ul>li>ul>li.sitemap-active2>a:before{background:var(--active-sitemap-color);}

.sitemap-list>ul>li>ul>li>ul>li.hover>a, .sitemap-list>ul>li>ul>li>ul>li.sitemap-active3>a{color:var(--active-sitemap-color);}
.sitemap-list>ul>li>ul>li>ul>li.hover>a:before, .sitemap-list>ul>li>ul>li>ul>li.sitemap-active3>a:before{background:var(--active-sitemap-color);}

.sitemap-list>ul>li{width: 290px;}
.sitemap-list li li{width: 100%;float: none;padding: 0;}
.sitemap-list li li a{color:#333;display: block;font-size: 1.6rem;font-weight: 400;padding: 8px 0;padding-left: 18px;}
.sitemap-list li li a:before{display: block;content:"";position: absolute;left:8px;top:15px;width: 3px;height: 3px;border-radius: 50%;background: #333;}

.sitemap-list>ul>li>a{font-size: 18px;background: #6C757E;color:#fff;text-align: center;margin-bottom: 15px;font-weight: 500;display: flex;align-items: center;justify-content: center;height: 45px;border-radius:10px;}
.sitemap-list>ul>li>a>strong{font-weight: 500;}
.sitemap-list ul ul ul{padding-left: 10px;padding-bottom: 10px;}
.sitemap-list ul ul ul li a{font-weight: normal;padding: 5px 0;padding-left: 25px;}
.sitemap-list ul ul ul li a:before{display: block;content:"";position: absolute;left:10px;top:13px;width: 8px;height: 2px;background: #888;border-radius:0;}


.sub-container-body.is-wide{width: 100%;padding: 80px;overflow: hidden;}
.sub-container-body.is-wide .tab-style1{border-bottom: none;}

.cont-container{width: 1280px;margin: 0 auto;}

.edu-delay-notice-box{border: 1px solid #ccc;padding: 15px;border-radius:15px;margin-top: 20px;text-align: center;}

.edu-fee-info-box{position: relative;}
.spinner-wrap{position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);display: none;}
.edu-fee-info-box .spinner-wrap.active{display: block;}
.edu-fee-info-box .btn-fee-print{margin-top: 0;}
#mb-more-btn-wrap{display: none !important;}
#mb-more-btn-wrap.active{display: grid !important;}
.edu-fee-info-box .title-box1{margin-top: 50px;margin-bottom: 15px;}

.myhome-write-box-title{position: relative;display: flex;align-items: center;font-size: 2.2rem;font-weight: 600;color:#08519b;}
.myhome-write-box-title img{height: 50px;}
.myhome-write-box-title .icon8{width: 38px;margin: 0 6px;}

.main-latest-layout{display: flex;gap:40px}
.main-latest-layout>div{width: 50%;}

.main-latest-content-list{box-shadow:5px 5px 13px rgba(2, 35, 102, .3);background: #fff;border-radius:13px;padding: 40px;margin-top: 10px;}

.main-latest-content-list li{margin-bottom: 18px;padding-right: 85px;position: relative;}
.main-latest-content-list li:last-child{margin-bottom: 0;}
.main-latest-content-list a{display: block;line-height: 24px;font-size: 18px;display: block;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;color:#333;font-weight:300;}
.main-latest-content-list a span{height: 24px;line-height: 24px;color:#fff;border-radius:30px;display: inline-block;text-align: center;width: 48px;font-size: 1.8rem;color:#36c;display: inline-block;width: 100px;text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;vertical-align: top;}
.main-latest-content-list a strong{}
.main-latest-content-list a em{font-size: 16px;color:#999;position: absolute;right:0;line-height: 24px;top:0;font-style: normal;width: 70px;text-align: center;}





.myhome-write-box .main-latest-list{overflow: visible;gap:18px;height: auto;margin-top: 15px;}
.myhome-write-box .main-latest-list li{flex: 1 1 20%;margin-bottom: 0;display: block;max-width:24%;}
.myhome-write-box .main-latest-list li a{width: 100%;border-color: #fff;box-shadow:5px 5px 13px rgba(2, 35, 102, .3);background: #fff;}
.myhome-write-box .main-latest-list li a:hover{border-color: #000;box-shadow:5px 5px 13px rgba(2, 35, 102, .7);}
.myhome-write-box .main-latest-list li a .latest-header span.latest-label{background: #116cca;}
.myhome-write-box .main-latest-list li a .latest-header span.latest-label2{background: var(--edu-color3);}
.myhome-write-box .main-latest-list li a .latest-header span.latest-label3{background: var(--edu-color4);}
.myhome-write-box{margin: 80px -80px;padding: 50px 80px 70px;background: #DAE7EC;}
.myhome-write-box .main-latest-list li.empty-list{width: 100%;flex: 1 1 100%;max-width:none;height: 150px;border-radius:13px;justify-content: center;transition:all .3s ease-out;display: flex;align-items: center;border-color: #fff;box-shadow:5px 5px 13px rgba(2, 35, 102, .3);background: #fff;}


/* main */
.main-latest-list{display: flex;gap:0 17px;flex-wrap:wrap;height: 334px;overflow: hidden;}
.main-latest-list li{display: none;margin-bottom: 17px;}
.main-latest-list li.active{display: block;}
.main-latest-list li a{display: flex;width: 292px;height: 150px;border: 1px solid #dddddd;border-radius:13px;padding: 3.0rem;flex-direction: column;justify-content: center;gap:15px;transition:all .3s ease-out;}
.main-latest-list li a:hover{border-color: #000;box-shadow:0 0 10px rgba(0, 0, 0, .5)}
.main-latest-list li a .latest-header{display: flex;justify-content: space-between;align-items: center;}
.main-latest-list li a .latest-header span{height: 2.6rem;line-height: 2.6rem;color:#fff;padding: 0 1rem;font-size: 1.4rem;border-radius:1.8rem}
.main-latest-list li a .latest-header span.latest-label1{background: #87cfd8;}
.main-latest-list li a .latest-header span.latest-label2{background: #9c9;}
.main-latest-list li a .latest-header span.latest-label3{background: #93b0e8;}
.main-latest-list li a .latest-header em{font-size: 1.4rem;color:#aaa}
.main-latest-list li a strong{font-size: 1.8rem;color:#333;font-weight: 600;display: block;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.3em;height: 4.7rem;}


.site-content-box{padding: 70px;box-shadow:0 0 30px rgba(0, 0, 0, .3);border-top: 5px solid #337ccf;margin-top: 80px;font-size: 18px;}


/* basic */
.mb-icon-wrap{display: flex;justify-content: center;}
.mb-icon{width: 140px;border-radius:10px;overflow: hidden;box-shadow:0 3px 10px rgba(0, 0, 0, .3);position: relative;}
.mb-icon img{width: 100%;height: 100%;}
.mb-icon.no-mb-icon{background: #f1f1f1;}
.mb-icon.no-mb-icon:after{width: 60px;height: 60px;mask:url('/images/svg/image.svg') no-repeat center;mask-size: 100% auto;background-color: #888;content: "";display: block;position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);}

.mb-license{display: inline-block;width: 140px;border-radius:10px;overflow: hidden;box-shadow:0 3px 10px rgba(0, 0, 0, .3);position: relative;}
.mb-license img{width: auto;height: 100%;}

.bo-top-wrap .board-btn{display: flex;}

.view-ul{padding:0;margin:0;width:100%;display: flex;flex-flow: wrap;table-layout:fixed;border-bottom: none;position: relative;border-top:1px solid #162b5d;font-size: 1.6rem;}
.view-ul .view-ul-box{position: relative;padding: 10px;padding-left: 130px;border-bottom: 1px solid #dadada;min-height:44px;width: 50%;}
.view-ul .view-ul-label{position: absolute;left:-1px;top:0;height: 100%;background: #f1f5f9;padding: 10px 0;text-align: center;width: 120px;font-weight: 700;display: flex;justify-content: center;align-items: center; line-height: 1.3em;}
.view-ul .view-ul-box.wa{width: 100%;}

.view-ul-text{display: flex;height: 100%;justify-content: center;flex-direction: column;}
.view-ul .view-ul{border-top-color: #dadada;}

.view-ul .view-ul-box.hidden-box{display: none;}
.hidden-box.active{display:block !important;}

#member-form .view-ul .view-ul-label{justify-content:left;padding-left:10px;text-align:left;}
#member-form .view-ul .view-ul-label.required{background: #f1f5f9 !important;}
#member-form .view-ul .view-ul-label.required:after{content:"＊";display:inline-block;color:red;font-size: 11px;}

#member-form .view-ul .view-ul-box{min-height: 64px;}



.title-box{display:none;margin-top:10px;font-size:16px;font-weight:700;}
.title-box1{font-size: 1.8rem;font-weight: 600;position: relative;padding-left: 18px;}
.title-box1:before{width: 5px;height: 20px;background: #0b8bdc;border-radius:3px;position: absolute;left:0;top:0px;content: "";}
.title-box1.title-large{font-size: 2.2rem;}
.title-box1.title-large:before{height: 20px;top:4px;}

.title-box2{font-size: 1.8rem;font-weight: 600;position: relative;padding-left: 18px;}
.title-box2:before{width: 5px;height: 20px;background: #02B5B1;border-radius:3px;position: absolute;left:0;top:0px;content: "";}
.title-box2.title-large{font-size: 2.2rem;}
.title-box2.title-large:before{height: 20px;top:4px;}

.line-box{padding: 15px;display: flex;align-items: center;justify-content: center;border: 1px solid #aaa;}

.list-style1{}
.list-style1 li{position: relative;padding-left: 18px;padding: 4px 10px 4px 20px;line-height: 1.6em;}
.list-style1 li:before{width: 4px;height: 4px;background: #777;border-radius:50%;left:6px;top:14px;position: absolute;content: "";}
.list-style1 li a{display: block;display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

.list-style2{padding: 30px 20px;border: 1px solid #ccc;background: #f8fafc;}
.list-style2 li{position: relative;padding-left: 18px;padding: 4px 10px 4px 20px;}
.list-style2 li:before{width: 4px;height: 4px;background: #777;border-radius:50%;left:6px;top:12px;position: absolute;content: "";}
.list-style2 li a{display: block;display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

.list-style2 li li:before{width: 5px;height: 2px;top:13px}
.list-style2 li ul{margin-top: 10px;}

.list-style3{}
.list-style3 li{position: relative;padding-left: 18px;padding: 4px 10px 4px 22px;line-height: 1.6em;font-size: 17px;text-align: left;}
.list-style3 li:before{width: 5px;height: 5px;background: #333;border-radius:50%;left:6px;top:14px;position: absolute;content: "";}
.list-style3 li a{display: block;display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

.notice-box{box-shadow:5px 5px 0 #f4f6f8;border: 1px solid #ddd;padding: 25px 30px;position: relative;padding-left: 75px;font-size: 1.8rem;line-height: 1.8em;margin-bottom: 50px;}
.notice-box:before{width: 32px;height: 32px;left:30px;top:24px;position: absolute;background: #303030;border-radius:50%;content: "";}
.notice-box:after{width: 32px;height: 32px;-webkit-mask:url('/images/svg/info.svg') no-repeat center;mask:url('/images/svg/info.svg') no-repeat center;mask-size: 24px auto;-webkit-mask-size: 24px auto;background-color: #fff;content: "";display: block;position: absolute;left:30px;top:24px;}

/* 게시판 카테고리 */
#bo-cate {margin:0 0 40px;padding-left: 1px;padding-top: 1px;}
#bo-cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo-cate ul {zoom:1;display: flex;flex-wrap:wrap; }
#bo-cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#bo-cate li {margin-left: -1px;margin-top: -1px;}
#bo-cate a{display:flex;height: 50px;justify-content: center;align-items: center;padding:0 25px;border:1px solid #ddd;color:#666;position: relative;transition:all 0.3s ease-out;font-size: 16px;background: #f8f8f8;font-weight: 500;}
#bo-cate a:focus, #bo-cate a:hover, #bo-cate a:active {color:#1b74bb;background: #fff;}
#bo-cate #bo_cate_on{z-index:2;color:#1b74bb;background: #fff;border-bottom: 1px solid #fff;}
#bo-cate #bo_cate_on:after{position: absolute;left:-1px;right:-1px;top:-1px;background: #1b74bb;height: 3px;content:"";z-index: 2;}

.tab-style1 {margin:0 0 80px;padding-left: 1px;padding-top: 1px;border-bottom: 1px solid #ddd;}
.tab-style1 h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.tab-style1 ul {zoom:1;display: flex;flex-wrap:wrap; justify-content: center;margin-bottom: -1px;}
.tab-style1 ul:after {display:block;visibility:hidden;clear:both;content:""}
.tab-style1 li {margin-left: -1px;margin-top: -1px;}
.tab-style1 a{display:flex;height: 60px;justify-content: center;align-items: center;padding:0 45px;border:1px solid #ddd;color:#666;position: relative;transition:all 0.3s ease-out;font-size: 2rem;background: #f8f8f8;font-weight: 500;}
.tab-style1 a:focus, .tab-style1 a:hover, .tab-style1 a:active {color:#1b74bb;background: #fff;}
.tab-style1 .active a{z-index:2;color:#1b74bb;background: #fff;border-bottom: 1px solid #fff;}
.tab-style1 .active a:after{position: absolute;left:-1px;right:-1px;top:-1px;background: #1b74bb;height: 3px;content:"";z-index: 2;}

.tab-style2{display: flex;flex-wrap:wrap;margin-bottom: 50px;}
.tab-style2 li{width: 16.6%;}
.tab-style2 li a{display: block;background: #f1f5f9;transition:all .3s ease-out;display: flex;height: 40px;align-items: center;justify-content: center;border: 1px solid #fff;text-align: center;line-height: 1.2em}
.tab-style2 li a.active{background: #4b90d6;color:#fff;}

.tab-style2.large li a{height: 58px;font-size: 1.8rem;}






.scroll-table-wrap{overflow: hidden;overflow-x: auto;padding-bottom: 15px;}
.scroll-table-wrap .member-info-table thead th{padding: 13px 8px;}
.scroll-table-wrap .member-info-table tbody td{padding: 8px;}
.scroll-table-wrap .member-info-table tbody td .form-select{padding-left: 8px;padding-right: 25px;}
.scroll-table-wrap .member-info-table tbody td .form-control{padding-left: 8px;padding-right: 8px;}
.scroll-table-wrap .member-info-table .line-delete{font-size: 24px;color:#e60003}

/* 게시판 검색 */
.bo-sch-wrap {display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:999;}
.bo-sch-content{width: 100%;height: 100%;align-items:center; justify-content:center; flex-wrap:wrap; align-content:center;display: flex;}
.bo-sch {position: relative;z-index: 2;text-align:left;}
.bo-sch h3{font-size: 50px;color:#fff;text-align: center;font-weight: 600;margin-bottom: 30px;opacity: 0;transform:translateY(-30px);text-shadow:5px 5px 10px rgba(0, 0, 0, .8);}
.bo-sch legend{}
.bo-sch-box{background: rgba(74,74,74,.9);border-radius: 10px;padding: 20px;box-shadow:10px 10px 20px 0 rgba(0, 0, 0, .4);width: 380px;opacity: 0;transform:translateY(-30px);}
.bo-sch-inner{background: #fff;border-radius:10px;padding: 20px;}
.bo-sch select{width: 100%;height: 43px;padding-left: 15px;border: 1px solid transparent;-webkit-appearance: none;-moz-appearance: none;appearance: none;position: relative;background: url('/images/svg/chevron-down.svg') right 5px center no-repeat;background-size: 24px auto;border: 1px solid #aaa;font-size: 1.4rem;}
.bo-sch select::-ms-expand {display: none;}
.bo-sch-input{display: block;}
.bo-sch input[type=text] {width: 100%;height:43px;background: none;padding:0;padding: 0 10px;border: 1px solid #aaa;margin-top: 15px;font-size: 1.4rem;color:#000}
.bo-sch-btn{margin-top: 15px;position: relative;text-align: center;}
.bo-sch .sch-btn {height:38px;color:#fff;border:none;font-size:15px;padding: 0 20px;background: #383838;}

.bo-sch-cls {position:absolute;right:50px;top:50px;width: 29px;height: 29px;background: url(/images/common/search_close.png) 0 0 no-repeat;z-index: 5;text-indent:-9999px;border: none;opacity: 0;transform:translateX(30px);}
.bo-sch-bg {background:#000;background:rgba(0, 0, 0,0.8);width:100%;height:100%;position: absolute;left:0;top:0;cursor:pointer;}
.bo-sch input[type=text]:focus, .bo-sch select:focus {}

.bo-sch-wrap.active{display: block;}
.bo-sch-wrap.active .bo-sch-cls{opacity: 1;transform:translateX(0px);transition:all 0.4s ease-out;}
.bo-sch-wrap.active h3{opacity: 1;transform:translateY(0px);transition:all 0.4s ease-out;}
.bo-sch-wrap.active .bo-sch-box{opacity: 1;transform:translateY(0px);transition:all 0.4s ease-out 0.15s;}


/* 게시판 상단 */
.bo-top-wrap{display: flex;justify-content:space-between;align-items:flex-start;margin-bottom: 20px;flex-wrap:wrap;gap:10px 0}
.list-total{display: flex;font-size: 1.6rem;font-weight: 500;padding-left: 30px;position: relative;padding-left: 42px;align-items: center;height: 32px;}
.list-total:before{background: #303030;width: 32px;height: 32px;border-radius:50%;content: "";position: absolute;left:0;top:0;}
.list-total:after{width: 32px;height: 32px;-webkit-mask:url('/images/svg/monitor.svg') no-repeat center;mask:url('/images/svg/monitor.svg') no-repeat center;mask-size: 20px auto;-webkit-mask-size: 20px auto;background-color: #fff;content: "";display: block;position: absolute;left:0;top:0;}
.list-total strong{color:#258ccf;font-weight: 400;margin-left: 8px;}
.list-total .total-page{font-size: 1.4rem;position: relative;display: inline-block;margin-left: 16px;}
.list-total .total-page:before{content: "";position: absolute;left: -5px;top: 50%;transform: translatey(-50%);height: 12px;width: 1px;background: #aaa;content: "";}

/* 게시판 버튼 */
.board-btn a{vertical-align: top;display: inline-block;border: 1px solid #d1d1d1;font-size: 1.4rem;font-weight: 700;padding: 6px 10px;position: relative;transition:all .3s ease-out;height: 32px;line-height: 1.3em;}
.board-btn a:before{position: absolute;left:0;bottom:0;height: 50%;content:"";background: #f1f1f1;width: 100%;z-index: -2;}
.board-btn a:after{position: absolute;left:0;bottom:0;height: 100%;content:"";background: #f1f5f9;width: 0;z-index: -1;transition:width 0.3s ease-out;}
.board-btn a:hover:after{width: 100%;}
.board-btn a:hover{border-color: #f1f5f9;box-shadow:3px 3px 8px rgba(0, 0, 0, .2);}

.bo-bottom-wrap{display: flex;justify-content:space-between;align-items:flex-end;margin-bottom: 20px;}
.bo-bottom-wrap .list-bottom-right{margin-left: auto;}
.bo-admin-select-wrap{display: inline-block;position: relative;}

.more-opt {display:none;position:absolute;top:31px;right:0;background:#fff;z-index:999;width: 100%;box-shadow:3px 3px 8px rgba(0, 0, 0, .2);}
.more-opt li {border-bottom:1px dotted #dfdfdf;}
.more-opt li:last-child {border-bottom:0}
.more-opt li button{width:100%;border:0;background:#fff;color:#333;text-align: left;padding: 8px;transition:all 0.3s ease-out;font-size: 1.4rem;}
.more-opt li:hover button {color:#000;background-color: #f1f5f9 !important;}

.more-opt li button.select-delete{background: url(/images/svg/trash-2.svg) 8px center no-repeat;padding-left: 34px !important;background-size: 18px auto;}
.more-opt li button.select-copy{background: url(/images/svg/copy.svg) 8px center no-repeat;padding-left: 34px !important;background-size: 18px auto;}
.more-opt li button.select-move{background: url(/images/svg/move.svg) 8px center no-repeat;padding-left: 34px !important;background-size: 18px auto;}


.btn-bo-rss{background: url(/images/svg/rss.svg) 8px center no-repeat;padding-left: 32px !important;background-size: 16px auto;}
.btn-bo-excel{background: url(/images/svg/save.svg) 8px center no-repeat;padding-left: 32px !important;background-size: 16px auto;}
.btn-bo-search{background: url(/images/svg/search.svg) 8px center no-repeat;padding-left: 32px !important;background-size: 18px auto;margin-right: 5px;}
.btn-bo-write{background: url(/images/svg/edit-3.svg) 5px center no-repeat;padding-left: 32px !important;background-size: 18px auto;}
.btn-bo-download{background: url(/images/svg/download.svg) 5px center no-repeat;padding-left: 32px !important;background-size: 18px auto;}
.btn-bo-admin{background: url(/images/svg/settings.svg) 8px center no-repeat;padding-left: 32px !important;background-size: 18px auto;}
.btn-bo-admin-select{background: url(/images/svg/grid.svg) 8px center no-repeat;padding-left: 34px !important;position: relative;padding-right: 30px !important;	background-size: 18px auto;}
.btn-bo-admin-select span{position: absolute;display: block;right:0;top:50%;width: 28px;height: 28px;background: url(/images/svg/chevron-down.svg) center center no-repeat;transform:translateY(-50%);background-size: 18px auto;transition:all .3s ease-out;}
.bo-admin-select-wrap.active .btn-bo-admin-select span{transform:translateY(-50%) rotate(-180deg);}

.btn-bo-modify{background: url(/images/svg/rotate-ccw.svg) 8px center no-repeat;padding-left: 30px !important;background-size: 16px auto;}
.btn-bo-delete{background: url(/images/svg/trash-2.svg) 5px center no-repeat;padding-left: 28px !important;background-size: 18px auto;}
.btn-bo-copy{background: url(/images/svg/copy.svg) 5px center no-repeat;padding-left: 28px !important;background-size: 16px auto;}
.btn-bo-move{background: url(/images/svg/move.svg) 5px center no-repeat;padding-left: 28px !important;background-size: 16px auto;}
.btn-bo-list{background: url(/images/svg/menu.svg) 7px center no-repeat;padding-left: 32px !important;background-size: 18px auto;}
.btn-bo-reply{background: url(/images/svg/corner-down-left.svg) 5px center no-repeat;padding-left: 28px !important;background-size: 16px auto;}

.bo-v-btn-wrap{display: flex;justify-content:space-between;margin-bottom: 15px;}
.board-btn.btn-text-none a{text-indent: -9999px;border: none;width: 30px;padding-left: 30px;background-position: center center !important;	background-size: 20px auto;}
.board-btn.btn-text-none a.btn-bo-list{background-size: 24px auto;}
.board-btn.btn-text-none a.btn-bo-rss{background-size: 20px auto;}
.board-btn.btn-text-none a.btn-bo-excel{background-size: 20px auto;}
.board-btn.btn-text-none a:after, .board-btn.btn-text-none a:before{display: none;}
.board-btn.btn-text-none a:hover{box-shadow:none;}
.bo-v-btn-left{}
.bo-v-btn-right{margin-left: auto;}

.board-btn.btn-text-none .btn-bo-search{margin-right: 0;}


.bo-admin-select-wrap.active .btn-bo-admin-select{border-color: #f1f5f9;box-shadow:3px 3px 8px rgba(0, 0, 0, .2);}
.bo-admin-select-wrap.active .btn-bo-admin-select:after{width: 100%;}


/* 게시판 리스트 */
.fz-list{margin-bottom: 20px;border-top: 2px solid #222;font-size: 1.6rem;color:#000}
.fz-list i{display: none;}
.fz-list li{display: flex;border-bottom: 1px solid #d8d8d8;position: relative;}
.fz-list li:last-child{border-bottom: 1px solid #222;}
.fz-list li>div{padding: 8px 0;display: flex;align-items:center;justify-content:center;min-height:54px;}
.fz-list li.bo-notice>div{background-color: #f9f9f9;}

.fz-list .fz-list-th{border-bottom: 1px solid #666;}
.fz-list .fz-list-th>div{height: 55px;font-weight: 600;color:#000 !important;font-size: inherit !important;}
.fz-list .fz-list-th .fz-subject{justify-content:center !important;}

.fz-list .fz-checkbox{flex:0 0 40px;}
.fz-list .fz-num{flex:0 0 70px;}
.fz-list .fz-subject{width:100%;justify-content:flex-start !important;padding: 10px 10px;line-height: 1.5em;}
.fz-list .fz-writer{flex:0 0 160px;}

.fz-list .fz-date{flex:0 0 100px;}
.fz-list .fz-hit{flex:0 0 80px;}
.fz-list .fz-status{flex:0 0 100px}
.fz-list .fz-good{flex:0 0 60px;}
.fz-list .fz-nogood{flex:0 0 60px;}

.fz-list .fz-num, .fz-list .fz-hit, .fz-list .fz-good, .fz-list .fz-nogood, .fz-list .fz-date{color:#707070;font-family: tahoma;font-size: 1.4rem;}
.fz-list-th>div{font-family: inherit !important;}

.fz-list li:after{content:"";height: 100%;width: 0;background: #f6f7fb;position: absolute;left:0;top:0;z-index: -1;}
.fz-list li:hover:after{width: 100%;}
.fz-list li>div, .fz-list li>div *{transition:color .2s ease-out;}
.fz-list li:hover>div, .fz-list li:hover>.fz-subject>a, .fz-list li:hover .sv_wrap>a, .fz-list li:hover .sv_member{/* color:#4158d1 !important */}
.fz-list li.fz-list-th:hover>div{color:#000 !important}
.fz-list li.fz-list-th:after{display: none;}

.fz-empty-list{height: 100px;display:flex;align-items:center; justify-content:center; flex-wrap:wrap; align-content:center;flex-grow:1;}

.bo-cate-link{display: inline-block;position: relative;padding: 0 9px;margin-right: 10px;line-height: 22px;vertical-align: top;color:#fff;background: #6a6a6a;border-radius:12px;font-size: 1.4rem;}
.bo-answered{display: inline-block;position: relative;padding: 0 9px;line-height: 22px;vertical-align: top;color:#fff;background: #4a81d4;border-radius:12px;font-size: 1.4rem;}
.bo-status-blue{display: inline-block;position: relative;padding: 0 9px;line-height: 22px;vertical-align: top;color:#fff;background: #4a81d4;border-radius:12px;font-size: 1.4rem;}
.bo-status-red{display: inline-block;position: relative;padding: 0 9px;line-height: 22px;vertical-align: top;color:#fff;background: #e60003;border-radius:12px;font-size: 1.4rem;}
.bo-status-gray{display: inline-block;position: relative;padding: 0 9px;line-height: 22px;vertical-align: top;color:#fff;background: #7d7d7d;border-radius:12px;font-size: 1.4rem;}


.list-icon{width: 21px;height: 21px;display: inline-block;overflow: hidden;vertical-align: top;text-indent:-9999px;}
.icon-reply{background: url(/images/svg/corner-down-right.svg) center center no-repeat;margin-right: 5px; background-size: 16px auto;}
.icon-secret{background: url(/images/svg/lock.svg) center center no-repeat;margin-right: 5px;background-size: 20px auto;}
.icon-file{background: url(/images/svg/download.svg) center center no-repeat;background-size: 18px auto;}
.icon-link{background: url(/images/svg/link.svg) center center no-repeat;background-size: 18px auto;}
.icon-new{position:relative;display:inline-block;width:32px;height:18px;background:#d32f2f;color:#fff;font-size:11px;font-weight:bold;text-align:center;line-height:18px;clip-path:polygon(0 0, 100% 0, 100% 100%, 50% 80%, 0 100%);margin-left:5px;text-indent: 0;text-transform:uppercase;}
.icon-pack-wrap{margin-left: 8px;line-height: 1em;display: inline-flex;align-items: center;vertical-align: top;}
.icon-notice{text-indent:-9999px;display: inline-block;width: 20px;height: 20px;background: url(/images/svg/mic.svg) center center no-repeat;background-size: 20px auto;}
.bo-current{color:#FF4800;font-weight: 600;}
#bo_list .fz-subject .cnt_cmt{color:#FF4800;padding-left: 5px;font-size: 1.1rem;font-family: tahoma;background: none;font-weight: 700;vertical-align: top;line-height: 20px;}
.fz-list .sv_wrap>a{display: inline-block;display: flex;align-items:center;line-height: 1em;}
.fz-list .sv_wrap a .profile_img{display: none;vertical-align: middle;margin-right: 3px;}
.fz-list .sv_wrap .sv a{font-size: 12px;}

.gallery-list .icon-new{clip-path:none;width: auto !important;}

#bo_v ~ #bo_list{margin-top: 60px;}


/* 게시판 쓰기 */
#char_count_desc {display:block;margin:0 0 5px;padding:0}
#char_count_wrap {margin:5px 0 0;text-align:right}
#char_count {font-weight:bold}

#autosave_wrapper {position:relative}
#autosave_pop {display:none;z-index:10;position:absolute !important;top:34px;right:0;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;
-webkit-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
-moz-box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2);
box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2)}
#autosave_pop:before {content:"";position:absolute;top:-8px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #000 transparent}
#autosave_pop:after {content:"";position:absolute;top:-7px;right:45px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden}
#autosave_pop div {text-align:center;margin:0 !important}
#autosave_pop button {margin:0;padding:0;border:0}
#autosave_pop ul {padding:15px;border-top:1px solid #e9e9e9;list-style:none;overflow-y:scroll;height:130px;border-bottom:1px solid #e8e8e8}
#autosave_pop li {padding:8px 5px;border-bottom:1px solid #fff;background:#eee;zoom:1}
#autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""}
#autosave_pop a {display:block;float:left}
#autosave_pop span {display:block;float:right;font-size:1.4rem;font-style:italic;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:1.4rem;}
.autosave_close:hover {background:#f3f3f3;color:#3597d9}
.autosave_content {display:none}
.autosave_del {background:url(./img/close_btn.png) no-repeat 50% 50%;text-indent:-999px;overflow:hidden;height:20px;width:20px}

/* 게시판 view */
#bo_v {margin-bottom:20px;box-sizing:border-box}
#bo_v_table {position:absolute;top:0;right:16px;margin:0;padding:0 5px;height:25px;background:#ff3061;color:#fff;font-weight:bold;line-height:2.2em}
#bo-v-title{border-top: 2px solid #000;}
.bo-v-tit {display:block;font-size:22px;word-break:break-all;padding: 20px 0;padding-left: 20px;}
.bo-v-cate{display: inline-block;position: relative;margin-right: 20px;color:#707070;font-weight: 600;}
.bo-v-cate:after{content: "";position: absolute;right:-12px;top:50%;transform:translatey(-50%);height: 16px;width: 1px;background: #777;}

#bo-v-info {margin:0;color:#666;display: flex;justify-content:space-between;flex-wrap:wrap;background: #f6f7fb;padding: 0 20px;border: 1px solid #e0e0e0;}
#bo-v-info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo-v-info .profile-info {display: flex;align-items:center;}
#bo-v-info .profile-info .pf-img {margin-right:10px;display: inline-block;}
#bo-v-info .profile-info .pf-img img {border-radius:50%;width:35px;height:35px;vertical-align: top;}
#bo-v-info .profile-info strong {display:inline-block;font-weight:normal;padding-left: 25px;background: url(/images/svg/user.svg) 0 center no-repeat;padding-left: 24px;background-size: 18px auto;}
#bo-v-info .profile-info .pf-img ~ strong{background: none;padding-left: 0;}

#bo-v-info .sv_member,
#bo-v-info .sv_guest,
#bo-v-info .member,
#bo-v-info .guest {font-weight:bold;font-size: 1.4rem;}
#bo-v-info .profile_img {display:none}
#bo-v-info .sv_member {color:#000}

.article-info{padding: 15px 0;min-height:50px;font-size: 12px;color:#707070;font-family: tahoma;}

.article-comment{display: inline-block;padding-left: 25px;background: url(/images/svg/message-circle.svg) 0 center no-repeat;font-weight: normal;line-height: 20px;padding-left: 24px;background-size: 18px auto;}
.article-hit{display: inline-block;padding-left: 25px;background: url(/images/svg/eye.svg) 0 center no-repeat;margin-left: 15px;font-weight: normal;line-height: 20px;padding-left: 24px;background-size: 18px auto;}
.article-date{display: inline-block;padding-left: 25px;background: url(/images/svg/calendar.svg) 0 center no-repeat;margin-left: 15px;font-weight: normal;line-height: 20px;padding-left: 24px;background-size: 18px auto;}
.article-ip{display: inline-block;color:#707070;font-size: 12px;margin-left: 5px;}

#bo_v_file, #bo_v_link{font-size: 1.6rem;}
#bo_v_file h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;list-style:none}
#bo_v_file li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;padding-left: 50px;background: url(/images/svg/save.svg) 14px 12px no-repeat;transition:all .3s ease-out;background-size: 22px auto;}
#bo_v_file li i {color:#999;font-size:24px;margin-right:20px;position: absolute;left:10px;top:14px;}
#bo_v_file img {position: absolute;left:15px;top:16px;}
#bo_v_file a {display:block;text-decoration:none;word-wrap:break-word;color:#000;margin-bottom: 5px;}
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active {text-decoration:underline;color:#258ccf}
#bo_v_file .bo_v_file_cnt {color:#999;font-size:1.4rem;}
#bo_v_file li:hover {border-color:#aaa;color:#bed4f4;box-shadow:0px 0px 10px 0 rgba(0, 0, 0, .2);}
#bo_v_file li:hover i {color:#258ccf}
#bo_v_file li:hover .bo_v_file_cnt {color:#99c2fc}
#bo_v_file .file-size-txt{font-size: 1.3rem;color:#999;font-family: tahoma;}


#bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_v_file ul {margin:0;list-style:none}
#bo_v_link li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;padding-left: 50px;background: url(/images/svg/link.svg) 14px 12px no-repeat;transition:all .3s ease-out;background-size: 22px auto;}
#bo_v_link li i {color:#999;font-size:24px;margin-right:20px;position: absolute;left:10px;top:14px;}
#bo_v_link a {display:block;text-decoration:none;word-wrap:break-word;color:#000;margin-bottom: 5px;}
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active {text-decoration:underline;color:#258ccf}
#bo_v_link .bo_v_link_cnt {color:#999;font-size:1.4rem;}
#bo_v_link li:hover {border-color:#aaa;color:#bed4f4;box-shadow:0px 0px 10px 0 rgba(0, 0, 0, .2);}
#bo_v_link li:hover i {color:#258ccf}
#bo_v_link li:hover .bo_v_link_cnt {color:#99c2fc}


.bo_v_com {margin:20px 0;float:right}
.bo_v_com > li {position:relative;float:left;margin-left:5px}

.bo_v_nb {position:relative;margin:20px 0;text-align:left}
.bo_v_nb li {border-top:1px solid #f1f1f1;padding:13px;transition:all ease-out .3s;position: relative;padding-right: 65px;padding-left: 103px;}
.bo_v_nb li:last-child {border-bottom:1px solid #f1f1f1}
.bo_v_nb li:hover {background:#f6f6f6}
.bo_v_nb li i {font-size:13px;color:#b3b3b3}
.bo_v_nb li a{display:block; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.bo_v_nb li .nb_tit {display:inline-block;color:#b3b3b3;position: relative;position: absolute;left:13px;top:50%;transform:translatey(-50%);padding-left: 26px;}
.bo_v_nb li .nb_date {color:#b3b3b3;font-family: tahoma;font-size: 1.3rem;position: absolute;right:13px;top:50%;transform:translatey(-50%);}
.btn_prv .nb_tit:before{display: inline-block;width: 21px;height: 21px; background-color: #b3b3b3;mask: url(/images/svg/chevron-up.svg) no-repeat center / contain;-webkit-mask: url(/images/svg/chevron-up.svg) no-repeat center / contain;content:"";vertical-align: bottom;margin-right: 5px;mask-size:28px auto;-webkit-mask-size:28px auto;position: absolute;left:0px;top:50%;transform:translatey(-50%);}
.btn_next .nb_tit:before{display: inline-block;width: 21px;height: 21px; background-color: #b3b3b3;mask: url(/images/svg/chevron-down.svg) no-repeat center / contain;-webkit-mask: url(/images/svg/chevron-down.svg) no-repeat center / contain;content:"";vertical-align: bottom;margin-right: 5px;mask-size:28px auto;-webkit-mask-size:28px auto;position: absolute;left:0px;top:50%;transform:translatey(-50%);}

#bo_v_atc {min-height:200px;height:auto !important;height:200px;padding: 0 2rem;}
#bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden}

#bo_v_img {width:100%;overflow:hidden;zoom:1;padding: 3rem 0 0;}
#bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_img a.view_image {display:block}
#bo_v_img img {max-width:100%;height:auto}

.view-img-wrap{margin-bottom: 20px;text-align: center;}
.view-img-box{display: inline-block;position: relative; margin-bottom: 20px;}
.view_img {max-width:100%;height:auto !important;vertical-align: top;}
.view-img-box:before,.view-img-box:after{content:"";position:absolute;z-index:-1;top:5%;bottom:0;left:10px;right:10px;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-border-radius:100px / 10px;border-radius:100px / 10px;}
.view-img-box:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg);}



#bo_v_con {padding:3rem 0;width:100%;line-height:1.7em;min-height:200px;word-break:break-all;overflow:hidden;font-size: 1.6rem;}
#bo_v_con a {color:#000;text-decoration:underline}
#bo_v_con img {max-width:100%;height:auto}

#bo_v_act {margin-bottom:30px;text-align:center}
#bo_v_act .bo_v_act_gng {position:relative;display: inline-block;}
#bo_v_act .bo_v_act_gng ~ .bo_v_act_gng{margin-left: 10px;}
#bo_v_act a, #bo_v_act>span{vertical-align:middle;color:#4a5158;transition:all .3s ease-out;padding-top: 40px;}
#bo_v_act a:hover {background-color:#fff;color:#ff484f;border-color:#fff;box-shadow:0px 0px 8px rgba(0, 0, 0, .2);}

#bo_v_act i {font-size:1.4em;margin-right:5px}
#bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;z-index:9999;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center;}
#bo_v_act .bo_v_good {display:inline-block;border:1px solid #dedede;width:70px;height: 70px;border-radius:50%;background: url(/images/svg/thumbs-up.svg) center 12px no-repeat;background-size: 18px auto;}
#bo_v_act .bo_v_nogood {display:inline-block;border:1px solid #dedede;width:70px;height: 70px;border-radius:50%;background: url(/images/svg/thumbs-down.svg) center 12px no-repeat;background-size: 18px auto;}

/* 게시판 댓글 */
.cmt_btn {width:100%;text-align:left;border:0;border-bottom:1px solid #e0e0e0;background:#fff;font-weight:bold;margin:30px 0 0px;padding:0 0 15px}
.cmt_btn span.total {position:relative;display:inline-block;margin-right:5px;font-size:1em;color:#258ccf}
.cmt_btn span.cmt_more {float:right;display:inline-block;width:21px;height:21px;background:url(/images/svg/chevron-down.svg) center center no-repeat;margin-top:5px;background-size: 21px auto;transition:all .3s ease-out;}
.cmt_btn_op span.cmt_more {transform:rotate(180deg);}
.cmt_btn b {font-size:1.2em;color:#000}
.cmt_btn span.total:after {position:absolute;bottom:-17px;left:0;display:inline-block;background:#258ccf;content:"";width:100%;height:2px}
#bo_vc {}
#bo_vc h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc article {margin:20px 0;position:relative;border-bottom:1px solid #e0e0e0;display: flex;}
#bo_vc article.bo-vc-reply:before{content:"";display: block;width: 12px;height: 12px;background: url(/images/svg/corner-down-right.svg) center center no-repeat;margin-right: 5px; background-size: 16px auto;position: absolute;left:-20px;top:5px;}
#bo_vc article:last-child{border-bottom: none;}

#bo_vc article .profile_img img {border-radius:50%}
#bo_vc article .pf_img {display: inline-block;vertical-align: middle;margin-right: 5px;}
#bo_vc article .pf_img img {border-radius:50%;width:35px;height:35px}
#bo_vc article .cm_wrap {flex-grow:1;}
#bo_vc header {position:relative;display: flex;justify-content:space-between;}
#bo_vc header .profile_img {display:none}
#bo_vc header .icon_reply {position:absolute;top:15px;left:-20px}
.cm-parent-info{color:#999;text-decoration: none !important;margin-right: 5px;}
.cm-header-content{vertical-align: middle;}
.cm-ip{color:#999;font-family: tahoma;font-size: 1.3rem;}
.cm-reply-btn{background: url(/images/svg/corner-down-left.svg) center center no-repeat;width:21px;height: 21px;text-indent:-9999px;display: inline-block;background-size: 18px auto;}
.cm-modify-btn{background: url(/images/svg/rotate-ccw.svg) center center no-repeat;width:21px;height: 21px;text-indent:-9999px;display: inline-block;margin-left: 5px;background-size: 18px auto;}
.cm-delete-btn{background: url(/images/svg/x.svg) center center no-repeat;width:21px;height: 21px;text-indent:-9999px;display: inline-block;background-size: 22px auto;margin-left: 3px;}
.bo-vc-datetime{background: url(/images/svg/calendar.svg) 0 center no-repeat;padding-left: 25px;background-size: 20px auto;margin: 0 8px;font-family: tahoma;font-size: 1.3rem;color:#999;display: inline-block;line-height: 20px;}
#bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold}
.bo_vc_hdinfo {color:#777}
#bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#bo_vc .cmt_contents {line-height:1.8em;padding:10px 0}
#bo_vc .cmt_contents .cmt-secret-box{position: relative;}
#bo_vc .cmt_contents .cmt-secret-box:before{content:"";width: 21px;height: 21px;display: inline-block;background: url(/images/svg/lock.svg) center center no-repeat;background-size: 20px auto;vertical-align: top;position: relative;top:1px;margin-right: 5px;}
#bo_vc p a {text-decoration:underline}
#bo_vc p a.s_cmt {text-decoration:underline;color:#ed6479}
#bo_vc_empty {margin:0;padding:80px 0 !important;color:#777;text-align:center}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc .bo_vl_opt {position:absolute;top:0;right:0}

#bo_vc_w{margin: 20px 0;}

.bo-vc-guest-area{display: flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;}
.bo-vc-guest-input{margin-bottom: 10px;}
.bo-vc-guest-notice{background: url(/images/svg/mic.svg) 0 center no-repeat;background-size: 17px auto;padding-left: 22px;color:#000;font-size: 1.4rem;margin-bottom: 8px;}
.bo-vc-captcha #captcha{vertical-align: top;margin-bottom: 10px;}

.bo_vc_w {position:relative;margin:0px 0;display:block}
.bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_vc_w #char_cnt {display:inline-block;margin-right: 10px;}
.bo_vc_w textarea {border:1px solid #ccc;background:#fff !important;color:#000;vertical-align:middle;padding:8px;width:100%;height:120px;}
#wr_secret {}
.bo_vc_w_info {display: flex;justify-content:space-between;}
.bo_vc_w_info .form-control {margin-right:5px;margin-bottom: 10px;border: 1px solid blue;}
.bo_vc_w_info #captcha {display:block;clear:both}
.bo_vc_w .btn_confirm {}
.bo_vc_w .btn_confirm label {display:inline-block;margin-right:10px;border-radius:3px;text-align:center}
.bo_vc_w .btn_confirm .secret_cm label {font-size:1em !important}
.bo_vc_w_wr{padding-top: 10px;}
.secret_cm {display:inline-block;}
.comment-write-box{border: 1px solid #e1e1e1;border-top: 2px solid #333;background: #f8f8f8;padding: 15px;}
.comment-write-box .required{background-image: none !important;}
.comment-write-box .form-control{border-radius:0;vertical-align: top;}
.comment-write-box input.form-control{width:auto;display: inline-block;}
.bo-vc-bottom{display: flex;justify-content:space-between;margin-top: 10px;}
.bo-vc-submit{padding: 6px 15px;height: 32px;border-radius:0px;font-weight:600;font-size:14px;background: #333;color:#fff;transition:all .2s ease-out;border: none;line-height: 1em;}
.bo-vc-submit:hover{box-shadow:3px 3px 8px rgba(0, 0, 0, .2);background: #000;color:#fff;}


#bo_vc_send_sns {display:inline-flex;}
#bo_vc_sns {display:flex;margin:0;padding:0;list-style:none;zoom:1}
#bo_vc_sns li {margin:0 5px 0 0;display: flex;align-items:center;}
#bo_vc_sns .sns_li_f {border-radius:3px;background:#3a589b;height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_t {border-radius:3px;background:#00aced;height:40px;padding:0 0 0 10px}
#bo_vc_sns .sns_li_off {background:#bbb}
#bo_vc_sns a {display:inline-block;padding:0 15px 0 5px;}
#bo_vc_sns input {margin:0 5px 0 0}

/* write */
.content-input-form{border-top: 2px solid #333;padding-top: 20px;}
.input-box{margin-bottom: 15px;position: relative;}
.input-title{display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

.write-user-input{display: flex;gap:15px}
.write-user-input .input-box{flex:1 1 100%;}

.input-box-option{display: flex;gap:20px;}
.input-box-subject{display: flex;align-items: center;gap:15px}
.input-box-subject #btn_autosave{flex:0 0 130px;font-size: 1.4rem;height: 43px;}
.input-link-title{position: relative;display: flex;align-items: center;gap:6px;margin-bottom: 10px;margin-top: 30px;}
.input-link-title:before{-webkit-mask:url('/images/svg/link.svg') no-repeat center;mask:url('/images/svg/link.svg') no-repeat center;mask-size: 18px auto;-webkit-mask-size: 18px auto;background-color: #333;content: "";width: 18px;height: 18px;display: block;}

.input-file-title{position: relative;display: flex;align-items: center;gap:6px;margin-bottom: 10px;margin-top: 30px;}
.input-file-title:before{-webkit-mask:url('/images/svg/file-text.svg') no-repeat center;mask:url('/images/svg/file-text.svg') no-repeat center;mask-size: 18px auto;-webkit-mask-size: 18px auto;background-color: #333;content: "";width: 18px;height: 18px;display: block;}

.input-youtube-title{position: relative;display: flex;align-items: center;gap:6px;margin-bottom: 10px;margin-top: 30px;}
.input-youtube-title:before{-webkit-mask:url('/images/svg/youtube.svg') no-repeat center;mask:url('/images/svg/youtube.svg') no-repeat center;mask-size: 18px auto;-webkit-mask-size: 18px auto;background-color: #333;content: "";width: 18px;height: 18px;display: block;}

.youtube-notice{background: url(/images/svg/bell.svg) 0 0px no-repeat;background-size: 20px auto;padding-left: 25px;margin-top: 10px;margin-bottom: 30px;font-size: 14px;color:#999;font-weight: 400;min-height: 20px;line-height: 1.2em;}
.youtube-notice strong{color:#f66;font-weight: 600;}
.youtube-box{position: relative;padding-top: 56.25%;height: 0;margin: 3rem 0rem 2rem;}
.youtube-box iframe{position: absolute;left:0;top:0;width: 100%;height: 100%;}
.gallery-list .youtube-logo{display: block;content: "";position: absolute;right:15px;bottom:15px;width: 30px;height: 30px;background: url(/images/svg/youtube_logo.svg) center no-repeat;background-size: 100% auto;z-index: 5;}

.youtube-box:before,.youtube-box:after{content:"";position:absolute;z-index:-1;top:5%;bottom:0;left:10px;right:10px;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-border-radius:100px / 10px;border-radius:100px / 10px;}
.youtube-box:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg);}

.input-box #captcha{margin-top: 2.5rem;}

.cke_sc{display: none;}

.check-box{position: relative;display: inline-flex;align-items:center;}
.check-box input{position: absolute;width: 0px; height: 0px; left:0;top:0;margin: 0; outline: none;border: 0px solid transparent; background-color: transparent;-moz-appearance: none;}
.check-box span{display: inline-block;width: 17px;height: 17px;border: 1px solid #c8ccd4;background: #fff;border-radius:3px;transition:background 0.2s ease;position: absolute;left:0;top:50%;transform:translateY(-50%);}
.check-box span::after{content:"";position: absolute;top:1px;left:5px;width: 5px;height: 11px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform:rotate(45deg) scale(0);transition:all 0.3s ease 0.15s;opacity:0;}
.check-box label{cursor:pointer;padding-left: 23px;position: relative;z-index: 1;word-break:break-all;display: inline-block;line-height: 1em;}
.check-box label.sound_only{width: 17px;height: 17px;}
.check-box label.sound_only .sch_word{display: none !important;}
.check-box input:checked ~ span{border-color: transparent;background: #1c54a7;animation: checkbox-jelly 0.6s ease;}
.check-box input:checked ~ span:after{opacity:1;transform:rotate(45deg) scale(1);}
.check-box input:disabled ~ span{opacity: .5;}
.check-box input:disabled ~ label{opacity: .5;}

.radio-box{position: relative;display: inline-block;margin-right: 40px}
.radio-box:last-child{margin-right: 0;}
.radio-box input{position: absolute;width: 0px; height: 0px; left:0;top:0;margin: 0; outline: none;border: 0px solid transparent; background-color: transparent;-moz-appearance: none;}
.radio-box span{display: inline-block;width: 17px;height: 17px;border: 1px solid #c8ccd4;background: #fff;border-radius:50%;transition:background 0.2s ease;position: absolute;left:0;top:1px/* 50%;transform:translateY(-50%); */}
.radio-box span::after{content:"";position: absolute;top:0px;left:0px;width: 15px;height: 15px;transition:all 0.3s ease 0.15s;opacity:0;background: #084ff9;border-radius:50%;border: 2px solid #fff;}
.radio-box label{cursor:pointer;padding-left: 23px;position: relative;z-index: 1;word-break:break-all;display: inline-block;line-height: 1.3em;}
.radio-box label.sound_only{width: 17px;height: 17px;}
.radio-box input:checked ~ span{border-color: transparent;background: #084ff9;animation: checkbox-jelly2 0.6s ease;}
.radio-box input:checked ~ span:after{opacity:1;transform:scale(1);}
.radio-box input:focus ~ span{border-color: #084ff9;}



@keyframes checkbox-jelly{
	0%{transform: scale(1, 1) translateY(-50%);}
	30%{transform: scale(1.25, 0.75) translateY(-50%);}
	40%{transform: scale(0.75, 1.25) translateY(-50%);}
	50%{transform: scale(1.15, 0.85) translateY(-50%);}
	65%{transform: scale(0.95, 1.05) translateY(-50%);}
	75%{transform: scale(1.05, 0.95) translateY(-50%);}
	to{transform: scale(1, 1) translateY(-50%);}
}

@keyframes checkbox-jelly2{
	0%{transform: scale(1, 1);}
	30%{transform: scale(1.25, 0.75);}
	40%{transform: scale(0.75, 1.25);}
	50%{transform: scale(1.15, 0.85);}
	65%{transform: scale(0.95, 1.05);}
	75%{transform: scale(1.05, 0.95);}
	to{transform: scale(1, 1);}
}

#bo_w .btn-confirm .btn-submit{background: #333;box-shadow:none;border: none;color: #fff;width: 140px;height: 50px;font-size: 16px;vertical-align: top;margin-right: 10px;font-weight:400;transition:all .4s ease-out;border-radius:4px;}
#bo_w .btn-confirm .btn-submit:hover{background: #000;border-radius:20px;box-shadow:3px 3px 8px rgba(0, 0, 0, .5);}
#bo_w .btn-confirm .btn-cancel{background: #aaa;text-align: center;display: inline-block;width: 140px;height: 50px;line-height: 50px;color: #fff;font-size: 16px;vertical-align: top;font-weight:400;box-shadow:none;transition:all .4s ease-out;border-radius:4px;}
#bo_w .btn-confirm .btn-cancel:hover{background: #777;border-radius:20px;box-shadow:3px 3px 8px rgba(0, 0, 0, .5);}

#bo_w .btn-confirm{text-align: center;margin: 40px 0;}
#captcha #captcha_key:focus{border: 1px solid #aaa;}


.basic-table{width:100%; border-collapse:collapse;table-layout:fixed;border-top: 2px solid #777;border-bottom: 1px solid #777;}
.basic-table th{height: 50px;}
.basic-table th, .basic-table td{padding:15px 10px;border-bottom:1px solid #dadada;word-break:break-all;text-align: center;}
.basic-table tr:last-child td{border-bottom: none;}
.basic-table th{border-bottom: 1px solid #aaa;}
.basic-table.ac td{text-align: center;}
.basic-table td.empty-list{padding: 50px 0;text-align: center;}

.empty-list{padding: 50px 0;text-align: center;}

.table-style1 {border-collapse:collapse;}
.table-style1 th{border: 1px solid #dadada;border-top: 2px solid #707070;padding: 10px 5px;border-bottom: 1px solid #aaa;background: #f1f5f8;text-align: center;}
.table-style1 td{padding: 15px 15px;font-size: 1.6rem;border: 1px solid #dadada;text-align: center;border-top: none;}

.table-style1.al td{text-align: left;}
.table-style1.horizontal tr:first-child td{border-top: 2px solid #707070;}


.table-style2 th{border: 1px solid #dadada;border-top: 2px solid #707070;padding: 10px 5px;border-bottom: 1px solid #aaa;}
.table-style2 thead th:first-child{border-left: none;}
.table-style2 thead th:last-child{border-right: none;}
.table-style2 td{border: none;padding: 15px 5px;font-size: 1.6rem;border: 1px solid #dadada;text-align: center;}
.table-style2 tbody tr td:first-child{border-left: none;}
.table-style2 tbody tr td:last-child{border-right: none;}	
.table-style2 tr:last-child td{border-bottom: 1px solid #dadada;}

.table-style3{width:100%; border-collapse:collapse;table-layout:fixed;}
.table-style3 th, .table-style3 td{padding:8px;border:1px solid #dadada;word-break:break-all;}
.table-style3 th{background:#f1f5f9;}
.table-style3.ac td{text-align: center;}

.table-style4{border-top: 3px solid #0274c0;width: 100%;border-collapse:collapse;}
.table-style4 thead th{border: 1px solid #cecece;background: #f4fafe;text-align: center;line-height: 1.4em;padding: 13px 20px;font-weight: 600;}
.table-style4 thead th:first-child{border-left: none;}
.table-style4 thead th:last-child{border-right: none;}

.table-style4 tbody td{border: 1px solid #cecece;text-align: center;line-height: 1.4em;padding: 13px 20px;font-weight: 500;}
.table-style4 tbody td.al{text-align: left;}
.table-style4 tbody td:first-child{border-left: none;}
.table-style4 tbody td:last-child{border-right: none;}
.table-style4 tbody td .table-inner-text{line-height: 1.4em;position: relative;padding-left: 11px;}
.table-style4 tbody td .table-inner-text:after{content:"";width: 2px;height: 2px;background: #4e4e4e;position: absolute;left:0;top:9px;}


.basic-list{list-style:none;padding:0;margin:0;width:100%;display:table;border-top:3px solid #0274c0;table-layout:fixed;}
.basic-list li{display:table-row;}
.basic-list li div{display:table-cell;text-align:center;padding:18px 0;vertical-align:middle;border-bottom:1px solid #cecece;word-break:break-all;font-weight: 500;}
.basic-list li.basic-list-th{height: 38px;}
.basic-list li.basic-list-th div{text-align:center !important;vertical-align:middle;font-weight:600;padding: 18px 5px;display: table-cell;vertical-align: middle;word-break:break-all;background: #f4fafe;}

.basic-list li i{display: none;}

.basic-list li div.bs-60{width: 60px;}
.basic-list li div.bs-70{width: 70px;}
.basic-list li div.bs-80{width: 80px;}
.basic-list li div.bs-90{width: 90px;}
.basic-list li div.bs-100{width: 100px;}
.basic-list li div.bs-110{width: 110px;}
.basic-list li div.bs-120{width: 120px;}
.basic-list li div.bs-130{width: 130px;}
.basic-list li div.bs-140{width: 140px;}
.basic-list li div.bs-150{width: 150px;}
.basic-list li div.bs-160{width: 160px;}
.basic-list li div.bs-170{width: 170px;}
.basic-list li div.bs-180{width: 180px;}
.basic-list li div.bs-190{width: 190px;}
.basic-list li div.bs-200{width: 200px;}
.basic-list li div.bs-210{width: 210px;}
.basic-list li div.bs-220{width: 220px;}
.basic-list li div.bs-230{width: 230px;}
.basic-list li div.bs-240{width: 240px;}
.basic-list li div.bs-250{width: 250px;}
.basic-list li div.bs-260{width: 260px;}
.basic-list li div.bs-270{width: 270px;}
.basic-list li div.bs-280{width: 280px;}
.basic-list li div.bs-290{width: 290px;}
.basic-list li div.bs-300{width: 300px;}
.basic-list li div.bs-350{width: 350px;}
.basic-list li div.bs-400{width: 400px;}





.info-box1{position: relative;display: flex;padding-left: 42px;height: 32px;align-items: center;font-size: 1.6rem;font-weight: 600;margin-bottom: 15px;}
.info-box1:before{width: 32px;height: 32px;left:0px;top:0px;position: absolute;background: #303030;border-radius:50%;content: "";}
.info-box1:after{width: 32px;height: 32px;-webkit-mask:url('/images/svg/info.svg') no-repeat center;mask:url('/images/svg/info.svg') no-repeat center;mask-size: 24px auto;-webkit-mask-size: 24px auto;background-color: #fff;content: "";display: block;position: absolute;left:0px;top:0px;}

.edu-member-top{display: flex;align-items: center;justify-content: space-between;margin: 8px 0;}
.edu-member-top-title{font-size: 1.8rem;color:#3399cc;}
.edu-member-top-year{display: flex;align-items: center;gap:10px}


.edu-main-list{list-style:none;padding:0;margin:0;width:100%;display:table;border-top:2px solid #99cce5;table-layout:fixed;}
.edu-main-list li{display:table-row;}
.edu-main-list li div{display:table-cell;text-align:center;padding:18px 0;vertical-align:middle;border-bottom:1px solid #dadada;word-break:break-all;}
.edu-main-list li.edu-main-list-th{height: 38px;}
.edu-main-list li.edu-main-list-th div{text-align:center !important;vertical-align:middle;color:#3399cc; font-weight:700;font-size:1.8rem;height:75px;display: table-cell;vertical-align: middle;word-break:break-all;padding: 0 !important;background: #eff6f9;}

.edu-main-list li div.cl-edu-name{text-align: left;padding-left: 10px;}
.edu-main-list li div.cl-edu-common{}
.edu-main-list li div.cl-edu-ct{}
.edu-main-list li div.cl-edu-checkbox{width: 50px;}
.edu-check-box-wrap{display: flex;align-items: center;justify-content: center;width: 100%;}
.edu-main-list li div.cl-edu-part{width: 140px;}
.edu-main-list li div.cl-edu-category{width: 220px;}
.edu-main-list li div.cl-edu-date{width: 130px;}
.edu-main-list li div.cl-edu-date2{width: 200px;}
.edu-main-list li div.cl-edu-place{width: 230px;}
.edu-main-list li div.cl-edu-time{width: 60px;}
.edu-main-list li div.cl-edu-price{width: 80px;}
.edu-main-list li div.cl-edu-manage{width: 120px;}
.edu-main-list li div.cl-edu-mb{width: 90px;}
.edu-main-list li div.cl-edu-lecturer{width: 300px;}
.edu-main-list li div.cl-edu-btn{width: 130px;}
.edu-main-list li div.cl-edu-name>a{line-height: 1.5em;}
.edu-main-list li div .bo-cate-link{}

#edu-connect-popup{width: 800px;max-width:100%;padding: 50px;}
.edu-connect-popup-title{font-size: 16px;font-weight: 600;margin-bottom: 10px;}
#edu-connect-popup a{color:blue;}
#edu-connect-popup ul li{position: relative;line-height: 1.5em;padding-left: 14px;margin-top: 10px;}
#edu-connect-popup ul li:before{content:"";width: 3px;height: 3px;background: #222;border-radius:50%;position: absolute;left:3px;top:8px;}

.lecture-col1{width: 70px;}
.lecture-col2{width: 70px;}
.lecture-col3{}
.lecture-col4{width: 100px;}
.lecture-col5{width: 160px;}
.lecture-col6{width: 120px;}
.lecture-col7{width: 90px;}

.training-col1{}
.training-col2{width: 300px;}
.training-col3{width: 80px;}
.training-col4{width: 80px;}
.training-col5{width: 160px;}

.safety-col1{width: 70px;}
.safety-col2{width: 70px;}
.safety-col3{}
.safety-col4{width: 100px;}
.safety-col5{width: 160px;}
.safety-col6{width: 120px;}
.safety-col7{width: 70px;}
.safety-col8{width: 70px;}



.lecture-header{display: flex;justify-content: space-between;align-items: center;}

.lecture-link-link{line-height: 1.5em;}

.view-expert-edu{color:#36c;text-decoration: underline;}

.edu-main-list li:hover{background: #f1f5f9;}
.edu-main-list .empty-list{width:100%;padding:30px 0;height:auto;line-height:100px;display:table-caption;caption-side:bottom;text-align:center;border-bottom:1px solid #dadada;}
.edu-main-list .edu-list-empty{width:100%;padding:50px 0;height:auto;line-height:1.6em;display:table-caption;caption-side:bottom;text-align:center;border-bottom:1px solid #dadada;}
.edu-main-list .edu-tel-info{display: block;color:#6699cc;font-size: 1.4rem;}

.s-btn{color:#39c;border: 1px solid #39c;padding: 4px 10px;font-size: 1.4rem;display: inline-block;transition:all .3s ease-out;}
.s-btn:hover{background: #39c;color:#fff;border-radius:10px;box-shadow:0 0 15px rgba(0, 0, 0, .3);}
.btn-wrap-df{display: flex;flex-wrap:wrap;gap:5px;justify-content: center;align-items: center;}

.cart-bottom-wrap{margin-top: 30px;display: flex;justify-content: space-between;}

.e-btn{color:#fff;padding: 6px 20px;font-size: 1.4rem;display: inline-block;transition:all .3s ease-out;border-radius:30px;}
.e-btn1{background: #39c;color:#fff;}
.e-btn1:hover{background: #115d83;}

.e-btn2{background: #4cb17b;color:#fff;}
.e-btn2:hover{background: #227d4d;}

.e-btn3{background: #ccc;color:#fff;}
.e-btn3:hover{background: #777;}

.edu-btn-exp>div{display: flex;padding: 2px 0;}
.edu-btn-exp>div p{margin-top: 5px;}
.edu-btn-exp .e-btn{flex:0 0 90px;height: 30px;display: inline-flex;align-items: center;justify-content: center;padding: 0;}


/* join */
.join-breadcrumb{display:flex;flex-wrap:wrap;list-style:none}
.join-breadcrumb li{width:20%;opacity:.5}
.join-breadcrumb.column4 li{width:25%;opacity:.5}
.join-breadcrumb.column3 li{width:33.333333%;opacity:.5}
.join-breadcrumb li.active{opacity:1;}
.join-breadcrumb li span{display:block;margin-right:22px;padding-left:25px;line-height:60px;height:60px;background:#2b75d1;color:#fff;position:relative;font-size:16px;}
.join-breadcrumb li span:after{}
.join-breadcrumb li span:before, .join-breadcrumb li span:after{content:"";position:absolute;top:0;border:0 solid #2b75d1;border-width:30px 15px;width:0;height:0;}
.join-breadcrumb li span:before{left:-20px;border-left-color:transparent;}
.join-breadcrumb li span:after{left:100%;border-color:transparent;border-left-color:#2b75d1;}
.join-breadcrumb li:last-child span{margin-right:0;}
.join-breadcrumb li:first-child span:before, .join-breadcrumb li:last-child span:after{border:none;}
.join-breadcrumb li span strong{font-weight:normal;}

.join-title{position:relative;font-size:18px;font-weight:700;padding-left:20px;line-height:1em}
.join-title:after{content:"";display:block;width:10px;height:10px;position:absolute;left:0;top:4px;background:#2b75d1;}
.join-notice{color:#e7026e;background:#ffe5f1;border:1px solid #fe9ecb;padding:15px;position: relative;padding-left: 45px;line-height: 1.6em;}
.join-notice:after{width: 30px;height: 30px;border-radius:50%;left:10px;top:11px;position: absolute;content: "";-webkit-mask:url('/images/svg/bell.svg') no-repeat center;mask:url('/images/svg/bell.svg') no-repeat center;mask-size: 25px auto;-webkit-mask-size: 25px auto;background-color: #e7026e;content: "";}
.join-notice2{color:#2b75d1;border:1px solid #2b75d1;padding:15px;background:none;}
.join-notice.no-icon{padding-left: 15px;}
.join-notice.no-icon:after{display: none;}

.join-rull-box{border:1px solid #ddd;padding:15px;margin-top:15px;height:300px;overflow:hidden;overflow-y:scroll;line-height:1.6em;font-size:14px;color:#585858}
.join-rull-box-bottom{border:1px solid #ddd;border-top:none;padding:15px;line-height:1em;}
.join-rull-box-bottom input{vertical-align:top;margin-top:1px;margin-right:3px;}



.work-select-box{margin:0 auto;width:800px;max-width:100%;text-align:center;margin-top:50px;margin-bottom:80px;transition:all .2s ease-out;display: flex;justify-content: center;gap:20px;}
.work-select-box a{display: flex;flex-direction: column;gap:15px;width:300px;height:200px;border:1px solid #ddd;border-radius:20px;position:relative;vertical-align:top;transition:all .2s ease-out;justify-content: center;align-items: center;padding-bottom: 5px;}
.work-select-box a strong{font-size:24px;font-weight:600;display:block;}

.work-select-box a:before{display:block;width: 100%;height: 35px;content: "";mask-size: auto 100% !important;background-color: #1a1a1a;transition:background .2s ease-out;}
.work-select-box a.work1:before{mask:url('/images/svg/briefcase.svg') no-repeat center;}
.work-select-box a.work2:before{mask:url('/images/svg/user.svg') no-repeat center;}

.work-select-box a:hover, .work-select-box a.active{background:#01b2b4;color:#fff;border-color:#01b2b4;opacity:.7;}
.work-select-box a:hover:before, .work-select-box a.active:before{background: #fff !important;}

.work-select-box a.active{opacity:1;}

.work-select-box.selected{}
.work-select-box.selected a{height:auto;padding:15px 0;border-radius:10px;gap:10px;flex-direction: row;}
.work-select-box.selected a span{display:none;}
.work-select-box.selected a:before{width: 35px;}
.work-select-box.selected a strong{}

.work-content{display:none;}
.work-content.active{display:block;}

.work-search-wrap{margin:0 auto;width:500px;max-width:100%}
.work-search-input{border:1px solid #ccc;height:50px;border-radius:10px 0 0 10px;padding-left:10px;width:100%;border-right:none;}
.work-search-submit{background:#797979;color:#fff;position:absolute;right:0;top:0;width:50px;height:50px;border:none;border-radius:0 10px 10px 0;text-align:center;display:inline-block;line-height:50px;font-size:14px;}
.work-search-result{width:500px;margin:0 auto;padding:50px 0;display:none;max-width:100%;}
.work-search-result.active{display: block;}

.work-search-form{padding-right:50px;position:relative;}
.work-search-select{*zoom:1;margin-bottom:20px;}
.work-search-select:after{content:""; display:block; clear:both;}
.work-search-select span{width:50%;display:block;float:left;padding-right:5px;}
.work-search-select span:last-child{padding-right:0;padding-left:5px;}
.work-search-select select{width:100%;padding:10px 5px;}


.reset-search-wrap{text-align:center;margin-top:30px;display:none;}
.reset-search-wrap.active{display: block;}
.reset-search-wrap a.reset-search{display:inline-block;height:40px;line-height:40px;padding:0 20px;color:#fff;background:#2b75d1;border-radius:10px;}

.work-search-total strong{color:#547eec;}

.work-search-list{margin-top:15px;}
.work-search-list li{border-bottom:1px dashed #ccc;}
.work-search-list li a{display:block;transition:all .2s ease-out;padding:8px 8px 8px 16px;position:relative;}
.work-search-list li a:after{content:"";display:block;width:3px;height:3px;background:#000;border-radius:50%;position:absolute;left:4px;top:17px;}
.work-search-list li a:hover{background:#f1f5f9;}
.work-search-list li a strong{font-size:16px;display:block;}
.work-search-list li a span{font-size:13px;display:block;margin-top:5px;}
.work-search-list li.empty-list{border-bottom:none;}

.work-select-result{width:500px;margin:0 auto;margin-top:50px;display:none;max-width:100%}
.work-select-result.active{display: block;}
.work-select-info{border:1px dashed #204d74;background:#a4cee8;}
.work-select-info-top{font-weight:600;font-size:16px;text-align:center;padding:15px 0;border-bottom:1px dashed #204d74;}
.work-select-info-bottom{font-weight:600;font-size:16px;text-align:center;padding:15px 0;}
.work-search-btn{text-align:center;margin-top:20px;display: flex;gap:8px;justify-content: center;}

.addr-select-info{border:1px dashed #204d74;background:#a4cee8;font-weight:600;font-size:16px;text-align:center;padding:15px 0;margin-top: 20px;display:none;}


.addr-input-wrap{width:500px;margin:0 auto;max-width:100%;}
.addr-input-wrap .i-text{height:32px;background:#fff;}
.addr-input-wrap .i-text.i-readonly{background:#f1f1f1;}


.question_wrap{border:1px solid #ccc;padding:10px;margin-bottom:20px;background:#efefef;}
.question_wrap .view_table{margin:0;background:#fff;}
.question_wrap .question_example{margin-top:8px;}

.question_wrap select.disabled{background:#ddd;}

.admin_button{position:absolute;right:20px;bottom:15px}
.admin_button a{color:#fff;}
.admin_button *{font-size:16px;font-weight:bold;}
.question_title{font-weight:bold;font-size:14px;margin:20px 0 10px;}

.example_box{padding:5px 18px;}
.example_box *{vertical-align:middle;}
.example_box label{margin-left:5px;}
.disabled{background:#eee;}


.survey_top_box{border-bottom:1px solid #ddd;position:relative;padding-right:200px;min-height:260px}
.survey_top_box_title{font-size:14.0pt;color:#0070C0;font-weight:bold;margin-bottom:20px;}
.survey_top_box_img{position:absolute;right:0; top:0;padding: 15px;border: 1px solid #333;box-shadow: 5px 5px 5px rgba(0, 0, 0, .5);}
.survey_top_box_img img{max-width: 130px;}
.survey_top_box_content{line-height:24px;}


.question-box{*zoom:1;}
.question-box:after{content:""; display:block;clear:both;}
.question-example-wrap{}
.question-example{*zoom:1;padding:2px 0;}
.question-example:after{content:""; display:block;clear:both;}


.question-img{padding:20px 0;margin-top:0;text-align:left;}
.question-img img{margin:0;padding:0;max-width:100%;}
.question-title{font-size:16px;font-weight:bold;line-height:1.6em;margin-bottom:15px;}
.question-wrap{padding-top:40px;}



@media screen and (max-width: 1200px){
	.join-breadcrumb li span strong{display:none;}
	.join-breadcrumb li span{font-size:14px;padding-left:15px;height:50px;line-height:50px;}
	.join-breadcrumb li span:before, .join-breadcrumb li span:after{display:none;}
	.join-breadcrumb li span{margin-right:1px;}
}
@media screen and (max-width: 900px){


}

@media screen and (max-width: 900px){
	.join-breadcrumb li{width:50% !important;margin-bottom:1px;}
	.join-breadcrumb li:nth-child(2) span, .join-breadcrumb li:nth-child(4) span{margin-right:0;}
	.join-breadcrumb li:nth-child(5) span{margin-right:1px;}
}


/* history */
.history-wrap{display: none;}
.history-wrap.history-active{display: block;}


.history-wrap{position: relative;overflow: hidden;margin-bottom: 30px;}
.history-wrap:after{content: "";width: 2px;position: absolute;left:50%;transform:translateX(-50%);background: #d8d8d8;top:18px;bottom:0;}
.history-container{overflow: hidden;}
.history-line{width: 2px;position: absolute;left:50%;transform:translateX(-50%);background: #008ddc;top:19px;z-index: 1;}
.history-box{margin-left: 50%;padding-left: 50px;margin-top: 40px;position: relative;z-index: 2;position: relative;}
.history-box:first-child{margin-top: 0;}
.history-box .history-year{font-size: 3.6rem;margin-bottom: 10px;line-height: 1em;position: relative;}
.history-box .history-year span{content: "";position: absolute;left:-54px;width: 8px;height: 8px;background: #d8d8d8;top:50%;transform:translateY(-50%);border-radius:50%;transition:background .3s ease-out;z-index: 1;}
.history-box .history-year span:after{content: "";position:absolute; left:50%;top:50%; transform:translateX(-50%) translateY(-50%); border:2px solid #008ddc; border-radius:50%; pointer-events:none;z-index: 2;width: 2px;height: 2px;opacity: 0;z-index: 5;}

.history-box ul{border-top: 2px solid #e9e9e9;padding-top: 40px;position: relative;}
.history-box ul:after{content: "";position: absolute;left:0;width: 0;height: 2px;background: #000;top:-2px;transition:all .3s ease-out;}

.history-box ul li{margin-bottom: 20px;}
.history-box ul li:last-child{margin-bottom: 0;}
.history-box .check-box{}
.history-box .history-content{display: flex;}
.history-box .history-content .history-month{flex:0 0 80px;font-size: 18px;color:#008ddc;font-weight: 500;}
.history-box .history-content .history-text{line-height: 1.6em;}
.history-box:nth-of-type(even){margin-left: 0;margin-right: 50%;width: 50%;padding-left: 0;padding-right: 50px;text-align: right;}
.history-box:nth-of-type(even) .history-year span{left:auto;right:-54px;}
.history-box:nth-of-type(even) ul:after{left:auto;right:0;}

.history-box:nth-of-type(even) .history-content{justify-content: flex-end;}
.history-box:nth-of-type(even) .history-content .history-month{order:2;}
.history-box:nth-of-type(even) .history-content .history-text{order:1;}

.history-box:last-child{}
.history-box:last-child:after{content: "";position: absolute;left:-1px;width: 2px;top:24px;background: #fff;bottom:0;}
.history-box:last-child:nth-of-type(even):after{right:-1px;left:auto;}

.history-box.active .history-year span{background: #008ddc;}
.history-box.active .history-year span:after{animation: 1s ease-out 0.5s history-circle both; -webkit-animation: 1s ease-out 0s history-circle both;}
.history-box.active ul:after{width: 100%;}


#eduinfo-list.edu-main-list li div.cl-edu-time{width: 80px;}
#eduinfo-list.edu-main-list .btn{margin-left: 5px;}

.ajax-content-wrap{position: relative;min-height: 100px;position: relative;}
.ajax-content-wrap .loader{position: absolute;left:50%;top:50%;transform:translate(-50%, -50%);}
.edu-member-result-total{display: flex;justify-content: flex-end;padding-left: 50%;margin: 60px 0;}
.edu-title-box{font-size: 3rem;font-weight: 700;margin-top: 50px;margin-bottom: 20px;}
#ajax-edu-member-result .edu-title-box{}

.edu-result-total{gap:20px;display: flex;}
.edu-result-total li{flex: 1 1 100%;background: #e9eaef;border-radius:15px;padding: 30px 0;position: relative;}
.edu-result-total li h4{display: block;text-align: center;font-size: 2.2rem;font-weight: 600;margin-bottom: 30px;}
.edu-result-total .edu-result-time-info{display: flex;gap:15px;justify-content: center;}
.edu-result-total .edu-result-time-info dl{background: #fff;width: 120px;height: 120px;border-radius:50%;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.edu-result-total .edu-result-time-info dl strong{color:#36c;font-size: 3rem;font-weight: 500;}
.edu-result-total .edu-result-time-info dl:nth-of-type(2){background: #36c;color:#fff;}
.edu-result-total .edu-result-time-info dl:nth-of-type(2) strong{color:#fff;}

.edu-result-total-print{border-radius:15px;border: 1px solid #ccc;display: flex;padding: 20px;justify-content: space-between;font-size: 2rem;margin-top: 20px;align-items: center;}
.edu-result-total-print dd strong{color:#36c;font-size: 3rem;margin-right: 5px;}

.main-no-member{border:1px solid #99cce5;border-left:none;border-right:none;margin-top:20px;padding:65px 0;text-align:center;background:#eff6f9;color:#39c}

.alert-notice{position: relative;padding-left: 45px !important;}
.alert-notice:after{width: 30px;height: 30px;border-radius:50%;left:10px;top:10px;position: absolute;content: "";-webkit-mask:url('/images/svg/bell.svg') no-repeat center;mask:url('/images/svg/bell.svg') no-repeat center;mask-size: 25px auto;-webkit-mask-size: 25px auto;background-color: #fff;}

.alert-title{position: relative;padding-left: 45px !important;display: block;}
.alert-title:after{width: 30px;height: 30px;border-radius:50%;left:10px;top:10px;position: absolute;content: "";-webkit-mask:url('/images/svg/airplay.svg') no-repeat center;mask:url('/images/svg/airplay.svg') no-repeat center;mask-size: 25px auto;-webkit-mask-size: 25px auto;background-color: #fff;}
a.alert-title:before{width: 30px;height: 30px;border-radius:50%;right:10px;top:10px;position: absolute;content: "";-webkit-mask:url('/images/svg/plus.svg') no-repeat center;mask:url('/images/svg/plus.svg') no-repeat center;mask-size: 25px auto;-webkit-mask-size: 25px auto;background-color: #fff;}

.alert-link{position: relative;padding-left: 45px !important;}
.alert-link:after{width: 30px;height: 30px;border-radius:50%;left:10px;top:10px;position: absolute;content: "";-webkit-mask:url('/images/svg/link.svg') no-repeat center;mask:url('/images/svg/link.svg') no-repeat center;mask-size: 25px auto;-webkit-mask-size: 25px auto;background-color: #fff;}

#fancy-expert-edu-content{width: 1200px;max-width:100%}
.google-schedule{margin-top: 50px;}
.google-schedule iframe{width: 100%;height: 600px;}

.license-arrow-down{mask: url(/images/svg/arrow-down.svg) no-repeat center / contain;-webkit-mask: url(/images/svg/arrow-down.svg) no-repeat center / contain;mask-size:100% auto;-webkit-mask-size:100% auto;background-color: #555;width: 30px;height: 30px;display: inline-block;}
.c-title{text-align: center;font-size: 2rem;margin-bottom: 20px !important;}
.h-btn{display: inline-flex;align-items: center;font-size: 1.6rem;font-weight: 600;color: #fff;cursor: pointer;height: 50px;padding: 0 60px;text-align: center;border: none;background-size: 300% 100%;border-radius: 40px;background-image: linear-gradient(to right, #29323c, #485563, #2b5876, #4e4376);box-shadow: 0 4px 15px 0 rgba(45, 54, 65, 0.75);transition:all .4s ease-out;background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed);box-shadow: 0 4px 15px 0 rgba(65, 132, 234, 0.75);}
.h-btn:hover {background-position: 100% 0;transition: all .4s ease-out;}

.visible-sm{display: none !important}
.visible-ib-sm{display: none !important}
.visible-md{display: none !important}
.visible-ib-md{display: none !important}

.coe{font-family: 'Noto Serif KR';width: 1000px;margin: 0 auto;}
.coe h3{color:#aaa;text-align: center;font-size: 3.6rem;font-weight: 300;text-shadow:2px 2px 3px rgba(0, 0, 0, .2);margin-bottom: 60px;}
.coe li{display: flex;height: 120px;align-items: center;padding: 25px;background: #eff1f8;margin-bottom: 30px;box-shadow: 8px 8px 15px rgba(0, 0, 0, .1);position: relative;}
.coe li:after{content: "";position: absolute;right:30px;top:50%;transform:translatey(-50%);width: 77px;height: 49px;background: url(/images/common/krta_mark.png) 0 0 no-repeat;opacity: .3;}
.coe li span{font-size: 4rem;width: 60px;display: flex;align-items: center;justify-content: center;height: 100%;line-height: 1em;font-weight: 600;color:#54576b;border-right: 1px solid #ddd;padding-right: 18px;margin-right: 30px;}
.coe li div{display: flex;flex-direction: column;height: 100%;justify-content: center;gap:8px;font-size: 2rem;}
.coe li div strong{color:#0c5fa9;}


.executive-title{height: 50px;display: flex;justify-content: center;align-items: center;font-size: 2.4rem;color:#fff;background: #1a437b;margin-bottom: 50px;margin-top: 80px;}
.executive-list{display: flex;flex-wrap:wrap;margin: -20px;}
.executive-list li{width: 33.333%;padding: 20px;}
.executive-list .executive-box{border-top: 5px solid #095caf;padding: 0px;border-radius:0 0 0 50px;position: relative;display: flex;overflow: hidden;box-shadow:0px 0px 15px rgba(0, 0, 0, .2);background: #f2f5f8;}
.executive-list .executive-box:after{content: "";position: absolute;right:0;top:0;width: 50px;height: 50px;background: #095caf;z-index: 1;}
.executive-list .executive-box:before{content: "";position: absolute;right:0;top:0;width: 50px;height: 50px;background: #f2f5f8;border-radius:0 50px 0 0 ;z-index: 2;}

.executive-img{width: 150px;height: 200px;flex: 0 0 150px;}
.executive-img.no-img{background: #fff;position: relative;}
.executive-img.no-img:after{mask: url(/images/svg/image.svg) no-repeat center / contain;-webkit-mask: url(/images/svg/image.svg) no-repeat center / contain;content:"";mask-size:60px auto;-webkit-mask-size:60px auto;position: absolute;width: 100%;height: 100%;border: 1px solid red;left:0;top:0;content: "";background-color: #aaa;}
.executive-img img{width: 100%;height: 100%;object-fit:cover;}
.executive-content{display: flex;flex-direction: column;padding:0 30px;justify-content: center;}
.executive-content strong{color:#135dad}
.executive-content h4{color:#000;font-size: 3rem;font-weight: 400;font-family: Noto Serif KR;position: relative;padding-bottom: 15px;margin: 8px 0 15px;}
.executive-content h4:after{content: "";width: 50px;height: 1px;background: #ccc;position: absolute;left:0;bottom:0;}
.executive-content span{color:#777;display: block;padding: 3px 0;}

.tab-container{display: none;}
.tab-container.active{display: block;}


.map-box{position: relative;height: 500px;border-bottom: 1px solid #ddd;background: #fff;margin-bottom: 80px;}
.map-box .root_daum_roughmap{position: absolute;left:0;top:0;width: 100%;height: 100%;}
.map-box .wrap_controllers{display: none !important;}

.map-box:before,.map-box:after{content:"";position:absolute;z-index:-1;top:5%;bottom:0;left:10px;right:10px;-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);box-shadow:0 0 20px rgba(0,0,0,0.8);-moz-border-radius:100px / 10px;border-radius:100px / 10px;}
.map-box:after{right:10px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);-moz-transform:skew(8deg) rotate(3deg);-ms-transform:skew(8deg) rotate(3deg);-o-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg);}


.map-info{background: rgba(0, 0, 0, .5);box-shadow:0 0px 8px rgba(0, 0, 0, .6);backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);color:#fff;width: 1000px;margin:0  auto -40px;position: relative;z-index: 3;height: 120px;display: flex;align-items: center;flex-direction: column;justify-content: center;font-family: Noto Serif KR;}
.map-info div{display: flex;}
.map-info div span{display: block;position: relative;font-size: 2.6rem;font-weight: 600;}
.map-info div span:first-child{margin-right: 40px;}
.map-info div span:first-child:after{content: "";position: absolute;right:-20px;width: 1px;height: 20px;background: #fff;top:50%;transform:translatey(-50%);opacity: .6;}
.map-info p{margin-top: 10px;font-size: 2rem;}

.map-text-box{width: 1000px;margin: 40px auto 0;}
.map-text-box strong{color:#39c;display: block;font-size: 2.8rem;font-weight: 600;}
.map-text-box div{margin-top: 15px;font-size: 1.6rem;}

.map-text-box ul{margin-top: 15px;}
.map-text-box ul li{margin-top: 10px;}

.banner-no-link{cursor:default;}

.image-box-common{text-align: center;}
.image-box-common img{max-width: 100%;}

.fee-header-notice{background-color:#f9fafc;border:1px solid #ddd; padding:20px;margin:0 0 20px 0;line-height: 1.6em;}
.fee-header-notice b{text-decoration: underline;}
.fee-header-notice span.cb{margin-left: 15px;}

.group-payment-history {overflow: hidden;border: 1px solid #369;display: inline-block;padding:  15px 25px;transition:all ease-out .3s;font-size: 18px;color:#369;box-shadow:2px 2px 3px rgba(0, 0, 0, .2);position: relative;}
.group-payment-history span{position: relative;z-index: 2;}
.group-payment-history:before{content: "";position: absolute;left:0;top:0;width: 100%;height: 100%;background: #3a6d8c;transition:all .5s ease-out;clip-path: circle(0%);}
.group-payment-history:hover:before, .group-payment-history:focus:before{clip-path: circle(100%);}
.group-payment-history:hover, .group-payment-history:focus{border-color: #3a6d8c;box-shadow:3px 3px 15px rgba(0, 0, 0, .6);color:#fff;}

.btn-fee-print{margin-left: 10px;}
.btn-print-small{display: inline-block;position: relative;background: #337CCF;width: 30px;height: 26px;border-radius:5px;text-indent: -9999px;vertical-align: middle;}
.btn-print-small:after{-webkit-mask:url('/images/svg/printer.svg') no-repeat center;mask:url('/images/svg/printer.svg') no-repeat center;mask-size: 20px auto;-webkit-mask-size: 20px auto;background-color: #fff;content: "";display: block;position: absolute;left:0px;top:0px;width: 100%;height: 100%;}

#mb_magazine_receive_wrap{display: none;}
#mb_magazine_receive_wrap.active{display: block;}

.hd-device-mobile{display: none;}

.myhome-quick-list{display: flex;gap:30px;margin: 0 auto;}
.myhome-quick-list li{flex: 1 1 100%;}
.myhome-quick-list li>div{position: relative;height: 0;padding-top: 100%;}
.myhome-quick-list li a{display: flex;flex-direction: column;align-items: center;gap:20px;position: absolute;left:0;top:0;width: 100%;height: 100%;justify-content: center;background: #eff6fc;border: 1px solid #d8dfed;transition:all .3s ease-out;}
.myhome-quick-list li img{width: 85px;height: 85px;transition:all .3s ease-out;}
.myhome-quick-list li strong{font-size: 1.8rem;}
.myhome-quick-list li a:hover{border: 1px solid #1fd526;background: #fff;border-radius:30px;box-shadow:0 10px 30px rgba(0, 0, 0, .15);}
.myhome-quick-list li a:hover img{transform:rotate(10deg);}



.vote2025-wrap{border: 1px solid #1fd526;background: #fff;border-radius:15px;box-shadow:0 10px 30px rgba(0, 0, 0, .15);padding: 40px;display: flex;align-items: center;justify-content: center;gap:5px;flex-direction: column;margin-bottom: 50px;}
.vote2025-main{position: relative;display: flex;align-items: center;justify-content: center;font-size: 2rem;}
.vote2025-main:before{content: "";display: block;width: 40px;height: 40px;background: url(/images/icon/icon6.svg) 0 0 no-repeat;margin-bottom: 3px;margin-right: 5px;}
.vote2025-sub{text-align: center;font-size: 1.8rem;}
.vote2025-sub strong{color:#36c;}


.main-myinfo-wrap{background: #edf2f7;padding: 40px 0 40px;}
.myinfo-container{width: 1585px;margin: 0 auto;width: 1280px;}
.myinfo-title{display: flex;align-items: center;font-size: 2.6rem;font-weight: 500;}
.myinfo-title>span{color:#116cca;display: inline-block;margin: 0 5px;}
.myinfo-title img{height: 60px;margin-left: -10px;margin-right: 5px;}
.main-myinfo-ul-wrap{position: relative;}
.myinfo-loader-wrap{backdrop-filter: blur(5px);-webkit-backdrop-filter: blur(5px);position: absolute;left:0;top:0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}

.main-myinfo-ul{display: flex;gap:20px;margin-top: 15px;}
.main-myinfo-ul li {flex: 1 1 100%; background: #fff;border-radius:20px;padding: 30px;box-shadow:5px 2px 20px rgb(0 0 0 / 2%), 0px 5px 20px rgb(0 0 0 / 2%);display: flex;flex-direction: column;align-items: center;min-height: 140px;}
.main-myinfo-column-title{font-size: 1.8rem;font-weight: 500;display: none;}
.main-myinfo-column-content{margin-top: 15px;flex-grow:1;display: flex;flex-direction: column;justify-content: center;}

#myinfo-society{width: 100%;padding-left: 30px;}
#myinfo-society a{display: block;width: 100%;font-size: 1.4rem;position: relative;padding: 2px;padding-left: 18px;}
#myinfo-society a:before{content: "";width: 4px;height: 4px;background: #36c;position: absolute;left:5px;top:8px;}
#myinfo-expert{width: 100%;}
#myinfo-expert .main-license-info{position: relative;padding: 5px;padding-left: 18px;}
#myinfo-expert .main-license-info:before{content: "";width: 4px;height: 4px;background: #36c;position: absolute;left:5px;top:12px;}
#myinfo-expert .main-license-info a{display: block;}

.main-myinfo-column-content .empty-info{text-align: center;}


.myinfo-license-box{background: #fff;border-radius:20px;padding: 30px;box-shadow:5px 2px 20px rgb(0 0 0 / 2%), 0px 5px 20px rgb(0 0 0 / 2%);display: flex;flex-direction: column;align-items: center;min-height: 140px;margin-top: 20px;}
#myinfo-license{width: 100%;margin-top: 20px;}
#myinfo-license .alert-notice{padding: 10px;padding-left: 45px;}
#myinfo-license .alert-notice:after{top:7px}
#myinfo-license .alert-notice a{color:#f2ff44}

#myinfo-license .main-license-notice{color:#36c;font-weight: 600;font-size: 1.6rem;position: relative;padding-left: 22px;width: 100%;background: #36c;color:#fff;padding: 10px;border-radius:10px;}
#myinfo-license .main-license-notice:before{mask: url('/images/svg/mic.svg') no-repeat 0 0;mask-size:18px auto;background-color: #0865c1;content: "";position: absolute;left:0;top:0;width: 20px;height: 20px;background-color: #fff;}

.myinfo-license-content .alert-text{margin-top: 15px;position: relative;display: flex;align-items: center;justify-content: center;gap:5px;font-size: 1.8rem;}
.myinfo-license-content .alert-text:before{content: "";display: inline-block;width: 20px;height: 20px;mask: url('/images/svg/alert-triangle.svg') no-repeat center;mask-size:20px auto;background: #e60003;}

.myinfo-license-info{display: flex;justify-content: center;gap:50px;margin-top: 20px;}
.myinfo-license-info>div{display: flex;gap:10px;align-items: center;font-size: 1.8rem;color:#18808d}
.myinfo-license-info>div>span{padding: 5px 10px;border-radius:5px;background: #333;color:#fff;font-size: 1.6rem;}
.myinfo-license-info .alert-text{margin-top: 0;}


.executive-view-link{display: block;}
.executive-view-box{width: 700px;max-width:100%;}
.executive-view-title{background: #1a437b;color:#fff;display: flex;flex-direction: column;padding: 15px;align-items: center;gap:5px;}
.executive-view-title span{font-size: 1.8rem;}
.executive-view-title strong{font-weight: 600;font-size: 3rem;font-family: "Noto Serif Kr";}
.executive-detail-info{display: flex;flex-direction: column;padding: 30px;gap:40px}
.executive-detail-title{font-size: 2.2rem;color:#000;font-weight: 600;padding-bottom: 10px;margin-bottom: 15px;border-bottom: 1px solid #333;padding-left: 32px;}
.executive-detail-title.edu{background: url(/images/svg/airplay.svg) 0 1px no-repeat;}
.executive-detail-title.work{background: url(/images/svg/check-square.svg) 0 1px no-repeat;}
.executive-detail-title.group{background: url(/images/svg/award.svg) 0 1px no-repeat;}
.executive-detail-ul{display: flex;flex-direction: column;gap:10px;}
.executive-detail-ul li{position: relative;display: flex;gap:20px;}
.executive-detail-ul li span{flex:0 0 120px;text-align: right;color:#36c;letter-spacing:-1px;}



.search-list-ul{margin-bottom: 50px;}
.search-list-ul ul li{margin-top: 30px;border-bottom: 1px solid #ddd;padding-bottom: 30px;}
.search-list-ul ul {}

.search-list-ul .sch-tit{font-size: 1.8rem;margin-bottom: 15px;}
.search-list-ul .sch-info{display: flex;gap:15px;flex-wrap:wrap;margin-top: 15px;}
.search-list-ul span.sch-name {background: url(/images/svg/user.svg) 0 center no-repeat;background-size: 16px auto;padding-left: 22px;}
.search-list-ul span.sch-datetime {background: url(/images/svg/calendar.svg) 0 center no-repeat;background-size: 16px auto;padding-left: 22px;}
.search-list-ul .sch-summary{font-size: 14px;}


.notice-not-isu-year{width: 500px;max-width:100%;}
.notice-not-isu-year .alert-notice{padding-top: 8px;padding-bottom: 8px;}
.notice-not-isu-year .alert-notice:after{top:6px;}
.not-isu-text{margin: 20px 0;line-height: 1.8em;}
#view-not-isu-info{display: none;margin-left: 15px;}


.receipt-print-wrap{display: flex;justify-content: center;padding-top: 20px;}
.receipt-print-box{position: relative;width: 500px;height: 550px;padding: 10px;}
.receipt-print-bg{position: absolute;left:0;top:0;}
.receipt-print-content{position: relative;z-index: 1;height: 100%;}
.receipt-print-header{display: flex;height: 70px;font-size: 30px;font-weight: 500;align-items: center;justify-content: center;letter-spacing:10px}
.receipt-print-body{padding-top: 40px;padding-left: 50px;}
.receipt-print-body ul li {display: flex;gap:30px;margin-bottom: 5px;font-size: 16px;}
.receipt-print-body ul li strong{text-align: justify;word-spacing: -2px;width: 60px;display: block;height: 20px;overflow: hidden;position: relative;}
.receipt-print-body ul li strong:after{content:"";display: inline-block;width: 100%;}
.receipt-print-body ul li span{display: block;position: relative;}
.receipt-print-body ul li span:before{position: absolute;left:-15px;top:-2px;content:":";}
.receipt-print-text1{position: absolute;left:0;top:330px;width: 100%;text-align: center;font-size: 16px;}
.receipt-print-text2{position: absolute;left:0;top:360px;width: 100%;text-align: center;font-size: 16px;}
.receipt-print-bottom-text{position: absolute;left:0;bottom:10px;width: 100%;text-align: center;font-size: 11px;}

.expert-receipt-print-title{font-size: 24px;text-align: center;margin-top: 30px;}
#expert-receipt-print .receipt-print-body{padding-top: 20px;}

.print-icon-btn{border: 1px solid #7a7a7a;border-radius:5px;background: url(/images/svg/printer.svg) center no-repeat;display: inline-block;width: 25px;height: 25px;
background-size: 17px auto;margin-left: 5px;}
.btn-tr-print, .btn-exp-print{display: inline-flex;align-items: center;}

@media screen and (max-width: 1600px){
	.nav-header-box{flex:0 0 400px;padding-left: 50px;}
	.nav-container:after{right:400px;}
	.nav-member-link>a{padding: 6px 14px;}
	.nav-footer{font-size: 14px;}


}

@media screen and (max-width: 1490px){
	.sub-container-body.is-wide{padding: 80px 30px;}
}
@media screen and (max-width: 1280px){
	#allmenu-btn{margin-right: 0;right:0;}
	#allmenu-btn span{right:15px}

	.cont-container{width: auto;}
	.myhome-write-box .main-latest-list{flex-wrap:wrap;}
	.myhome-write-box .main-latest-list li{flex:1 1 40%;max-width:calc(50% - 9px);}

	.myinfo-container{padding: 0 30px;width: auto;}
	.main-myinfo-ul{flex-wrap:wrap;}
	.main-myinfo-ul li{flex: 1 1 40%;}

	.sub-container-body.is-wide{padding: 60px 30px;}

	.footer-container{width: auto;}
	.footer-bottom{gap:50px}
	.footer-container{padding:  0 30px;}

	.main-latest-list li{flex:1 1 30%;}
	.main-latest-list li a{width: 100%;}

	.tab-style2 li{width: 25%;}
	#bo-cate #bo_cate_on{border-bottom: 1px solid #ddd;}

	.edu-main-list li div.cl-edu-part{width: 100px;}
	.edu-main-list li div.cl-edu-date{width: 150px;}
	.edu-main-list li div.cl-edu-date2{width: 170px;}
	.edu-main-list li div.cl-edu-place{width: 180px;}
	.edu-main-list li div.cl-edu-time{width: 40px;}
	.edu-main-list li div.cl-edu-price{width: 60px;}
	.edu-main-list li div.cl-edu-manage{width: 65px;}
	.edu-main-list li div.cl-edu-btn{width: 100px;}

	.tab-style1{margin:0 0px 50px;border-radius:30px;background: #578ec4;}
	.tab-style1 ul{display: flex;padding: 20px 30px;gap:10px 0;}
	.tab-style1 ul li a{background: none;border: none;padding: 0 10px;color:#fff;opacity: .5;height: 30px;font-size: 1.8rem}
	.tab-style1 ul li a:hover{border: none;background: none;color:#fff;opacity: 1;}
	.tab-style1 ul li.active a{background: none;border: none;padding: 0 10px;color:#fff;opacity: 1;}
	.tab-style1 .active a:after{left:10px;right:10px;background: #fff;top:auto;bottom:0px;height: 2px;}

	.edu-result-total{flex-wrap:wrap;}
	.edu-result-total li{flex:1 1 45%;}
	
	.executive-list li{width: 50%;}

	.map-info{width: auto;margin: 0 50px -40px;}
	.map-text-box{width: auto;}

	.myhome-quick-list{width: 600px;flex-wrap:wrap;}
	.myhome-quick-list li{flex:1 1 25%;}

	.site-content-box{margin-top: 50px;padding: 50px;font-size: 16px;}
}
@media screen and (max-width: 1100px){
	.main-latest-layout{flex-wrap:wrap;}
	.main-latest-layout>div{width: 100%;}
}

@media screen and (min-width: 1000px){
	.allmenu-list ul ul{display: block !important;}
}

@media screen and (max-width: 1000px){
	.visible-md{display: inline-block !important;}
	.visible-ib-md{display: inline-block !important;}

	#allmenu-btn span{right: 15px;}

	.nav-container:after{display: none;}
	.nav-content{}
	.nav-content{align-content:flex-start;padding: 30px 30px 80px;overflow: hidden;overflow-y: auto;align-items:flex-start;}
	.nav-header-box{order:1;flex:1 1 100%;padding: 0;margin-bottom: 30px;position: relative;display: block;}
	
	.nav-footer{display: none;}
	.nav-member-link{}
	.nav-member-link>span{display: inline-block;margin-right: 30px;margin-bottom: 0;}

	.allmenu-list{order:2;flex:1 1 100%;}
	.allmenu-list>ul{display: block;width: 100%;}
	.allmenu-list>ul>li{display: block;width: 100%}
	.allmenu-list>ul>li>a{text-align: left;margin-right: 0;border-bottom: none;padding-bottom: 0;font-size: 2rem;}
	
	.allmenu-list>ul>li>a strong{display: inline-block;}
	.allmenu-list>ul>li>a span{display: inline-block;font-size: 13px;margin-left: 10px;opacity: .5;}
	.allmenu-list ul ul{margin-bottom: 30px;display: none;margin-top: 15px;}

	.allmenu-list ul ul ul{margin: 5px 0;padding-left: 30px;}
	.allmenu-list>ul>li.has-sub-ul>a{position: relative;}
	.allmenu-list>ul>li.has-sub-ul>a:after{content:"";position: absolute;right:10px;top:50%;-webkit-mask: url('/images/svg/chevron-down.svg') no-repeat center;mask: url('/images/svg/chevron-down.svg') no-repeat center;-webkit-mask-size:20px auto;mask-size:20px auto;background-color: #fff;width: 30px;height: 30px;transform:translatey(-50%);transition:all ease-out .3s;}
	.allmenu-list>ul>li.has-sub-ul.allmenu-active>a:after{transform:translatey(-50%) rotate(-180deg);}

	.allmenu-list>ul>li>ul>li>a{position: relative;padding-left: 18px;}
	.allmenu-list>ul>li>ul>li>a:before{display: block;content:"";position: absolute;left:8px;top:15px;width: 3px;height: 3px;border-radius: 50%;background: #ccc;}

	.allmenu-list>ul>li>ul>li>ul>li>a{padding-left: 16px;}
	.allmenu-list>ul>li>ul>li>ul>li>a:before{display: block;content:"";position: absolute;left:0px;top:13px;width: 6px;height: 2px;border-radius: 50%;background: #ccc;}

	.allmenu-list>ul>li>ul>li>a>span:after{display: none;}

	.footer-container{padding:  0 15px;}
	.footer-top{justify-content: center;}
	.footer-bottom{flex-direction: column;align-items: center;gap:40px;}
	.footer-logo{order:1;margin-left: 0;}
	.footer-info{order:2;margin-left: 0;display: flex;flex-direction: column;align-items: center;}
	.footer-content{order:3;}
	.footer-content div{justify-content: center;gap:3px 15px;}
	.footer-tel-info{flex-wrap:wrap;}

	.main-latest-list{height: 440px;}
	.main-latest-list li{flex: 1 1 40%;}
	.main-latest-list li a{padding: 2rem;height: 130px;}
	.main-latest-list li a strong{font-size: 1.6rem;height: 4rem;}

	.edu-main-list .edu-main-list-th{display: none;}
	.edu-main-list li{display: block;border-bottom: 1px solid #dadada;padding: 20px 10px;font-size: 1.4rem;}
	.edu-main-list li div{border-bottom: none;display: block;width: auto !important;text-align: left;padding: 5px 20px !important;height: auto;}
	.edu-main-list li div.cl-edu-name{font-size: 1.8rem;font-weight: 600;}
	.edu-main-list li div.cl-edu-price{display: inline-block;}
	.edu-main-list li div.cl-edu-time{display: inline-block;}
	.edu-main-list i{display: inline-block !important;margin-right: 5px;width: 15px;text-align: center;}
	.edu-main-list li div.cl-edu-time .visible-sm{display: inline-block !important;}
	.edu-main-list li div.cl-edu-manage .e-btn{width: 100%;text-align: center;}
	.btn-wrap-df{justify-content: flex-start;}

	.edu-main-list li .hidden-sm{display: none !important;}
	.edu-main-list li .visible-ib-md{margin-right: 8px;}

	.history-box{padding-left: 30px;}
	.history-box .history-year span{left:-34px}
	.history-box:nth-of-type(even){padding-right: 30px;}
	.history-box:nth-of-type(even) .history-year span{right:-34px}
	.history-box .history-year{font-size: 30px;margin-bottom: 0;}

	.coe{width: auto;}
	.coe li{height: auto;padding: 30px 25px;align-items: flex-start;}
	.coe li div{line-height: 1.4em;}
	.coe li span{border-right: none;flex:0 0 40px;margin-right: 20px;padding-right: 0;}

	.executive-list{margin: -10px;}
	.executive-img{flex:0 0 120px;height: 160px;}
	.executive-content{padding: 20px 30px;}
	.executive-list li{padding: 10px;}

	.map-info {padding: 30px;height: auto;text-align: center;}
	.map-info div{flex-direction: column;align-items: center;justify-content: center;}
	.map-info div span{display: block;font-size: 2rem;}
	.map-info div span:first-child{margin-right: 0;}
	.map-info div span:first-child:after{display: none;}
	.map-info p{font-size: 1.8rem;}
	.map-text-box strong{font-size: 2.2rem;}

	.myinfo-license-info{flex-wrap:wrap;gap:20px 30px;}
	.myinfo-license-info>div{flex:1 1 40%;}

	.basic-list .basic-list-th{display: none;}
	.basic-list li{display: block;border-bottom: 1px solid #dadada;padding: 20px 10px;font-size: 1.4rem;}
	.basic-list li div{border-bottom: none;display: block;width: auto !important;text-align: left;padding: 5px 20px !important;height: auto;}
	.basic-list li i{display: inline-block;margin-right: 8px;}
}
@media screen and (max-width: 900px){
	.view-ul .view-ul-box{width: 100%;padding-left: 90px;font-size: 1.3rem;}
	.view-ul .view-ul-label{width: 80px;}
}
@media screen and (max-width: 760px){
	.hidden-sm{display: none !important;}
	.visible-sm{display: block !important;}
	.visible-ib-sm{display: inline-block !important;}
	/* .nav-admin-link{display: none !important;} */

	.main-myinfo-wrap .cont-container{padding: 0 15px !important;}

	.sub-container-body.is-wide{padding: 40px 15px;}


	.hd_pops{left:15px !important;right:15px !important;top:75px !important}
	.hd_pops_con{width: auto !important;height: auto !important;}
	.hd-device-mobile{display: block;}
	.hd-device-pc{display: none;}

	.basic-table td, .basic-table th{font-size: 1.4rem;}
	.table-style1 td, .table-style1 th{font-size: 1.4rem;padding: 15px 5px;}
	.table-style2 td, .table-style2 th{font-size: 1.4rem;}
	.table-style3 th, .table-style3 td{font-size: 1.4rem;}
	.table-style4 th, .table-style4 td{font-size: 1.4rem;}

	#allmenu-btn{height: 60px;/* width: 60px; */}
	#allmenu-btn span{right: 10px;}

	.allmenu-list>ul>li>a{font-size: 22px;}
	.allmenu-list>ul>li>a strong{font-weight: 600;}
	.nav-member-link>a{padding: 5px 10px;font-size: 13px;}
	.nav-member-link>span{margin-right: 15px;}
	.nav-content{padding: 10px 15px 100px;}
	.nav-container-top{padding: 15px;}
	.nav-main-logo img{width: 200px;height: auto;}
	.nav-sub-logo{padding-top: 12px;font-size: 1.6rem;}
	.nav-close{height: 25px;width: 30px;	background-size: auto 100%;}

	.sitemap-list>ul{gap:30px;}
	.sitemap-list>ul>li{width: 100%;}
	.sitemap-list>ul>li>a{font-size: 18px;height: 40px;}

	.sub-top-select.select-box>a{font-size: 1.4rem !important;}	
	.sub-top-select.select-box>a:after{right:0 !important; -webkit-mask-size: 20px auto;mask-size: 20px auto;}
	.sub-top-select.select-box ul a{font-size: 1.4rem !important}

	.footer-top a{font-size: 1.4rem;}
	.footer-top{gap:20px;}

	#bo-cate{margin: 0;padding-bottom: 15px;}
	#bo-cate ul{justify-content: center;}
	#bo-cate a{font-size: 1.4rem;height: 40px;padding: 0 18px;}
	
	.bo-top-wrap{align-items:center;flex-wrap:wrap;margin-bottom: 10px;}
	.bo-top-wrap .list-total{margin-top: 10px;font-size: 1.4rem;background-size: 20px auto;}
	.bo-top-wrap .board-btn{margin-left: auto;margin-top: 10px;}
	.board-btn a{font-size: 1.3rem;padding: 4px 6px;height: auto;}

	.write-user-input{flex-wrap:wrap;gap:0;}

	.fz-list{margin-bottom: 10px;}
	.fz-list .fz-list-th{display: none;}
	.fz-list li{flex-wrap:wrap;padding: 10px;}
	.fz-list li.bo-notice{background: #f9f9f9;}

	.fz-list li>div{order:2;min-height:auto;padding: 0;margin-right: 15px;}
	.fz-list li .fz-subject{order:1;width: 100%;padding: 0;margin-bottom: 15px;margin-right: 0;}
	.fz-list li .fz-subject a{width: 100%;display:block;/* 제목이 길때 여러줄로 다 나오게 할려면 이 뒷부분 삭제*/ text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}

	.fz-list li.bo-notice .fz-subject{padding-left: 25px;background: url(/images/svg/mic.svg) 0 center no-repeat;background-size: 18px auto;}

	.fz-list li .fz-num{display: none;}
	.fz-list li .fz-checkbox{flex:0;}
	.fz-list li .fz-writer{flex:0 1 auto;}
	.fz-list li .fz-writer.sv-empty-writer{background: url(/images/svg/user.svg) 0 center no-repeat;background-size: 16px auto;padding-left: 22px;}
	.fz-list li .fz-date{flex:0;background: url(/images/svg/calendar.svg) 0 center no-repeat;padding-left: 22px;background-size: 18px auto;}
	.fz-list li .fz-hit{flex:0;background: url(/images/svg/eye.svg) 0 center no-repeat;padding-left: 22px;background-size: 16px auto;}
	.fz-list li .fz-good{flex:0;background: url(/images/svg/thumbs-up.svg) 0 center no-repeat;padding-left: 22px;background-size: 16px auto;}
	.fz-list li .fz-nogood{flex:0;background: url(/images/svg/thumbs-down.svg) 0 center no-repeat;padding-left: 22px;background-size: 16px auto;}
	.fz-list .fz-hit, .fz-list .fz-good, .fz-list .fz-nogood, .fz-list .fz-date{font-size: 12px;}

	#bo_list .profile_img img{max-width:22px;}
	.bo-sch-cls{right:20px;top:20px;}

	.bo-v-tit{font-size: 18px;padding: 14px 0;}
	#bo-v-info{font-size: 12px;padding: 10px;}
	.article-ip{display: none;}
	#bo-v-info .profile-info{padding: 0;}
	#bo-v-info .article-info{padding: 0;margin-left: auto;min-height:0;margin-top: 3px;}
	#bo-v-info .profile-info .pf-img{margin-right: 5px;}
	#bo-v-info .profile-info .pf-img img{width: 22px;height: 22px;vertical-align: top;}
	#bo_v_share{padding: 10px 0;}

	.bo-vc-act{display: flex;align-items:center;}
	#bo_vc article .pf_img img{vertical-align: top;}
	.cm-header-content{font-size: 1.3rem;}
	.bo-vc-submit{font-size: 1.4rem;font-weight: 300;padding: 3px 12px;height: auto;}

	.bo-v-btn-wrap{flex-wrap:wrap;padding-bottom: 5px;margin-bottom: 0;}
	.bo-v-btn-left{margin-bottom: 5px;}
	.bo-v-btn-right{margin-left: auto;margin-bottom: 5px;}

	.bo-vc-guest-area{flex-wrap:wrap;}
	.bo-vc-guest-input input[type=text], .bo-vc-guest-input input[type=password]{width: 100%;}
	.bo-vc-guest-input input[type=password]{margin-top: -1px;}

	.content-input-form{font-size: 1.3rem;}
	.input-content input[type=text], .input-content input[type=password]{padding-left: 8px;}
	.input-content select{padding-left: 8px;}
	.input-content .check-box{margin-left: 8px;}
	.input-content #btn_autosave{display: none;}
	#bo_w .btn-confirm{margin: 25px 0;}
	#bo_w .btn-confirm .btn-submit{width: 100px;height: 40px;font-weight: 500;font-size: 1.4rem;}
	#bo_w .btn-confirm .btn-cancel{width: 100px;height: 40px;font-weight: 500;line-height: 40px;font-size: 1.4rem;}

	.bo_v_nb li{padding-left: 80px;padding-right: 55px;}
	.bo_v_nb li .nb_tit{left:5px;}
	.bo_v_nb li .nb_date{right:5px;}

	.list-style1 li{font-size: 1.4rem;}
	.list-style1 li:before{top:10px;left:8px;}
	.list-style2 li:before{top:10px}

	.list-style2{padding: 20px 15px;font-size: 1.4rem;}
	.list-style2 li{padding-left: 18px;}

	.list-style3 li{font-size: 14px;padding-left: 18px;}
	.list-style3 li:before{top:12px;}

	.tab-style2 li{width: 50%;}
	.tab-style2 li a{font-size: 1.4rem;padding: 0 10px;}

	.info-box1{height: auto;min-height: 32px;}

	.edu-main-list li div{border-bottom: none;display: block;width: auto !important;text-align: left;padding: 5px 0px !important;height: auto;}
	.edu-main-list li div.cl-edu-name{font-size: 1.6rem !important;font-weight: 600;}
	.edu-main-list li div.cl-edu-name span{font-weight: 400;}
	.edu-main-list li div.cl-edu-time{margin-right: 15px;}
	.edu-main-list li div.cl-edu-btn{display: inline-block;margin-right: 10px;}

	.edu-main-list li div .bo-cate-link{width: 100%;text-align: center;margin-bottom: 10px;}
	.edu-check-box-wrap{justify-content: flex-start;}
	.table-style1 .bo-cate-link{width: 100%;text-align: center;margin-bottom: 10px;}

	.basic-list li{padding: 10px 5px;}
	.basic-list li div{border-bottom: none;display: block;width: auto !important;text-align: left;padding: 5px 0px !important;height: auto;}

	#edu-connect-popup{padding: 15px !important;}
	.edu-connect-popup-title{font-size: 15px;font-weight: 600;margin-bottom: 10px;}
	.edu-connect-popup-text{font-size: 13px;font-weight: 400;line-height: 1.6em;margin-bottom: 15px;position: relative;top:-5px;}
	.edu-connect-popup-confirm a{height: 35px;line-height: 35px;font-size: 15px;}

	.lecture-col2{width: 60px;}
	.lecture-col6{width: 90px;}

	.training-col2{width: 130px;}
	.training-col5{width: 100px;}

	.edu-member-top{flex-wrap:wrap;}
	.edu-member-top-title{font-size: 1.6rem;}

	.history-wrap{font-family: Poppins;}
	.history-line{left:10px;transform:"";}
	.history-wrap:after{left:10px;transform:"";}
	.history-box{margin-left: 0;}
	.history-box .history-year span{left:-24px}

	.history-box:nth-of-type(even){margin-left: 0;margin-right: 0;width: 100%;padding-left: 30px;text-align: left;padding-right: 0;}
	.history-box:nth-of-type(even) .history-year span{left:-24px;right:auto;}
	.history-box:nth-of-type(even) ul:after{left:0;right:auto;}

	.history-box:nth-of-type(even) .history-content{justify-content: flex-start;}
	.history-box:nth-of-type(even) .history-content .history-month{order:1;}
	.history-box:nth-of-type(even) .history-content .history-text{order:2;}

	.history-box:last-child:after{left:9px;}
	.history-box:last-child:nth-of-type(even):after{right:auto;left:9px;}

	.edu-title-box{font-size: 2.2rem}

	.edu-result-total li{flex:1 1 100%;padding: 20px 0;}	
	.edu-result-total li h4{font-size: 1.8rem;margin-bottom: 20px;}
	.edu-result-total .edu-result-time-info dl{width: 110px;height: 110px;font-size: 1.4rem;}
	.edu-result-total .edu-result-time-info dl strong{font-size: 2.4rem;}
	.edu-result-total-print{padding: 10px 20px;font-size: 1.6rem;}
	.edu-result-total-print dd strong{font-size: 2rem;}

	.notice-box{font-size: 1.6rem;margin-bottom: 30px;padding: 15px 20px;padding-left: 50px;}
	.notice-box:before{left:10px;top:12px;}
	.notice-box:after{left:10px;top:12px;}

	.coe li{padding: 20px 15px;}
	.coe li span{font-size: 2.6rem;margin-right: 0;justify-content: flex-start;flex:0 0 30px;}
	.coe li div{font-size: 1.6rem;}
	.coe li:after{opacity: .2;right:15px;}

	.executive-title{font-size: 1.8rem;margin-bottom: 30px;margin-top: 60px;height: 45px;}
	.executive-content strong, .executive-content span{font-size: 1.4rem;}
	.executive-content h4{font-size: 2.2rem;}
	.executive-content{padding:0 20px;justify-content: center;}
	.executive-img{flex: 0 0 100px;height: 133px;}
	.executive-content h4{padding-bottom: 10px;margin-bottom: 8px;margin-top: 5px;}

	.map-info{margin: 0 20px -40px;padding: 20px;}
	.map-info div span{font-size: 1.6rem;}
	.map-info p{font-size: 1.4rem;}
	.map-text-box strong{font-size: 1.8rem;}
	.map-box{margin-bottom: 50px;}

	.map-box .root_daum_roughmap .wrap_map{height: 400px !important;}
	.map-box{height: 400px;}

	.card-body{font-size: 1.3rem;}
	.h-btn{height: 40px;padding: 0 30px;font-size: 1.4rem;}

	.title-box1{font-size: 1.6rem;padding-left: 15px;}
	.title-box1.title-large{font-size: 1.8rem;padding-left: 15px;}
	.title-box1.title-large:before {top:1px;}
	.btn-fee-print{margin-left: 0;margin-top: 5px;}

	.join-notice{font-size: 1.4rem;}
	.join-notice:after{width: 30px;height: 30px;border-radius:50%;left:10px;top:11px;position: absolute;content: "";-webkit-mask:url('/images/svg/bell.svg') no-repeat center;mask:url('/images/svg/bell.svg') no-repeat center;mask-size: 25px auto;-webkit-mask-size: 25px auto;background-color: #e7026e;content: "";}

	.work-select-box{flex-direction: column;gap:15px;margin: 30px 0 50px;}
	.work-select-box a strong{font-size: 2rem;}
	.work-select-box a:before{height: 30px;}
	.work-select-box a{width: 100%;height: auto;padding: 20px 0;gap:10px;}

	.view-ul .tel-num{width: 60px !important;}
	.work-search-btn{gap:5px;}

	.edu-btn-exp .e-btn{flex:0 0 65px;height: 25px;font-size: 1.3rem;}
	.edu-btn-exp>div{padding: 2px 0;align-items: flex-start;}
	.edu-btn-exp>div p{margin-top: 0px;font-size: 1.4rem;}

	.myhome-quick-list{width: 300px;flex-wrap:wrap;gap:25px;margin: 40px auto;}
	.myhome-quick-list li{flex:1 1 40%;}
	.myhome-quick-list li a{gap:0px;padding-bottom: 10px;}
	.myhome-quick-list li strong{font-size: 1.4rem;}

	.myhome-write-box{margin-top: 50px;margin-bottom: 50px;padding-top: 30px;padding-bottom: 40px;}
	.myhome-write-box-title{font-size: 2rem;}
	.main-latest-content-list{padding: 25px;}
	.main-latest-content-list a{font-size: 1.6rem;}
	.main-latest-content-list a span{font-size: 1.6rem;width: 80px;}
	.main-latest-content-list a em{font-size: 1.4rem;}
	

	.main-myinfo-ul li{flex: 1 1 100%;min-height: 100px;}
	.myinfo-title{font-size: 2.0rem}
	.myinfo-title img{height: 50px;}
	.main-myinfo-column-title{font-size: 1.6rem;}
	.main-myinfo-ul li{padding: 20px;}
	.myinfo-license-box{padding: 20px;}
	.main-myinfo-column-content{font-size: 1.4rem;}

	.fancybox__content{padding: 1.5rem !important;}
	.executive-view-title{gap:3px;padding: 10px;}
	.executive-view-title span{font-size: 1.6rem;}
	.executive-view-title strong{font-size: 2.0rem;}
	.executive-detail-info{padding: 25px 15px;gap:25px}
	.executive-detail-title{font-size: 1.8rem;background-size: auto 20px !important;padding-left: 26px;}
	.executive-detail-ul li{gap:15px;}
	.executive-detail-ul li span{font-size: 1.3rem;flex:0 0 60px}
	.executive-detail-ul li div{font-size: 1.3rem;}

	.main-myinfo-wrap{padding: 20px 0}
	.myinfo-container{padding: 0 15px;}

	.myinfo-license-info{margin-top: 10px;gap:10px}
	.myinfo-license-info>div{flex: 1 1 100%;font-size: 1.4rem;}
	.myinfo-license-info>div.alert-text{justify-content: flex-start;}
	.myinfo-license-info>div>span{font-size: 1.3rem;}
	.myinfo-license-content .alert-text{font-size: 1.4rem;}

	.site-content-box{margin-top: 30px;padding: 20px;font-size: 13px;}


	.search-list-ul .sch-tit{font-size: 1.6rem;}
	.search-list-ul .sch-summary{font-size: 1.3rem;}
	.search-list-ul .sch-info{font-size: 1.3rem;}
	.search-list-ul ul li{margin-top: 20px;padding-bottom: 20px;}
	.search-list-ul{margin-bottom: 30px;}
	.search-list-ul .alert-title{margin-bottom: 30px !important;}
	.not-isu-text{font-size: 1.3rem;}



	.vote2025-wrap{padding: 20px 15px;gap:10px;}
	.vote2025-main{font-size: 1.6rem;padding-left: 35px;line-height: 1.6em;}
	.vote2025-main:before{position: absolute;left:0;top:-3px;content: "";display: block;width: 30px;height: 30px;background: url(/images/icon/icon6.svg) center no-repeat;margin-bottom: 3px;margin-right: 5px;	background-size: 35px auto;}
	.vote2025-sub{font-size: 1.6rem;}
}

@media screen and (max-width: 600px){
	.main-latest-list{height: 880px;}
	.main-latest-list li{flex:1 1 100%;}

	.myhome-write-box .main-latest-list li{flex:1 1 100%;max-width:none;}

	.executive-list li{width: 100%;}
}
@media screen and (max-width: 430px){
	#view-not-isu-info{margin-left: 0;margin-top: 10px;}	
}

@keyframes history-circle {
	 0%       { width:0; height:0; margin-left:0; margin-top:0; opacity:0;}
	 25%      { opacity:1;}
	 100%     { width:30px;height: 30px;opacity: 0;}
}
@-webkit-keyframes history-circle {
	 0%       { width:0; height:0; margin-left:0; margin-top:0; opacity:0;}
	 25%      { opacity:1;}
	 100%     { width:30px;height: 30px;opacity: 0;}
}

.loader {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: inline-block;
  border-top: 4px solid #36c;
  border-right: 4px solid transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.loader::after {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border-left: 4px solid #FF3D00;
  border-bottom: 4px solid transparent;
  animation: rotation 0.5s linear infinite reverse;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 

.fancybox__slide{padding: 60px 0px 40px !important;}
@media screen and (max-width: 1280px){
	.fancybox__slide{padding: 80px 40px 40px !important;}
}
@media screen and (max-width: 760px){
	.fancybox__slide{padding: 20px 20px 20px !important;}
}








.mb-box-outer{position: relative;}

.mb-box{width: 500px;margin: 0 auto;position: relative;z-index: 5;background: rgba(255, 255, 255, 0.5);padding: 50px;box-shadow: 0 0rem 2rem 0 rgba(0, 0, 0, 0.2);border-radius:30px;padding-top: 60px;}
.mb-box .page-title{margin-bottom: 30px;font-size: 3rem;text-align: center;font-family: 'GmarketSans';    text-shadow: 3px 3px 5px rgba(0, 0, 0, .2);}
.mb-box .page-title-sub{text-align: center;font-size: 1.8rem;color:#767676;margin-top: 10px;font-weight: 500;line-height: 1.4em;}
.mb-box .page-title-sub strong{display: block;color:#36c;line-height: 1.2em;margin-bottom: 8px;}
.mb-input{display: flex;align-items:center;}
.mb-input label{flex:0 0 90px;font-weight: 500;}
.mb-input input{flex-grow:1;}
.pw-input-box{margin: 30px 0 20px;}
.login-auto{padding-left: 90px;margin-bottom: 40px;}
.login-auto .check-box span{background: #fff;}
.mb-submit{margin-bottom: 30px;position: relative;}
.mb-submit button, .mb-submit a{background: #1d1d1b;text-align: center;height: 60px;color:#fff;font-weight: 500;width: 100%;border-radius:10px;display: block;display: flex;align-items: center;justify-content: center;}
.login-info{text-align: center;}
.login-info a{display: inline-block;color:#767676;transition:all ease-in-out .3s;position: relative;line-height: 1em;}
.login-info a:after{content:"";display: block;width: 1px;height: 14px;background: #848484;position: absolute;right:-17px;top:50%;margin-top: -6px;}
.login-info a:last-child{margin-left: 33px;}
.login-info a:last-child:after{display: none;}
.login-info a:hover{color:#1a1a1a}

.mb-box.find-box{display: flex;flex-direction: column;gap:20px}
.mb-box.find-box .mb-submit{margin-bottom: 10px;}
.mb-box.find-box .mb-submit button{height: 50px;}
.mb-box.find-box .find-input-box{display: flex;gap:10px;width: 100%;}
.mb-box.find-box .find-input-box .form-control{flex-grow:1;}
.mb-box.find-box .find-input-box button{flex:0 0 110px;}

#mb-confirm .page-title-sub{margin-bottom: 40px;}
#mb-confirm .pw-input-box{margin-top: 15px;}

.mb-box #sns_login {margin: 0;padding: 0;margin-top: 30px;background: none;display: flex;}
.mb-box #sns_login h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.mb-box #sns_login .sns-wrap {margin:0 !important;display: flex;justify-content:center;width: 100%;}
.mb-box #sns_login .txt {display: none;}
.mb-box #sns_login .sns-google {background: #fff;border-bottom-color: #fff;}
.mb-box #sns_login .sns-icon {margin-bottom: 0;width: 40px;margin: 0 5px;border-radius:5px;background-position: center !important;transition:all ease-out .3s;padding-left: 0;}
.mb-box #sns_login .sns-icon:hover{box-shadow:3px 3px 8px rgba(0, 0, 0, .3);}

.mb-box.ph-login .mb-submit{margin-top: 30px;margin-bottom: 0;}

#pw-confirm .mb-submit, #mb-confirm .mb-submit{margin-top: 40px;margin-bottom: 0;}

.find-email-text{margin: 20px 0;position: relative;padding-left: 22px;border: 1px solid #ddd;border-radius:10px;padding: 15px 15px 15px 37px;background: #f7f7f7;}
.find-email-text:before{content:"※";display: inline-block;position: absolute;left:15px;top:15px;}
.find-cert{margin-top: 80px;}
.find-cert .submit-btn-wrap{margin-top: 30px;}

.fz-input{height: 60px;padding-left: 10px;border-radius:10px;border: 1px solid #ddd;box-shadow:none;background: #fff;}

.date-period-picker{background: #fff !important;}

@media screen and (max-width:760px){
	.mb-box-outer{padding: 0 30px;}
	.mb-box{width: 100%;padding: 30px !important;font-size: 1.4rem;border-radius:15px}
	.mb-input label{display: none !important;}
	.mb-input input{flex:auto;width: 100%;height: 45px;}
	.pw-input-box{margin: 15px 0 15px;}
	.login-auto{padding-left: 0;margin-bottom: 20px;}
	.mb-box.ph-login .mb-submit{margin-top: 20px;}
	.mb-submit button{height: 45px;}
	#pw-confirm .mb-submit, #mb-confirm .mb-submit{margin: 25px 0 0;}

	.mb-box.find-box .find-input-box button{flex:0 0 90px;}


	.modal-wrap{padding:30px;}
	.register{width: auto;}
	.register #sns_register{flex-wrap:wrap;padding: 15px;justify-content:center;}
	.register #sns_register h2{width: 100%;text-align: center;margin-bottom: 5px;}
	.register-agree-all .check-box label{font-size: 16px;}
	.submit-btn-wrap.form-bottom-btn{margin-top: 30px;}
	.submit-btn-wrap a, .submit-btn-wrap button, .submit-btn-wrap input[type=submit]{padding: 12px 0;}
	.zip-wrap button{height: 45px;flex: 0 0 100px;}

	#reg_result{padding: 30px 15px;}
	.modal-content{padding: 15px;}
}
@media screen and (max-width:500px){
	.mb-box-outer{padding: 0 15px;}
	.mb-box{padding: 30px 15px !important;}
	.mb-box #sns_login .sns-icon{background-position: center !important;width: 30px !important;height: 30px !important;overflow: hidden;}
	.mb-box #sns_login .sns-icon .ico{width: 30px !important;height: 30px !important;top:0;left:0;}
}



.edu-result-total li .app-btn{position: absolute;left:50%;bottom:10px;transform:translatex(-50%);}

.app-btn{display: inline-flex;align-items: center;justify-content: center;border-radius:3px;font-size: 12px;transition:all .3s ease;position: relative;overflow: hidden;font-weight: 500;padding: 4px 6px;}
.app-btn span{position: relative;z-index: 2;}
.app-btn:before{content: "";position: absolute;left:0;top:0;width: 100%;height: 100%;transition:all .4s ease-out;clip-path: circle(0%);}
.app-btn:hover, .app-btn:focus{box-shadow:0px 3px 5px rgba(0, 0, 0, .3);color:#fff;}
.app-btn{color:#36c;border: 1px solid #36cc;}
.app-btn:before{background: #36c;}
.app-btn:hover:before, .app-btn:focus:before{clip-path: circle(100%);}







#layer-edu-main-notice{width: 800px;max-width:100%;}
.layer-popup-title{font-size: 16px;font-weight: 600;margin-bottom: 15px;}
.layer-popup-text{font-size: 14px;font-weight: 400;line-height: 1.6em;margin-bottom: 15px;position: relative;margin-top: -10px;padding-left: 12px;}
.layer-popup-confirm{margin-top: 20px;}
.layer-popup-btn{text-align: center;margin-top: 20px;}

@media screen and (max-width: 800px){
	#layer-popup{padding: 15px !important;}
	.layer-popup-title{font-size: 15px;}
	.layer-popup-text{font-size: 13px;}
}


.rule-content-title{font-size: 30px;font-weight: 800;margin-bottom: 30px;text-align: center;}
.rule-container{line-height: 1.6em;}
.rule-date-ul{display: flex;align-items: flex-end;flex-direction: column;}
.rule-date-ul li{text-align: left;width: 210px;}
.rule-date-ul li strong{display: inline-block;width: 90px;text-align: right;padding-right: 8px;}
ol{list-style-type:decimal}

.rule-container section{padding: 20px 0;}
.rule-container h2{color:#5893b5;margin-bottom: 10px;}
.rule-container article{padding: 10px 0;}
.rule-container article h3{margin-bottom: 8px;}
.rule-container article .ar-text1{margin-left: 20px;}
.rule-container article ul{margin-left: 20px;}
.rule-container article ul p{margin-left: 20px;}

.rule-container .table-header-txt{display: flex;justify-content: space-between;margin-top: 30px;margin-bottom: 5px;font-size: 16px;}
.rule-container .basic-table th, .rule-container .basic-table td{padding: 10px;}

.rule-container{display: none;}
.rule-container.active{display: block;}

.cf-title-box{display: flex;font-size: 18px;font-weight: 500;padding-left: 30px;position: relative;padding-left: 45px;align-items: center;height: 32px;margin-bottom: 15px;}
.cf-title-box:before{background: #303030;width: 32px;height: 32px;border-radius:50%;content: "";position: absolute;left:0;top:0;}
.cf-title-box:after{width: 32px;height: 32px;mask:url('/images/svg/activity.svg') no-repeat center;mask-size: 20px auto;background-color: #fff;content: "";display: block;position: absolute;left:0;top:0;}


.mall-link{display: flex;gap:50px;justify-content: center;margin-top: 30px;flex-wrap:wrap;}
.mall-link li a{display: flex;flex-direction: column;align-items: center;width: 300px;transition:all ease-out .3s;overflow: hidden;}
.mall-link li a.mall-link1{border: 1px solid #bf1240;}
.mall-link li a.mall-link2{border: 1px solid #29bdca;}
.mall-link li a span{display: flex;height: 200px;align-items: center;justify-content: center;}
.mall-link li a strong{display: flex;align-items: center;justify-content: center;height: 50px;color:#fff;width: 100%;font-size: 2rem;font-weight: 500;}
.mall-link li a.mall-link1 strong{background: #bf1240;}
.mall-link li a.mall-link2 strong{background: #29bdca;}
.mall-link li a:hover{box-shadow:0 10px 30px rgba(0, 0, 0, .3);border-radius:20px;transform:translatey(-10px);}


.partner-link{display: flex;gap:50px;justify-content: center;margin-top: 30px;flex-wrap:wrap;}
.partner-link li a{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 300px;transition:all ease-out .3s;overflow: hidden;background: #eff6fc;aspect-ratio:300/200;border: 1px solid #d8dfed;}

.partner-link li a:hover{box-shadow:0 10px 30px rgba(0, 0, 0, .3);border-radius:20px;border-color:#36c;transform:translatey(-10px);}
.partner-title {font-size: 14px;margin-bottom: 8px;color:#aaa;display: block;text-align: center;}
.partner-main-text {font-size: 24px;font-weight: bold;margin-bottom: 5px;display: block;text-align: center;}
.partner-sub-text {font-size: 18px;line-height: 1.4;display: block;text-align: center;color:#36c}

.mall-title{color: #08519b;text-align: center;justify-content: center;font-size: 30px;font-weight: 600;gap:10px;position: relative;display: flex;align-items: center;}
.mall-title .mall-admin-btn{position: absolute;right:0;bottom:0;}

#mall-ag-popup{width: 700px;max-width:100%;padding: 30px;}
.mall-ag-title{font-weight: 700;font-size: 28px;text-align: center;margin-bottom: 25px;}
.mall-ag-title strong{font-weight: 700;color:#4081ed;}
.mall-ag-text1{font-size: 18px;line-height: 1.4;text-align: center;color:#555}

.mall-ag-ul{border-top: 1px dashed #4081ed;margin-top: 20px;padding-top: 20px;display: flex;flex-direction: column;gap:15px;font-size: 16px;}
.mall-ag-ul li{position: relative;padding-left: 26px;}
.mall-ag-ul li:before{content: '';position: absolute;left:10px;top:7px;width: 6px;height: 6px;background: #4081ed;border-radius:50%;}
.mall-ag-ul li strong{display: inline-block;position: relative;color:#4081ed;font-weight: 500;}
.mall-ag-ul li span{margin-left: 10px;}
.mall-ag-ul li div{margin-top: 5px;position: relative;padding-left: 12px;line-height: 1.3;}
.mall-ag-ul li div:before{content: ':';display: inline-block;vertical-align: top;position: absolute;left:0;top:-1px;}
.mall-ag-text2{color:#e60003;font-size: 16px;margin-top: 30px;text-align: center;}
.mall-ag-mb{text-align: center;margin-top: 30px;color:#555;font-weight: 500;font-size: 18px;}
.mall-ag-text3{color:#333;font-size: 18px;margin-top: 10px;text-align: center;}
.mall-ag-mb strong{font-weight: 500;color:#4081ed;margin-right: 15px;}
.mall-ag-checkbox{margin-top: 20px;text-align: center;}
.mall-ag-confirm{margin-top: 20px;text-align: center;}
.mall-ag-confirm a{width: 80px;}
.mall-footer{margin-top: 40px;text-align: center;}
.mall-footer img{height: 40px;}
@media screen and (max-width: 800px){
	.mall-ag-title{font-size: 20px;}
	.mall-ag-text1{font-size: 14px;}
	.mall-ag-ul{font-size: 14px;}
	.mall-ag-ul li:before{top:6px;left:6px;width: 4px;height: 4px;}
	.mall-ag-ul li{padding-left: 18px;}
	.mall-ag-text2{font-size: 14px;}
	.mall-ag-text3, .mall-ag-mb{font-size: 16px;}
	.mall-footer img{height: 30px;}
}


.login-banner-left{position: absolute;left:0;top:0;display: flex;flex-direction: column;height: 100%;gap:30px;justify-content: center;}
.login-banner-right{position: absolute;right:0;top:0;display: flex;flex-direction: column;height: 100%;gap:30px;justify-content: center;}
.login-banner-box{width: 340px;height: 90px;background: #f1f1f1;display: flex;align-items: center;justify-content: center;}
.login-banner-box.active{background: none;}
.login-banner-box img{vertical-align: top;max-width: 100%; max-height: 100%; height: auto; width: auto;}

@media screen and (max-width: 1280px){
	.login-banner-wrap{display: flex;flex-direction: column;justify-content: center;align-items: center;gap:30px;padding-top: 50px;}
	.login-banner-left, .login-banner-right{position: static;}
}
@media screen and (max-width: 760px){
	.login-banner-box{width: 280px;height: auto;aspect-ratio:340/90;}
	.login-banner-wrap{gap:25px;}
	.login-banner-left, .login-banner-right{gap:25px;}
}