body {width:100%;min-width:320px;font-family:'Pretendard', 'xeicon', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-family:'Pretendard', 'xeicon', sans-serif;}
.frm_input, input[type=text], input[type=password], input[type=submit], 
textarea, select, button {font-family:'Pretendard', 'xeicon', sans-serif;}
.frm_input, input[type=text], input[type=password], textarea, select, button {font-size:15px;}
input[type=text], input[type=password], input[type=submit], input[type=image], button, textarea {-webkit-appearance:none}
select {background:none;}

#hd_pop {width:100% !important;max-width:1200px}
#hd_pop .hd_pops_con img {width:100%;height:auto}
#copymove .tbl_head01 thead th, #copymove .tbl_head01 td {font-size:1.167em}
a.btn, .btn {display:inline-block;font-weight:normal;font-size:1.083em}

#container_vis .bg_vis {overflow:hidden;position:relative;width:100%;height:100%}
#container_vis .bg_vis li {display:none;position:absolute;left:0;top:0;z-index:50;width:100%;height:100%;background-size:cover !important}
#container_vis .txt_vis {position:relative;width:100%;max-width:1200px;height:auto;margin:0 auto}
#container_vis .txt_vis > div {/* display:none; */position:absolute;z-index:60}
#modal_bg {display:none;position:fixed;left:0;top:0;z-index:1000;width:100%;height:100%;background:rgba(0,0,0,0.65)}
#blackback {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); z-index:998; overflow-y:auto;}
.sound_only2{display:inline-block !important; overflow:hidden !important; position:relative !important; z-index:-1 !important; width:1px !important; height:1px !important; border:0 !important; clip:rect(1px, 1px, 1px, 1px) !important; clip-path:inset(50%) !important; }
.ctt{padding:0 !important; margin:0 !important;}

.nbg {background:none !important}
.dpb_m{display:none}
.dpb_pc{display:none}
.al{text-align:left !important;}
.w100 {width:100%}
.inputw10 {width:9.5%}
.inputw20 {width:19.5%}
.inputw30 {width:29.5%}
.inputw70 {width:69.5%}
.inputw80 {width:79.5%}
.inputw90 {width:89.5%}
.boarda_btn li{cursor:pointer}
.n_con{display:none}
.n_con.tabsel{display:block}

/* 댓글 */
.bo_vc .cmt_contents {font-size:1.25em}

