@charset "utf-8";

/* 초기화 */
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	margin:0;padding:0;
	font-family:'Montserrat', 'Nanumsquare', 'Noto Sans KR';
	outline:none;
}
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;}
html, h1, h2, h3 {font-family:'Montserrat', 'Nanumsquare';}
h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;font-family:'Montserrat', 'Noto Sans KR';}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none;font-family:'Montserrat', 'Noto Sans KR';}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#555;text-decoration:none}



input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
 
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {}
.placeholdersjs { color: #aaa !important; }
/* 공통 */
.labelbutton {display:inline-block;cursor:pointer;}
.labelbutton input {display:none;}
.labelbutton .text {font-size:12px;background:#f5f5f5;border:1px solid #a7a7a7;color:#a7a7a7;transition:all .35s;-webkit-transition:all .35s;padding:5px 15px;font-family:"Noto Sans KR";}
.labelbutton input:checked ~ .text {border-color:#666;color:#fff;background:#4158d1;}

[class*='jelly'] {display:block;margin-top:10px;}
[class*='jelly'] input {display:none;}
[class*='jelly'] span {display:inline-block;vertical-align:middle;}
[class*='jelly'] .icon {position:relative;width: 17px;height: 17px;border: 1px solid #111;background:#343e73;border-radius: 3px;vertical-align: middle;transition: background 0.1s ease;-webkit-transition: background 0.1s ease;cursor: pointer;}
[class*='jelly'] .icon::after {content: '';position: absolute;top: 2px;left: 5px;width: 4px;height: 8px;opacity: 0;transform: rotate(45deg) scale(0);border-right: 2px solid #fff;border-bottom: 2px solid #fff;transition: all 0.3s ease;-webkit-transition: all 0.3s ease;transition-delay: 0.15s;}
[class*='jelly'] .text {margin-left: 5px;vertical-align: middle;cursor: pointer;}
[class*='jelly'] input:checked ~ .icon {border-color: transparent;background: #4158d1;animation: jelly 0.6s ease;-webkit-animation: jelly 0.6s ease;}
[class*='jelly'] input:checked ~ .icon:after {opacity: 1;transform: rotate(45deg) scale(1);}


/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft {width:100%;}
#hd_pop, #hd_wrapper, #tnb ul, #gnb .gnb_wrap, #container_wr, #ft_wr {max-width:2000px;width:100%;}
.max1200 {max-width:1200px;width:100%;margin:0 auto;}

[class*="colist"] {font-size:0;}
[class*="colist"] > li {font-size:14px;display:inline-block;vertical-align:middle;}
[class*="colist"] > li > div {width:auto;font-size:0;}
[class*="colist"] > li > a {width:auto;display:block;}
[class="colist1"] > li {width:100%;}
[class="colist2"] > li {width:50%;}
[class="colist3"] > li {width:33.3%;}
[class="colist4"] > li {width:25%;}
[class="colist5"] > li {width:20%;}
[class*="colist"] > li > div > span {display:inline-block;vertical-align:middle;font-size:14px;}
[class*="colist"] > li > div > span:first-child {width:100px;text-align:center;}
[class*="colist"] > li > div > span:last-child {width:calc(100% - 100px);}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;}
.hd_pops img{max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

/* 상단 레이아웃 */
#hd {} /* border-top:2px solid #999; */
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {position:relative;margin:0 auto;padding:10px 0;height:115px;zoom:1;overflow:hidden;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;font-weight:900;}
#logo img {max-width:70px;margin-right:10px;}
.mobile-nav-btn {position:absolute;top:50%;right:-150%;transform:translateY(-50%);opacity:0;visibility:hidden;transition:all .35s cubic-bezier(0.85, 0, 0.15, 1);-webkit-transition:all .35s cubic-bezier(0.85, 0, 0.15, 1);background:none;border:0;}
.mobile-nav-btn > span {display:block;width:70%;height:2px;background:#15aaa1;border-radius:30px;position:absolute;left:50%;transition:all .35s cubic-bezier(0.85, 0, 0.15, 1);-webkit-transition:all .35s cubic-bezier(0.85, 0, 0.15, 1);}
.mobile-nav-btn > span:nth-child(1) {top:0;transform:translate(-50%,-50%);}
.mobile-nav-btn > span:nth-child(2) {top:50%;transform:translate(-50%,-50%);}
.mobile-nav-btn > span:nth-child(3) {bottom:0;transform:translate(-50%,50%);}

.mobile-nav-btn.on > span:nth-child(1) {top:50%;transform:translate(-50%,-50%) rotate(135deg);}
.mobile-nav-btn.on > span:nth-child(2) {top:50%;transform:translate(-50%,-50%) rotate(360deg);opacity:0;visibility:hidden;}
.mobile-nav-btn.on > span:nth-child(3) {bottom:50%;transform:translate(-50%,50%) rotate(-135deg);}

.hd_sch_wr {position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;opacity:0;visibility:hidden;transition:all .35s;-webkit-transition:all .35s;}
.hd_sch_wr.active {opacity:1;visibility:visible;}
.hd_sch_wr .bg {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:1;}
.hd_sch_wr > div.searchbox {position:absolute;top:50%;right:50%;width:320px;transform:translate(50%,-50%) scale(.1);z-index:2;transition:all .35s;-webkit-transition:all .35s;}
.hd_sch_wr.active > div.searchbox {transform:translate(50%,-50%) scale(1);}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch{border:3px solid #3279BE;background:#fff;border-radius:5px;overflow:hidden}
#hd_sch #sch_stx {padding-left:10px;height:40px;width:264px;border:0;border-right:0;float:left;font-size:1.25em}
#hd_sch #sch_submit {height:40px;border:0;background:#3279BE;color:#253dbe;width:50px;float:left;cursor:pointer;font-size:18px}

#sbn_side{position:absolute;top:20px;right:0}

#tnb {border-bottom:1px solid #eee;background:#4158d1;padding:5px 0;}
#tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#tnb ul {max-width:1200px;margin:0 auto;text-align:right;}
#tnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {display:inline-block;font-size:15px;}
#tnb a {display:inline-block;padding:0 10px;color:#fff;font-weight:900;line-height:35px;font-family:'Noto Sans KR';position:relative;z-index:1;}
#tnb a::before {content:'';display:block;width:0;height:30%;position:absolute;bottom:0;left:0;transform:translateY(-50%);background:#4158d1;z-index:-1;border-radius:30px;transition:all .35s;-webkit-transition:all .35s;}
#tnb li:hover a::before {width:100%;}
#tnb .tnb_admin a {color:#ff0000;}
#tnb .tnb_left{float:left}
#tnb .tnb_left a{padding:0 14px}
#tnb .tnb_cart{border-right:1px solid #ddd;}
#tnb .tnb_community{border-right:1px solid #ddd}
#tnb .tnb_community i{font-size:15px}
#tnb .tnb_community{background:#e7e7e7;font-weight:bold;}
#tnb .tnb_community:focus, #tnb .tnb_community:hover {color:#333;border-bottom:0}
#tnb .tnb_community a{color:#253dbe;border-bottom:1px solid #e7e7e7}
#tnb .all-search {cursor:pointer;}


/* 메인메뉴 */
#gnb {position:relative}
#gnb h2{position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb .gnb_wrap{margin:0 auto;position:relative}
#gnb #gnb_1dul {font-size:17px;text-align:center;}
#gnb .gnb_1dli {display:inline-block;position:relative;}
.mbtn_block {position:absolute;z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;border:0;background:none;display:none;}
.gnb_1da {display:block;width:auto;font-weight:bold;color:#000;text-decoration:none;padding:15px;font-family:'Noto Sans KR';}
.gnb_1da img {display:none;}
.gnb_2dli {}
.gnb_2dli:first-child{border:0}
.gnb_2dul {position:absolute;top:90%;left:50%;transform:translateX(-50%);min-width:160px;padding:20px 0;background:#4158d1;display:none;}
.gnb_2dul::before {content:'';display:block;border:10px solid transparent;border-bottom:10px solid #4158d1;position:absolute;bottom:100%;right:50%;transform:translateX(50%);}
.gnb_2da {display:block;width:auto;padding:0 10px 8px 10px;font-size:14px;color:#fff;text-align:center;text-decoration:none;font-family:'Noto Sans KR';}
/* .gnb_2dli:last-child .gnb_2da {padding-bottom:0;} */
.gnb_2da:hover{}
.gnb_2da:focus, .gnb_2da:hover {}
.gnb_1dli:hover .gnb_2dul {top:100%;display:block;}

.gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em;color:#fff}
.gnb_wrap .gnb_empty a {color:#fff;text-decoration:underline}
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a{color:#555}

#gnb .gnb_menu_btn{background:#4158d1;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px}
#gnb .gnb_close_btn{background:#4158d1;color:#fff;width:50px;height:50px;border:0;vertical-align:top;font-size:18px;position:absolute;top:-50px;left:0}
#gnb .gnb_mnal{padding:0}

#gnb_all{display:none;position:absolute;width:100%;z-index:99;}
#gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb_all .gnb_al_ul {background:#fff;border:1px solid #4158d1;padding:20px;-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.2);-moz-box-shadow:  0 2px 5px rgba(0,0,0,0.2);box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
#gnb_all .gnb_al_li {background:#fff;float:left;min-width:20%;padding:5px }
#gnb_all .gnb_al_li .gnb_al_a {font-size:1.083em;padding:10px;display:block;position:relative;margin-bottom:10px;background: #eff1f9;border-bottom: 1px solid #dee2f1;font-weight: bold;color:#243071}
#gnb_all .gnb_al_li li {padding-left:10px;line-height:2em}
#gnb_all .gnb_al_li li a {color:#555}


.sub-top-banner {width:100%;}
.sub-top-banner > div {max-width:100%;width:100%;height:200px;position:relative;margin:0 auto;}
.sub-top-banner.bg10 > div {background:url('/img/sub-top-banner1.jpg') center center / cover repeat;}
.sub-top-banner.bg20 > div {background:url('/img/sub-top-banner2.jpg') center center / cover repeat;}
.sub-top-banner.bg30 > div {background:url('/img/sub-top-banner3.jpg') center center / cover repeat;}
.sub-top-banner.bg40 > div {background:url('/img/sub-top-banner4.jpg') center 60% / cover repeat;}
.sub-top-banner.bg50 > div {background:url('/img/sub-top-banner5.jpg') center center / cover repeat;}
.sub-top-banner.bg60 > div {background:url('/img/sub-top-banner5.jpg') center center / cover repeat;}
.sub-top-banner.bg70 > div {background:url('/img/sub-top-banner6.jpg') center 25% / cover repeat;}
.sub-top-banner.bg80 > div {background:url('/img/sub-top-banner7.jpg') center 65% / cover repeat;}
.sub-top-banner.noimg > div {background:url('/img/sub-top-banner7.jpg') center center / cover repeat;}
.subpage-navi-box {font-size:0;position:relative;z-index:50;max-width:1200px;margin:0 auto;transform:translateY(-100%);background:rgba(255,255,255,.9);border-bottom:1px solid #ebebeb;display:flex;flex-direction:row;}
.subpage-navi-box > div {border-right:1px solid #ebebeb;}
.subpage-navi-box > div > h3 {padding:12px 20px;padding-right:50px;background:#fff;font-size:17px;cursor:pointer;}
.subpage-navi-box > div > h3::after {content:'';display:block;width:6px;height:6px;border-right:2px solid #999;border-bottom:2px solid #999;position:absolute;top:50%;right:20px;transform:translateY(-50%) rotate(45deg);}
.subpage-navi-box [class*='-box'] ul {position:absolute;top:calc(100% + 1px);left:0;right:0;background:#383a4a;z-index:100;font-size:0;max-height:0;transition:all .5s;-webkit-transition:all .5s;overflow:hidden;}
.subpage-navi-box [class*='-box'] ul > li {transform:translateY(-10px);transition:all .5s;-webkit-transition:all .5s;}
.subpage-navi-box [class*='-box']:hover ul > li {transform:translateY(0);}
.subpage-navi-box [class*='-box'] ul > li:last-child {border-bottom:0;}
.subpage-navi-box [class*='-box'] ul > li > a {display:block;width:auto;padding:8px;font-size:12px;font-family:'Noto Sans KR';color:#fff;}
.subpage-navi-box [class*='-box'] ul > li:hover > a {background:#4158d1;color:#fff;}

.subpage-navi-box .home-box {position:relative;min-width:60px;}
.subpage-navi-box .home-box > a {position:absolute;top:0;left:0;width:100%;height:100%;background:#4158d1 url('/img/home.png') center center no-repeat;padding:0;}

.subpage-navi-box .one-box {position:relative;min-width:220px;}
.subpage-navi-box .one-box > h3 {color:#aaa;}
.subpage-navi-box .one-box > h3::after {border-color:#aaa;}
.subpage-navi-box .one-box .subpage-navi-list > li {}
.subpage-navi-box .one-box .subpage-navi-list > li:nth-child(odd) {}

.subpage-navi-box .two-box {position:relative;min-width:220px;}
.subpage-navi-box .two-box > h3 {}
.subpage-navi-box .two-box > h3::after {border-color:#41478f;}
.subpage-navi-box .two-box > h3::before {content:'';display:block;width:100%;height:2px;background:#41478f;position:absolute;bottom:-1px;left:0;}
.subpage-navi-box .two-box .subpage-navi-list > li {}




/* 중간 레이아웃 */
#wrapper{}
#container_wr:after {display:block;visibility:hidden;clear:both;content:""}
#container_wr {z-index:5;margin:0 auto;height:100%;zoom:1}
#container {z-index:4;position:relative;}
#container_title {font-size:1.333em;margin:0 auto;font-weight:bold;}
#container_title span{margin:0 auto 10px;display:block;line-height:30px;}

.lt_wr{width:49%}
.lt_wr:nth-child(2n+1){clear:both}
.latest_wr:after {display:block;visibility:hidden;clear:both;content:""}
#bo_v_con * {font-family:'Noto Sans KR';}

.submenulist {font-size:0;max-width:1200px;width:100%;margin:0 auto;transform:translateY(-50%);position:relative;z-index:5;background:#fff;box-shadow:5px 5px 15px rgba(0,0,0,.1);}
.submenulist > li {font-size:12px;display:inline-block;vertical-align:middle;text-align:center;}
.submenulist.col3 > li {width:33.33%}
.submenulist.col4 > li {width:25%;}
.submenulist.col5 > li {width:20%}
.submenulist.col6 > li {width:16.66%;}
.submenulist > li > a {display:block;width:auto;padding:20px 10px;position:relative;line-height:1.4;}
.submenulist > li > a::after {content:'';display:block;width:1px;height:50%;background:#ccc;position:absolute;top:50%;right:0;transform:translateY(-50%);}
.submenulist > li:last-child > a::after {display:none;}
.submenulist > li > a > p {font-size:11px;color:#999;}
.submenulist > li > a > h3 {font-size:24px;}


.mainbanner{position:relative;overflow:hidden;}
.mainbanner ul {}
.mainbanner ul.mainbannerlist > li {}
.mainbanner ul.mainbannerlist > li > a {display:block;width:auto;height:450px;position:relative;overflow:hidden;}
.mainbanner ul.mainbannerlist > li > a img {width:100%;height:auto}
.mainbanner ul.mainbannerlist > li > a::after {content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:1;}
.mainbanner ul.mainbannerlist > li .textbox {position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);text-align:center;max-width:100%;width:100%;z-index:2;}
.mainbanner ul.mainbannerlist > li .textbox .title {display:inline-block;padding:5px 20px;font-size:12px;font-weight:bolder;color:#fff;background:#4158d1;border-radius:30px;margin-bottom:10px;font-family:'Noto Sans KR';}
.mainbanner ul.mainbannerlist > li .textbox .title strong {font-weight:900;font-family:'Noto Sans KR';}
.mainbanner ul.mainbannerlist > li .textbox .goodcon {display:block;font-size:26px;color:#fff;line-height:1.5;font-weight:700;white-space:pre-line;}
.mainbanner ul.mainbannerlist > li .textbox .goodcon p {word-break:keep-all;font-family:'Nanummj';line-height:1.4;}
.mainbanner .moreWrap {position:absolute;z-index:2;top:0%;right:0%;display:flex;align-items:center;}
.mainbanner .more,
.mainbanner .writer,
.mainbanner .save,
.mainbanner .cancel {font-weight:700;font-style:italic;background:#4158d1;color:#fff;padding:5px 15px;border:0;}
.mainbanner .more {background:#4158d1;}
.mainbanner .save,
.mainbanner .writer {background:#1c2972;}
.mainbanner .cancel {background:#ff1100;}
.mainbanner .writeWrap {position:absolute;z-index:10;max-width:1200px;width:100%;left:50%;top:calc(50% - 25px);transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:10px;align-items:flex-start;}
.mainbanner .writeWrap .inputControl {padding:5px 10px;background:#FFF;border-radius:3px;border:1px solid #ccc;width:100%;}
.mainbanner .writeWrap textarea.inputControl {min-height:100px;resize:none;}
.mainbanner .writeWrap .date {width:150px;}
.mainbanner .writeWrap .text-subject {width:200px;}
.mainbanner .writeWrap .text-content {width:100%;}
@media all and (max-width:640px){
	.mainbanner ul.mainbannerlist > li {background-size:auto 120%!important;}
	.mainbanner ul.mainbannerlist > li > a {height:auto;padding-bottom:120%;}
	.mainbanner ul.mainbannerlist > li .textbox {width:80%;}
	.mainbanner ul.mainbannerlist > li .textbox .title {margin-bottom:3vw;}
	.mainbanner ul.mainbannerlist > li .textbox .title strong {font-size:4vw;}
	.mainbanner ul.mainbannerlist > li .textbox .goodlist {font-size:4vw;font-weight:500;margin:3vw auto;}
	.mainbanner ul.mainbannerlist > li .textbox .goodcon {font-size:4.5vw;}
}

.lat_recitation {position:relative;padding-bottom:50px;background:#dee4ec;}
.lat_recitation .moreWrap {position:absolute;z-index:2;top:0%;right:0%;display:flex;align-items:center;}
.lat_recitation .more,
.lat_recitation .writer,
.lat_recitation .save,
.lat_recitation .cancel {font-weight:700;font-style:italic;background:#4158d1;color:#fff;padding:5px 15px;border:0;}
.lat_recitation .more {background:#4158d1;}
.lat_recitation .save,
.lat_recitation .writer {background:#1c2972;}
.lat_recitation .cancel {background:#ff1100;}
.lat_recitation .writeWrap {position:absolute;z-index:10;max-width:1200px;width:100%;left:50%;top:calc(50% - 25px);transform:translate(-50%,-50%);display:flex;gap:10px;align-items:center;padding-left:230px;}
.lat_recitation .writeWrap .inputControl {padding:5px 10px;background:#FFF;border-radius:3px;border:1px solid #ccc;width:100%;}
.lat_recitation .writeWrap .date {width:150px;}
.lat_recitation .writeWrap .text {width:calc(100% - 150px);}
.lat_recitation * {font-family:'Noto Sans KR';}
.lat_recitation ul {display:block;max-width:1200px;width:100%;margin:0 auto;}
.lat_recitation li {position:relative;font-size:0;padding:30px 0;}
.lat_recitation li span {display:inline-block;vertical-align:middle;font-size:16px;}
.lat_recitation li .lt_title {width:230px;font-weight:700;font-size:24px;}
.lat_recitation li .lt_subj {width:calc(100% - 330px);font-size:18px;font-weight:400;}
.lat_recitation li .lt_date {width:100px;}
.lat_recitation li a:hover{color:#a22121}
.lat_recitation  .empty_li{line-height:145px ;color:#666;text-align:center;padding:0;}
.lat_recitation  .empty_li:before{background:none;padding:0}
@media all and (max-width:640px){
	.lat_recitation {padding-bottom:35px;}
	.lat_recitation li {padding:30px 15px;}
	.lat_recitation li .lt_title {width:100%;font-weight:700;margin-bottom:10px;font-size:18px;}
	.lat_recitation li .lt_subj {width:calc(100% - 100px);font-size:14px;}
	.lat_recitation li .lt_date {width:100px;font-size:14px;text-align:right;}
}

.section-tabbox {position:relative;}
.section-tabbox::before {content:'';display:block;width:50%;height:100%;position:absolute;top:0;left:0;background:#f4f4f9;z-index:-1;}
.section-tabbox::after {content:'';display:block;width:50%;height:100%;position:absolute;top:0;right:0;background:#f5f5f5;z-index:-1;}
.section-tabbox > div {max-width:1200px;width:100%;margin:0 auto;display:flex;padding:50px 0;}
.section-tabbox > div > .tab-control-box {background:#f4f4f9;width:25%;position:relative;}
.section-tabbox > div > .tab-control-box .sectitlebox {position:absolute;top:50%;left:10px;transform:translateY(-50%);}
.section-tabbox > div > .tab-control-box .sectitlebox em {display:inline-block;font-size:13px;color:#404040;letter-spacing:2px;}
.section-tabbox > div > .tab-control-box .sectitlebox em::before {content:'';display:block;width:50%;height:1px;margin:0 auto;margin-bottom:5px;background:#404040;}
.section-tabbox > div > .tab-control-box .sectitlebox em::after {content:'';display:block;width:50%;height:1px;margin:0 auto;margin-top:5px;background:#404040;}
.section-tabbox > div > .tab-control-box .sectitlebox h2 {margin-top:20px;font-size:28px;color:#333;font-weight:900;letter-spacing:-1px;font-family:'Noto Sans KR';}
.section-tabbox > div > .tab-control-box .sectitlebox p {margin-top:40px;color:#8b8b8b;font-weight:300;}
.section-tabbox > div .tab-control-list {position:absolute;top:50%;right:0;transform:translateY(-50%);width:120px;}
.section-tabbox > div .tab-control-list > li {cursor:pointer;}
.section-tabbox > div .tab-control-list > li > a {display:block;width:auto;box-sizing:border-box;padding:10px 20px;font-weight:700;background:transparent;border-bottom:1px solid #e1e1e1;text-align:center;transition: all 0.3s ease;}
.section-tabbox > div .tab-control-list > li.active > a {background:#41478f;color:#fff;transform:translateX(10%);}
.section-tabbox > div > .tab-area-list {background:#f5f5f5;width:75%;}
.section-tabbox > div > .tab-area-list .tabbox {position:absolute;top:0;z-index:-1;opacity:0;visibility:hidden;}
.section-tabbox > div > .tab-area-list .tabbox.active {position:relative;z-index:1;opacity:1;visibility:visible;}



.section-class {position:relative;max-width:1200px;width:100%;margin:0 auto;}
.section-class > .sectitlebox {margin:50px auto;text-align:center;}
.section-class > .sectitlebox em {display:inline-block;font-size:13px;color:#404040;letter-spacing:2px;}
.section-class > .sectitlebox em::before {content:'';display:block;width:50%;height:1px;margin:0 auto;margin-bottom:5px;background:#404040;}
.section-class > .sectitlebox em::after {content:'';display:block;width:50%;height:1px;margin:0 auto;margin-top:5px;background:#404040;}
.section-class > .sectitlebox h2 {margin-top:20px;font-size:28px;color:#333;font-weight:900;letter-spacing:-1px;font-family:'Noto Sans KR';}
.section-class > .sectitlebox p {margin-top:40px;color:#8b8b8b;font-weight:300;}



.section-class .classwrap {}
.section-class .classwrap .classlist {display:flex;flex-direction:row;}
.section-class .classwrap .classlist > li {width:33.3%;background:#f5f5f5;border:1px solid #a5a5a5;margin:10px;}
.section-class .classwrap .classlist > li:nth-child(1) {background:url('/img/classlist01.jpg') center top / cover no-repeat;}
.section-class .classwrap .classlist > li:nth-child(2) {background:url('/img/classlist02.jpg') center top / cover no-repeat;}
.section-class .classwrap .classlist > li:nth-child(3) {background:url('/img/classlist03.jpg') center top / cover no-repeat;}
.section-class .classwrap .classlist > li > div {width:auto;}
.section-class .classwrap .classlist > li > div .classitem-title {background:rgba(255,255,255,.55);}
.section-class .classwrap .classlist > li > div .classitem-title .sectitlebox {padding:50px 10px;text-align:center;}
.section-class .classwrap .classlist > li > div .classitem-title .sectitlebox em {display:inline-block;font-size:13px;color:#404040;letter-spacing:2px;}
.section-class .classwrap .classlist > li > div .classitem-title .sectitlebox em::before {content:'';display:block;width:50%;height:1px;margin:0 auto;margin-bottom:5px;background:#404040;}
.section-class .classwrap .classlist > li > div .classitem-title .sectitlebox em::after {content:'';display:block;width:50%;height:1px;margin:0 auto;margin-top:5px;background:#404040;}
.section-class .classwrap .classlist > li > div .classitem-title .sectitlebox h2 {margin-top:10px;font-size:28px;color:#333;font-weight:900;letter-spacing:-1px;font-family:'Noto Sans KR';}
.section-class .classwrap .classlist > li > div .classitem-title .sectitlebox p {margin-top:20px;color:#333;font-weight:300;font-size:15px;font-family:'Noto Sans KR';}
.section-class .classwrap .classlist > li > div .classitem-content {text-align:left;margin:10px;background:rgba(255,255,255,.8);min-height:220px;}
.section-class .classwrap .classlist > li > div .classitem-content > ul {padding:0;}
.section-class .classwrap .classlist > li > div .classitem-content > ul > li {transition:all .1s;-webkit-transition:all .1s;}
.section-class .classwrap .classlist > li > div .classitem-content > ul > li:hover {background:#41478f;}
.section-class .classwrap .classlist > li > div .classitem-content > ul > li > a {display:block;padding:10px 30px;font-size:16px;font-family:'Noto Sans KR';font-weight:500;transition:all .1s;-webkit-transition:all .1s;color:#000;}
.section-class .classwrap .classlist > li > div .classitem-content > ul > li:hover > a {color:#fff;}



.section-gallery {background:#dee4ec;margin-top:50px;padding:50px 0;}
.section-gallery .sectitlebox {margin:20px auto;text-align:left;}
.section-gallery .sectitlebox em {display:inline-block;font-size:13px;color:#404040;letter-spacing:2px;}
.section-gallery .sectitlebox em::before {content:'';display:block;width:50%;height:1px;margin:0 auto;margin-bottom:5px;background:#404040;}
.section-gallery .sectitlebox em::after {content:'';display:block;width:50%;height:1px;margin:0 auto;margin-top:5px;background:#404040;}
.section-gallery .sectitlebox h2 {margin-top:20px;font-size:28px;color:#333;font-weight:900;letter-spacing:-1px;font-family:'Noto Sans KR';}
.section-gallery .sectitlebox p {margin-top:40px;color:#8b8b8b;font-weight:300;}

.section-gallery .gallerylist {font-size:0;position:relative;max-width:1200px;width:100%;margin:0 auto;}
.section-gallery .gallerylist > li {font-size:12px;display:inline-block;vertical-align:top;width:50%;}
.section-gallery .gallerylist > li:first-child {padding-right:10px;}
.section-gallery .gallerylist > li:last-child {padding-left:10px;}
.section-gallery .gallerylist > li > div {min-height:200px;}


@media screen and (max-width:640px){
	.section-gallery {margin-top:10vw;}
}


.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}

.underline {position:relative;display:inline-block;}
.underline span, .underline div, .underline p, .underline h3, .underline strong {display:inline-block;position:relative;z-index:2;}
.underline::after {content:'';width:105%;height:30%;bottom:0;left:50%;transform:translate(-50%,-50%);position:absolute;z-index:-1;background:#c0d1ff;border-radius:30px;}

.subcon_box {position:relative;width:100%;margin:30px auto 100px;padding:40px 55px;box-sizing:border-box;font-weight:300;color:#545454;font-size:17px;line-height:1.6;text-align:left;font-weight:500;}
.subcon_box.style01 {padding: 20px;border: 1px solid #dcdfe7;font-size:17px;}
.subcon_box.style01 em {display:block;color:#4158d1;font-size:24px;font-weight:700;letter-spacing:-1px;font-style:normal;word-break:keep-all;}
.subcon_box.style01 em p {font-size:22px;color:#333;font-weight:500;word-break:keep-all;}
.subcon_box.style01 .txt p {word-break:keep-all;}
.subcon_box.style01 h6 {font-size:15px;font-weight:500;margin-top:20px;}
.subcon_box.style01 > em + ul {margin: 10px 0 0 0;}
.subcon_box strong {font-size:40px;}
.subcon_box.list {padding-left:100px;background:#f7faff;margin:10px auto;}
.subcon_box.max800 {max-width:800px;}


.inner ul.subconlist > li {position:relative;display:block;padding-left:10px;font-weight:300;color:#54575a;text-align:left;word-break:keep-all;letter-spacing:-1px;line-height:2em;font-family:"Noto Sans KR";}
.inner ul.subconlist > li:before {position:absolute;top:16px;left:0px;content:"";width:3px;height:3px;background:#2b405b;}
.area_box .txt p {margin-top:20px;color:#555;font-size:17px;font-weight:100;letter-spacing:-0.5px;font-family:"Noto Sans KR";}



.flex {display:flex;flex-direction:row;}
.flex.flexcenter {align-items:center;}
.flex.col2 > span, .flex.col2 > div, .flex.col2 > li {width:50%;}
.flex.col3 > span, .flex.col3 > div, .flex.col3 > li {width:33.3%;}
.flex.col4 > span, .flex.col4 > div, .flex.col4 > li {width:25%;}
.flex.line {border:1px solid #ccc;}
.flex.writeform > label {width:80px;background:#eee;text-align:center;color:#888;height:40px;line-height:40px;}
.flex.writeform > div {width:calc(100% - 80px);}


[class*="table"] * {font-family:'Montserrat', 'Noto Sans KR';}

.table01 {margin-bottom:50px;}
.table01 h4 {position:relative;font-size:26px;margin-bottom:20px;font-weight:500;color:#141414;text-align:left;letter-spacing:-0.5px;line-height:1.8;}
.table01 p {position:relative;font-size:16px;margin-bottom:20px;font-weight:500;color:#141414;text-align:left;background:#f5f5f5;padding:20px;border:1px solid #dedede;}
.table01 table {width:100%;border-spacing:0;border-collapse:collapse;border-top:2px solid #0d3078;}
.table01 table th {background:#fafafa;border:1px solid #ddd;color:#1d1d1d;text-align:center;padding:13px 0;font-size:16px;font-weight:500;}
.table01 table td {border:1px solid #c6d2e9;color:#6e6e6e;text-align:center;padding:15px;font-size:13px;}
.table01.td-center table td {text-align:center;}
.table01.td-left table td {text-align:left;}



.kakaomapbox {position:relative;}
.kakaomapbox > div {width:100%;padding-bottom:56.25%;}
.kakaomapbox > div > div {position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.kakaomapbox > div > div.root_daum_roughmap .wrap_map {height:100%;}
.kakaomapbox > div > div.root_daum_roughmap .wrap_controllers {display:none;}



.steplist {position:relative;margin:20px 0;}
.steplist li {position:relative;display:inline-block;text-align:left;word-break:keep-all;letter-spacing:-1px;line-height:2em;padding: 10px 15px;margin: 5px 60px 5px 0 !important;font-weight: 500 !important;color: #4e7caa;border: 1px solid #b4c4dd;font-size:17px;}
.steplist li:after {content:'';top:50%;right:-35px;display:block;position:absolute;width:15px;height:15px;border-right:5px solid #4158d1;border-bottom:5px solid #253dbe;transform:translateY(-50%) rotate(-45deg);}
.steplist li:last-child:after {display:none;}








/* 하단 레이아웃 */

.bankBox {background:#fffff5;border-top:1px solid #DDD;}
.bankBox .bankWrap {max-width:1200px;width:100%;margin:0 auto;display:flex;gap:20px;align-items:center;justify-content:center;font-size:0;}
.bankBox .bankWrap > div {display:flex;align-items:center;flex:1;gap:10px;padding:15px 0;}
.bankBox .bankWrap > div:first-child {justify-content:flex-end;}
.bankBox .bankWrap .subj {font-weight:700;font-size:10px;padding:3px 6px;border-radius:5px;background:#4158d1;color:#FFF;line-height:1;}
.bankBox .bankWrap .content {display:flex;align-items:center;gap:5px;}
.bankBox .bankWrap .content .name {font-size:14px;font-weight:700;line-height:1;font-family: 'Noto Sans KR';color:#ffa212;}
.bankBox .bankWrap .content .number {font-size:18px;font-weight:700;line-height:1;}

#ft {border-top:1px solid #ddd;background:#f9ffff;padding:60px 10px;margin:0 auto;text-align:center;border-bottom:5px solid #4158d1;}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {margin:0 auto;position:relative;}
#ft_link {padding:15px 0;background:#222;}
#ft_link a {display:inline-block;padding:0 8px;line-height:1.083em;font-weight:bold;color:#fff;}
#ft_catch {margin:20px 0 10px}
#ft_name {font-size:28px;color:#999;line-height:1.6;margin-bottom:20px;font-weight:900;}
#ft_copy {color:#555;font-size:1.25em;}
#ft_copy .adminlink {margin-left:10px;display:inline-block;vertical-align:middle;font-size:10px;padding:3px 6px;background:#4158d1;color:#fff;border-radius:5px;}
#ft_addr {color:#999;line-height:1.6;}
#ft_addr > div {padding-bottom:5px;}
#ft_addr > div strong {font-size:1.3em;margin-right:10px;color:#555;}
#ft_addr > div span {font-size:1.3em;}
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #3279BE;border-radius:50%;text-align:center;z-index:90;background:rgba(50,121,190,0.5);outline:none;}
#top_btn:hover{background:rgba(50,121,190,0.9);}

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove  .win_desc {text-align:center;display:block}
#copymove  .tbl_wrap{margin:20px }
#copymove  .win_btn{padding:0 20px 20px}
.copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat  0 -40px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../img/captcha2.png') no-repeat 0 0 ;  vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 버튼 */
a.btn,.btn{display:inline-block;padding:10px 25px;text-align:center;font-weight:bold;border:0;font-size:12px;}
a.btn01 {display:inline-block;padding:10px 25px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:10px 25px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:10px 25px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:10px 25px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */
/* .btn_submit {display:inline-block;vertical-align:middle;border:1px solid #25282d;background:#41464e;color:#fff;cursor:pointer;} */
.btn_submit {display:inline-block;background:#4158d1;color:#fff;text-decoration:none;border:1px solid #232323;vertical-align:middle}

a.btn_cancel {display:inline-block;background:#92999e;border:1px solid #92999e;color:#fff;text-decoration:none;vertical-align:middle;}
button.btn_cancel {display:inline-block;background:#92999e;border:1px solid #92999e;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa;
}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:40px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;background:#41464e;color:#fff;text-decoration:none;border:1px solid #232323;vertical-align:middle}
a.btn_b02,.btn_b02 {display:inline-block;background:#41464e;color:#fff;text-decoration:none;border:1px solid #232323;vertical-align:middle;}
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_admin,.btn_admin {display:inline-block;background:#4158d1;color:#fff;text-decoration:none;border:1px solid #232323;vertical-align:middle} /* 관리자 전용 버튼 */


/*컬러*/
.color_1 {background:#169dd6}
.color_2 {background:#14d53d}
.color_3 {background:#3814ff}
.color_4 {background:#7520c5}

/* 기본테이블 */
.board-title-box {display:block;padding:30px;font-size:24px;font-weight:900;text-align:center;}
.board-title-box p {font-size:14px;font-weight:300;color:#acacac;margin-top:20px;}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0;}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:10px 0;border-top: 2px solid #505c78;padding:15px 10px;background:#f9fafb;border-bottom:1px solid #d2d7dc;font-weight:300;color:#222;}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8}
.tbl_head01 td {color:#666;background:#fff;padding:10px 0;border-bottom:1px solid #ecf0f1;line-height:1.4em;word-break:break-all}
.tbl_head01 a {transition:all .35s;-webkit-transition:all .35s;font-size:13px;font-weight:500;}
.tbl_head01 a:hover {}
.tbl_head01 * {font-family:'Montserrat','Noto Sans KR';}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #eee;background:#fff;color:#000;vertical-align:middle;padding:5px;outline:none;font-size:14px;}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px;}

.full_input{width:100%}
.half_input{width:49.5%}
.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본 리스트*/
.list_01 li{border:1px solid #dbdbdb;background:#fff;border-radius:3px;margin:3px 0;padding:10px 15px;list-style:none;position:relative;}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover{background:#f9f9f9}
.list_01 li.empty_li{text-align:center;padding:20px 0;color:#666}
/*폼 리스트*/
.form_01 h2 {margin:0 0 10px;font-size:1.865em}
.form_01 li {margin:10px 0}
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 li .right_input{float:right}
.form_01 li.is_captcha_use {text-align:center;}
.form_01 textarea{height:100px;width:100%}
.form_01 .frm_label{display:inline-block;width:130px}

/* 자료 없는 목록 */
.empty_table {padding:200px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;color:#666;text-align:center}

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png')  !important;background-repeat:no-repeat   !important;background-position:right top  !important;}

/* 테이블 항목별 정의 */
.td_board {width:80px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:80px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {position:relative;}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background:#333;color:#fff;}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {border-right:1px solid #dfe6e7;}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;background:#fff;width:33.333%;text-align:center;border:1px solid #ccc;margin-left:-1px}
.new_win .win_ul li a{display:block;padding:10px 0}
.new_win .win_ul .selected{background:#fff;border-color:#253dbe;position:relative;z-index:5}
.new_win .win_ul .selected a{color:#253dbe;font-weight:bold}
.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db;}
.new_win .frm_info{font-size:0.92em;color:#3598db}
.new_win .win_total{text-align:right;margin:10px 0}
.new_win .win_total span{display:inline-block;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}
.new_win .new_win_con{margin:20px;}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn{text-align:right}
.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:40px;font-weight:bold;font-size:1.083em;float:right}

/* 검색결과 색상 */
.sch_word {color:#4158d1;}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333;
-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);}
.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0  10px;line-height:30px;width:100px;font-weight:normal;color:#bbb }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_member{color:#333}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:30px 0 ;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#fff;border:1px solid #ddd;}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#777;width:30px;height:30px;line-height:30px;padding:0 5px;text-decoration:none;}
.pg_page:hover{background-color:#ddd}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;color:#4158d1;font-weight:bold;width:30px;height:30px;line-height:30px;padding:0 10px;border:1px solid #4158d1;}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}



/* 애니메이션 */
@-moz-keyframes jelly {
	from {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);}
}
@-webkit-keyframes jelly {
	from {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);}
}
@-o-keyframes jelly {
	from {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);}
}
@keyframes jelly {
	from {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);}
}




/* 반응형 코드 */

@media all and (max-width:1024px){

	/* 헤드&내비게이션 */
	#hd_wrapper {padding-bottom:8%;height:auto;}
	#logo {left:10px;transform:translate(0,-50%);font-size:3vw;}
	#logo img {width:5vw;}

	#gnb {position:fixed;top:0;left:0;z-index:500;width:100%;height:100%;opacity:0;visibility:hidden;transition:all .35s;-webkit-transition:all .35s;}
	#gnb.active {opacity:1;visibility:visible;}
	#gnb h2 {top:0;left:-100%;width:100%;height:100%;background:rgba(65,71,143,.95);}
	#gnb.active h2 {left:0;}
	.mobile-nav-btn {right:10px;top:4.5vw;width:45px;height:24px;opacity:1;visibility:visible;}
	.mobile-nav-btn.on {position:fixed;z-index:550;top:5.5vw;right:12px;}
	.mobile-nav-btn.on > span {background:#fff;}
	#gnb .gnb_wrap {position:absolute;top:50%;right:50%;transform:translate(50%,-50%);max-width:none;width:auto;}
	#gnb #gnb_1dul {font-size:17px;text-align:left;}
	.mbtn_block {display:block;}
	.gnb_1dli.active .mbtn_block {display:none;}
	#gnb .gnb_1dli:first-child {border-top:1px solid rgba(255,255,255,.1);}
	#gnb .gnb_1dli {display:block;padding:0;border-bottom:1px solid rgba(255,255,255,.1);opacity:0;padding-left:10px;transition:all .35s;-webkit-transition:all .35s;}
	#gnb.active .gnb_1dli:nth-child(1) {opacity:1;padding-left:0;}
	#gnb.active .gnb_1dli:nth-child(2) {opacity:1;padding-left:0;transition-delay:.1s;}
	#gnb.active .gnb_1dli:nth-child(3) {opacity:1;padding-left:0;transition-delay:.2s;}
	#gnb.active .gnb_1dli:nth-child(4) {opacity:1;padding-left:0;transition-delay:.3s;}
	#gnb.active .gnb_1dli:nth-child(5) {opacity:1;padding-left:0;transition-delay:.4s;}
	#gnb.active .gnb_1dli:nth-child(6) {opacity:1;padding-left:0;transition-delay:.5s;}
	#gnb.active .gnb_1dli:nth-child(7) {opacity:1;padding-left:0;transition-delay:.6s;}
	#gnb.active .gnb_1dli:nth-child(8) {opacity:1;padding-left:0;transition-delay:.7s;}
	#gnb.active .gnb_1dli:nth-child(9) {opacity:1;padding-left:0;transition-delay:.8s;}

	.gnb_1dli:hover .gnb_2dul {display:none;}
	.gnb_1dli.active .gnb_2dul {display:block;}
	.gnb_1da {color:#fff;padding:10px 25px 10px 10px;}
	.gnb_1da img {display:inline-block;max-width:10px;margin-left:10px;}
	.gnb_2dul {position:relative;transform:none;top:auto;left:auto;opacity:1;visibility:visible;background:rgba(255,255,255,.2);padding:10px 0;}
	.gnb_2dul::before {display:none;}
	.gnb_2da {text-align:left;position:relative;padding:10px 8px;}

	/* 레이어 */
	.max1200 {padding:0 10px;}


	/* 메인컨텐츠*/
	.section-tabbox > div {flex-direction:column;}
	.section-tabbox > div > .tab-control-box {width:100%;}
	.section-tabbox > div .tab-control-list {top:110%;left:50%;right:auto;transform:translateX(-50%);width:100%;font-size:0;}
	.section-tabbox > div .tab-control-list > li {display:inline-block;vertical-align:middle;width:33.3%;font-size:15px;}
	.section-tabbox > div .tab-control-list > li > a {border-top:1px solid #e1e1e1;}
	.section-tabbox > div .tab-control-list > li.active > a {transform:none;}
	.section-tabbox > div > .tab-area-list {width:100%;margin-top:60px;}
	.section-tabbox > div > .tab-control-box .sectitlebox {position:relative;top:auto;left:auto;transform:none;text-align:center;}

  .mainbanner ul.mainbannerlist > li .textbox {width:95%;}
  .mainbanner ul.mainbannerlist > li .textbox .goodcon {display:flex;flex-direction:column;gap:5px;}
	.mainbanner ul.mainbannerlist > li .textbox .goodcon p {display:inline;vertical-align:middle;}

}


@media all and (max-width:640px){

	#logo {font-size:4.5vw}
	.mobile-nav-btn {top:7vw;right:10px;width:12vw;height:5vw;}
    .mobile-nav-btn.on {top: 10vw;}
	#hd_wrapper {padding-bottom:12%;}
	

	.flex {flex-direction:column;}
	.flex.writeform {flex-direction:row;}
	.flex.col2 > span, .flex.col2 > div, .flex.col2 > li {width:100%;}


	/* 헤드&네비게이션 */
	.gnb_1da {color:#fff;padding:2vw;}
	.gnb_1da img {display:inline-block;max-width:2.5vw;margin-left:3vw;}


	/* 서브 내비게이션 */
	.subpage-navi-box {font-size:0;position:relative;z-index:50;max-width:1200px;margin:0 auto;transform:translateY(-100%);background:rgba(255,255,255,.9);border-bottom:1px solid #ebebeb;display:flex;flex-direction:row;}
	.subpage-navi-box > div > h3 {padding:4vw 2vw;padding-right:5vw;font-size:3vw;}
	.subpage-navi-box [class*='-box'] ul > li > a {display:block;width:auto;padding:1vw 3vw;font-size:2.8vw;font-family:'Noto Sans KR';color:#fff;}

	.subpage-navi-box .home-box {position:relative;min-width:auto;width:20%;}
	.subpage-navi-box .home-box > a {position:absolute;top:0;left:0;width:100%;height:100%;background:#4158d1 url('/img/home.png') center center no-repeat;padding:0;}

	.subpage-navi-box .one-box {position:relative;min-width:auto;width:40%;}
	.subpage-navi-box .one-box > h3 {font-size:3vw;}

	.subpage-navi-box .two-box {position:relative;min-width:auto;width:40%;}
	.subpage-navi-box .two-box > h3 {font-size:3vw;}


	/* 기본테이블 */
	.board-title-box {display:block;padding:5vw;font-size:6vw;font-weight:900;text-align:center;}
	.board-title-box p {font-size:4vw;font-weight:300;color:#acacac;margin-top:5vw;}

	.table01 {margin-bottom:5vw;}
	.table01 h4 {font-size:5vw;margin-bottom:2vw;}
	.table01 table th {font-size:3.4vw;word-break:keep-all;}
	.table01 table td {font-size:4vw;}

	/* 메인컨텐츠 */
	.submenulist > li > a > p {font-size:2.2vw;letter-spacing:-1px;}
	.submenulist > li > a > h3 {font-size:3vw;}

	.section-class .classwrap .classlist > li > div .classitem-title .sectitlebox {padding:10vw;}
	.section-class .classwrap .classlist > li > div .classitem-title .sectitlebox em {font-size:2.5vw;}
	.section-class .classwrap .classlist > li > div .classitem-title .sectitlebox h2 {font-size:4vw;margin-top:2vw;}
	.section-class .classwrap .classlist > li > div .classitem-title .sectitlebox p {font-size:3vw;margin-top:2vw;}

	.section-class .classwrap .classlist {flex-direction:column;text-align:center;}
	.section-class .classwrap .classlist > li {width:95%;box-sizing:border-box;}
	.section-class .classwrap .classlist > li > div .classitem-content > ul > li > a {padding:2vw;font-size:3.5vw;text-align:center;}
	.section-class .classwrap .classlist > li > div .classitem-content {min-height:auto;}


	.section-gallery .sectitlebox {text-align:center;}
	.section-gallery .gallerylist > li {width:100%;}
	.section-gallery .gallerylist > li:first-child {padding:0;}
	.section-gallery .gallerylist > li:last-child {padding:0;}


	.table01 p {font-size:4vw;}
	.steplist {position:relative;margin:5vw 0;}
	.steplist li {position:relative;display:inline-block;text-align:left;word-break:keep-all;letter-spacing:-1px;line-height:1.4;padding:2vw;margin:1vw!important;font-size:4vw;border:0;}
	.steplist li:after {content:'';top:50%;right:-2.5vw;display:block;position:absolute;width:3vw;height:3vw;border-right:1vw solid #4158d1;border-bottom:1vw solid #253dbe;transform:translateY(-50%) rotate(-45deg);border-radius:3px;}
	.steplist li:last-child:after {display:none;}

	.subcon_box.style01 em {font-size:4vw;}
	.subcon_box.style01 h6 {font-size:5vw;text-align:left;}
	

	/* 푸터 */
    .bankBox .bankWrap {flex-direction:column;gap:.4rem;padding:1rem 0;}
    .bankBox .bankWrap > div {padding:0;}
    .bankBox .bankWrap .subj {padding: .2rem .4rem;font-size:.6rem;}
    .bankBox .bankWrap .content .number {font-size:1rem;}
    .bankBox .bankWrap .content .name {font-size:.8rem;}
	#ft_addr > div {padding-bottom:0;}
	#ft_addr > div span {font-size:1em;}
}