/* 헤더 */
#header{width:100%; background:#fff}
.header_top{width:100%; background:#fff; position:relative}
.header_top:after{display:block; clear:both; content:''}
.header_top .ht_link{float:left; border-radius:3px; display:inline-block; line-height:37px; color:#fff; font-size:1.25em; background:#296dea; padding:0 18px; transition:all 0.5s ease}
.header_top .ht_link span{display:inline-block; padding-left:23px; position:relative}
.header_top .ht_link span:after, .header_top .ht_link span:before{position:absolute; left:0; top:0; width:23px; height:100%; background:url(../images/icon_home.svg) left center no-repeat; background-size:14px auto; content:''}
.header_top .ht_link:hover{background:#673AB7;}
.header_top .h_adm{float:right;}
.header_top .h_adm li{float:left}
.header_top .h_adm li a{font-size:1.208em; color:#898989; display:block}
.header_top .h_adm li a span {display:inline-block;position:relative}
.header_top .h_adm li.ht_login a span:after {background:url(../images/icon_login.svg) left center no-repeat; background-size:15px auto}
.header_top .h_adm li.ht_logout a span:after {background:url(../images/icon_login.svg) right center no-repeat; background-size:15px auto; transform:rotate(180deg)}
.header_top .h_adm li.ht_join a span:after {background:url(../images/icon_join.svg) left center no-repeat; background-size:14px auto}
.header_top .h_adm li.ht_mypage a span:after {background:url(../images/icon_mypage.svg) left center no-repeat; background-size:17px auto}
.header_top .h_adm li.nt_sitemap a span:after {background:url(../images/icon_stm.svg) left center no-repeat; background-size:11px auto}
.header_top .logo{display: flex;
    width: 240px;
    height: 74px;
    /* line-height: 74px; */
    clear: both;
    align-items: center;}
.header_top .logo a{display:block; padding:0 15px;}

/* 메뉴 */
#header .hd_menu_bg {display:none;overflow:hidden;position:absolute;left:0;top:196px;z-index:500;width:100%;background:rgba(255,255,255,0.98)}
#header .hd_menu_bg:before {position:absolute;left:0;top:0;z-index:100;width:100%;height:1px;background:#ccc;content:""}
#header .hd_menu_bg:after {position:absolute;left:0;bottom:0;z-index:100;width:100%;height:1px;background:#ccc;content:""}
#header .container_menu {position:relative}
#hd_menu {display:none;position:absolute;top:0;left:0;z-index:1000;width:100%;background:#fff; border-top:2px solid #673AB7;}
#hd_menu .main_menu > li{border-bottom:1px solid #ddd}
#hd_menu .main_menu > li > a {display:block;padding:2% 0 2% 8%;font-size:1.417em;line-height:40px;color:#333}
#hd_menu .main_menu > li.on{background:#673AB7;}
#hd_menu .main_menu > li.on > a {color:#fff}
#hd_menu .sub_menu {display:none;overflow:hidden;background:#f5f5f5}
#hd_menu .sub_menu > ul{padding:10px 0}
#hd_menu .sub_menu > ul > li{position:relative;}
#hd_menu .sub_menu > ul > li:after{position:absolute; left:10%; top:16px; width:3px; height:3px; border-radius:50%; background:#673AB7; content:''}
#hd_menu .sub_menu > ul > li > a {display:block;padding-left:calc(10% + 10px); font-size:1.333em; line-height:34px; color:#555}
#hd_menu .sub_menu > ul > li.on > a {color:#673AB7;}

/* 메인 비주얼 */
.visual{position:relative; height:310px; overflow:hidden}
.visual:after{display:block; clear:both; content:''}
.visual .txt_vis > div{right:0; width:100%; padding-right:20px; text-align:right}
.visual .txt_vis > div p{color:#fff}
.visual .txt_vis > div.mvis_txt01{top:35px;}
.visual .txt_vis > div.mvis_txt01 p{font-size:2.883em; 	
text-shadow: 2px 3px 2px rgba(0,0,0,0.5);}
.visual .txt_vis > div.mvis_txt02{top:60px; 	
text-shadow: 2px 3px 2px rgba(0,0,0,0.5);}
.visual .txt_vis > div.mvis_txt02 p{font-size:5em; font-weight: 600;}
.visual .mc_btn{position:absolute; left:0; top:130px; width:100%; z-index:100; padding:0 8px}
.visual .mc_btn li{float:left; width:25%; background-size:100% auto !important; transition:all 0.3s ease-in-out; margin-top:15px }
.visual .mc_btn li a{position:relative; width:100%; padding-bottom:106.5%; display:block}
.visual .mc_btn li a span{position:absolute; left:0; top:52%; line-height:1.3; width:100%; 
text-align:center; color:#fff; font-size:2em; font-family:'Pretendard', 'xeicon', sans-serif; letter-spacing:-0.7px}
.visual .mc_btn li.mcbtn01{background:url(../images/bg_visbtn01.png) center top no-repeat}
.visual .mc_btn li.mcbtn02{background:url(../images/bg_visbtn02.png) center top no-repeat}
.visual .mc_btn li.mcbtn03{background:url(../images/bg_visbtn03.png) center top no-repeat}
.visual .mc_btn li.mcbtn04{background:url(../images/bg_visbtn04.png) center top no-repeat}
.visual .mc_btn li:hover{margin-top:0; margin-bottom:20px}
.visual .dot_vis{position:absolute; bottom:33px; left:0; z-index:360; width:100%}
.visual .dot_vis > div{display:table; margin:0 auto}
.visual .dot_vis button{float:left; margin-left:9px; width:9px; height:9px; border-radius:9px; background:#fff; border:0; opacity:0.7; cursor:pointer; transition:all 0.3s ease-in-out;}
.visual .dot_vis button:last-child{margin-right:0}
.visual .dot_vis button.selected{width:24px; opacity:1}



/* 메인 콘텐츠 */
.wrap_main .main_contents h3{font-size:2.167em; font-family:'Pretendard', 'xeicon', sans-serif; color:#333; font-weight:500; line-height:29px; padding-bottom:21px}
.main_contents .mcon01{padding:15px 15px 40px; position: relative; display: flex; flex-direction: row;}
.main_contents .mcon02{padding:15px 15px 40px; /* background:#f5f6f6;  */ position: relative; display: flex;  flex-direction: row;}
.mcon01 .mc_notice{position: relative;  width: 48%; margin-right: 2%;}
.mcon01 .mc_day{position: relative; width: 48%; margin-left: 2%;}
.mc_daybox01{display: flex; width:28%; background: #f4f4f4; float:left; height:250px; 
	  align-items: center; justify-content: center;flex-direction: column;}
.mc_daybox02{display: flex; width:70%; border:1px solid #000; float:right; padding:10px; height:250px; 
	  align-items: center; justify-content: center;}
.daybox_day{display:block; font-size:14px;}
.daybox_date{display:block;font-size:24px; font-weight:500}



.mcon02 .mc_event{position: relative; width: 48%; margin-right: 2%;}
.mcon02 .mc_time{position: relative; width: 48%; margin-left: 2%;}


.mc_eventbox{display: flex; width:100%; border:1px solid #000; float:right; padding:10px; height:230px; 
	  align-items: center; justify-content: center;}


@media screen and (max-width: 768px) {
.main_contents .mcon01, .main_contents .mcon02{display:flex; flex-direction:column;}
.mcon01 .mc_notice{ width: 100%; margin-right: 0%;}
.mcon02 .mc_event{ width: 100%; margin-right: 0%; margin-bottom:40px;}
.mcon01 .mc_day, .mcon02 .mc_time{ width: 100%; margin-left: 0%;}
.mcon_event
.mc_daybox01{display:none;}
}

.mc_notice{margin:35px 0}
.more_bt{position:absolute; right:0; top:0; display:block; padding-right:40px;}
.mc.more_bt .mbt_txt{font-size:13px; color:#191919; line-height:29px}
 span.mbt_txt { font-size: 13px; line-height: 2.2;}
.more_bt .mbt_txt:after{position:absolute; right:0; top:0; width:29px; height:29px;
 border:1px solid #d4d4d4; content:''; transition:all 0.3s ease-in-out;}
.more_bt .mbt_line01{position:absolute; width:2px; height:16px; top:7px; right:13px; background:#673AB7; transition:all 0.3s ease-in-out;}
.more_bt .mbt_line02{position:absolute; width:16px; height:2px; top:14px; right:6px; background:#673AB7; transition:all 0.3s ease-in-out;}
.more_bt:hover .mbt_txt{color:#673AB7;}
.more_bt:hover .mbt_txt:after{border:1px solid #673AB7; background:#673AB7;}
.more_bt:hover .mbt_line01, 
.more_bt:hover .mbt_line02{background:#fff; transform: rotate(360deg)}
.mc_notice ul{border-top:2px solid #424a64}
.mc_notice li:not(.empty_list){width:100%; position:relative; overflow:hidden; border-bottom:1px dashed #c9c9c9; 
padding-left:16px; padding-right:21px; transition:all 0.3s ease-in-out;}
.mc_notice li:not(.empty_list):after{position:absolute; left:6px; top:28px; width:4px; height:4px; border-radius:50%; background:#009de3; content:''}
.mc_notice li:last-child{border-bottom:1px solid #c3c3c3}
.mc_notice li:not(.empty_list):hover{background:#f5f5f5}
.mc_notice li.empty_list {font-size:1.167em;line-height:15}
.mc_notice li span.txt a, .mc_notice li span.date{line-height:61px}
.mc_notice li:nth-child(even) span.txt a, .mc_notice li:nth-child(even) span.date{line-height:62px}
.mc_notice li span.txt {float:left;overflow:hidden;width:70%;font-size:18px;white-space:nowrap;text-overflow:ellipsis}
.mc_notice li span.txt .new_icon {display:inline-block;color:#673AB7;}
.mc_notice li span.txt a {color:#292929;}
.mc_notice li span.date {float:right;font-size:1.25em;color:#898989}
.mc_popup{width:100%; position:relative}
.mc_popup .pop_img li {width:100%; float:left}
.mc_popup .pop_img li img {width:100%;height:auto}
.mc_popup .pop_dot{position:absolute; right:6px; top:17px; z-index:160}
.mc_popup .pop_dot li{width:10px; height:10px; border-radius:50%; background:#d8d8d8; margin-right:7px; opacity:1}
.mc_popup .pop_dot li.selected{background:#673AB7;}
.mc_popup .pop_dot li:last-child{margin-right:0}
.mc_time .mct_bx01{border-top:2px solid #424a64; border-bottom:1px dashed #c9c9c9; text-align: center; padding: 20px;}
.mc_time .mct_bx01 ul{width:100%; min-height:54px; }
.mc_time .mct_bx01 li{line-height:25px; text-align: left;}
.mc_time .mct_bx01 li .time_tit{font-size:1.333em; font-family:'Pretendard', 'xeicon', sans-serif; color:#333; margin-right:12px}
.mc_time .mct_bx01 li .time_txt{font-size:1.333em; color:#555}
.mc_time .mct_bx01 p{/* line-height:67px; */text-align: left;  color:#555; font-size:1.292em; /* padding-left:10px; */ position:relative}
/* .mc_time .mct_bx01 p:after{position:absolute; left:0; top:32px; width:4px; height:4px; border-radius:50%; background:#673AB7; content:''} */
.mc_time .mct_bx01 p span{color:#673AB7;}
.mc_time .mct_bx02{border-bottom:1px solid #c3c3c3; height:105px;text-align: center;}
.mc_time .mct_bx02 p{line-height:1; padding:23px 0 12px; font-size:1.333em;font-family:'Pretendard', 'xeicon', sans-serif; color:#333}
.mc_time .mct_bx02 h4{line-height:1; font-size:2.5em; color:#673ab7;  font-family:'Pretendard', 'xeicon', sans-serif; font-weight:800}


.mc_shortcut{
    overflow:hidden;
    margin: 20px 10px;
    position: relative;
    padding: 20px;
    border: 6px solid #673AB7;
    display: flex;
    flex-wrap: wrap;
	justify-content: center;
}

.mc_shortcut_txbox{display: block; position: relative;  margin-top: 40px; text-align: center;}
.mc_shortcut_tx01{display: block; font-size: 28px;font-weight: 500;}
.mc_shortcut_tx02{display: block; font-size: 16px;font-weight: 500; padding:5px 0; margin-bottom:20px;}


.mc_shortcut li{width:16.666%; float:left; padding:0 4px; transition:all 0.3s ease-in-out;  text-align:center}
.mc_shortcut li div{position:relative; width:100%; padding-bottom:100%; border-radius:50%; background:#c3d9ff}
.mc_shortcut li:nth-child(even) div{background:#b5e5fa}
.mc_shortcut li div:after{position:absolute; left:8px; top:8px; width:calc(100% - 16px); height:calc(100% - 16px); 
border:2px solid #fff; border-radius:50%; content:''}
.mc_shortcut li:after{
    display: block;
    content: "";
    position: absolute;
    top: 90px;
    /* right: 10px; */
    /* text-align: left; */
    /* float: right; */
    width: 2px;
    height: 40px;
    background: #dbdbdb;
}
.mc_shortcut li:first-child:after{ display:none;}
.mc_shortcut li span{
    font-size: 15px;
    color: #555;
    line-height: 24px;
    padding-bottom: 15px;
    display: block;
    font-weight: 500;
}
/* .mc_shortcut li:hover{margin-top:0; padding-bottom:10px} */
.mc_shortcut li:hover span{color:#673ab7}
.mc_shortcut li:nth-child(even):hover span{color:#03a9f4}


@media screen and (max-width: 768px) {
.mc_shortcut li{width:50%;}
.mc_shortcut li:after{display:none;}
}



/* 온라인 수강신청 */
.click_btnn{ position:absolute; top: 30px;
    border-radius: 50px;
    left: 10px;
    width: 200px; background:#673AB7; z-index:1001; -webkit-border-radius:0; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; }
.click_btnn a{display:block; text-align:center; padding:12px 32px;}
.click_btnn a span{display:inline-block; font-size: 18px;; color:#fff; line-height:23px;}
    
/* 서브비주얼 */
.sub_visual{position:relative; height:150px; overflow:hidden}
.sub_visual:after{clear:both; display:block; content:''}
.sub_visual .txt_vis > div{right:5%}
.sub_visual .txt_vis > div p{color:#fff; line-height:1}
.sub_visual .txt_vis .svis_txt01{top:40px}
.sub_visual .txt_vis .svis_txt01 p{font-size:2.333em; }
.sub_visual .txt_vis .svis_txt02{top:70px}
.sub_visual .txt_vis .svis_txt02 p{font-size:3.5em; font-weight:600;}

/* 탭 메뉴 */
.tab_menu{width:100%; overflow:hidden; }
.tab_menu > div{background: linear-gradient(to right, #08adf8, #673ab7);}
.tab_menu ul{margin:0 auto; display:table; text-align:center}
.tab_menu li{display:inline-block; font-size:1.417em; text-align:center; position:relative}
.tab_menu li:after{position:absolute; right:0; top:30px; width:3px; height:3px; background:#fff; border-radius:50%; opacity:0.6; content:''}
.tab_menu li:last-child:after{display:none}
.tab_menu li a{display:block; line-height:62px; color:#fff; padding:0 29px 0 28px}
.tab_menu li:hover a, .tab_menu li.selected a{color:#ffe400;}

/* 서브 콘텐츠 */
.wrap_sub {border-bottom:1px solid #d4d4d4;}
.sub_contents {width:100%;height:auto; overflow:hidden}
.sub_contents h1.page_title {margin:20px 0 0;font-size:3em;line-height:1.5;color:#333;text-align:center;padding-bottom: 20px;
    border-bottom: 1px solid #d6d6d6;}
.page {width:100%;max-width:1200px;height:auto;min-height:300px;margin:0 auto;padding:10px}
.page h2.stit, .page h3.stit{position:relative;font-size:2em;color:#333;margin:30px 0 15px; min-height:25px; width:100%; overflow:hidden;}
.page h4.sstit{font-size:1.55em;color:#673AB7; color:#009de4; margin:20px 0 10px;line-height:1.5;}
.stit i{color:#673ab7;}
.tabs_type_a {overflow:hidden;width:100%;height:auto;margin-bottom:5%;}
.tabs_type_a ul{display:flex;justify-content:center;margin-right:1px;}
.tabs_type_a li {float:left;width:160px;margin-right:-1px;border:1px solid #ddd;border-bottom:0;background:#fbfbfb;text-align:center;border-bottom:1px solid #ddd}
.tabs_type_a li.selected {background:#303030}
.tabs_type_a li a {display:block;height:48px;font-size:1.417em;line-height:48px;color:#333}
.tabs_type_a li.selected a {color:#fff}

/* 페이지 */
.tbl01{border-top:2px solid #424a64;width:100%;border-spacing:0;border-collapse:separate;}
.tbl01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl01 th{color:#333; background:#f5f5f5; font-weight:normal}
.tbl01 td{color:#444; line-height:1.6;word-break:keep-all}
.tbl01 th, .tbl01 td{text-align:center; padding:12px; font-size:1.375em; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9}
.tbl01 tr th:last-child, .tbl01 tr td:last-child{border-right:0}
.tbl01 td.ta_l{text-align:left}
.tbl01 td.ta_l p{padding-left:16px; position:relative; word-break:keep-all}
.tbl01 td.ta_l p:after{position:absolute; left:0; top:10px; width:6px; height:6px; border-radius:50%; background:#75d6ff; content:''}
.nbor_r{border-right:none !important;}
.bor_r{border-right:1px solid #d4d4d4 !important;}
.tbl01 li{text-align:left;padding-left:12px;position:relative;}
.tbl01 li:before{content:'';width:4px;height:1px;background:#555;position:absolute;left:0;top:14px;}
.tbl01 td span{font-size:0.95em;color:#898989;display:block}

/* 인사말 */
.greeting{width:100%}
.greeting .gre_imgg{background:url(../images/sub/gre_bg.png) center top no-repeat; text-align:center; padding:45px 15px; background-size:cover}
.greeting .gre_imgg h4{font-size:2.5em; color:#fff; font-weight:bold; line-height:1.4; padding:30px 0; background:url(../images/sub/gre_bullet01.png) center top no-repeat, url(../images/sub/gre_bullet02.png) center bottom no-repeat; margin-bottom:25px}
.greeting .gre_imgg p{font-size:1.667em; color:#fff; font-family:'NotoSans-Medium'}
.greeting .gre_idx{width:100%; overflow:hidden}
.greeting .gre_idx .grei_top{border-left:12px solid #673AB7; padding:4px 0 4px 25px; position:relative; margin:30px 0 10px}
.greeting .gre_idx .grei_top:before, .greeting .gre_idx .grei_top:after{position:absolute; width:20px; height:44px; content:''}
.greeting .gre_idx .grei_top:before{right:15%; top:0; background:url(../images/sub/gre_img01.png) center no-repeat}
.greeting .gre_idx .grei_top:after{right:0; bottom:0; background:url(../images/sub/gre_img02.png) center no-repeat}
.greeting .gre_idx .grei_top p{font-size:1.833em; color:#333; line-height:1.4; letter-spacing:-0.6px}
.greeting .gre_idx > p{font-size:1.375em; color:#555; line-height:1.6; padding-top:25px; word-break:keep-all}
.greeting .gre_idx > p.ceoo{float:right; color:#333}
.greeting .gre_idx > p.ceoo strong{font-size:1.212em;}

/* 연혁 */
.boarda.historyy .boarda_btn li, .boarda.historyy .n_con .history_wrap .his_year p, 
.boarda.historyy .n_con .history_wrap .his_con li .his_month{font-family:'Pretendard', 'xeicon', sans-serif;}
.boarda{width:100%}
.boarda.historyy .boarda_btn{border-bottom:1px solid #c9c9c9;}
.boarda.historyy .boarda_btn:after{display:block; clear:both; content:''}
.boarda.historyy .boarda_btn li{width:calc((100% - 16px) / 3); float:left; margin-right:8px; height:46px; line-height:46px; margin-top:10px; transition:all 0.3s ease-in-out; border:1px solid #c9c9c9; border-bottom:0; position:relative; color:#666; font-size:1.5em; border-radius:15px 15px 0 0; text-align:center}
.boarda.historyy .boarda_btn li.selected{margin-top:0; height:56px; line-height:56px; border-color:#673AB7; background:#673AB7; font-size:1.667em; color:#fff; }
.boarda.historyy .boarda_btn li.selected:after{position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#673AB7; content:''; z-index:160}
.boarda.historyy .boarda_btn li:last-child{margin-right:0}
.boarda.historyy .n_con{width:100%; padding:30px 0 0}
.boarda.historyy .n_con .history_wrap{width:100%; overflow:hidden; padding-bottom:40px}
.boarda.historyy .n_con .history_wrap:after{display:block; clear:both; content:''}
.boarda.historyy .n_con .history_wrap .his_year p{font-size:3.6em; font-weight:700; color:#673AB7; line-height:1}
.boarda.historyy .n_con .history_wrap .his_con{position:relative; margin-top:10px; padding-left:25px;}
.boarda.historyy .n_con .history_wrap .his_con:after{position:absolute; left:0; top:0; width:9px; height:25px; 
background: linear-gradient(to top, #9261e8, #673AB7); border-radius:9px; content:''}
.boarda.historyy .n_con .history_wrap .his_con li{width:100%; overflow:hidden; margin-bottom:10px}
.boarda.historyy .n_con .history_wrap .his_con li .his_month{width:30%; float:left; font-size:18px;}
.boarda.historyy .n_con .history_wrap .his_con li .his_txt{width:70%; float:right; font-size:18px; color:#444; 
padding-left:14px; position:relative; margin-bottom:3px}
.boarda.historyy .n_con .history_wrap .his_con li .his_txt:nth-last-of-type(1){margin-bottom:0}
.boarda.historyy .n_con .history_wrap .his_con li .his_txt:after{position:absolute; left:0; top:10px; width:5px; 
height:5px; border-radius:50%; background:#673AB7; content:''}

/* 센터사진 */
.tbl_div, .tbl_div > div{width:100%; overflow:hidden}
.tbl_div .tbl_th > ul > li, .tbl_div .tbl_td > ul > li{border-bottom:1px solid #c9c9c9; padding:12px; text-align:center; border-right:1px solid #c9c9c9}
.tbl_div .tbl_th > ul > li p, .tbl_div .tbl_td > ul > li p{word-break:keep-all}
.tbl_div .tbl_th > ul > li:last-child, .tbl_div .tbl_td > ul > li:last-child{border-right:0 !important}
.tbl_div .tbl_th > ul > li{border-top:2px solid #424a64; font-size:1.417em; color:#333; background:#f5f5f5; font-family:'Pretendard', 'xeicon', sans-serif;}
.tbl_div .tbl_td > ul > li{border-bottom:1px solid #c9c9c9; font-size:1.375em; color:#555}
.tbl_div .tbl_td > ul > li.td_tit{background:#f2fafe; color:#333; font-family:'Pretendard', 'xeicon', sans-serif;}
.tbl_div.tbl_area .tbl_th > ul > li, .tbl_div.tbl_area .tbl_td > ul > li{width:33.33%; float:left}
.tbl_div.tbl_area .tbl_td > ul > li{border-bottom:0}
.tbl_div.tbl_floor .tbl_td > ul > li .td_floor span{display:inline-block; margin-right:7px; width:30px; height:30px; 
border-radius:50%; background:#673ab7; color:#fff; line-height:30px}
.tbl_div.tbl_floor .tbl_td > ul > li:nth-child(2) .td_floor span{background:#8899c3}
.tbl_div.tbl_floor .tbl_td .td_area span, .tbl_div.tbl_floor .tbl_td .td_form span{display:none; color:#673ab7; margin-right:8px}

/* 오시는길 */
.locationn{width:100%; position:relative; }
.locationn .loca_map{background:#ddd;/*  height:300px */}
.locationn .loca_info{padding:20px 10px 10px; }
.locationn .loca_info li{/* min-height:52px; */ padding:6px 0 0 6px; font-size:1.375em; color:#444; word-break:keep-all; letter-spacing:-0.7px; line-height:1.6}
.locationn .loca_info li strong{font-size:1.12em}
.locationn .loca_info li:first-child{}
.locationn .loca_info li:first-child strong, .tbl_loca .tbl_td strong, .tbl_loca .tbl_route p strong{color:#673AB7;
font-family:'Pretendard', 'xeicon', sans-serif;}
.locationn .loca_info li:last-child{}
.locationn .loca_info li:last-child strong{color:#673ab7; font-family:'Pretendard', 'xeicon', sans-serif; font-weight:normal}
.tbl_loca ul{width:100%; overflow:hidden;}
.tbl_loca .tbl_th, .tbl_loca .tbl_td{border-bottom:1px solid #c9c9c9; padding:12px; text-align:center; border-right:1px solid #c9c9c9}
.tbl_loca .tbl_th{border-top:2px solid #424a64; font-size:1.417em; color:#333; background:#f5f5f5; font-family:'Pretendard', 'xeicon', sans-serif;}
.tbl_loca .tbl_td{border-bottom:1px solid #c9c9c9; font-size:1.375em; color:#555}
.tbl_loca .tbl_route{padding:12px; border-bottom:1px solid #c9c9c9; padding:12px; text-align:center}
.tbl_loca .tbl_route p{font-size:1.375em; color:#555; word-break:keep-all}

/* 접수안내 */
.receiptt{width:100%}
.boarda.receiptt .boarda_btn{text-align:center}
.boarda.receiptt .boarda_btn li{display:inline-block; margin:4px; height:56px; line-height:56px; transition:all 0.3s ease-in-out; 
position:relative; color:#666; font-size:1.5em; border-radius:15px; text-align:center; background:#dcdcdc; padding:0 20px}
.boarda.receiptt .boarda_btn li.selected{background:#673AB7; font-size:1.667em; color:#fff; }
.join_info{width:100%; border-top:2px solid #424a64}
.join_info > ul > li{width:100%; padding:25px 0; border-bottom:1px solid #c9c9c9; text-align:center}
.join_info > ul > li h4{display:block; padding-top:195px; line-height:1; color:#673ab7; font-size:1.5em}
.join_info > ul > li p{font-size:1.375em; color:#555; line-height:1.6; padding:5px 0 15px; word-break:keep-all}
.join_info > ul > li.join_internet h4{}
.join_info > ul > li.join_bangmun h4{}
.join_info > ul > li ul{width:100%; overflow:hidden}
.join_info > ul > li li{width:33.33%; float:left; font-size:1.375em; color:#555; text-align:center; word-break:keep-all}
.join_info > ul > li.join_internet li, .tc2 .join_info > ul > li li{width:50%}
.join_info > ul > li li span{border:5px; line-height:38px; display:inline-block; margin:0 0 10px; width:115px; text-align:center; 
color:#fff; font-size:1.1em; font-family:'Pretendard', 'xeicon', sans-serif; border-radius:5px}
.join_info > ul > li li:first-child span{background:#673AB7;}
.join_info > ul > li li:nth-child(2) span{background:#009de3}
.join_info > ul > li li:nth-child(3) span{background:#56c08d}
.join_proc{width:100%; overflow:hidden}
.join_proc li{float:left; width:calc((100% - 15px) / 2); margin-top:25px; margin-bottom:45px; position:relative;
border-radius:15px; padding:40px 0 25px; background:#f1f1f1; text-align:center}
.join_proc li:last-child{margin-bottom:0}
.join_proc li .join_num{position:absolute; left:50%; top:-25px; margin-left:-25px; width:50px; height:50px;
border-radius:50%; line-height:50px; color:#fff; font-family:'Pretendard', 'xeicon', sans-serif; font-size:2em; background:#673ab7; text-align:center}
.join_proc li:nth-child(even) .join_num{background:#009de3}
.join_proc li:nth-child(6) .join_num{background:#673AB7;}
.join_proc li p{font-size:1.375em; color:#444}
.join_proc li p span{font-size:1.091em; display:inline-block; color:#673ab7; padding-top:70px;min-width:90px;}
.join_proc li:nth-child(even) p span{color:#009de3}
.join_proc li:nth-child(6) p span{color:#673AB7;}
.join_proc li.j_proc01 p span{}
.join_proc li.j_proc02 p span{}
.join_proc li.j_proc03 p span{}
.join_proc li.j_proc04 p span{}
.join_proc li.j_proc05 p span{}
.join_proc li.j_proc06 p span{}
.ul01 li{width:100%; padding-left:12px; position:relative; font-size:1.375em; line-height:1.6; margin-bottom:8px; margin-left: 6px;}
.ul01 li:last-child{margin-bottom:0}
.ul01 li:after{position:absolute; left:0; top:10px; width:5px; height:5px; border-radius:50%; background:#009de3; content:''}
.ul01 li .num_span{width:30px; height:30px; border-radius:50%; display:inline-block; background:#673ab7; color:#fff; 
line-height:30px; text-align:center; margin:5px 5px 5px 0}

/* 감면혜택 */
.sale_info{width:100%; border-top:2px solid #424a64}
.sale_info > ul > li{border-bottom:1px solid #c9c9c9}
.sale_info > ul > li .si_th{padding:12px; font-size:1.417em; color:#333; background:#f5f5f5; 
font-family:'Pretendard', 'xeicon', sans-serif; text-align:center}
.sale_info > ul > li .si_td{padding:12px}
.sale_info > ul > li .ul01 li span{color:#673AB7; font-family:'Pretendard', 'xeicon', sans-serif; border-bottom:1px solid #673AB7;}
.txt_c{font-size:1.333em; line-height:1.6; color:#555;word-break:keep-all;}
.txt_c span{color:#673AB7;}


/* 기타안내 */
.ul02 li{width:100%; font-size: 18px;; color:#444; line-height:1.9; padding:12px 0 15px 48px; position:relative; 
margin-bottom:10px; word-break:keep-all; border-bottom:1px dashed #c9c9c9; min-height:55px}
.ul02 li:last-child{margin-bottom:0}
.ul02 li span{color:#673AB7; display:inline-block; margin-top:5px}
.ul02 li span.num_span{position:absolute; left:0; top:19px; left:5px; width:30px; height:30px; border-radius:50%; font-size: 14px;
background:#673ab7; text-align:center; color:#fff; line-height:30px; text-align:center; margin-top:0}
/* .ul02 li:nth-child(even) span.num_span{background:#009de3} */




/* 푸터 */
#footer{width:100%; height:auto; position:relative}
#footer .footer_top{background:#33353a; overflow:hidden; padding:10px 0}
#footer .footer_top li{position:relative; float:left}
#footer .footer_top li:after{position:absolute; right:0; top:20px; width:1px; height:11px; background:#fff; opacity:0.5; content:''}
#footer .footer_top li:last-child:after{display:none}
#footer .footer_top li a{line-height:52px; padding:0 18px; color:#fff; font-size:1.25em; display:block}
#footer .footer_top li:first-child a{padding-left:0}
#footer .footer_bot{padding:25px 15px 35px}
#footer .footer_bot .copyright .copy_logo{width:100%; line-height:1; margin-bottom:15px}
#footer .footer_bot .copyright .copy_logo img{max-width:240px;}
#footer .footer_bot .copyright p {font-size:1.167em; line-height:1.6; color:#555; word-break:keep-all}
#footer .footer_bot .copyright p.f_copy{margin-top:11px; color:#797979}
#footer .footer_bot .copyright p.f_copy a{color:#797979}


/* 미디어 쿼리 */
@media screen and (max-width:1199px) {
    #hd_pop .hd_pops {left:0 !important; WIDTH: 300PX;}
    #hd_pop .hd_pops_con {width:100% !important;max-width:100%;height:auto !important}

    /* 헤더 */
    .header_top:before{position:absolute; left:0; top:37px; width:100%; height:1px; background:#d4d4d4; content:''}
    .header_top .h_adm li a{line-height:37px; display:block; padding:0 5px}
    .header_top .h_adm li a span {padding-left:20px}
    .header_top .h_adm li a span:after {position:absolute;left:0;top:0;width:22px;height:37px;content:""}
    .header_top .h_adm li.ht_join a span {padding-left:18px}
    .header_top .h_adm li.ht_mypage a span {padding-left:22px}
    .toggle_menu{position:absolute; right:0; bottom:0; width:65px; height:74px;}
    .toggle_menu span{position:absolute; left:15px; width:35px; height:2px; background:#444; 
	-webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;}
    .toggle_menu .tg01{top:25px}
    .toggle_menu .tg02{top:35px}
    .toggle_menu .tg03{top:45px}
    .toggle_menu.close .tg01{
        -webkit-transform:translateY(10px) rotate(45deg);
        -ms-transform:translateY(10px) rotate(45deg);
        -o-transform:translateY(10px) rotate(45deg);
        transform:translateY(10px) rotate(45deg);
    }
    .toggle_menu.close .tg02{opacity:0}  
    .toggle_menu.close .tg03{
        -webkit-transform:translateY(-10px) rotate(-45deg);
        -ms-transform:translateY(-10px) rotate(-45deg);
        -o-transform:translateY(-10px) rotate(-45deg);
        transform:translateY(-10px) rotate(-45deg);
    }

    /* 푸터 */
    #footer .footer_top{padding-left:10px}
}

@media screen and (max-width:1200px) {
    /* 온라인 수강신청 */
    .click_btnn{position: fixed;
        top: auto;
        bottom: 0;
        left: 0; width:100%}
    .click_btnn a{padding:0}
    .click_btnn a span{line-height:normal; padding:20px 0 15px 2px;}
    .click_btnn a span br{display:none}
    }



/* 레이아웃 크기 지정 */
#hd, #wrapper, #ft{min-width:1200px}

#hd_pop,
#hd_wrapper,
#tnb ul,
#gnb .gnb_wrap,
#container_wr,
#ft_wr{width:1200px}

/* 팝업레이어 */
#hd_pop {z-index:11000;position:relative;margin:0 auto;height:0; TOP: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{
	z-index:10;
    background: #393939;
    position: absolute;
    top: -34px;
    right:-1px;
}




/*media query - mobile*/
@media screen and (max-width:767px) {
    .wid100{width:100% !important;margin-bottom:3% !important;}
    .dpb{display:block !important;}
    .dpn{display:none !important;}
    .dpn_m{display:none !important;}
    .dpb_m{display:block !important;}

    /* 헤더 */
    .header_top .ht_link{padding:0 10px}
    .header_top .ht_link span{padding-left:0;}
    .header_top .ht_link span:before, .header_top .ht_link span:after{display:none}

    /* 메인 비주얼 */
    .visual .txt_vis > div{font-size:0.5em}
    .visual .mc_btn li a span{font-size:1.25em; letter-spacing:-0.7px}

    /* 메인컨텐츠 */
    .mcon01 .mc_sports li{width:100px; height:100px;}
    .mcon01 .mc_sports li:nth-child(3){margin-top:0 !important;}
    .mcon01 .mc_sports li:nth-child(3n-1){margin:0 calc((100% - 300px) / 2)}
    .mcon01 .mc_sports li:first-child, .mcon01 .mc_sports li:nth-child(3n+1){clear:both}
    .mcon02 .mc02_03 li:not(.empty_list):nth-child(odd){margin-right:26px; clear:both}
    .mcon02 .mc02_03 li:not(.empty_list):first-child, .mcon02 .mc02_03 li:not(.empty_list):nth-child(2){margin-bottom:26px}
    .mc_shortcut li div:after{left:5px; top:5px; width:calc(100% - 10px); height:calc(100% - 10px); background-size:110% auto !important;}
    .mc_shortcut li span{font-size: 14px; letter-spacing:-0.7px}




    /* 서브비주얼 */
    .sub_visual .txt_vis > div{font-size:0.7em}

    /* 탭 메뉴 */
    .tab_menu > div{padding:12px}
    .tab_menu li{font-size:1.333em}
    .tab_menu li:after{top:15px}
    .tab_menu li a{line-height:1; padding:7px 12px}	
    .tabs_type_a li{flex:1;}

    /* 인사말 */
    .greeting .gre_imgg h4{font-size:2em}
    .greeting .gre_imgg p{font-size:1.5em}
    .greeting .gre_idx .grei_top{padding-left:15px}
    .greeting .gre_idx .grei_top p{font-size:1.65em}
    
    /* 연혁 */
    .boarda.historyy .boarda_btn li{font-size:1.333em; height:36px; line-height:36px}
    .boarda.historyy .boarda_btn li.selected{font-size:1.5em; height:46px; line-height:46px}
    .boarda.historyy .n_con .history_wrap{position:relative; padding-left:25px;}
    .boarda.historyy .n_con .history_wrap:after{position:absolute; left:0; top:15px; width:9px; height:25px;  border-radius:9px; content:''}
    .boarda.historyy .n_con .history_wrap:nth-of-type(1):before{position:absolute; left:0; top:0; width:9px; height:15px; background:#fff; content:''}
    .boarda.historyy .n_con .history_wrap .his_year p{font-size:3.6em; font-weight:700; color:#673AB7; line-height:1}
    .boarda.historyy .n_con .history_wrap .his_con{padding-left:0; background:none}
    .boarda.historyy .n_con .history_wrap .his_con:after{display:none}
    .boarda.historyy .n_con .history_wrap .his_con li .his_month, 
	.boarda.historyy .n_con .history_wrap .his_con li .his_txt{width:100%; float:none; clear:both; display:block}
    .boarda.historyy .n_con .history_wrap .his_con li .his_month{margin-bottom:5px}

    /* 센터사진 */
    .tbl_div .tbl_td > ul > li.td_tit{display:none}
    .tbl_div.tbl_floor .tbl_td > ul > li {border-right:0; text-align:left; letter-spacing:-0.7px}
    .tbl_div.tbl_floor .tbl_td .td_area span, .tbl_div.tbl_floor .tbl_td .td_form span{display:inline-block}
    .tbl_div.tbl_floor .tbl_td .td_form br{display:none}
       
    /* 오시는길 */
    .tbl_loca > ul > li{width:50%; float:left;}    
    .tbl_loca .tbl_th, .tbl_loca .tbl_td{border-right:0; border-bottom:0}
    .tbl_loca > ul > li:nth-last-of-type(1) .tbl_td, .tbl_loca > ul > li:nth-last-of-type(2) .tbl_td{border-bottom:1px solid #c9c9c9}
    .tbl_loca > ul > li:nth-child(odd) .tbl_td, .tbl_loca > ul > li:nth-child(odd) .tbl_th{border-right:1px solid #c9c9c9}

    /* 접수안내 */
    .boarda.receiptt .boarda_btn li{font-size:1.417em; padding:0 10px}
    .boarda.receiptt .boarda_btn li.selected{font-size:1.5em}
    .join_proc li:nth-child(odd){clear:both; margin-right:15px}

    /* 감면혜택 */
    .sale_info{border-top:0}
    .sale_info > ul > li{border-top:2px solid #424a64; border-bottom:0}
    .sale_info > ul > li:last-child, .sale_info > ul > li .si_th{border-bottom:1px solid #c9c9c9}

    /* 푸터 */
    #footer .footer_top{padding:10px}
    #footer .footer_top li:after{top:7px}
    #footer .footer_top li a{padding:5px 13px; line-height:1}
    #footer .footer_bot{padding:25px 15px 85px}
}

/*media query - tablet pc*/
@media screen and (min-width:768px) {
    /* 메인 비주얼 */
    .visual{height:500px}
    .visual .txt_vis > div{padding-right:5%}
    .visual .txt_vis > div.mvis_txt01{margin-top:65px;}
    .visual .txt_vis > div.mvis_txt02{margin-top:80px}    
    .visual .mc_btn{padding:0 30px; top:225px}
    .visual .mc_btn li{width:23%; margin-right:2.66%}
    .visual .mc_btn li:last-child{margin-right:0}
    .visual .dot_vis{bottom:35px; left:auto; }
    
    /* 메인 콘텐츠 */
    .main_contents .mcon01, .main_contents .mcon02{padding:45px 15px 55px; overflow:hidden}
    .mc_cal{margin-bottom:45px}
    .mc_cal table{height:252px}
    .mc_notice{float:left; width:calc(100% - 386px); margin:0}
    .mc_notice li:not(.empty_list):nth-child(odd){height:62px}
    .mc_notice li:not(.empty_list):nth-child(even){height:63px}
    .mc_popup{width:346px; float:right; margin-bottom:10px}
    .mc_popup .pop_img li {height:252px}
    .mc_shortcut li div{width:134px; height:134px; padding:0; margin:0 auto}

    /* 온라인 수강신청 */
    .click_btnn{box-shadow:8px 8px 12px rgba(0,0,0,0.15)}


    /* 서브비주얼 */
    .sub_visual{height:280px}
    .sub_visual .txt_vis .svis_txt01{margin-top:30px}
    .sub_visual .txt_vis .svis_txt02{margin-top:50px}

    /* 탭 메뉴 */
    .tab_menu{position:absolute; left:0; top:-62px; z-index:150}

    /* 서브컨텐츠 */
    .wrap_sub{position:relative}
    .wrap_sub:after{display:block; clear:both; content:''}

    /* 인사말 */
    .greeting .gre_imgg{float:right; width:48%; padding:65px 0 30%;}
    .greeting .gre_imgg h4{letter-spacing:-0.6px}
    .greeting .gre_idx{width:48%; float:left;}

    /* 연혁 */
    .boarda.historyy .n_con .history_wrap{padding:0; overflow:hidden}
    .boarda.historyy .n_con .history_wrap .his_year{width:30%; float:left}
    .boarda.historyy .n_con .history_wrap .his_con{width:70%; float:left; margin:0; padding:10px 0 45px 35px}
    .boarda.historyy .n_con .history_wrap .his_con:after{top:10px}
    .boarda.historyy .n_con .history_wrap:nth-of-type(1) .his_con:before{position:absolute; left:0; top:0;
	width:9px; height:10px; background:#fff; content:''}
    .boarda.historyy .n_con .history_wrap .his_con li .his_month{width:102px}
    .boarda.historyy .n_con .history_wrap .his_con li .his_txt{width:calc(100% - 102px)}
    
    /* 센터사진 */
    .tbl_div .tbl_th > ul > li, .tbl_div .tbl_td > ul > li{padding:0}
    .tbl_div .tbl_td > ul > li p, .tbl_div .tbl_th > ul > li p{line-height:55px}
    .tbl_div.tbl_floor .tbl_td > ul > li{width:16.66%; float:left; padding:0; text-align:center}
    .tbl_div.tbl_floor .tbl_td > ul > li li{border-bottom:1px solid #c9c9c9}
    .tbl_div.tbl_floor .tbl_td > ul > li li:last-child{border-bottom:0}
    .tbl_div.tbl_floor .tbl_td > ul > li .td_form{padding:12px}
    .tbl_div.tbl_floor .tbl_td > ul > li .td_form p{line-height:1.7}
    .tbl_div.tbl_floor .tbl_td > ul > li li:last-child {display:table; width:100%; height:200px; text-align:center}
    .tbl_div.tbl_floor .tbl_td > ul > li li:last-child p{display:table-cell; vertical-align:middle}

    /* 접수안내 */
    .boarda.receiptt .boarda_btn li{min-width:170px; margin:5px;}
    .join_proc li{width:calc((100% - 48px) / 3); margin-bottom:30px; margin-right:24px}
 
    /* 감면혜택 */
    .sale_info > ul > li{width:100%; overflow:hidden; display:table}
    .sale_info > ul > li .si_th, .sale_info > ul > li .si_td{display:table-cell; vertical-align:middle; padding:20px}
    .sale_info > ul > li .si_th{width:30%}
    .sale_info > ul > li .si_td{width:70%}
    .sale_info > ul > li .si_td .ul01 li{margin-bottom:5px}
}

@media screen and (min-width:768px) and (max-width:1199px) {

    /* 메인 비주얼 */
    .visual .txt_vis > div{font-size:0.8em}
    
    /* 메인 콘텐츠 */
    .mc_time{overflow:hidden;}
/*     .mc_time > div{width:50%; float:left; border-top:2px solid #424a64; height:150px !important; border-bottom:1px solid #c3c3c3 !important}
    .mc_time .mct_bx02{} */
    /* 탭 메뉴 */
    .tab_menu li a{padding:0 19px 0 18px}

    /* 오시는길 */
    .tbl_loca li{float:left; width:50%}
    .tbl_loca li:first-child .tbl_td, .tbl_loca li:nth-child(2) .tbl_td, .tbl_loca li:nth-child(3) .tbl_td{border-bottom:0}
    .tbl_loca li:nth-child(3n) .tbl_th, .tbl_loca li:nth-child(3n) .tbl_td{border-right:0}

    /* 접수안내 */
    .join_proc li:nth-child(3n){margin-right:0}
    .join_proc li:nth-child(3n+1){clear:both}

}

/*media query - PC*/
@media screen and (min-width:1200px) {
    .dpb_pc{display:block}
    .dpn_pc{display:none }
    .in_1200{width:100%; max-width:1200px; position:relative; margin:0 auto}

    /* 헤더 */
    #header{height:195px; width:100%}
    #header:after{display:block; clear:both; content:''}
    .header_top{height:127px}    
    .header_top .ht_link{margin-top:45px}
    .header_top .h_adm{float:right; margin-top:35px}
    .header_top .h_adm li a{padding:0 11px}
    .header_top .h_adm li a span{line-height:1; padding-top:36px;}
    .header_top .h_adm li a span:after{position:absolute; left:0; top:0; width:100%; height:36px; content:''; transition:all 0.3s ease;}
    .header_top .h_adm li.ht_login a span:after{background-position:center top; background-size:25px auto}
    .header_top .h_adm li.ht_logout a span:after {background-position:center bottom; background-size:25px auto; transform:rotate(180deg)}
    .header_top .h_adm li.ht_join a span:after{background-position:center top; background-size:25px auto}
    .header_top .h_adm li.ht_mypage a span:after{background-position:center 5px; background-size:33px auto}
    .header_top .h_adm li:hover a span{color:#673ab7}
    .header_top .h_adm li.ht_mypage:hover a span{color:#673AB7;}
    .header_top .h_adm li:hover a span:after{top:-6px; margin-bottom:6px}
    .header_top .logo{position: absolute;
        left: 50%;
        top: 0;
        width: 320px;
        height: 126px;
        margin-left: -160px;}
    .header_top .logo a{padding:0; line-height:126px}    
    .header_top .toggle_menu{display:none}
    .container_menu{border-top:1px solid #d4d4d4}

    /* 메뉴 */
    #hd_menu {display:block;position:static;width:auto;background:#fff; border:0}
    #hd_menu .main_menu > li{float:left; position:relative; border:0; width:15.5%; text-align:center}
    #hd_menu .main_menu > li:nth-child(3){width:22.5%}
    #hd_menu .main_menu > li:after{position:absolute; left:-2px; top:32px; width:5px; height:5px; border-radius:50%; background:#d4d4d4; content:''}
    #hd_menu .main_menu > li:first-child:after{display:none}
    #hd_menu .main_menu > li > a {line-height:68px; padding:0; font-size:1.625em}
    #hd_menu .main_menu > li.on{background:none}
    #hd_menu .main_menu > li.on > a{color:#673AB7;}
    #hd_menu .sub_menu {position:absolute; left:0; top:68px; z-index:1501; width:100%; padding:0; 
        background:#fff; border-right:1px solid #d4d4d4;}
    #hd_menu .sub_menu:hover {border-top:1px solid #ccc;border-bottom:1px solid #ccc;background:#f2f2f2}
    #hd_menu .main_menu > li:first-child .sub_menu{border-left:1px solid #d4d4d4}
    #hd_menu .sub_menu > ul {margin:20px 0 30px;}
    #hd_menu .sub_menu:hover > ul {margin-top:19px}
    #hd_menu .sub_menu > ul > li {text-align:center; padding:0}
    #hd_menu .sub_menu > ul > li:after{display:none}
    #hd_menu .sub_menu > ul > li > a{padding:2px; word-break:keep-all; font-size:1.333em; letter-spacing:-0.8px; color:#555}
    #hd_menu .sub_menu > ul > li > a span{position:relative; display:inline-block; line-height:27px}
    #hd_menu .sub_menu > ul > li > a span:after{position:absolute; bottom:0; left:50%; transform:translate(-50%,-50%); transition:all .4s; -webkit-transition:all .4s; height:1px; width:0; border-bottom:1px solid #673AB7; content:''}
    #hd_menu .sub_menu > ul > li:hover > a span:after{width:100%}
    .hd_menu_bg > div{width:100%; max-width:1200px; margin:0 auto; height:100%;}
    

    /* 메인 비주얼 */
    .visual{width:100%; height:600px; overflow:hidden}
    .visual .txt_vis > div{padding-right:11px}
    .visual .txt_vis > div.mvis_txt01{margin-top:200px;text-align: center;}
    .visual .txt_vis > div.mvis_txt02{margin-top:224px;text-align: center;}
    .visual .mc_btn{padding:0; top:303px}
    .visual .mc_btn ul{float:right; margin-right:6px}
    .visual .mc_btn li{width:156px; margin-right:18px}
    .visual .mc_btn li a span{top:54%}

    .visual .dot_vis{bottom:35px; }
    

    /* 메인 콘텐츠 */
    .main_contents .mcon01{/*padding:111px 0*/}
    .main_contents .mcon02{/* padding:95px 0 111px */}
    .mc_cal{width:367px; float:left; margin:0}
    /* .mc_notice{width:391px; margin:0 calc((100% - 1104px) /2)} */
    .mc_popup{margin-bottom:0}
    .mc_time{/* width:350px; float:left */}
    .mc_shortcut{margin-top:0; margin-bottom: 30px;}
    .mc_shortcut li{width:185px; margin: 20px 0;}
    .mc_shortcut li:last-child{margin-right:0}
    .mc_shortcut li:hover{margin-top:10px}
    
    /* 온라인 수강신청 */
    .click_btnn{top: 30px;
        border-radius: 50px;
        left: 10px;
        width: 200px;}
    .click_btnn a span{position:relative; background:none}
    .click_btnn a span:after{position:absolute; left:0; top:0; width:100%; height:55px;  content:''}
    .click_btnn:hover a span:after{animation:click_moving 1s linear 0s infinite}
    @keyframes click_moving {
        0% {margin-top: 0px;}
        20% {margin-top: -7px;}
        40% {margin-top: 0px;}
        60% {margin-top: -7px;}
        80% {margin-top: 0px;}
        100% {margin-top: 0px;}
    }
    
    /* 롤링배너 */
    .mcon_banner{padding:0}
    .mcon_banner .bnr_area{width:calc(100% - 113px) !important}

    /* 서브비주얼 */
    .sub_visual{height:262px; width:100%}
    .sub_visual .txt_vis > div{right:121px; font-size:1.02em}
    .sub_visual .txt_vis .svis_txt01{margin-top:30px}
    .sub_visual .txt_vis .svis_txt02{margin-top:45px}

    /* 탭 메뉴 */
    .tab_menu{top:-31px;}

    /* 서브 콘텐츠 */
    .youtube_wrap {width:800px;height:480px;padding-bottom:0}
    .sub_contents h1.page_title {margin:60px 0 0}
    .page {min-height:500px;padding:0px 0 100px}
    
	
    /* 페이지 */
    .pg_area{width:100%; margin-top:0; padding-bottom:50px; margin-bottom:50px; border-bottom:1px dashed #d4d4d4}
    .page .pg_area:nth-last-of-type(1){padding-bottom:0; margin-bottom:0; border-bottom:0}
    .pg_area:after{display:block; clear:both; content:''}
    .pga_l{float:left; width:25%}
    .pga_r{float:right; width:75%; padding-top:10px}
    .tbl01 th, .tbl01 td{padding:12px 16px}
    .tbl01 td.ta_l{padding:12px 30px}
	
	.page h2.stit, .page h3.stit {margin:40px 0 15px;font-size:2.25em}
    .page h4.sstit{font-size:1.667em; margin:40px 0 10px}
    
    /* 인사말 */
    .greeting{overflow:hidden}
    .greeting .gre_imgg{width:497px; height:729px; padding:100px 0 0;}
    .greeting .gre_idx{width:calc(100% - 497px); padding-right:9%}
    .greeting .gre_idx .grei_top:before{right:30%}
    .greeting .gre_idx .grei_top:after{right:20%}

    /* 연혁 */
    .boarda.historyy .boarda_btn li{width:220px; margin-right:15px}
    .boarda.historyy .n_con{padding:65px 0 0 35px}
    .boarda.historyy .n_con .history_wrap{overflow:inherit}
    .boarda.historyy .n_con .history_wrap:after{display:block; clear:both; content:''}
    .boarda.historyy .n_con .history_wrap .his_year{width:24%}
    .boarda.historyy .n_con .history_wrap .his_con{width:76%; padding-left:100px; padding-bottom:120px}
    .boarda.historyy .n_con .history_wrap:nth-last-of-type(1) .his_con{padding-bottom:45px}
    .boarda.historyy .n_con .history_wrap:not(:nth-of-type(1)) .his_con:before{position:absolute; left:4px; top:-60px; 
	width:100%; height:1px; border-bottom:1px dashed #d4d4d4; content:''}
    .boarda.historyy .n_con .history_wrap .his_con li{margin-bottom:15px}
    .boarda.historyy .n_con .history_wrap .his_con li .his_txt{margin-bottom:5px}

    /* 오시는길 */
    .locationn{padding-bottom:63px}
    .locationn .loca_map{height:600px}
    .locationn .loca_info{position:absolute; left:110px; bottom:0; background:#fff;  width:calc(100% - 220px); padding:0; z-index:300;
	box-shadow:5px 5px 8px rgba(0,0,0,0.15)}
    .locationn .loca_info ul{margin:0 auto; display:table} 
    .locationn .loca_info li{float:left; line-height:126px; padding:0 0 0 20px; }
    .locationn .loca_info li:first-child{margin-bottom:0; /* margin-right:50px; */ }   
	.locationn .loca_info li:last-child { margin-left:10px;}  
    .tbl_loca li{float:left; width:50%}
    .tbl_loca li .tbl_td, .tbl_loca li .tbl_th{padding:0; line-height:55px}
    .tbl_loca li:last-child .tbl_td, .tbl_loca li:last-child .tbl_th{border-right:0}
    .tbl_loca .tbl_route{padding:30px}
    .tbl_loca .tbl_route p{line-height:1.7}

    /* 접수안내 */
    .join_info{width:100%; overflow:hidden}
    .tc1 .join_info > ul > li{width:50%; float:left; padding:40px 0;min-height:481px;}
    .tc1 .join_info > ul > li:first-child{border-right:1px solid #c9c9c9}
    .join_info > ul > li.join_internet ul, .tc2 .join_info > ul > li ul{width:400px; display:table; margin:0 auto}
    .join_info > ul > li p{padding:10px 0 25px}
    .join_info > ul > li li span{margin:0 0 12px; width:120px}    
    .tc2 .join_proc li{min-height:210px}
    .join_proc li{width:calc((100% - 120px) / 6); margin-bottom:0}
    .join_proc li:last-child{margin-right:0}

    /* 감면혜택 */
    .sale_info > ul > li .si_th, .sale_info > ul > li .si_td{padding:25px}
    .sale_info > ul > li .si_th{width:16%}
    .sale_info > ul > li .si_td{width:84%}
    .sale_info > ul > li .si_td .ul01 li{margin-bottom:5px; word-break:keep-all}
    .sale_info > ul > li .si_td .ul01 li:last-child{margin-bottom:0}
	
	/*유아스포츠단*/
	.txt_t{font-size:1.833em;}
	.txt_m{font-size:1.833em;}
	.kid_img ul, .kid_img2 ul{justify-content:space-between;}
	.kid_img ul li, .kid_img2 ul li{*margin-bottom:0;}

    /* 푸터 */
    #footer .footer_top{padding:0}
    #footer .footer_bot{padding:35px 0 45px; overflow:hidden}
    #footer .footer_bot .copyright .copy_logo{width:325px; float:left; margin:20px 0 0}
    #footer .footer_bot .copyright p{width:calc(100% - 325px); float:right}
}

/*media query - PC*/
@media screen and (min-width:1470px) {
/* 온라인 수강신청 */
 .click_btnn{top: 30px;border-radius: 50px;left: 10px; width: 200px;}
}


/* 사이트맵 */
.content_box{width: 1500px;}
.nt_sitemap {
    right: 0;
    float: left;
    transition: all 0.4s ease-out;
    cursor: pointer;
}
.nt_sitemap.on {}
.nt_sitemap a {overflow: hidden;display: inline-block;}

.nt_sitemap a:hover { color: #fff;}

@media screen and (max-width: 768px) {
 .nt_sitemap {display: none;}
}
.sitemap {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 13000;
    padding-top: 20px;
}
.close_box {
    position: absolute;
    /* width: 36px; */
    /* height: 36px; */
    line-height: 1em;
    background: #000;
    color: #fff;
    font-size: 33px;
    right: 50px;
    top: 20px;
    padding: 6px;
    border-radius: 4px;
}
.sitemap ul li {
    float: left;
    width: 20%;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    height: 50px;
    line-height: 50px;
}

.sitemap li>a {height: 90px;display:block;font-size: 25px;color: #fff;line-height: 90px}
.sitemap ul { margin: auto}


.submenu_site a {display: block;color: #fff;font-weight: 300;font-size: 18px}


.submenu_site a:link, .submenu_site a:visited {
    display: block;
    color: #fff
}
.submenu_site a:hover, .submenu_site a:active {
    display: block;
    color: #B1F4FA
}
@media screen and (max-width: 992px) {
    .sitemap li>a {
        height: 70px;
        font-size: 20px;
        color: #fff;
        line-height: 70px;
        letter-spacing: -1px
    }
    .sitemap .submenu_site a {
        font-size: 16px;
    }

}



/* 게시판 목록 */
.bo_list {position:relative;margin-bottom:20px}
.bo_list:after {display:block;visibility:hidden;clear:both;content:""}
.bo_list .td_board {width:120px;text-align:center}
.bo_list .td_chk {width:30px;text-align:center;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1}
.bo_list .td_date {width:60px;text-align:center}
.bo_list .td_group {width:100px;text-align:center}
.bo_list .td_mb_id {width:100px;text-align:center}
.bo_list .td_mng {width:80px;text-align:center}
.bo_list .td_name {width:120px;text-align:center}
.bo_list .td_nick {width:100px;text-align:center}
.bo_list .td_num {width:70px;text-align:center}
.bo_list .td_num2 {width:70px;text-align:center}
.bo_list .td_numbig {width:80px;text-align:center}
.bo_list .txt_active {color:#5d910b}
.bo_list .txt_expired {color:#ccc}
.bo_list tbody tr {border-left:2px solid transparent}
.bo_list tbody tr:hover {border-left:2px solid #253dbe}
.bo_list tbody .even td {}
.bo_notice {background-color: #ecf4f8;}

.bo_cate {margin:25px 0}
.bo_cate h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_cate ul {zoom:1}
.bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
.bo_cate li {display:inline-block;padding:2px}
.bo_cate a {display:block;line-height:28px;padding:5px 15px;border-radius:30px;border:1px solid #d6e9ff;color:#6794d3}
.bo_cate a:focus, .bo_cate a:hover, .bo_cate a:active {text-decoration:none;background:#3a8afd;color:#fff}
.bo_cate .bo_cate_on {z-index:2;background:#3a8afd;color:#fff;font-weight:bold;border:1px solid #3a8afd}
.td_subject img {margin-left:5px}

/* 게시판 목록 공통 */
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box {position:relative}
.chk_box input[type="checkbox"] + label {position:relative;color:#676e70}
.chk_box input[type="checkbox"] + label:hover {color:#2172f8}
.chk_box input[type="checkbox"] + label span {float:left;width:15px;height:15px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.write_div .chk_box input[type="checkbox"] + label, 
.bo_vc_w .chk_box input[type="checkbox"] + label {padding-left:20px}
.write_div .chk_box input[type="checkbox"] + label span, 
.bo_vc_w .chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {border-color:#1471f6;border-radius:3px}


.bo_btn_top {margin:10px 0}
.bo_btn_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx {margin-bottom:5px;float:right;zoom:1}
.bo_fx:after {display:block;visibility:hidden;clear:both;content:""}
.bo_fx ul {margin:0;padding:0;list-style:none}
.bo_list_total {float:left;line-height:34px;font-size:0.92em;color:#4e546f}

.btn_bo_user {float:right;margin:0;padding:0;list-style:none}
.btn_bo_user li {float:left;min-width:40px;text-align:center;margin-left:5px;background:#fff}
.btn_bo_user > li {position:relative}
.btn_bo_adm {float:left}
.btn_bo_adm li {float:left;margin-right:5px}
.btn_bo_adm input {padding:0 8px;border:0;background:#d4d4d4;color:#666;text-decoration:none;vertical-align:middle}
.bo_notice td {}
.bo_notice td a {font-weight:bold}
.bo_notice .notice_icon {display:inline-block;line-height:25px;border-radius:5px;font-weight:bold;color:#f9267f}

.more_opt {display:none;position:absolute;top:45px;right:0;background:#fff;border:1px solid #b8bfc4;z-index:999}
.more_opt:before {content:"";position:absolute;top:-8px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.more_opt:after {content:"";position:absolute;top:-6px;right:13px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.more_opt li {border-bottom:1px solid #f1f1f1;padding:10px;float:inherit;width:90px;margin:0;color:#6b757c;text-align:left}
.more_opt li:last-child {border-bottom:0}
.more_opt li button, .more_opt li a {display:inline-block;width:100%;border:0;background:#fff;color:#6b757c}
.more_opt li:hover a,
.more_opt li:hover button {color:#000}
.more_opt li i {float:right;line-height:20px}

.td_num strong {color:#000}
.bo_cate_link {float:left;display:inline-block;margin-right:10px;background:#e2eaf6;color:#3a8afd;font-weight:normal !important;height:20px;line-height:10px;padding:5px 8px;border-radius:5px;font-size:0.95em} /* 글제목줄 분류스타일 */
.bo_cate_link:hover {text-decoration:none}
.bo_tit {display:block;color:#000;}
.bo_current {color:#e8180c}
.bo_list .profile_img img {border-radius:50%}
.bo_list .cnt_cmt {background:#e9eff5;color:#3a8afd;font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle}

.bo_list .bo_tit .title_icon {margin-right:2px}
.bo_list .bo_tit .fa-heart {color:#ff0000}
.bo_list .bo_tit .fa-lock {display:inline-block;line-height:14px;width:16px;font-size:0.833em;color:#4f818c;background:#cbe3e8;text-align:center;border-radius:2px;font-size:12px;border:1px solid #cbe3e8;vertical-align:middle}
.bo_list .bo_tit .new_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#23db79;background:#b9ffda;text-align:center;border-radius:2px;margin-left:2px;font-weight:bold;vertical-align:middle}
.bo_list .bo_tit .hot_icon {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#ff0000;background:#ffb9b9;text-align:center;border-radius:2px;vertical-align:middle}
.bo_list .bo_tit .fa-caret-right {color:#bbb}
.bo_list .bo_tit .fa-download {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#daae37;background:#ffefb9;text-align:center;border-radius:2px;margin-left:5px;vertical-align:middle}
.bo_list .bo_tit .fa-link {display:inline-block;width:16px;line-height:16px;font-size:0.833em;color:#b451fd;background:#edd3fd;text-align:center;border-radius:2px;margin-left:5px;vertical-align:middle}


.bo_sch_wrap {}
.bo_sch {width:90%;max-width:480px;margin:0 auto 30px;font-size:1.083em}
.bo_sch:after {display:block;visibility:hidden;clear:both;content:""}
.bo_sch h3 {display:none}
.bo_sch legend {background:red}
.bo_sch form {}
.bo_sch select {float:left;width:120px;height:45px;margin-right:5px;padding:0 45px 0 15px;border:1px solid #d4d4d4;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#666}
.bo_sch .sch_bar {float:left;width:calc(100% - 125px);border:1px solid #d4d4d4}

@media screen and (max-width: 768px) {
.bo_sch select {float:left;width:100%;}
.bo_sch .sch_bar {width:100%;border:1px solid #d4d4d4; margin-top:10px}
}

.bo_sch .sch_input {float:left;width:calc(100% - 78px);height:43px;border:0;padding:5px 15px;background-color:transparent}
.bo_sch .sch_btn {background: #000;float:left;width:78px;height:43px;line-height: 43px;padding-left:20px;border:0;font-weight:bold;text-align:left;color:#fff}
.bo_sch .bo_sch_cls {position:absolute;right:0;top:0;color:#b5b8bb;border:0;padding:12px 15px;font-size:16px;background:#fff}
.bo_sch_bg {background:#000;background:rgba(0,0,0,0.1);width:100%;height:100%}

/* 게시판 쓰기 */
#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:0.92em;font-style:italic;color:#999}
.autosave_close {cursor:pointer;width:100%;height:30px;background:none;color:#888;font-weight:bold;font-size:0.92em}
.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}

/* 게시판 읽기 */
.bo_v {margin-bottom:20px;background:#fff;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 {}
.bo_v_title .bo_v_cate {display:inline-block;line-height:20px;background:#e2eaf6;color:#3a8afd;padding:0 10px;border-radius:3px;}
.bo_v_title .bo_v_tit {display:block;font-size:2em;margin:30px 0 0;word-break:break-all}

.bo_v_info {margin:0;border-bottom:1px solid #d6d6d6;color:#666}
.bo_v_info:after {display:block;visibility:hidden;clear:both;content:""} 
.bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}

.bo_v_info .profile_info {margin:20px 0 10px;display:inline-block;float:left}
.bo_v_info .profile_info .pf_img {display:none;float:left;margin-right:10px}
.bo_v_info .profile_info .pf_img img {border-radius:50%;width:50px;height:50px}
.bo_v_info .profile_info .profile_info_ct {float:left;padding:5px 0;line-height:18px}

.bo_v_info strong {display:inline-block;margin:0 10px 0 0;font-weight:normal}
.bo_v_info .sv_member,
.bo_v_info .sv_guest,
.bo_v_info .member,
.bo_v_info .guest {font-weight:bold}
.bo_v_info .profile_img {display:none}
.bo_v_info .sv_member {color:#000}
.bo_v_info .if_date {margin:0;color:#888}
.bo_v_file{position: relative;}
.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;border-radius:3px;background: #f0f0f0;}
.bo_v_file li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px}
/* .bo_v_file a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000}
.bo_v_file a:focus, .bo_v_file li:hover a, .bo_v_file a:active {text-decoration:underline;color:#3a8afd} */
.bo_v_file img {float:left;margin:0 10px 0 0}
.bo_v_file .bo_v_file_cnt {color:#b2b2b2;font-size:0.92em}
/* .bo_v_file li:hover {border-color:#bed4f4;color:#bed4f4}
.bo_v_file li:hover i {color:#3a8afd}
.bo_v_file li:hover .bo_v_file_cnt {color:#99c2fc} */

.bo_v_link h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_v_link ul {margin:0;list-style:none}
.bo_v_link li {padding:15px;position:relative;margin:10px 0;border:1px solid #dfdfdf;border-radius:5px}
.bo_v_link li i {float:left;color:#b2b2b2;font-size:2.35em;margin-right:20px}
.bo_v_link a {float:left;display:block;text-decoration:none;word-wrap:break-word;color:#000}
.bo_v_link a:focus, .bo_v_link li:hover a, .bo_v_link a:active {text-decoration:underline;color:#3a8afd}
.bo_v_link .bo_v_link_cnt {color:#b2b2b2;font-size:0.92em}
.bo_v_link li:hover {border-color:#bed4f4;color:#bed4f4}
.bo_v_link li:hover i {color:#3a8afd}
.bo_v_link li:hover .bo_v_link_cnt {color:#99c2fc}

.bo_v_top {zoom:1}
.bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_v_top ul {padding:0;list-style:none;word-break:break-all;background:#fff}

.bo_v_bot {zoom:1}
.bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.bo_v_bot ul {padding:0;list-style:none}

.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;clear:both;text-align:left}
.bo_v_nb:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_nb li {border-top:1px solid #dcdcdc;padding:13px}
.bo_v_nb li:last-child {border-bottom:1px solid #dcdcdc}
.bo_v_nb li:hover {background:#f6f6f6}
.bo_v_nb li i {font-size:13px;color:#b3b3b3}
.bo_v_nb li .nb_tit {display: inline-block;
    padding-right: 20px;
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;}
.bo_v_nb li .nb_date {float:right;color:#b3b3b3}

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

.bo_v_img {width:100%;overflow:hidden;zoom:1}
.bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_img a.view_image {display:block}
.bo_v_img img {margin-bottom:20px;max-width:100%;height:auto}

.bo_v_con {margin:10px 0 30px;padding: 0 20px;width:100%;font-size:1.25em;line-height:1.7em;min-height:200px;word-break:break-all;overflow:hidden}
.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}
.bo_v_act a {margin-right:5px;vertical-align:middle;color:#4a5158}
.bo_v_act a:hover {background-color:#fff;color:#ff484f;border-color:#ff484f}
.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;line-height:46px;border-radius:30px}
.bo_v_act .bo_v_nogood {display:inline-block;border:1px solid #dedede;width:70px;line-height:46px;border-radius:30px}

.bo_v_sns {padding:0;list-style:none;zoom:1;float:left;display:inline-block}
.bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_sns li {float:left;width:135px;margin-right:5px;text-align:left}
.bo_v_sns li a {height:35px;line-height:35px;text-align:center;border-radius:5px;color:#fff;font-size:0.95em}
.bo_v_sns li img {vertical-align:middle;margin-right:5px}
.bo_v_sns li .sns_f {display:block;background:#3b5997}
.bo_v_sns li .sns_t {display:block;background:#09aeee}
.bo_v_sns li .sns_g {display:block;background:#ea4026}
.bo_v_sns li .sns_k {display:block;background:#fbe300}

.bo_v_share {position:relative;padding:20px 0}
.bo_v_share:after {display:block;visibility:hidden;clear:both;content:""}
.bo_v_share .btn {padding:0 10px;color:#555;font-weight:normal;font-size:1em;width:80px;line-height:35px;height:35px;border-color:#d5d5d5;border-radius:5px}
.bo_v_share .btn:hover {background:#fff}
.bo_v_share .btn i {margin-right:5px;color:#4b5259;vertical-align:middle}

/* 게시판 댓글 */
.cmt_btn {width:100%;text-align:left;border:0;border-bottom:1px solid #f0f0f0;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:#3a8afd}
.cmt_btn span.cmt_more {float:right;display:inline-block;width:15px;height:10px;background:url(./img/btn_cmt.png) no-repeat right 2px;margin-top:5px}
.cmt_btn_op span.cmt_more {background-position:right -8px}
.cmt_btn b {font-size:1.2em;color:#000}
.cmt_btn span.total:after {position:absolute;bottom:-17px;left:0;display:inline-block;background:#3a8afd;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 #f0f0f0}
.bo_vc article:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc article .profile_img img {border-radius:50%}
.bo_vc article .pf_img {display:none;float:left;margin-right:10px}
.bo_vc article .pf_img img {border-radius:50%;width:50px;height:50px}
.bo_vc article .cm_wrap {float:left;max-width:870px;width:90%;padding-left:10px}
.bo_vc header {position:relative;width:100%}
.bo_vc header:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc header .profile_img {display:none}
.bo_vc header .icon_reply {position:absolute;top:15px;left:-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:0 0 20px}
.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_act {display:none;position:absolute;right:0;top:40px;width:58px;text-align:right;border:1px solid #b8bfc4;margin:0;list-style:none;background:#fff;zoom:1;z-index:9999}
.bo_vc_act:before {content:"";position:absolute;top:-8px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #b8bfc4 transparent}
.bo_vc_act:after {content:"";position:absolute;top:-6px;right:5px;width:0;height:0;border-style:solid;border-width:0 6px 8px 6px;border-color:transparent transparent #fff transparent}
.bo_vc_act li {border-bottom:1px solid #f0f0f0}
.bo_vc_act li:last-child {border-bottom:0}
.bo_vc_act li a {display:inline-block;padding:10px 15px}
.bo_vc_act li a:hover {color:#3a8afd}

.bo_vc_w {position:relative;margin:10px 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:block;margin:0 0 5px}
.bo_vc_w textarea {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:120px}
#wr_secret {}
.bo_vc_w_info {margin:10px 0;float:left}
.bo_vc_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_w_info .frm_input {float:left;margin-right:5px}
.bo_vc_w_info #captcha {padding-top:10px;display:block;clear:both}
.bo_vc_w .btn_confirm {clear:both;margin-top:10px}
.bo_vc_w .btn_confirm label {display:inline-block;margin-right:10px;border-radius:3px;font-size:1.5em;text-align:center}
.bo_vc_w .btn_submit {height:45px;padding:0 20px;border-radius:3px;font-weight:bold;font-size:1.083em}
.bo_vc_w .btn_confirm .secret_cm label {font-size:1em !important}
.bo_vc_w_wr:after {display:block;visibility:hidden;clear:both;content:""}
.secret_cm {display:inline-block;float:left}

.bo_vc_send_sns {display:inline-block;float:left}
.bo_vc_sns {display:inline-block;margin:0;padding:0;list-style:none;zoom:1}
.bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_sns li {float:left;margin:0 5px 0 0}
.bo_vc_sns .sns_li_f {border-radius:3px;background:#3a589b;height:40px;line-height:40px;padding:0 0 0 10px}
.bo_vc_sns .sns_li_t {border-radius:3px;background:#00aced;height:40px;line-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}

/*글쓰기*/
.bo_w .bo_v_option li {display:inline-block;float:left;text-align:left;margin:0 10px 0 0;font-size:1.167em;line-height:1.2}
.bo_w .bo_v_option li label {display:inline-block;vertical-align:baseline}
.bo_w .bo_v_option .chk_box input[type="checkbox"] + label span {margin-left:0;margin-right:5px}
.bo_w .write_div {margin:10px 0;position:relative}
.bo_w .write_div:after {display:block;visibility:hidden;clear:both;content:""}
.bo_w .bo_w_info:after {display:block;visibility:hidden;clear:both;content:""}
.bo_w .bo_w_info .frm_input {float:left;margin-bottom:1%}
.bo_w #wr_password, .bo_w #wr_homepage {margin-left:1%}
.bo_w .wr_content.smarteditor2 iframe {background:#fff}
.bo_w .bo_w_tit {position:relative}
.bo_w .bo_w_tit .frm_input {padding-right:120px}
.bo_w .bo_w_tit #btn_autosave {position:absolute;top:5px;right:5px;line-height:30px;height:30px}
.bo_w .bo_w_link label {position:absolute;top:1px;left:1px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
.bo_w .bo_w_link .frm_input {padding-left:50px}
.bo_w .bo_w_flie .lb_icon {position:absolute;top:0px;left:0px;height:38px;line-height:38px;width:40px;font-size:1.2em;text-align:center;color:#b2b2b2}
.bo_w .bo_w_flie .frm_file {padding-left:50px;margin-top:3px}
.bo_w .bo_w_flie .file_wr {position:relative;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;padding:5px;height:40px;margin:0}
.bo_w .bo_w_flie .frm_input {margin:10px 0 0}
.bo_w .bo_w_flie .file_del {position:absolute;top:10px;right:10px;font-size:0.92em;color:#7d7d7d}
.bo_w .bo_w_select select {border:1px solid #d0d3db;width:100%;height:40px}
.bo_w .btn_submit {padding:0 20px;font-size:1.167em}
.bo_w .btn_cancel {font-size:1.167em}

/* 추가 */
.bo_v_option {}
.bo_v_option label {}


@media screen and (max-width:767px) {
    .bo_list .tbl_head01 thead th:nth-of-type(1), 
    .bo_list .tbl_head01 thead th:nth-of-type(3), 
    .bo_list .tbl_head01 tbody td:nth-of-type(1), 
    .bo_list .tbl_head01 tbody td:nth-of-type(3)
	{display:none}

    .bo_list .tbl_head01 .empty_table {display:table-cell !important}

    /* .bo_list .td_datetime {width:180px} */
}

@media screen and (min-width:1024px) {
    .bo_list .td_name { text-align:center;}
    .bo_list .td_num, .bo_list .td_num2 { text-align:center;}
    .bo_list .td_subject {padding-left:20px}
}


/* 서비스준비중 */
.svs_ready{text-align: center; padding: 60px 30px; background: #f2f2f2;}
.svs_ready i{padding-bottom:15px;}
.ready_t01{display: block; font-size: 50px; color: #673AB7; padding: 20px; font-weight: 600;}
.ready_t02{display: block; font-size: 20px; letter-spacing: 0.5; line-height: 1.3;}
.ready_t03{display: block; font-size: 23px; padding: 20px; font-weight: 600;}
@media screen and (max-width: 768px) {
  .svs_ready{padding: 15px 10px;}
  .ready_t01{font-size: 30px;}
  .ready_t02{font-size: 16px;}
  .ready_t03{font-size: 18px;}
}

/*faq*/
.btns_sh{
		padding: 10px 50px;
		position: absolute;
		font-size: 15px;
		background: #5802f7;
		color:#fff;
		border: 1px solid #000;
		right: 0;
		-webkit-transition:background-color 0.3s ease-out;
		-moz-transition:background-color 0.3s ease-out;
		-o-transition:background-color 0.3s ease-out;
		transition: 0.3s ease-out
}
		
.btns_sh:hover{background: #4144ff;}
.faq-btnbox{position:relative;} .faq_t01{font-size:17px; margin-bottom:10px;}

@media screen and (max-width: 768px) {
  .btns_sh{padding: 10px 20px;}
}

span.form-control {border-radius: 0}
.form-group .row div[class|="col"] { padding-right: 5px;    padding-left: 5px; }
.help-block { font-size: 0.8em;line-height: 1.1em; margin-bottom: 0}
.form-group .row .form-control.text-center {padding-left: 0; padding-right: 0}
.faq_search_box { border: 3px solid #0080c6;
    padding: 15px 20px;
    margin-bottom: 25px;
}
.faq_search_box .form-group{margin: 0}
.faq_search_box label {font-weight: 400}
.faq_search_box input.form-control { border:2px solid #999; border-right:none}

.form-group > label.required:before {
    content: '*';
    color: red; margin-right: 5px
}
.form-group .row .input-group,.form-group .row .input-group .btn { margin-bottom: 0}

.form-group .row {
    margin-right: -5px;
    margin-left: -5px;
}
.select_design select.form-control {
	position: absolute;
    z-index: 2;
    min-width: 100px;
    opacity: 0;
    border: none;
    box-shadow: none;
    top: 0;
    left: 0;
}
.select_design {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
	text-align: left
}
.select_design:after {
    font-size: 1.2em;
    line-height: 18px;
    position: absolute;
    top: 50%;
    right: 8px;
    width: 12px;
    height: 18px;
    margin-top: -9px;
    content: '▾';
    text-align: center;
    color: #7e7e7e;
    background: none;
}

.tag_box { display:block; margin: -5px ;margin-bottom:15px; height: 60px;}
.tag_box .tag {display: block; float:left;
padding:3px 16px 5px; font-size: 15px; background: #67B0D1; 
border-radius: 20px ;margin:5px; }
.tag_box .tag a{color:rgba(255,255,255,.8)}
.tag_box .active {background: #0080c6; }
.tag_box .active a{color:#fff}

.accordion {border-top: 2px solid #000; border-bottom: 1px solid #999; line-height: 1.6em}
.accordion .label {text-align: center; display: inline-block; border-radius: 15px;}
.content_accordion { border-bottom: 1px solid #ddd}
.accordion_title {position: relative;
    cursor: pointer;
    font-size: 16px;
    padding: 12px 30px 12px 8px;}
.accordion .accordion_body {
	padding:8px 8px 8px 30px;
    display: none;
    background-color: #f9f9f9;
    border-top: 1px solid #eee;
    font-size: 14px;
    color: #494949;}
.icon_accordion { position: absolute;right: 8px;top:6px}
.icon_position { position: relative; padding-left:30px }
.anw{font-size:16px;}

.label-danger {
    background-color: #d9534f;
}
.label-primary {
    background-color: #007aff;
}
.label {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
}
.icon_position span.label {
    display: block;
    position: absolute;
    left: 0px;
    top: 2px;
}
/* 포토갤러리 */
	.gallery_body{
    margin: 0 auto;
    margin-bottom: 30px;
    display: flex;
    width: 100%;
    max-width: 1200px;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
	}
	.gallery_box{ height:300px; margin:1%; flex-basis:23%;} 
    .gallery_box img{width:100%;  height:200px;  border:1px solid #ddd; object-fit: cover;}
	
	.text_box{padding:10px; text-align:center;}
    .text_box h5{display:block; font-size:16px; padding:5px 0 10px 0;}

@media (max-width: 720px) { 
    .gallery_body{flex-direction: column;}
	.gallery_box{width:98%} 
	.gallery_box img{height:240px;}
}

.text-overflow {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.page_txbox{padding: 20px 20px 50px 20px; margin-bottom:50px;}

.page_tx01{font-size: 45px; font-weight: 600; margin-bottom:10px;}
.page_tx01-1{display:block; padding:10px; font-size: 25px; font-weight: 600; margin-bottom:10px; text-align:center; 
margin-top:20px; line-height: 1.6;}
.page_tx02{font-size: 20px; line-height: 1.5; letter-spacing: 0.5; margin-bottom:10px;}
.page_tx03{margin:20px 20px 40px 0; font-size: 20px; font-weight:500;}

.page_tx04{font-size: 18px; line-height: 1.5; letter-spacing: 0.5; margin-bottom:10px;}
.page_tx05{font-size: 18px; line-height: 1.5; letter-spacing: 0.5; margin-bottom:10px; text-decoration: underline;}
.page_tx06{font-size: 17px; line-height: 1.5; letter-spacing: 0.5;}

.page_color01{color: #673AB7 !important;}
.page_color02{color: #f32ca9 !important;}
.page_color03{color: #2196f3 !important;}

.page_bg01{background: #f5f5f5 !important;}/*회색*/
.page_bg02{background: #eef5f8 !important;}/*하늘*/

.page_bd{border-bottom:1px dashed #cbcbcb; display:block; padding-bottom:10px;}
.page_bd p{display: block; position: relative; left: -30px;}

@media (max-width: 720px) { 
.page_txbox{padding: 10px 10px 30px 10px; margin-bottom:50px;}
.page_tx01{font-size: 30px;}
.page_tx01-1{font-size: 20px;}
.page_tx02 {font-size: 17px;}
.page_tx04 {font-size: 16px;}
.page_tx06{font-size: 15px;}
}



/* 테이블 반응형 */
.info_table {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

.info_table caption {
  font-size: 16px;
  font-weight: 500;
  text-align: right;
  margin: 0.5em 0 0.75em;
}

.info_table tr {
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  padding: .35em;
}

.info_table th,
.info_table td {
  font-size: 18px;
  padding: .625em;
  text-align: center;
  background: white;
}

.info_table th {
    font-size: 18px;
    padding: 15px 0px;
    border-top: 2px solid #191919;
    background: whitesmoke;
    letter-spacing: .1em;
    text-transform: uppercase;
}

@media screen and (max-width: 600px) {
  .info_table {border: 0;}
  .info_table th {
    font-size: 16px;
    padding: 15px 0px;
    border-top: 2px solid #191919;
    background: whitesmoke;
    letter-spacing: .1em;
    text-transform: uppercase;
}
  .info_tablecaption {font-size: 1.3em;}
  
  .info_table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .info_table tr {
    border-bottom: 3px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }
  
  .info_table td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: 15px;
    text-align: right;
  }
  
  .info_table td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .info_table td:last-child {border-bottom: 0;}
}



 /* scroll table ================= */

	.x-scr-table { 
		width:100%;
		max-width:100%;
		border-top: 2px solid #000 !important ; 
		padding:12px 3px;
		margin-bottom:0;
		border-spacing: 0;
		border-collapse: collapse;
	}

	.x-scr-table th {
	    text-align: center;  
		word-break: keep-all; 
	    background: #f4f4f4;
		border: 1px solid #ddd; 
		font-size:16px; 
		font-weight:600;
	    padding:10px;
	}
	.x-scr-table td{ text-align:center; border: 1px solid #ddd; padding:12px 3px; font-size: 17px;line-height: 1.6;}
	.x-scr-table  p{margin-bottom:0}
	.x-scr-table img{width:100%}



	/* scroll table ================= */
	.scrolltb-box{ width: 100%; overflow:auto}
	.scrolltb-box table{}

	.data_none{text-align:center; padding:15px 0 }
	.data_none p{margin:0}


	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { vertical-align: middle}
	



/* 메인 이벤트 배너 */

/* .event-wrap {position: relative; width: 100%; height: 240px;} */
.event-wrap {
  width: 100%;
 

  /* overflow: hidden; */
  position: relative;
} 
.banner_mask img{
width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

 /* .banner_mask img{max-width: 100%; height: auto !important;} */
.event-wrap ul.banner_mask {
  position: absolute;
  width: 100%; 
  height: 240px;
  overflow: hidden;
}
.event-wrap ul.banner_mask li {
  position: absolute;
  top: 0px;
  width:100%;
  height:100%;
}
.event-wrap ul.banner_mask li:nth-child(1){background:#e9d3c4;}
.event-wrap ul.banner_mask li:nth-child(2){background:#ababab;}
.event-wrap ul.banner_mask li:nth-child(3){background:#333333;}
.event-wrap ul.banner_mask li:nth-child(4){background:#000000;}

.event-wrap label {
    float: right;
    position: relative;
    right: 10px;
	font-weight:500;
    top: 10px;
    width: 25px;
    height: 25px;
    margin-left: 5px;
    line-height: 25px;
    text-align: center;
    background: #fff;
    cursor: pointer;
	border-radius: 30px;
    z-index: 1000;
}

.event-wrap input.banner_input1:checked ~ label.label_btn1,
.event-wrap input.banner_input2:checked ~ label.label_btn2,
.event-wrap input.banner_input3:checked ~ label.label_btn3,
.event-wrap input.banner_input4:checked ~ label.label_btn4 {
  background: #333333; color: white;}

.event-wrap input {display: none;}

.event-wrap input.banner_input1:checked ~ .banner_mask li:nth-child(1),
.event-wrap input.banner_input2:checked ~ .banner_mask li:nth-child(2),
.event-wrap input.banner_input3:checked ~ .banner_mask li:nth-child(3),
.event-wrap input.banner_input4:checked ~
.banner_mask li:nth-child(4) {
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
  -webkit-transition: left 0.5s ease-in-out;
  -moz-transition: left 0.5s ease-in-out;
  -o-transition: left 0.5s ease-in-out;
  -ms-transition: left 0.5s ease-in-out;
  transition: left 0.5s ease-in-out;
  left: 0px;
  z-index: 10;
}

.event-wrap input:checked ~
.banner_mask li {
  -webkit-animation: slideOut 0.5s ease-in-out none;
  -moz-animation: slideOut 0.5s ease-in-out none;
  -ms-animation: slideOut 0.5s ease-in-out none;
  -o-animation: slideOut 0.5s ease-in-out none;
  animation: slideOut 0.5s ease-in-out none;
}

@keyframes "slideOut" {
  0% {left: 0px;}
  100% {left: -300px;}
}

@-moz-keyframes "slideOut" {
  0% {left: 0px;}
  100% {left: -300px;}
}

@-webkit-keyframes "slideOut" {
  0% {left: 0px;}
  100% {left: -300px;}
}

@-ms-keyframes "slideOut" {
  0%  {left: 0px;}
  100% {left: -300px;}
}

@-o-keyframes "slideOut" {
  0%  {left: 0px;}
  100% {left: -300px;}
}




/* 메인 카드이미지 */

.mc_card {
margin: 10px;
    display: inline-block;
    position: relative;
    width: 25%;
    height: 280px;
    opacity: 0.85;
}
.mc_front,
.mc_back {
    width: 100%;
    height: 100%;
	text-align: center;
    position: absolute;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transition: -webkit-transform 300ms;
    transition: -webkit-transform 300ms;
    transition: transform 300ms;
    transition: transform 300ms, -webkit-transform 300ms;
    border-radius: 5px;
}
.mc_front {transform: rotateY(0deg);text-align: center;padding: 30px;
}

.frontbg01 {
    background-image: url("../images/mc_card_img01.jpg");
    background-size: cover;;
}

.frontbg02 {
    background-image: url("../images/mc_card_img02.jpg");
    background-size: cover;;
}
.frontbg03 {
    background-image: url("../images/mc_card_img03.jpg");
    background-size: cover;;
}
.frontbg04 {
    background-image: url("../images/mc_card_img04.jpg");
    background-size: cover;;
}



.mc_back {

    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
    padding: 40px 15px;
    color: #fff;
}
.mc_card:hover .mc_front {
    -webkit-transform: rotateY(-180deg);
            transform: rotateY(-180deg);
}
.mc_card:hover .mc_back {
    -webkit-transform: rotateY(0deg);
            transform: rotateY(0deg);
}

.mc_contact {
    height: 120px;
    width: 120px;
    border: 5px solid #B2DBBF;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: 10px;
}
.mc_name {
    display: inline-block;
    font-size: 18px;
    color: #fff;
}
.mc_cdi{ padding-top:30px; display: block;color: #fff;}
.mc_job {
    color: #fff;
    margin: 10px;
    font-size: 15px;
    display: block;
	}
.mc_front hr {
    border: none;
    color: #B2DBBF;
    border: 1px solid;
}
.mc_icon {
    padding:30px 0px;
    margin: 0 auto;
    color: white;
	text-align: center;
}
	.mc_tag_t{
    position: absolute;
    width: 80%;
    bottom: 40px;
    left: 50%;
    right: 50%;
    color: #fff;
    font-size: 18PX;
    padding: 30px 15px;
	border-radius:5px;
    transform: translate(-50%, -50%);
    height: 180px;
	}
	.mc_tag_d{
    position: absolute;
    width: 80%;
    bottom: -120px;
    left: 50%;
    right: 50%;
    color: #fff;
    font-size: 18PX;
    padding: 30px 15px;
	border-radius:5px;
    transform: translate(-50%, -50%);
    height: 180px;
	}

   .tagbg01{background: #d7254fc4;}
   .tagbg02{background: #0a529ed6;}
   .tagbg03{background: #ff7700de;}
   .tagbg04{background: #2DAA33de;}

.mc_cardbtn{
    display: block;
    background: #fff;
    padding: 10px 5px;
    border-radius: 50px;
    font-size: 16px;
	font-weight:600;
}
.mc_c_c01{color:#d7254fc4;}
.mc_c_c02{color:#0A529E;}
.mc_c_c03{color:#FF7700;}
.mc_c_c04{color:#2DAA33;}

@media screen and (max-width: 768px) {
.mc_card {width: 100%;  margin:0px; height: 220px; margin-bottom: 10px;}
.mc_icon {padding:15px 0px;}
.mc_tag_t{bottom: -72px; width:93%;}
.mc_tag_d{bottom: -72px; width:93%;}
}



/* 자유게시판/칭찬게시판 댓글 시스템 추가 */
.frm_nbt01{
    position: absolute;
    right: 18px;
    top: 16px;
    display: inline-block;
    font-weight: normal;
	padding:20px 35px;
	color:#fff !important;
	border-radius: 3px;
    font-size: 14px;
	background: #673ab7 !important;
	}
.frm_nbt02{
    position: absolute;
    right: 18px;
    top: 16px;
    display: inline-block;
    font-weight: normal;
	padding:11px 35px;
	color:#fff !important;
	border-radius: 3px;
    font-size: 14px;
	background: #808080 !important;
	}
	.frm_input30{
	border: 1px solid #d0d3db;
    background: #fff;
    color: #000;
    vertical-align: middle;
    padding: 10px;
	border-radius: 3px;
    font-size: 15px;
	margin-bottom:5px;
	width:25%;
	}
	.frm_txa100{
	border: 1px solid #d0d3db;
    background: #fff;
    color: #000;
    vertical-align: middle;
    padding: 10px;
	border-radius: 3px;
    font-size: 15px;
	width:90%;
	}

	.btn_down{
	display:inline-block;
	margin-left:10px;
	padding: 8px 12px;
    margin-bottom: 0;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #465574;
    border-radius: 2px;
	color: #ffffff !important;
	background: #515f7a !important;
	user-select: none;
	}

.frm_bd01 {display: flex; font-size: 14px; font-weight:600; padding:4px 10px;}
.frm_bd02 {display: inline-block; font-size: 14px; font-weight:500; padding:4px 10px; width:80%;}
.frm_bd03 {display: block; margin-top:10px;}
.frm_bd04 {display: inline-block; font-size: 14px; font-weight:600; padding:4px 10px; width:20%;}

@media screen and (max-width: 768px) {
    .btn_down{margin-top:10px; margin-bottom:10px;}
	.frm_input30{width:32%;}
	.frm_nbt01{padding:20px 25px;}
	.frm_nbt02{padding:11px 25px;}
    .frm_txa100{width:65%;}
	.frm_bd01 {display: flex; padding-bottom:15px;}
    .frm_bd02 {display: block; font-size: 14px; font-weight:500; padding:4px 10px; width:65%;}
    .frm_bd03 {display: block; margin-top:10px;}
    .frm_bd04 {display: block; font-size: 14px; font-weight:600; padding:4px 10px; width:20%;}
}




/* 메인달력 */
.mc_calbutton {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    outline: 0;
	position: relative;
    TOP: 3px;
    background-color: white;
    font-size: 20px;
    margin-bottom: 10px;
  }
.mc_cal {margin-top:20px;}
.mc_cal th{
    font-size: 17px;
}
.mc_cal td{
    width: 40px;
    height: 40px;
    font-size: 16px;
    text-align: center;
}
.mc_cal_wrap {
    display: flex;
    align-items:center;
    justify-content: center;
}
.mc_cal_item01{
    position: relative;
    text-align: center;

}
.mc_cal_item02{

    position: relative;
    top: -50px;
    text-align: center;
    font-size: 16px;
}

#today{
    width: 160px;
    margin-right: 60px;
    margin-bottom: 60px;
    font-weight: bold;
}
#week{
    font-size: 20px;
}
#date{
    font-size: 40px;
}
.mc_cal_topbar{
    display: inline;
    font-weight: bold;
}
.mc_cal_today-circle{

    border-width: 3px;
    background-color: purple;
    color: white;
}
.mc_cal_click-circle{

    border-width: 2px;
    border-style: solid;
    border-color: purple;
}


@media screen and (max-width: 768px) {
#today{
    width: 120px;
    margin-right: 10px;
    margin-bottom: 60px;
    font-weight: bold;
}
#week{font-size: 16px;}
#date{ font-size: 26px;}
.mc_cal_item02{position: relative;top: 0px;}
}


@media screen and (max-width: 430px) {
.mc_cal_item01{display:none;}
#today{display:none;}
}


/* 메인컬러정의 */
.m_color01{background-color: #673AB7 !important;}
.m_color02{background-color: #f32ca9 !important;}
.m_color03{background-color: #2196f3 !important;}
.m_color04{background-color: #666666 !important;}
.m_color05{background-color: #3c763d !important;}


/* 로그인 */
.wrap{ 
    display: flex;
    position: relative;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;

}

.contant_mem{ 
    flex-grow: 1;
	padding: 20px;
	text-align:center;
}

.iconbox{/* position: absolute; */margin-top: 10px;}
.icontxt{margin:20px 0;  flex-grow: 1; font-size:16px;}
 
.iconbox img {
    display: block;
    margin: 0 auto;
}
.iconbox span{
	display:block; 
	margin: 0 auto; 
	padding:8px;
	font-size:33px;
	font-weight:500;
	text-align:center;
	color:#191919;
}
.iconbox .title_bar{
    margin: 0 auto; 
    width:22px;
    height:5px;
    background: #673ab7;
	margin-bottom: 50px;
    display: block;
}

.logbox{position: relative; min-height: 150px;  max-width: 600px; margin:0 auto;    padding: 10px;}
.logbox ul{ width:100%;}
.logbox ul li{ display:inline-block; vertical-align: top;}
.logbox ul li:first-child{ width:65%;}
.logbox ul li:last-child{ width:20%; margin-left:1%;}

.log_btn{
    display: block;
	font-size:16px;
    padding: 38px 30px;
    background: #673ab7;
    border: 1px solid #154a16;
    border-radius: 7px;
    color: #fff !important;
    transition: 0.3s all;
}
.logbtn:hover{background: #01a450; border: 1px solid #006f02;}


@media (max-width: 560px){
.iconbox img { width:50px;}
.contant{padding: 0px;}
.icontxt{font-size:14px; margin: 10px 0; padding: 0 10px;}
.iconbox span{font-size:18px;}
.logbox ul li{ display:block; margin:0 auto;}
.log_btn{width:100%;  padding: 14px 30px; margin-top:45px; margin-bottom:25px;}
.logbox ul li:first-child{ width:100%;}
.logbox ul li:last-child{ width:100%; margin-left:0; margin-top:-30px;}
.chkbox{top:95px; left:0 !important;}
}

.chkbox{position: absolute; left: 40px; height: 40px; text-align:left;}
.chkbox2{left: 40px; height: 40px; text-align:left;}
/* .cntr{position:absolute; top:-5px; left:40px;} */

/* 체크박스 스타일 */
.label-cbx{user-select:none;cursor:pointer;margin-bottom:0}
.label-cbx input:checked+.checkbox{border-color:#673AB7;}
.label-cbx input:checked+.checkbox svg path{fill:#673AB7;}
.label-cbx input:checked+.checkbox svg polyline{stroke-dashoffset:0}
.label-cbx:hover .checkbox svg path{stroke-dashoffset:0}
.label-cbx .checkbox{
position:relative; top:2px; float:left; margin-right:8px;
width:20px; height:20px; border:2px solid #c8ccd4;border-radius:3px;}
.label-cbx .checkbox svg{position:absolute;top:-2px;left:-2px}
.label-cbx .checkbox svg path{
fill:none; stroke:#673AB7; stroke-width:2;
stroke-linecap:round; stroke-linejoin:round;
stroke-dasharray:71px; stroke-dashoffset:71px;
transition:all .6s ease
}
.label-cbx .checkbox svg polyline{
fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;
stroke-linejoin:round;stroke-dasharray:18px;
stroke-dashoffset:18px;transition:all .3s ease
}
.label-cbx>span{
    pointer-events: none;
    display: inline-block;
    position: relative;
    top: 12px;
	font-size:16px;
    vertical-align: middle;
}
.invisible{position:absolute; z-index:-1; width:0; height:0; opacity:0}


.joinbox{
    max-width: 1200px;
    display: flex;
    justify-content: center;
    background: #fcfcfc;
    margin: 0 auto;
    text-align: left;
    padding: 30px;
    border: 1px solid #dfdfdf;
    box-shadow: 2px 2px 3px #e0e0e0;
    flex-direction: column;
}

.btnbox{max-width: 1000px; display: flex; justify-content: center; margin: 0 auto;}

.btnbox2{ display: flex; justify-content: center;}
.btnbox3{margin: 0 auto;  max-width:1000px; display:flex; justify-content: flex-end;}


.btnbox4{margin: 0 auto;  max-width:1200px; display:flex;  justify-content: center;}


.divider { height: 1px; background: #ddd; margin: 10px  0 25px 0}

.zero-n{padding-right: 4px; padding-left:4px;}
.zero-l{padding-right: 8px; padding-left:0 !important;}
.zero-r, .zero-e{padding-left: 8px; padding-right:0 !important;}
.inp30{flex-grow: 1; margin-right: 1%;}
.inp30:last-child{margin-right: 0%;}
.zero{padding:0 !important;}
.required, .n_required{font-size: 16px; padding: 5px;}
.required:before {
   display:block;
   content:"*";
   color:#da0000;
   font-size:14px;
   line-height:10px;
   padding: 0 5px 0 5px;
}
.n_required:before {content:""; padding: 0 5px 0 5px;}
.point{display:inline-block; }
.jointxt{display:inline-block; font-size:18px; font-weight:700;}
.help-block{font-size:14px; font-weight:500; padding:0 0 10px 0;}
.help-block2{font-size:14px; font-weight:500;margin-top: 5px;}


.select_design select.form-control {
	position: absolute;
    z-index: 2;
    border: 1px solid #cbc6c6 !important;
    min-width: 100px;
/* opacity: 0; */
   

}
.select_design {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
	top:-18px;
	z-index:99;
    text-align: left;
}
/* .select_design:after {
    font-size: 1.2em;
    line-height: 18px;
    position: absolute;
    top: 50%;
    right: 8px;
    width: 12px;
    height: 18px;
    margin-top: -9px;
    content: '▾';
    text-align: center;
    color: #7e7e7e;
    background: none;
} */

.join_btn{
    width:49%;
    margin-left: 1%;
	text-align:center;
    padding: 18px 13px;
	font-size: 15px;
    background: #673ab7;
    border: 1px solid #8e22d7;
    border-radius: 7px;
    color: #fff !important;
    transition: 0.3s all;
}
.join_cc{
    width:49%;
    margin-right: 1%;
	text-align:center;
	font-size: 15px;
    padding: 18px 13px;
    background: #474747;
    border: 1px solid #154a16;
    border-radius: 7px;
    color: #fff !important;
    transition: 0.3s all;
}
.addon{
    padding: 8px 22px;
    background: #555555;
    color: #fff;
    border: 1px solid #4b4b4b;
    border-left: 0;
    font-size: 14px;
    border-radius: 0 3px 3px 0;
	}


.join_btn:hover{background: #610ff4; border: 1px solid #006f02;}
.join_cc:hover{background: #808080; border: 1px solid #292929;}



.logfwbox{max-width: 600px;
    margin: 0 auto;
    text-align: left;
    margin-top: 20px;
}
.logfwbox ul{width:87%; margin:0 auto;}
.logfwbox ul li{display:block; border-bottom:1px solid #ccc; padding:18px 0; position: relative; font-size:15px;}
.logfwbox ul li span{padding:10px 0;}
.logfwbox li a{float:right;}

.btn_joinpw{position:absolute; top:8px; right:5px; font-size:14px; padding: 7px 20px; transition: 0.3s all;}
.btn_joinpw:hover{background:#474747; color:#fff; }


@media (max-width: 530px){
.logfwbox{margin-top: -40px !important; padding: 0 10px;}
.logfwbox ul{width:100%; margin:10px 0;}
.logfwbox ul li span{border-bottom:0;}
.logfwbox ul li{padding-left:0px; margin:20px 0; border-bottom:0;}
.logfwbox ul li a{position: absolute; top: 40px; width: 100%;left: 0;}
}


@media (max-width: 720px){
.divider {margin: 0px 0 5px 0;}
.jointxt{font-size:16px; padding: 20px 0 25px 0;}
.joinbox{padding: 5px;}
}

@media (max-width: 530px){
.required .n_required {font-size: 15px; padding: 7px 0px;}
.required:before {padding: 0 3px;}
.n_required:before {padding: 0;}
.help-block{font-size:13px;padding:0 0 5px 0;}
.input-group-addon{padding: 6px; font-size: 13px;}
.zero-n{padding-right: 2px; padding-left:2px;}
.zero-l{padding-right: 4px; padding-left:0 !important;}
.zero-r{padding-left: 4px; padding-right:0 !important;}
.zero-e{padding-left: 0; padding-right:0 !important;}
.select_design {margin-top: 5px;}
}

/* 체크박스 스타일 */
.label-cbx2{user-select:none;cursor:pointer;margin-bottom:0}
.label-cbx2 input:checked+.checkbox{border-color:#673AB7;}
.label-cbx2 input:checked+.checkbox svg path{fill:#673AB7;}
.label-cbx2 input:checked+.checkbox svg polyline{stroke-dashoffset:0}
.label-cbx2:hover .checkbox svg path{stroke-dashoffset:0}
.label-cbx2 .checkbox{
position:relative; top:2px; float:left; margin-right:8px;
width:20px; height:20px; border:2px solid #c8ccd4;border-radius:3px;}
.label-cbx2 .checkbox svg{position:absolute;top:-2px;left:-2px}
.label-cbx2 .checkbox svg path{
fill:none; stroke:#673AB7; stroke-width:2;
stroke-linecap:round; stroke-linejoin:round;
stroke-dasharray:71px; stroke-dashoffset:71px;
transition:all .6s ease
}
.label-cbx2 .checkbox svg polyline{
fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;
stroke-linejoin:round;stroke-dasharray:18px;
stroke-dashoffset:18px;transition:all .3s ease
}
.label-cbx2>span{
    pointer-events: none;
    display: inline-block;
    position: relative;
    top: 12px;
	font-size:16px;
    vertical-align: middle;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate
}

.input-group[class*=col-] {
    float: none;
    padding-right: 0;
    padding-left: 0
}

.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.input-group-lg>.form-control,
.input-group-lg>.input-group-addon,
.input-group-lg>.input-group-btn>.btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-group-lg>.form-control,
select.input-group-lg>.input-group-addon,
select.input-group-lg>.input-group-btn>.btn {height: 46px; line-height: 46px}

select[multiple].input-group-lg>.form-control,
select[multiple].input-group-lg>.input-group-addon,
select[multiple].input-group-lg>.input-group-btn>.btn,
textarea.input-group-lg>.form-control,
textarea.input-group-lg>.input-group-addon,
textarea.input-group-lg>.input-group-btn>.btn {
    height: auto
}

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-group-sm>.form-control,
select.input-group-sm>.input-group-addon,
select.input-group-sm>.input-group-btn>.btn {height: 30px; line-height: 30px}

select[multiple].input-group-sm>.form-control,
select[multiple].input-group-sm>.input-group-addon,
select[multiple].input-group-sm>.input-group-btn>.btn,
textarea.input-group-sm>.form-control,
textarea.input-group-sm>.input-group-addon,
textarea.input-group-sm>.input-group-btn>.btn { height: auto}

.input-group .form-control,
.input-group-addon,
.input-group-btn {display: table-cell}

.input-group .form-control:not(:first-child):not(:last-child),
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child) {border-radius: 0}

.input-group-addon,.input-group-btn {width: 1%;white-space: nowrap; vertical-align: middle}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px
}

.input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px}
.input-group-addon.input-lg {padding: 10px 16px; font-size: 18px; border-radius: 6px}

.input-group-addon input[type=checkbox],
.input-group-addon input[type=radio] { margin-top: 0}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child>.btn,
.input-group-btn:first-child>.btn-group>.btn,
.input-group-btn:first-child>.dropdown-toggle,
.input-group-btn:last-child>.btn-group:not(:last-child)>.btn,
.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle) { border-top-right-radius: 0; border-bottom-right-radius: 0}

.input-group-addon:first-child {border-right: 0}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:first-child>
.btn-group:not(:first-child)>
.btn,
.input-group-btn:first-child>
.btn:not(:first-child),
.input-group-btn:last-child>.btn,
.input-group-btn:last-child>.btn-group>.btn,
.input-group-btn:last-child>.dropdown-toggle {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.input-group-addon:last-child { border-left: 0}
.input-group-btn {position: relative; font-size: 0; top:-2px; white-space: nowrap}
.input-group-btn>.btn {position: relative}
.input-group-btn>.btn+.btn {margin-left: -1px}
.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {z-index: 2}

.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group {margin-right: -1px}

.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group { margin-left: -1px}


.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd
}

.table>caption+thead>tr:first-child>td,.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>td,.table>thead:first-child>tr:first-child>th {
    border-top: 0
}

.table>tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed>tbody>tr>td,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>td,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>thead>tr>th {
    padding: 5px
}

.table-bordered {
    border: 1px solid #ddd
}

.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}

.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.table-hover>tbody>tr:hover {
    background-color: #f5f5f5
}

table col[class*=col-] {
    position: static;
    display: table-column;
    float: none
}

table td[class*=col-],table th[class*=col-] {
    position: static;
    display: table-cell;
    float: none
}

.table>tbody>tr.active>td,.table>tbody>tr.active>th,.table>tbody>tr>td.active,.table>tbody>tr>th.active,.table>tfoot>tr.active>td,.table>tfoot>tr.active>th,.table>tfoot>tr>td.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>thead>tr.active>th,.table>thead>tr>td.active,.table>thead>tr>th.active {
    background-color: #f5f5f5
}

.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8
}

.table>tbody>tr.success>td,.table>tbody>tr.success>th,.table>tbody>tr>td.success,.table>tbody>tr>th.success,.table>tfoot>tr.success>td,.table>tfoot>tr.success>th,.table>tfoot>tr>td.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>thead>tr.success>th,.table>thead>tr>td.success,.table>thead>tr>th.success {
    background-color: #dff0d8
}

.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover {
    background-color: #d0e9c6
}

.table>tbody>tr.info>td,.table>tbody>tr.info>th,.table>tbody>tr>td.info,.table>tbody>tr>th.info,.table>tfoot>tr.info>td,.table>tfoot>tr.info>th,.table>tfoot>tr>td.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>thead>tr.info>th,.table>thead>tr>td.info,.table>thead>tr>th.info {
    background-color: #d9edf7
}

.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover {
    background-color: #c4e3f3
}

.table>tbody>tr.warning>td,.table>tbody>tr.warning>th,.table>tbody>tr>td.warning,.table>tbody>tr>th.warning,.table>tfoot>tr.warning>td,.table>tfoot>tr.warning>th,.table>tfoot>tr>td.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>thead>tr.warning>th,.table>thead>tr>td.warning,.table>thead>tr>th.warning {
    background-color: #fcf8e3
}

.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover {
    background-color: #faf2cc
}

.table>tbody>tr.danger>td,.table>tbody>tr.danger>th,.table>tbody>tr>td.danger,.table>tbody>tr>th.danger,.table>tfoot>tr.danger>td,.table>tfoot>tr.danger>th,.table>tfoot>tr>td.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>thead>tr.danger>th,.table>thead>tr>td.danger,.table>thead>tr>th.danger {
    background-color: #f2dede
}

.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover {
    background-color: #ebcccc
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width:100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd
    }

    .table-responsive>.table {
        margin-bottom: 0
    }

    .table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th {
        white-space: nowrap
    }

    .table-responsive>.table-bordered {
        border: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child {
        border-left: 0
    }

    .table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child {
        border-right: 0
    }

    .table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th {
        border-bottom: 0
    }
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700
}

input[type=search] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

input[type=checkbox],input[type=radio] {
    margin: 4px 0 0;
    margin-top: 1px;
    line-height: normal
}

input[type=file] {
    display: block
}

input[type=range] {
    display: block;
    width: 100%
}

select[multiple],select[size] {
    height: auto
}

input[type=file]:focus,input[type=checkbox]:focus,input[type=radio]:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1
}

textarea.form-control {
    height: auto
}

input[type=search] {
    -webkit-appearance: none
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type=date],input[type=time],input[type=datetime-local],input[type=month] {
        line-height:34px
    }

    .input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm {
        line-height: 30px
    }

    .input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg {
        line-height: 46px
    }
}



.form-group {margin-bottom: 15px}

.checkbox,.radio {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.checkbox label,.radio label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px ;
    margin-left: -20px
}

.checkbox+.checkbox,.radio+.radio {
    margin-top: -5px
}

.checkbox-inline,.radio-inline {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer
}

.checkbox-inline+.checkbox-inline,
.radio-inline+.radio-inline {
    margin-top: 0;
    margin-left: 10px
}

fieldset[disabled] input[type=checkbox],
fieldset[disabled] input[type=radio],
input[type=checkbox].disabled,
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=radio][disabled] {
    cursor: not-allowed
}

.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline {
    cursor: not-allowed
}

.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label {
    cursor: not-allowed
}

.form-control-static {
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0
}

.form-control-static.input-lg,.form-control-static.input-sm {
    padding-right: 0;
    padding-left: 0
}

.input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.input-sm {
    height: 30px;
    line-height: 30px
}

select[multiple].input-sm,textarea.input-sm {
    height: auto
}

.form-group-sm .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px
}

select.form-group-sm .form-control {
    height: 30px;
    line-height: 30px
}

select[multiple].form-group-sm .form-control,textarea.form-group-sm .form-control {
    height: auto
}

.form-group-sm .form-control-static {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.input-lg {
    height: 46px;
    line-height: 46px
}

select[multiple].input-lg,textarea.input-lg {
    height: auto
}

.form-group-lg .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px
}

select.form-group-lg .form-control {
    height: 46px;
    line-height: 46px
}

select[multiple].form-group-lg .form-control,textarea.form-group-lg .form-control {
    height: auto
}

.form-group-lg .form-control-static {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333
}

.has-feedback {
    position: relative
}

.has-feedback .form-control {
    padding-right: 42.5px
}

.form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none
}

.input-lg+.form-control-feedback {
    width: 46px;
    height: 46px;
    line-height: 46px
}

.input-sm+.form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px
}

.has-success .checkbox,.has-success .checkbox-inline,.has-success .control-label,.has-success .help-block,.has-success .radio,.has-success .radio-inline,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label {
    color: #3c763d
}

.has-success .form-control {
    border-color: #3c763d;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-success .form-control:focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #67b168
}

.has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d
}

.has-success .form-control-feedback {
    color: #3c763d
}

.has-warning .checkbox,.has-warning .checkbox-inline,.has-warning .control-label,.has-warning .help-block,.has-warning .radio,.has-warning .radio-inline,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label {
    color: #8a6d3b
}

.has-warning .form-control {
    border-color: #8a6d3b;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-warning .form-control:focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b
}

.has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b
}

.has-warning .form-control-feedback {
    color: #8a6d3b
}

.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label {
    color: #a94442
}

.has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075)
}

.has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}

.has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442
}

.has-error .form-control-feedback {
    color: #a94442
}

.has-feedback label~.form-control-feedback {
    top: 25px
}

.has-feedback label.sr-only~.form-control-feedback {
    top: 0
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373
}

@media (min-width: 768px) {
    .form-inline .form-group {
        display:inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .form-control-static {
        display: inline-block
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

    .form-inline .input-group .form-control,
	.form-inline .input-group .input-group-addon,
	.form-inline .input-group .input-group-btn {width: auto}

    .form-inline .input-group>.form-control {
        width: 100%
    }

    .form-inline .control-label {
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox,.form-inline .radio {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .checkbox label,.form-inline .radio label {
        padding-left: 0
    }

    .form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio] {
        position: relative;
        margin-left: 0
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0
    }
}

.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline {
    padding-top: 7px;
    margin-top: 0;
    margin-bottom: 0
}

.form-horizontal .checkbox,.form-horizontal .radio {
    min-height: 27px
}

.form-horizontal .form-group {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width: 768px) {
    .form-horizontal .control-label {
        padding-top:7px;
        margin-bottom: 0;
        text-align: right
    }
}

.form-horizontal .has-feedback .form-control-feedback {
    right: 15px
}

@media (min-width: 768px) {
    .form-horizontal .form-group-lg .control-label {
        padding-top:14.33px
    }
}

@media (min-width: 768px) {
    .form-horizontal .form-group-sm .control-label {
        padding-top:6px
    }
}

/* 결과박스*/
.resbox {margin: 0 auto;}
.resbox img{display:block; margin: 0 auto;}
.resbox p{display:block; font-size:20px; padding:15px 0}


/* 아이디, 비밀번호 찾기 */

.findbox{
position: relative;
    max-width: 800px;
    display: flex;
    justify-content: center;
    background: #fcfcfc;
    margin: 0 auto;
    text-align: left;
    padding: 30px;
    border: 1px solid #dfdfdf;
	flex-direction: column;
    box-shadow: 2px 2px 3px #e0e0e0;
}
.findbox2{
    position: absolute;
    display: block;
    top: 25px;
    right: 30px;
}

.findbtn {
    padding: 14px 40px;
    background: #2196F3;
    border: 1px solid #1e7be9;
    border-radius: 5px;
    font-size: 14px;
    color: #fff !important;
    transition: 0.3s all;

}
.findbtn:hover{
    background: #2c93eb;
    border: 1px solid #0a74f0;
}

@media (max-width: 480px){
.findbtn { padding: 8px 15px;}
.findbox2{top: 35px; right:10px;}
.findbox{ padding: 15px;}
}




/* ============수강신청======================= */


.skwrap {
    max-width: 1200px;
    display: flex;
    justify-content: center;
    background: #fcfcfc;
    border: 1px solid #dfdfdf;
    box-shadow: 2px 2px 3px #e0e0e0;
    margin: 0 auto;
    text-align: left;
    padding: 30px 10px;
    flex-direction: row;
    flex-wrap: wrap;
}

.sk2wrap{
    max-width: 1200px;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    text-align: left;

    flex-direction: column;
}
.skbox_all{width:100%; margin-top:30px;}	
.skbox_l{display: block; float:left; margin-right:1%;width:49%;}
.skbox_r{display: block; float:right; margin-left:1%; width:49%;}		
			
	
/* 테이블 */

/* .basic-nbd {
    position: absolute;
    width: 100%;
} */

.basic-nbd table {width: 100%;}

.basic-nbd table,
.basic-nbd table th,
.basic-nbd table td {
    border: 1px solid #c8c8c8;
    border-collapse: collapse;
    padding: 8px 5px;
}
        
.basic-nbd th {
    background-color: #f0f0f0;
    color: #000000;;
    text-align: center;
    font-weight: 500;
	width:20%;
}
.basic-nbd tr:first-child th:nth-child(1){  background-color:#008842; color:#fff;}
.basic-nbd td {text-align: left; background-color: #ffffff; width:30%;}

.none{    
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #808080;
    background-color: #4343437a;
    z-index: 99999;
}


.txinfo{color:red; font-size:14px;}

@media (max-width: 530px){

.skbox_l{width:100%;}
.skbox_r{width:100%;}	
.sk_title {font-size: 16px !important; padding: 10px 5px;}
.basic-nbd table th {font-size:13px; text-align: left; padding: 12px 4px; }
.basic-nbd table td {font-size:13px; line-height: 30px; vertical-align: middle; padding: 12px 4px;}
}


.sk-sp {
    position: relative; top: -2px; background-color: #303030;
    padding: 5px 20px; color: #fff;  border-radius: 30px;
    font-size: 13px; margin-right: 10px;
}
.sk-sp-t {
    position: relative; background-color: #303030;letter-spacing: 1;
    padding: 8px 20px; color: #fff;  border-radius: 30px;
    font-size: 15px; margin-right: 10px;
}
.sk_title {font-size: 18px; font-weight: 600; text-align: left; padding: 10px 0px;}


/* 버튼기본 */
.icp{position: relative;
    TOP: 1PX;
    margin-left: 10px !important;}

.sk_bt01{
    display: block;
    padding: 15px 50px;
    color: #fff;
    font-size: 15px;
    border-radius: 3px;
    background: #03A9F4;
    border: 1px solid #0096d9;
	transition: 0.3s;
	}
.sk_bt01:hover{
    background: #0079e0;
    border: 1px solid #006592;}


 .sk-btn {
	display: block;
	padding: 12px;
	position: relative;
	background-color:#fff;
	border:1px solid #ccc;
	font-size: 16px;
	text-align: center;
	border-radius: 3px;
}

 .sk-btn2 {
    width:49%;
	display: inline-block;
	padding: 12px;
	position: relative;
	background-color:#fff;
	border:1px solid #ccc;
	font-size: 16px;
	text-align: center;
	border-radius: 3px;
}

 .nx_btn {
    display: block;
    font-size: 15px;
	 padding: 15px 50px;
    border-radius: 5px;
    text-align: center;
    border-radius: 3px;
    color: #fff !important;
    background-color: #145BDA;
    border: 1px solid #024290;
	transition: 0.3s;
	width:100%;
}

.nx_btn:hover{
    background: #0079e0;
    border: 1px solid #006592;}

 .sk_save {
    display: block;
    padding: 12px;
    font-size: 16px;
    text-align: center;
    border-radius: 3px;
    color: #fff !important;
    background-color: #d76b00;
    border: 1px solid #a45600;
}
 .cc_btn {
    display: block;
    padding: 12px;
    font-size: 16px;
    text-align: center;
    border-radius: 3px;
    color: #fff !important;
    background-color: #585858;
    border: 1px solid #3d3d3d;
}
.nxbtn-icon {position: absolute;top: 15px;} 
.skbtn-icon {position: absolute;right: 20px; top: 15px; color: #fff806;}        
.sk-box {
/*     padding: 14px;
    height: 246px;
    overflow-y: auto;
    background-color: #fafafa;
    border: 1px solid #494949; */
    width: 100%;
    padding: 14px;
    height:254px;
    overflow-y: auto;
    background-color: #f3f3f3;
    border-top: 3px solid #673ab7;
}
.sk-box2 {
/*     padding: 14px;
    height: 246px;
    overflow-y: auto;
    background-color: #fafafa;
    border: 1px solid #494949; */
    width: 100%;
    padding: 14px;
    height:80px;
    background-color: #f3f3f3;
    border-top: 3px solid #673ab7;
}
.sk-box2 a{display:inline-block;}

.sk-box a{margin-bottom:10px;}
.sk-box a:last-child{margin-bottom:0px;}


.btc01,
.btc02,
.btc03,
.btc04,
.btc05{background-color:#673AB7; border: 1px solid #2d007e; color:#ffffff !important;}
/* 
.btc01{background-color:#1fbe25; border: 1px solid #029c12; color:#ffffff !important;}
.btc02{background-color:#0c9e09; border: 1px solid #004A15; color:#ffffff !important;}
.btc03{background-color:#018602; border: 1px solid #004407; color:#ffffff !important;}
.btc04{background-color:#057309; border: 1px solid #004A15; color:#ffffff !important;}
.btc05{background-color:#025c21; border: 1px solid #013f07; color:#ffffff !important;} */

/* 스크롤바 설정*/
  .sk-box::-webkit-scrollbar{width: 10px;}
/* 스크롤바 막대 설정*/
  .sk-box::-webkit-scrollbar-thumb{background-color: #bdbdbd;}
/* 스크롤바 뒷 배경 설정*/
  .sk-box::-webkit-scrollbar-track{background-color: #e0e0e0;}


  .resk-btn{
    padding: 4px 20px;
    /* float: right; */
    font-size: 14px;
    text-align: center;
    border: 1px solid #630198;
    background-color: #961eac;
    text-decoration: none;
    color: #fff;
    border-radius: 5px;
    box-sizing: border-box;
    transition: all 0.3s ease;
}
  .resk-btn:hover{
    border: 1px solid #430067;
    background-color: #781d89;
    color: #fff !important;
}


.bt_del{
	background-color: #656565;
	color: #fff !important;
	padding: 6px 15px; 
	border-radius: 3px;
	font-size: 14px;
}

.bt_del3{
    z-index: 99;
    position: absolute;
    right: 5px;
    top: 5px ;
    background-color: #d12b2b;
    border: 1px solid #940000;
    color: #fff !important;
    padding: 3px 10px;
    border-radius: 3px;
    font-size: 14px;
}


@media (max-width: 530px){
   .sk-btn, .sk-btn2 {font-size: 13px; text-overflow: ellipsis; overflow: hidden;} 

   .resk-btn {padding: 4px; font-size: 13px;}
    .bt_del3{
	background-color: #d12b2b;
    border: 1px solid #940000;
	top: 4px; 
	right: 3px;
	padding: 3px; 
	border-radius: 3px;
	font-size: 12px;}
}


/*  */
.ell {
    color: #ffffff !important;
    font-size: 14px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.table { 
	width:100%;
	max-width:100%;
	/* border-top: 2px solid #000 !important ;  */
	/* border-bottom: 1px solid #999 ;  */
	margin-bottom:0;
	border-spacing: 0;
	border-collapse: collapse;
}
.table .re { color: #ccc ; font-weight: 100; font-size: 0.8em;}
.table th {text-align: center;  word-break: keep-all; background:#efefef; font-size:14px; font-weight:500; }
.table td{ text-align:center;}
.table  p{margin-bottom:0;}
.table img{width:100%;}


.table>tbody>tr>td, 
.table>tfoot>tr>td,
.table>thead>tr>td{ 
	vertical-align: middle;
	text-align:left;
}

.table>tbody>tr>td {text-align:left !important; font-size: 15px;}
.table>tbody>tr>th { font-size: 15px;}

@media (max-width: 880px) {
    .table>tbody>tr>th,.table>tbody>tr>td { font-size: 13px;}
	.table>tbody>tr>td span{font-size: 13px;}
	.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, 
	.table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {border: 0;}
    .table-info colgroup col {width:100%; height:60px;}
	.table-info tr:first-child th:first-child { width:100%; background-color: #008842; height:36px; top:1px;
    color: #fff;}
	.table-info th {display:inline-block; width:30%; border-right:1px solid #c8c8c8 !important; height:36px;}
	.table-info td {display:inline-block; width:70%;  border-bottom:1px solid #c8c8c8 !important; height:36px;}

	.table-info th {border-bottom:1px solid #c8c8c8 !important;}
	.table-info tr:nth-child(3) th:nth-child(2) { border-bottom:0 !important;}
    .table-info tr:nth-child(3) td:nth-child(2) { border-bottom:0 !important;}

     .table-bordered { border: 1px solid #ddd;}
	.ell {font-size: 13px !important;width: 220px;}
}

.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border: 1px solid #ddd
}

.table-bordered>thead>tr>td,.table-bordered>thead>tr>th {
    border-bottom-width: 2px
}







/*  */
.table-v { 
	width:100%;
	max-width:100%;
	border-top: 2px solid #000 !important ;
	border-bottom: 1px solid #999 ;
	margin-bottom:0;
	border-spacing: 0;
	border-collapse: collapse;
}
.table-v .re { color: #ccc ; font-weight: 100; font-size: 0.8em;}
.table-v th {text-align: center;  word-break: keep-all; background:#efefef; font-size:15px; font-weight:500; }
.table-v td{ text-align:center;}
.table-v  p{margin-bottom:0;}
.table-v img{width:100%;}


.table-v>tbody>tr>td, .table-v>tbody>tr>th, 
.table-v>tfoot>tr>td, .table-v>tfoot>tr>th,
.table-v>thead>tr>td, .table-v>thead>tr>th{ 
	vertical-align: middle;
	padding:10px;
}
	
	
/* table option */
.td_left td {text-align: left;}
.td_center td {text-align: center;}
.td_first tr td:first-child{background-color:#f9f9f9;}
.table.priceS span:before{content:'/';}
.wordkeep table *{word-break: keep-all; }

/* scroll table ================= */
.scrolltb-box{ width: 100%; overflow:auto;}
.scrolltb-box table{}

.data_none{text-align:center; padding:15px 0; }
.data_none p{margin:0;}

	
@media (max-width: 530px){
.td_block {border: 0 !important;}
.td_block td, .td_block th{
	display: block;
	width: 100%;
	height:36px;
	line-height:36px !important;
	padding:0 10px !important;
	font-size:13px;
	text-align: left;
	position:relative;
	border-top:0 !important;
	border-left:0 !important;
}
.td_block td.twoline {display: inline-block; width:50%;}
.td_block tr:first-child {display: none;}
.td_block tr {
	font-size:0;
	display: block;
	position:relative;
	border-top:2px solid #aaa !important;
	border-bottom:10px solid #fff !important;
}
.td_block tr:after{
	position: absolute;
	top:0;left:0;
	line-height: 37px;
	color:#111;
	font-size:13px;
	padding:0 5px;
	text-align:center;
}
.td_block td:first-child{background-color:#eee;}
.td_block td:empty{min-height:37px;} 
		
.td_block td.col2{min-height:calc(37px * 2); line-height: calc(37px * 1.5);}
.td_block td.col3{min-height:calc(37px * 3); line-height: calc(37px * 2.5);}
.td_block td.col4{min-height:calc(37px * 4); line-height: calc(37px * 3.5);}
.td_block td.col5{min-height:calc(37px * 5); line-height: calc(37px * 4.5);}

.td_block.td_firstB tr{border-bottom:0 !important; border-top:0 !important}
.td_block.td_firstB tr:first-child{display:block; border-top:1px solid #ddd !important;}
.td_block.td_firstB tr:first-child td:not(:first-child){display:none;}
.td_block.td_firstB tr:nth-child(odd) td{background-color:#f0f0f0 !important;}
.td_block.td_firstB tr td:first-child{background-color:#fff;}

}

	
/*검색*/
.bbs_search_outer {position: relative; text-align: center; margin-top: 15px;}
.bbs_search_box {display:inline-block;}

.bbs_search_box .bbs_search_select {width: 80px; margin-right:3px; float:left;}
.bbs_search_box .bbs_search {width:250px; float:right;}
.text-overflow {
    text-align: left;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 250px;
}

@media (max-width: 820px){
.text-overflow a{font-size:13px;}
}
@media (max-width: 720px){
.text-overflow {
font-size: 12px;
    color: #fff !important;
    position: absolute;
    top: -38px;
	}
}
@media (max-width: 520px){
.text-overflow {

width: 160px;
    font-size: 12px;
    position: absolute;

    left: 10px;
    color: #fff !important;

}
}




/* 231019 반응테이블 - 문화강좌리스트*/
.new_table02 table { border-collapse: collapse; width: 100%;}
   
.new_table02 th{
    padding: 10px 4px;
    text-align: left;
    border-top: 2px solid #585858;
    border-bottom: 1px solid #777777;
    text-align: center;
}
.new_table02 td {
    padding: 10px 4px;
    text-align: left;
   /*  border: 1px solid #eee; */
    border-top: 1px solid #eee; 
	border-bottom: 1px solid #eee;
    text-align: center;
}
.new_table02 th {
        background-color: #f2f2f2; font-weight: bold;}
.new_table02 tr {margin-bottom: 10px;}
.new_table02 tr:nth-child(even) {
        /* background-color: #f2f2f2; */
        /* 짝수 행 배경색 설정 */
}

@media (max-width: 820px) {	
	.new_table02 th,
	.new_table02 td{ font-size:13px; }
	.new_table02 td span{font-size:13px;}
	}

 @media (max-width: 720px) { 
	 /* 화면 폭이 768px 이하일 때 적용되는 스타일 */ 
	 .new_table02 table, 
	 .new_table02 thead, 
	 .new_table02 tbody, 
	 .new_table02 th, 
	 .new_table02 td, 
	 .new_table02 tr { display: block;} 
	 .new_table02 thead tr { 
	     font-size:13px;
		 position:absolute; /* 헤더를 절대 위치로 변경 */ 
		 top: -9999px; /* 헤더를 화면 밖으로 이동 */ 
		 left: -9999px; /* 헤더를 화면 밖으로 이동 */ 
	 } 
	 .new_table02 td span{font-size:12px;}
	 .new_table02 td { 
	     font-size:13px;
	     padding: 10px;
		 border: none; /* 테이블 셀 경계선 제거 */ 
		 position: relative; /* 셀을 상대 위치로 변경 */ 
		 padding-left: 100px; /* 셀의 왼쪽 여백 조정 */ 
		 text-align: left; /* 텍스트 정렬 설정 */ 
		 border-top: 1px solid #dedede; /* 	
		 border-bottom: 1px solid #dedede; */
				/* border-right: 1px solid #eee;
				border-left: 1px solid #eee; */
	}

    .new_table02 td::before {
	text-align:left;
	        font-size:13px;
            content: attr(data-label);
            /* ::before 선택자를 사용하여 데이터 레이블을 삽입 */
            position: absolute;
            /* 데이터 레이블을 절대 위치로 설정 */
            left: 0;
            /* 데이터 레이블을 왼쪽 정렬 */
            width: 90px;
            /* 데이터 레이블의 폭을 셀의 절반으로 설정 */
            padding: 8px;
            /* 데이터 레이블의 여백 설정 */
            /* text-indent: 4px; */
            text-align: center;
            font-weight: bold;
            /* 데이터 레이블의 글씨체 굵기 설정 */
            background-color: #f2f2f2;
            /* 데이터 레이블의 배경색 설정 */
            margin-bottom: 10px;
     }
    .new_table02 td:nth-child(1):before {content: '문화강좌명';}
    .new_table02 td:nth-child(2):before {content: '강좌기간';}
    .new_table02 td:nth-child(3):before {content: '결제금액'; }
	.new_table02 td:nth-child(4):before {content: '삭제';}

	.new_table02 td:before{
	        font-size:13px;
	        padding: 10px;			
            position: absolute;
            top: 0px;
            /* border-bottom: 1px solid #dedede; */
	}

	.new_table02 td:nth-child(4){border-bottom: 1px solid #dedede;}
}



/* 231019 반응테이블 - 문화강좌 결제*/
.new_table03 table { border-collapse: collapse; width: 100%;}
   
.new_table03 th{
    padding: 10px 4px;
    text-align: left;
    border-top: 2px solid #585858;
    border-bottom: 1px solid #777777;
    text-align: center;
}
.new_table03 td {
    padding: 10px 4px;
    text-align: left;
   /*  border: 1px solid #eee; */
    border-top: 1px solid #eee; 
	border-bottom: 1px solid #eee;
    text-align: center;
}
.new_table03 th {
        background-color: #f2f2f2; font-weight: bold;}
.new_table03 tr {margin-bottom: 10px;}
.new_table03 tr:nth-child(even) {
        /* background-color: #f2f2f2; */
        /* 짝수 행 배경색 설정 */
}

@media (max-width: 820px) {	
	.new_table03 th{font-size:13px; }
	.new_table03 td{font-size:13px; }
	.new_table03 td span{font-size:13px;}
	}



 @media (max-width: 720px) { 
	 /* 화면 폭이 768px 이하일 때 적용되는 스타일 */ 
	 .new_table03 table, 
	 .new_table03 thead, 
	 .new_table03 tbody, 
	 .new_table03 th, 
	 .new_table03 td, 
	 .new_table03 tr { display: block;} 
	 .new_table03 thead tr { 
	     font-size:13px;
		 position:absolute; /* 헤더를 절대 위치로 변경 */ 
		 top: -9999px; /* 헤더를 화면 밖으로 이동 */ 
		 left: -9999px; /* 헤더를 화면 밖으로 이동 */ 
	 } 
	 .new_table03 td span{font-size:12px;}
	 .new_table03 td { 
	     font-size:13px;
	     padding: 10px;
		 border: none; /* 테이블 셀 경계선 제거 */ 
		 position: relative; /* 셀을 상대 위치로 변경 */ 
		 padding-left: 100px; /* 셀의 왼쪽 여백 조정 */ 
		 text-align: left; /* 텍스트 정렬 설정 */ 
		 border-top: 1px solid #dedede; /* 	
		 border-bottom: 1px solid #dedede; */
				/* border-right: 1px solid #eee;
				border-left: 1px solid #eee; */
	}

    .new_table03 td::before {
	text-align:left;
	        font-size:13px;
            content: attr(data-label);
            /* ::before 선택자를 사용하여 데이터 레이블을 삽입 */
            position: absolute;
            /* 데이터 레이블을 절대 위치로 설정 */
            left: 0;
            /* 데이터 레이블을 왼쪽 정렬 */
            width: 90px;
            /* 데이터 레이블의 폭을 셀의 절반으로 설정 */
            padding: 8px;
            /* 데이터 레이블의 여백 설정 */
            /* text-indent: 4px; */
            text-align: center;
            font-weight: bold;
            /* 데이터 레이블의 글씨체 굵기 설정 */
            background-color: #f2f2f2;
            /* 데이터 레이블의 배경색 설정 */
            margin-bottom: 10px;
     }
    .new_table03 td:nth-child(1):before {content: '문화강좌명';}
    .new_table03 td:nth-child(2):before {content: '결제금액';}

	.new_table03 td:before{
	        font-size:13px;
	        padding: 10px;			
            position: absolute;
            top: 0px;
            /* border-bottom: 1px solid #dedede; */
	}

	.new_table03 td:nth-child(2){border-bottom: 1px solid #dedede;}
}

 @media (max-width: 480px) { 
	.new_table03 td:nth-child(1):before{
	        font-size:13px;
	        padding: 20px 10px;			
            position: absolute;
            top: 0px;
            /* border-bottom: 1px solid #dedede; */
	}
}






/* 231019 반응테이블 - 문화강좌 결제*/
.new_table03n table { border-collapse: collapse; width: 100%;}
   
.new_table03n th{
    padding: 10px 4px;
    text-align: left;
    border-top: 2px solid #585858;
    border-bottom: 1px solid #777777;
    text-align: center;
}
.new_table03n td {
    padding: 10px 4px;
    text-align: left;
   /*  border: 1px solid #eee; */
    border-top: 1px solid #eee; 
	border-bottom: 1px solid #eee;
    text-align: center;
}
.new_table03n th {
        background-color: #f2f2f2; font-weight: bold;}
.new_table03n tr {margin-bottom: 10px;}
.new_table03n tr:nth-child(even) {
        /* background-color: #f2f2f2; */
        /* 짝수 행 배경색 설정 */
}

@media (max-width: 820px) {	
	.new_table03n th,
	.new_table03n td{ font-size:13px; }
	.new_table03n td span{font-size:13px;}
	}



 @media (max-width: 720px) { 
	 /* 화면 폭이 768px 이하일 때 적용되는 스타일 */ 
	 .new_table03n table, 
	 .new_table03n thead, 
	 .new_table03n tbody, 
	 .new_table03n th, 
	 .new_table03n td, 
	 .new_table03n tr { display: block;} 

	 .new_table03n thead tr { 
	     font-size:14px;
		 position:absolute; /* 헤더를 절대 위치로 변경 */ 
		 top: -9999px; /* 헤더를 화면 밖으로 이동 */ 
		 left: -9999px; /* 헤더를 화면 밖으로 이동 */ 
	 } 
	 .new_table03n td span{font-size:12px;}
	 .new_table03n td { 
	     font-size:14px;
	     padding: 10px;
		 border: none; /* 테이블 셀 경계선 제거 */ 
		 position: relative; /* 셀을 상대 위치로 변경 */ 
		 padding-left: 100px; /* 셀의 왼쪽 여백 조정 */ 
		 text-align: left; /* 텍스트 정렬 설정 */ 
		 border-top: 1px solid #dedede; /* 	
		 border-bottom: 1px solid #dedede; */
				/* border-right: 1px solid #eee;
				border-left: 1px solid #eee; */
	}

    .new_table03n td::before {
	text-align:left;
	        font-size:14px;
            content: attr(data-label);
            /* ::before 선택자를 사용하여 데이터 레이블을 삽입 */
            position: absolute;
            /* 데이터 레이블을 절대 위치로 설정 */
            left: 0;
            /* 데이터 레이블을 왼쪽 정렬 */
            width: 90px;
            /* 데이터 레이블의 폭을 셀의 절반으로 설정 */
            padding: 8px;
            /* 데이터 레이블의 여백 설정 */
            /* text-indent: 4px; */
            text-align: center;
            font-weight: bold;
            /* 데이터 레이블의 글씨체 굵기 설정 */
            background-color: #f2f2f2;
            /* 데이터 레이블의 배경색 설정 */
            margin-bottom: 10px;
     }
    .new_table03n td:nth-child(1):before {content: '문화강좌명';}
    .new_table03n td:nth-child(2):before {content: '결제금액';}

	.new_table03n td:before{
	        font-size:14px;
	        padding: 10px;			
            position: absolute;
            top: 0px;
            /* border-bottom: 1px solid #dedede; */
	}

	.new_table03n td:nth-child(2){border-bottom: 1px solid #dedede;}
}

 @media (max-width: 480px) { 
	.new_table03n td:nth-child(1):before{
	        font-size:14px;
	        padding: 20px 10px;			
            position: absolute;
            top: 0px;
            /* border-bottom: 1px solid #dedede; */
	}
}




/* 테이블비활성화 */
.t-disble {
display:block;
background-color: #efefef !important; 
}
.t-disble table th,
.t-disble table td
{background-color: #efefef !important; color:#959595bf; }
.t-disble span{color:#959595bf !important; }

.t-disble .txinfo font{color:#959595bf !important; }


/* 타이틀추가 */
.newtitle{
display: block;
    text-align: left;
    padding: 20px;
    font-size: 18px;
    border-bottom: 1px solid #ccc;
	}

.m_colorf01{color: #673AB7 !important;}
.m_colorf02{color: #f32ca9 !important;}
.m_colorf03{color: #2196f3 !important;}
.m_colorf04{color: #33353a !important;}
.m_colorf05{color: #3c763d !important;}

.btbox5{height: 57px;
    padding: 15px 0;
    display: block;
    border-top: 1px solid #d5d5d5;}
.btbox6{height: 57px;
    padding: 15px 0;
    display: block;
   }
.btbox5bt{
    line-height: 35px;
    padding: 5px 40px;
    text-align: center;
    border: 0;
    font-size: 16px;
    display: inline-block;
    color: #fff;
    text-decoration: none;
    border: 0;
    vertical-align: middle;
    border-radius: 5px ;
}
 @media (max-width: 780px) { 
 .btbox5bt{padding: 5px 20px;font-size: 15px;}
 }

.rules-box{
    width: 100%;
    padding: 14px 25px;
    height: 400px;
    background-color: #f6f6f6;
    border: 1px solid #d2d2d2;
    margin-bottom: 30px;
    overflow-y: scroll;
    font-size: 15px;
    white-space: pre-line;
    line-height: 24px;
}
.pointbox{
	width: 100%;
	padding: 20px;
	font-size:16px;
	font-weight:600;
	line-height:30px;
    background-color: #f6f6f6;
    border: 1px solid #d2d2d2;
    border-top: 3px solid #673AB7;
	margin-bottom:30px;
}

.responsive-image {
  width: 100%;
  height: auto !important;
  max-width: 600px; /* 이미지 최대 너비 지정 */
}

@media (max-width: 450px) {
  .responsive-image {
    max-width: 320px; /* 화면 너비가 768px 이하인 경우 이미지 최대 너비를 500px로 조정 */
  }
}