@charset "utf-8";
:root[color-theme='light'] { /* 스위치 버튼 */
 --mainColor: #0056d7; /* maincolor */
 --lightVisible: none; --darkVisible: inline-block; /* background */
 --inputBg: #fff; --bodyBg: #fff; --wrapperBg: #fff; --contBg: #fff; --gnbBg: #fff; --menuBg: #4158d1; --joinBg: #f7f7f7; --prHover: #f7f7f7; --pointBg: #edf3fc; --bovHover: #f7f7f7; --boNoticeBg: #fff6fa; --footerBg: #212529; --ftCopyBg: #181818; --evenTdBg: #fbfbfb; --copyHvBg: #f4f4f4; --newBg: #f7f7f7; --priThBg: #f7f7f9; --pgBg: #eee; --autoBg: #eee; --pgHvBg: #fafafa; --scrapBg: #f8ebea; --boListBg: #ccd1d9; --btnPrvBg: #fff1f1; --noImgBg: #eaeaea; --gnbShadowBg: #37370566; --autoPopBg: #e8e8e8; --autoHvBg: #dbdbdb; /* 폰트색상 */
 --whiteBg: #fff; --blackBg: #080808; --lightgrayBg: #f6f6f6; --blankBg: transparent;
 --fontColor: #000; --gnbFontColor: #080808; --prFontColor: #465168; --btnColor: #000; --bovColor: #666; --tdColor: #666; --bovTitColor: #555; --iconColor: #4b5259; --ptStatusColor: #737373; --moreOptColor: #6b757c; --ftColor: #fff; --boListColor: #6f534e; --moreColor: #c4bab8; /* border */
 --border: 1px solid #e5ecee; --topBtnBorder: 2px solid #00000032; --inputBorder: 1px solid #d0d3db; --gnbBorder: 1px solid #e0e2e5; --olBorder: 1px solid #d5d9dd; --scrabBorder: 1px solid #e5ecee; --moreUlBorder: 1px solid #b8bfc4; --moreLiBorder: 1px solid #f1f1f1; --afterBorder: transparent transparent #fff transparent; --beforeBorder: transparent transparent #e5ecee transparent; --priTableBorder: 1px solid #d8dbdf; --qaBorder: 1px solid #ffded8; --fileBorder: 2px solid #00000010; --shareBorder: 1px solid #d5d5d5; --autoLiBorder: 1px solid #ffffff; --autoUlBorder: 1px solid #e8e8e8; } /* filter */
:root[color-theme='dark'] { /* 스위치 버튼 */
 --mainColor: #0056d7; /* background */
 --lightVisible: inline-block; --darkVisible: none; /* background */
 --inputBg: #323235; --bodyBg: #151616; --wrapperBg: #151616; --contBg: #252525; --gnbBg: #fff; --menuBg: #323235; --joinBg: #151616; --prHover: #151616; --pointBg: #1f1d1d; --bovHover: #1f1d1d; --boNoticeBg: #1b1716; --footerBg: #242020; --ftCopyBg: #2b2727; --evenTdBg: #1f1d1d; --copyHvBg: #1f1d1d; --newBg: #1f1d1d; --priThBg: #242424; --pgBg: #323235; --autoBg: #3a3a3a; --pgHvBg: #1f1d1d; --scrapBg: #493937; --boListBg: #38393b; --btnPrvBg: #363636; --noImgBg: #1f1d1d; --gnbShadowBg: #00000080; --autoPopBg: #ffffff40; --autoHvBg: #525252; /* 폰트색상 */
 --fontColor: #fff; --gnbFontColor: #a0a0a0; --prFontColor: #a0a0a0; --btnColor: #4158d1; --bovColor: #b9b9b9; --tdColor: #a0a0a0; --bovTitColor: #bababa; --iconColor: #fff; --ptAllColor: #8d8c8c; --ptStatusColor: #2c2c2c; --moreOptColor: #a0a0a0; --ftColor: #999999; --boListColor: #a08a85; --moreColor: #646464; /* border */
 --border: 1px solid #383838; --topBtnBorder: 2px solid #ffffff50; --inputBorder: none; --gnbBorder: 1px solid #383838; --olBorder: 1px solid #383838; --scrabBorder: 1px solid #616161; --moreUlBorder: 1px solid #646464; --moreLiBorder: 1px solid #383838; --afterBorder: transparent transparent #212020 transparent; --beforeBorder: transparent transparent #383838 transparent; --priTableBorder: 1px solid #414141; --qaBorder: 1px solid #504544; --fileBorder: 2px solid #ffffff24; --shareBorder: 1px solid #4d4d4d; --autoLiBorder: 1px solid #252525; --autoUlBorder: 1px solid #ffffff40; /* filter */
 --invert: invert(92%); }

/* 초기화 */

html { overflow-y:scroll } 
body { margin:0; padding:0; font-size:0.75em; font-family:'Pretendard', dotum, sans-serif; background:var(--bodyBg) } 
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin:0; padding:0; border:0 } 
h1, h2, h3, h4, h5, h6 { font-size:1em; font-family:'Pretendard', dotum, sans-serif } 
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block } 

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

textarea, select { font-family:'Pretendard', dotum, sans-serif; font-size:1em } 
select { margin:0 } 
p { margin:0; padding:0; word-break:break-all } 
hr { display:none } 
pre { overflow-x:scroll; font-size:1.1em } 
a { color:var(--fontColor); text-decoration:none } 

*, :after, :before { box-sizing:border-box; } 

input[type=text],input[type=password], textarea {transition:all 0.30s ease-in-out;outline:none; } 

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; -webkit-transition: background-color 9999s ease-out; -webkit-box-shadow: 0 0 0px 1000px var(--inputBg) inset !important; -webkit-text-fill-color: var(--fontColor); } 

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {-webkit-box-shadow:0 0 5px #ffb6a8;-moz-box-shadow:0 0 5px #ffb6a8;box-shadow:0 0 5px #ffb6a8;border:1px solid var(--mainColor); !important; } 

.placeholdersjs { color:#aaa !important }

/* 레이아웃 크기 지정 */
#hd_pop,
#hd_wrapper,
#tnb .inner,

#gnb .gnb_wrap,
#container,
#ft_wr { max-width:1280px; width: 100%; } 

/* 상단 레이아웃 */
#hd { width: 100%; background:var(--blankBg); padding-top: 0px; position: fixed; z-index: 999; } 
#hd:after { display:block; visibility:hidden; clear:both; content:"" } 
#hd_h1 { position:absolute; font-size:0; line-height:0; overflow:hidden }

#hd.topFixed { position:fixed; background:rgba(0,0,0,0.8); box-shadow:0 0 5px rgba(0,0,0,0.1); transition: all 0.5s;}
#hd.topFixed #tnb {display: none;}
#hd.topFixed #hd_wrapper {height: 60px;}
#hd.topFixed #hd_sch #sch_stx {background:#ffffff20;}
#hd.topFixed #hd_sch #sch_submit {background:#ffffff20;}

#tnb { margin:0 auto; background: var(--blankBg);} 
#tnb:after { display:block; visibility:hidden; clear:both; content:"" } 
#tnb .inner { margin:0 auto } 

#hd_wrapper { max-width: 1280px; margin: 0 auto; position: relative; background: var(--blankBg); border-radius: 0; height: 80px; display: flex; justify-content: space-between; align-items: center; padding: 0px 20px; } 

#logo { float:left; width: auto; } 
#logo h2 {font-size: 35px; color: #fff; font-weight: normal; display: none;}
#logo img { height: 36px; } 

.hd_sch_wr { width:230px; /*margin: 25px 0 0 0;*/} 
#hd_sch h3 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#hd_sch { text-align:center; padding:0px; border-radius: 4px; } 
#hd_sch form { position:relative; padding-right:40px } 
#hd_sch #sch_stx { width:100%; height:38px; margin-right:40px; background:#00000080; font-size:1.083em; color: #fff; border: none; padding-left: 10px; border-radius: 3px 0px 0px 3px; } 
#hd_sch #sch_stx::placeholder { color: #ffffff80; } 
#hd_sch #sch_submit { position:absolute; top:0; right:0; width:40px; height:38px; border:0; border-radius:0px 3px 3px 0px; cursor:pointer; color:#fff; background:#00000080; font-size:1.25em } 
.hd_opener { display: none; } 

#hd_define { float:left } 
#hd_define:after { display:block; visibility:hidden; clear:both; content:"" } 
#hd_define li { float:left; font-size:1.083em; line-height:14px; border-right:1px solid #ddd; position:relative; text-align:center; margin:15px 10px 15px 0; padding-right:10px } 
#hd_define li:last-child { padding-right:0; margin-right:0; border-right:0 } 
#hd_define li a { display:inline-block; color:#919191 } 
#hd_define li.active a { color:var(--mainColor); } 

#hd_qnb { float:right; text-align:right } 
#hd_qnb:after { display:block; visibility:hidden; clear:both; content:"" } 
#hd_qnb li { float:left; font-size:1.083em; line-height:14px; border-right:1px solid #ddd; position:relative; text-align:center; margin:10px 10px 10px 0; padding-right:10px } 
#hd_qnb li:last-child { padding-right:0; margin-right:0; border-right:0 } 
#hd_qnb li span { display:block; margin-top:5px; font-size:0.92em } 
#hd_qnb li a { display:inline-block; color:#fff } 
#hd_qnb .visit .visit-num { display:inline-block; line-height:16px; padding:0 5px; margin-left:5px; border-radius:10px; background:#da22f5; color:#fff; font-size:10px } 
#hd_qnb .admin .admin-num {display:inline-block; height: 16px; line-height:1em; padding:2px 5px; margin-left:5px; border-radius:10px; background:#da22f5; color:#fff; font-size:10px; vertical-align: 1px;}

.profile_wrap { position: relative; display: none;} 
.profile_wrap .profile_img { display: inline-block; width: 50px; height: 50px; border-radius: 50%; overflow: hidden; cursor: pointer; } 
.profile_wrap .profile_img img { width: 100%; } 

.hd_login { visibility: hidden; opacity: 0; position: absolute; right: 0; top: 40px; background: var(--contBg); border: var(--border); border-radius: 8px; transition: all 0.2s; z-index: 9999; overflow: hidden; } 
.hd_login.active { visibility: visible; opacity: 1; } 
.hd_login a { color:rgb(148, 155, 160); font-size: 1.2em; padding: 10px 40px; display: block; white-space: nowrap; } 
.hd_login a:hover { background: var(--bovHover); color: var(--mainColor); }

/* 메인메뉴 */
#gnb { position:relative; background:var(--blankBg); /*border: var(--border); border-radius: 8px; overflow: hidden; margin-bottom: 15px;*/ } 
#gnb > h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#gnb .gnb_wrap { margin:0 auto; position:relative } 
#gnb .gnb_wrap:hover, #gnb .gnb_wrap:focus, #gnb .gnb_wrap:active { z-index:3 } 
#gnb #gnb_1dul { font-size:1.33em; padding:0; zoom:1 } 
#gnb ul:after { display:block; visibility:hidden; clear:both; content:"" } 
#gnb .gnb_1dli {float: left; line-height:50px; padding:0px; position:relative } 
#gnb .gnb_1dli:hover > a { color:yellow;/*background: var(--mainColor); color: #fff;*/-webkit-transition: all 2s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out } 

.gnb_1dli .bg { position:absolute; top:34px; right:8px; display:none/*inline-block*/; width:10px; height:10px; overflow:hidden; background:url('/static/img/gnb_bg2.gif') no-repeat 50% 50%; text-indent:-999px } 
.gnb_1da { display:block; font-weight:500; padding:0 30px; color:#fff; text-decoration:none } 
.gnb_1dli.gnb_al_li_plus .gnb_1da {} 
.gnb_2dli:first-child { border:0 } 
.gnb_2dul { max-height: 0; overflow: hidden; position: absolute; width: 100%; border-radius: 10px; background: var(--mainColor); transition: all 0.3s; } 
.gnb_2dul .gnb_2dul_box { border-top:0; padding:0; } 
.gnb_2da { display: block; padding:0 10px; line-height:40px; background:var(--mainColor); font-size:0.833em; color:#fff; text-align:left; text-decoration:none } 
a.gnb_2da:hover { color:#fff; background:var(--blackBg);-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out } 

.gnb_1dli_air .gnb_2da { } 
.gnb_1dli_on .gnb_2da { } 
.gnb_2da:focus, .gnb_2da:hover { color:#fff } 
.gnb_1dli_over .gnb_2dul { display:block; /*right:0;*/ max-height: unset; } 
.gnb_1dli_over2 .gnb_2dul { display:block; /*right:0;*/ max-height: unset; } 
.gnb_wrap .gnb_empty { padding:10px 0; width:100%; text-align:center; line-height:2.7em; color:#080808 } 
.gnb_wrap .gnb_empty a { color:#3a8afd; text-decoration:underline } 
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a { color:#555 } 

#gnb .gnb_menu_btn { position: fixed;top: 0;right: 0;z-index: 99;display: none; background: var(--mainColor); color:#fff; width:50px; height:55px; border:0; vertical-align:top; font-size:18px } 
#gnb .gnb_close_btn { background:#fff; color:#b6b9bb; width:50px; height:50px; border:0; vertical-align:top; font-size:18px; position:absolute; top:0; right:0 } 
#gnb .gnb_mnal { float:right; padding:0 } 

#gnb_all { display:none; position:absolute; border:1px solid #c5d6da; width:100%; background:#fff; z-index:1000;box-shadow:0 2px 5px rgba(0,0,0,0.2) } 
#gnb_all h2 { font-size:1.3em; padding:15px 20px; border-bottom:1px solid #e7eeef } 
#gnb_all .gnb_al_ul:after { display:block; visibility:hidden; clear:both; content:"" } 
#gnb_all .gnb_al_ul > li:nth-child(5n+1) { border-left:0 } 
#gnb_all .gnb_al_li { float:left; width:20%; min-height:150px; padding:20px; border-left:1px solid #e7eeef } 
#gnb_all .gnb_al_li .gnb_al_a { font-size:1.2em; display:block; position:relative; margin-bottom:10px; font-weight:bold; color:#3a8afd } 
#gnb_all .gnb_al_li li { line-height:2em } 
#gnb_all .gnb_al_li li a { color:#555 } 
#gnb_all_bg { display:none; background:rgba(0,0,0,0.1); width:100%; height:100%; position:fixed; left:0; top:0; z-index:999 } 

/* 중간 레이아웃 */
#wrapper { background: var(--wrapperBg); } 
#wrapper:after { display:block; visibility:hidden; clear:both; content:"" } 
#container_wr:after { display:block; visibility:hidden; clear:both; content:"" } 
#container_wr { margin:0 auto; zoom:1 } 
#aside { float:left; width:270px; padding:0; height:100%; margin:20px 20px 20px 0px; display: none;} 
#aside .aside_tab { background: #fff; border-radius: 8px; padding: 10px 20px; } 
#aside .aside_tab .tabs { display: flex; border-bottom: 1px solid #eee; } 
#aside .aside_tab .tabs .tab-link { padding: 10px 0px; margin-right: 16px; font-size: 1.2em; cursor: pointer; color: #c5c5c5; font-weight: 500; transition: all 0.3s; border-bottom: 2px solid transparent; } 
#aside .aside_tab .tabs .tab-link.current { border-bottom: 2px solid #f16245; color: #f16245; font-weight: 700; } 
#aside .aside_tab .pic_li_lt { padding: 20px 0px; } 
#aside .aside_tab .pic_li_lt .lat_title { display: none; } 
#aside .aside_tab .pic_li_lt .lt_more { right: 0; top: -32px; } 
#aside .tab-content { display: none; } 
#aside .tab-content.current { display: block; } 

#container { position:relative; margin: 0 auto;/*float:right; width:calc(100% - 290px); min-height:500px; height:auto !important; margin:20px 0 56px; font-size:1em; padding: 20px; border-radius: 8px; background: var(--contBg); border: var(--border); color: var(--fontColor);*/ zoom:1;} 
#container:after { display:block; visibility:hidden; clear:both; content:"" }
#container_title { font-size:2.33em; color: var(--fontColor); font-weight:bold; line-height:1em; margin:0 auto 0px;padding: clamp(10px, 1.6vw, 20px) 0; border-bottom: 1px #ddd solid;} 
#container_title span { font-size: 0.5em; font-weight: normal; float: right;}
#container_title:after { display:block; visibility:hidden; clear:both; content:"";}
.register_tit { text-align: center; } 

.lt_wr { width:32% } 
.lt_wr:nth-child(3n+1) { clear:both } 
.latest_wr { margin-bottom:20px } 
.latest_wr.boards { display: flex; flex-wrap: wrap; } 
.latest_wr:after { display:block; visibility:hidden; clear:both; content:"" } 
.latest_top_wr { width: 100%; } 
.latest_top_wr:after { display:block; visibility:hidden; clear:both; content:"" } 

/* 하단 레이아웃 */
#ft { background:var(--footerBg); margin:0 auto; text-align:center } 
#ft h1 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#ft_wr { max-width:1240px; margin:0 auto; padding: clamp(15px, 2.3vw, 30px) 0; position:relative; display:inline-block; text-align:left; display: flex; flex-direction: column; } 
#ft_wr:after { display:block; visibility:hidden; clear:both; content:"" } 
#ft_wr .ft_cnt { padding:0 clamp(15px, 1.6vw, 20px); } 
#ft_wr .ft_cnt_wrap { display: flex; } 
#ft_wr .ft_cnt_wrap .ft_cnt { width: 25%; } 

#ft_link { text-align:left; margin-bottom: 10px; display: flex; } 
#ft_link a { display:block; color:var(--ftColor); line-height:2em; font-weight:bold; margin-right: 24px; font-size: 1.2em; } 
#ft_company h2 { font-size:1.2em; margin-bottom:20px } 
#ft_company { font-size:1.2em; font-weight:normal; color:var(--ftColor); line-height:2em } 
#ft_catch { margin:20px 0 10px } 
#ft_copy { text-align:center; margin:0 auto; padding:16px 0; color:#999999; font-size:1.2em; background: var(--ftCopyBg); font-weight: normal; } 
#top_btn { position:fixed; bottom:20px; right:20px; width:50px; height:50px; line-height:46px; border:var(--topBtnBorder); color:var(--mainColor); text-align:center; font-size:15px; z-index:90; background:#ffffff; border-radius: 3px; } 
#top_btn:hover { border-color:var(--mainColor); background:var(--mainColor); color:#fff } 

#darkmode_btn { position:fixed; bottom:20px; right:80px; width:50px; height:50px; border:0; text-align:center; border-radius: 3px; background: var(--mainColor); color: #fff; display: flex; justify-content: center; align-items: center; cursor: pointer; } 
#darkmode_btn input { opacity: 0; width: 0; height: 0; } 
#darkmode_btn .visible { width:24px; height:24px; vertical-align:middle; } 

/* 아웃로그인 스킨 */
#aside .ol {position:relative;margin-bottom:15px;border-radius:8px;background: var(--contBg);color: var(--fontColor);border: var(--border);}
#aside .ol h2 {width:50%;float:left;padding:15px 0;text-align:center}
#aside .ol .join {width:50%;float:right;padding:15px 0;text-align:center;background:var(--bovHover);color:#6e6e6e}
#aside .ol #ol_be_cate:after {display:block;visibility:hidden;clear:both;content:""}
#aside .ol form {padding:20px}
#aside .ol a.btn_admin {display:inline-block;padding:0 10px;height:25px;text-decoration:none;line-height:25px;vertical-align:middle} /* 관리자 전용 버튼 */
#aside .ol a.btn_admin:focus, #aside .ol a.btn_admin:hover {text-decoration:none}
#aside .ol .login-sns{padding-bottom:0px}

#aside #ol_before {}
#aside #ol_before:after {display:block;visibility:hidden;clear:both;content:""}
#aside #ol_before .ol_wr {position:relative;margin-bottom:5px}
#aside #ol_id {display:block;width:100%;background: var(--inputBg);border:var(--inputBorder);color: var(--fontColor);padding:0 10px;height:35px;margin-bottom:5px;border-radius:3px}
#aside #ol_pw {display:block;width:100%;background: var(--inputBg);border:var(--inputBorder);color: var(--fontColor);padding:0 10px;height:35px;margin-bottom:5px;border-radius:3px}
#aside #ol_submit {width:100%;height:35px;background:var(--mainColor);border-left:1px solid #ccc;color:#fff;font-weight:bold;font-size:1.167em;border-radius:3px}
#aside #ol_svc {float:right;line-height:20px}
#aside #ol_svc a {display:inline-block;border:var(--border);color:var(--mainColor);border-radius:2px;padding:2px 5px}
#aside #ol_auto {float:left;line-height:20px;margin-top:5px}
#aside #ol_auto label {color:var(--shareColor);vertical-align:baseline}
#aside #ol_auto input {width:13px;height:13px} 
#aside .ol_auto_wr:after {display:block;visibility:hidden;clear:both;content:""}
#aside #sns_login {margin-top:0 !important;border-top:0 !important}
#aside #sns_login h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#aside #ol_after {}
#aside #ol_after_hd {position:relative;padding:10px;padding-left:80px;height:80px}
#aside #ol_after_hd strong {display:block;margin:5px 0 10px}
#aside #ol_after_hd .profile_img {position:absolute;top:15px;left:15px;display:inline-block}
#aside #ol_after_hd .profile_img img {border:1px solid #bbb;border-radius:50%;width:50px;height:50px}
#aside #ol_after_hd .profile_img a {text-align:center;font-size:17px;width:30px;line-height:30px;color:#777}
#aside #ol_after_info {display:inline-block;height:28px;line-height:22px;border:var(--border);color:var(--mainColor);border-radius:2px;padding:2px 5px}
#aside #ol_after h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#aside #ol_after_hd .btn_admin {border-radius:3px;height:28px;line-height:28px;vertical-align:baseline}
#aside #ol_after_hd .btn_b04 {line-height:23px;padding:0 5px}
#aside #ol_after_private {zoom:1}
#aside #ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
#aside #ol_after_private li {text-align:left;position:relative;text-align:left}
#aside #ol_after_private li:first-child a {border-left:0}
#aside #ol_after_private a {display:block;color:var(--prFontColor);line-height:18px;padding:10px 10px 10px 20px}
#aside #ol_after_private a strong {display:inline-block;float:right;max-width:87px;overflow:hidden;white-space:nowrap;text-overflow:clip;color:#f16245;padding:0 5px;border-radius:15px;font-size:0.92em}
#aside #ol_after_private a:hover strong {background:#4b8bff}
#aside #ol_after_private li a:hover {color:var(--mainColor);background:var(--bovHover)}
#aside #ol_after_private li a:hover:after {position:absolute;left:-1px;top:0;width:2px;height:38px;background:var(--mainColor);content:""}
#aside #ol_after_private li svg {width:12px;color:#8c9eb0;margin-right:16px}
#aside #ol_after_private li:hover svg {color:var(--mainColor);}
#aside #ol_after_private .win_point:hover strong {background:#37bc9b;color:#fff}
#aside #ol_after_private .win_memo:hover strong {background:#8cc152;color:#fff}
#aside #ol_after_private .win_scrap:hover strong {background:#ff8b77;color:#fff}

.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 {padding-left:20px;color:#676e70}
.chk_box input[type="checkbox"] + label:hover{color:var(--mainColor);}
.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:var(--fontColor)}
.chk_box input[type="checkbox"]:checked + label span {background:url(/static/img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label span {
  background: url(/static/img/chk.png) no-repeat 50% 50% var(--mainColor);
  border-color: var(--mainColor);
  border-radius: 3px;
}

.gnb_mo .ol{border-radius: 0;border: none;border-bottom: var(--border);}
.gnb_mo .ol {position:relative;margin:0 0 10px;text-align:center}
.gnb_mo .ol h2 {width:0;height:0;overflow:hidden}

.gnb_mo #ol_before {background:#212020;padding:11px 15px;text-align:left}
.gnb_mo #ol_before input[type=text], #ol_before input[type=password] {width:100%;border:0;border-bottom:1px solid #434242;background:none;height:40px;;margin:0 0 10px;color:#fff}
.gnb_mo #ol_submit {width:100%;height:40px;border-radius:23px;font-weight:bold;font-size:1.083em; }
.gnb_mo #ol_svc {text-align:left;color:#dadada;font-size:0.92em;margin:5px 0 20px}
.gnb_mo .ol_before_btn {margin:15px 0 0;color:#aaa;line-height:1em}
.gnb_mo .ol_before_btn a {color:#fff;display:inline-block;width:50%;float:left}
.gnb_mo #ol_password_lost {border-left:1px solid #777}

.gnb_mo #ol_after_hd {position:relative;background:#212020;padding:10px 15px}
.gnb_mo #ol_after_hd:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_mo #ol_after_hd strong {display:block;float:left;color:#fff;padding:0 0 0 15px;line-height:40px}
.gnb_mo #ol_after_hd .btn_admin {float:left;display:block;padding:0 !important;text-align:center;color:#fff;margin-right:10px;background:#d13f4a;width:30px}
.gnb_mo #ol_after_hd .profile_img {position:relative;float:left;display:inline-block}
.gnb_mo #ol_after_hd .profile_img img {width:37px;height:37px;border-radius:50%}
.gnb_mo #ol_after_info {position:absolute;bottom:-5px;right:-5px;width:20px;height:20px;line-height:18px;text-align:center;border-radius:50%;background:#212020}
.gnb_mo #ol_after_info svg {color:#fff;font-size:1em} 
.gnb_mo #ol_after_private {display: none;clear:both;margin-top:15px;background:var(--contBg);padding:0;list-style:none;border-bottom:var(--border)}
.gnb_mo #ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_mo #ol_after_private li {position:relative;float:left;width:33.333%;text-align:left;border-right:var(--border)}
.gnb_mo #ol_after_private li a {color:var(--fontColor)}
.gnb_mo #ol_after_private svg {margin:0 5px 0 0;color:#b9bcbf;font-size:1.2em}
.gnb_mo #ol_after_private strong {position:absolute;top:16px;right:10px}
.gnb_mo #ol_after_private li strong{color:#fff;padding:0 5px;border-radius:15px;font-size:0.92em}
.gnb_mo #ol_after_private li:nth-child(1) strong {background:#8cc152;}
.gnb_mo #ol_after_private li:nth-child(2) strong {background:#37bc9b;}
.gnb_mo #ol_after_private li:nth-child(3) strong {background:#ff8b77;}
.gnb_mo #ol_after_private a {display:inline-block;padding:15px 10px}

.gnb_mo #ol_after_btn {position:absolute;top:15px;right:55px}
.gnb_mo #ol_after_btn a {display:inline-block;padding:0 10px;line-height:30px;color:#fff;border-radius:3px;font-weight:bold}
.gnb_mo #ol_after_logout {border: 1px solid #ffffff40;color:#fff}

/* 모바일 반응형 GNB메뉴 */
.gnb_mo { display:none; background:var(--wrapperBg); position:fixed; top:0; left:0; z-index:99999; width:100%; max-width:400px; height:100%; overflow-y:auto; -webkit-box-shadow:0 0 5px var(--gnbShadowBg); -moz-box-shadow:0 0 5px var(--gnbShadowBg); box-shadow:0 0 5px var(--gnbShadowBg) } 
.gnb_mo #gnb_1dul { background:var(--contBg) } 
.gnb_mo #gnb_1dul a { display:block; color:var(--fontColor) } 
.gnb_mo .gnb_1dli { position:relative; line-height:40px; } 
.gnb_mo .gnb_1dli button { position:absolute; top:5px; right:0; width:40px; height:40px; overflow:hidden; border:0; font-size:14px; background:#fff; background:url(/static/img/mobile/gnb_bg2.png) no-repeat 50% 50%; text-indent:-9999px } 
.gnb_mo .gnb_1dli button.btn_gnb_cl { background:url(/static/img/mobile/gnb_bg.png) no-repeat 50% 50% } 
.gnb_mo .gnb_1da { padding:5px 20px; background: var(--contBg); border-bottom:var(--border); font-weight:bold; font-size:16px; } 
.gnb_mo .gnb_2dul { display:none; background:#fafafa; max-height: unset; position: relative; border-radius: 0;} 
.gnb_mo .gnb_2da { padding-left:20px; color:#fff !important; font-size:14px;} 
#gnb_close { display:block; position:absolute; right:8px; top:10px; z-index:99; font-weight:bold; margin:0; height:40px; width:40px; border:0; color:#bfb8b2; font-size:2em; background:transparent } 

.gnb_mo #hd_nb { background:var(--contBg); margin-top:10px; border-bottom:var(--border) } 
.gnb_mo #hd_nb:after { display:block; visibility:hidden; clear:both; content:"" } 
.gnb_mo #hd_nb li { width:50%; float:left; text-align:center; line-height:25px; font-size:1.083em; font-weight:bold } 
.gnb_mo #hd_nb li a { display:block; color:var(--fontColor); text-align:left; padding:10px 15px } 
.gnb_mo #hd_nb li svg { font-size:14px; margin-right:10px; color:#a5a8ac } 
.gnb_mo #hd_nb .hd_nb1 { border-right:var(--border); border-bottom:var(--border) } 
.gnb_mo #hd_nb .hd_nb2 { border-bottom:var(--border) } 
.gnb_mo #hd_nb .hd_nb3 { border-right:var(--border) } 
.gnb_mo a.btn_b01 { border: 1px solid #727272; height: auto; padding: 10px; font-size: 13px;}
.gnb_mo a.btn_b01:hover { color: #ffffff; } 
.gnb_mo a.btn_b02 { height: auto; padding: 10px; margin-left: 6px; font-size: 13px;}

/* 설문조사 스킨 */
#poll {border:var(--border);background:var(--contBg);position:relative;border-radius:3px;margin-bottom:15px}
#poll header {position:relative;border-bottom:var(--border);padding:15px}
#poll header:after {display:block;visibility:hidden;clear:both;content:""}
#poll header h2 {display:inline-block;float:left;font-size:1.167em;color:var(--fontColor);line-height:28px}
#poll header h2:after {display:block;visibility:hidden;clear:both;content:""}
#poll header .btn_result {float:right;display:inline-block;line-height:20px;height:28px;border:var(--border);color:var(--mainColor);border-radius:2px;padding:2px 5px;}
#poll header .btn_admin {float:right;margin-left:5px;line-height:28px;font-size:1.4em}
#poll ul {padding:0 20px;list-style:none}
#poll li {padding:5px 0}

.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="radio"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box input[type="radio"] + label {position:relative;padding-left:23px;display:inline-block;color:var(--fontColor)}
.chk_box input[type="radio"] + label span {position:absolute;top:0;left:0;width:15px;height:15px;display:block;background:#fff;border:1px solid #cdd6df;border-radius:50%}
.chk_box input[type="radio"]:checked + label {color:var(--mainColor);}
.chk_box input[type="radio"]:checked + label span:before {width:7px;height:7px;background:var(--mainColor);content:'';position:absolute;top:3px;left:3px;border-radius:50%}

#poll .poll_con {}
#poll .poll_con p {font-weight:bold;padding:15px 20px;color:var(--fontColor);font-size:1.167em}
#poll_btn {padding:10px 20px 20px;text-align:center}
#poll_btn:after {display:block;visibility:hidden;clear:both;content:""}
#poll_btn .btn_poll {display:block;width:100%;height:40px;line-height:40px;padding:0 10px;border:0;font-weight:bold;background:var(--mainColor);color:#fff;border-radius:3px}

/* 접속자 집계 */
#visit {position:relative;margin-top:20px;background:var(--mainColor);border-radius: 8px;overflow: hidden;color: #fff;}
#visit h2 {line-height:24px;font-size:1.2em;padding:15px 0px;margin: 0px 15px; border-bottom:1px solid #ffffff69}
#visit dl{padding:15px 20px;border-radius:3px;line-height:20px}
#visit dl:after {display:block;visibility:hidden;clear:both;content:""}
#visit dt {float:left;width:50%;position:relative;line-height:32px;padding-left:15px}
#visit dt:after {position:absolute;left:0;top:13px;width:5px;height:5px;background:#fff;content:"";border-radius:5px}
#visit dd {float:left;width:50%;text-align:right;line-height:32px;color:#fff}
#visit a {display:inline-block;padding:10px 3px;text-decoration:none}
#visit .btn_admin {position:absolute;top:0;right:15px}

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

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

/* 화면낭독기 사용자용 */
#hd_login_msg { position:absolute; top:0; left:0; font-size:0; line-height:0; overflow:hidden } 
.msg_sound_only, .sound_only { display:inline-block !important; position:absolute; top:0; left:0; width:0; height:0; margin:0 !important; padding:0 !important; font-size:0; line-height:0; border:0 !important; overflow:hidden !important } 

/* 본문 바로가기 */
#skip_to_container a { z-index:100000; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden } 
#skip_to_container a:focus, #skip_to_container a:active { width:100%; height:75px; background:#21272e; color:#fff; font-size:2em; font-weight:bold; text-align:center; text-decoration:none; line-height:3.3em } 

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

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

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

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

/* ckeditor 태그 기본값 */
#bo_v_con ul { display:block; list-style-type:disc; margin-top:1em; margin-bottom:1em; margin-left:0; margin-right:0; padding-left:40px }
#bo_v_con ol { display:block; list-style-type:decimal; margin-top:1em; margin-bottom:1em; margin-left:0; margin-right:0; padding-left:40px }
#bo_v_con li { display:list-item; margin:0.3em 0; line-height:1.7 }
#bo_v_con p { margin:0 0 1em; line-height:1.7 }
#bo_v_con h1, #bo_v_con h2, #bo_v_con h3, #bo_v_con h4, #bo_v_con h5, #bo_v_con h6 { margin:1.4em 0 0.6em; line-height:1.4; font-weight:bold }
#bo_v_con h1:first-child, #bo_v_con h2:first-child, #bo_v_con h3:first-child, #bo_v_con h4:first-child, #bo_v_con h5:first-child, #bo_v_con h6:first-child, #bo_v_con p:first-child { margin-top:0 }
#bo_v_con blockquote { margin:1em 0; padding:0.5em 1em; border-left:3px solid #ccc }
#bo_v_con dl, #bo_v_con dt, #bo_v_con dd { margin:0; padding:0 }
#bo_v_con dt { font-weight:bold; margin-top:0.5em }
#bo_v_con table { margin:1em 0 }
#bo_v_con br { line-height:1.7 }

/* 버튼 */
a.btn,.btn { line-height:35px; height:35px; padding:0 10px; text-align:center; font-weight:bold; border:0; font-size:1.4em;transition:background-color 0.3s ease-out } 

a.btn01 { display:inline-block; padding:7px; border:1px solid #ccc; background:#fafafa; color:#000; text-decoration:none; vertical-align:middle } 
a.btn01:focus, a.btn01:hover { text-decoration:none } 
button.btn01 { display:inline-block; margin:0; padding:7px; border:1px solid #ccc; background:#fafafa; color:#000; text-decoration:none } 
a.btn02 { display:inline-block; padding:7px; border:1px solid #3b3c3f; background:#4b545e; color:#fff; text-decoration:none; vertical-align:middle } 
a.btn02:focus, .btn02:hover { text-decoration:none } 
button.btn02 { display:inline-block; margin:0; padding:7px; border:1px solid #3b3c3f; background:#4b545e; color:#fff; text-decoration:none } 

.btn_confirm { text-align:right } /* 서식단계 진행 */

.btn_submit { border:0; background:var(--mainColor); color:#fff; cursor:pointer; border-radius:3px } 
.btn_submit:hover { background:#e7664d } 
.btn_close { border:var(--border); cursor:pointer; border-radius:3px; background:var(--inputBg); color: var(--fontColor); } 
a.btn_close { text-align:center; line-height:50px } 

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

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 { display:inline-block; color:#bababa; text-decoration:none; vertical-align:middle; border:0; background:transparent } 
.btn_b01:hover, .btn_b01:hover { color:var(--fontColor) } 
a.btn_b02,.btn_b02 { display:inline-block; background:var(--mainColor); height: 45px; padding:0 10px; color:#fff; text-decoration:none; border:0; vertical-align:middle } 
a.btn_b02:hover, .btn_b02:hover { background:#e7664d } 
a.btn_b03, .btn_b03 { display:inline-block; background:var(--contBg); border:1px solid #b9bdd3; color:#646982; text-decoration:none; vertical-align:middle } 
a.btn_b03:hover, .btn_b03:hover { background:#ebedf6 } 
a.btn_b04, .btn_b04 { display:inline-block; background:#fff; border:1px solid #ccc; color:#707070; text-decoration:none; vertical-align:middle } 
a.btn_b04:hover, .btn_b04:hover { color:#333; background:#f9f9f9 } 
a.btn_admin,.btn_admin { display:inline-block; color:#d13f4a; text-decoration:none; vertical-align:middle } /* 관리자 전용 버튼 */
.btn_admin:hover, a.btn_admin:hover { color:#ff3746 } 


/* 기본테이블 */
.tbl_wrap table { width:100%; border-collapse:collapse; border-spacing:0 5px; background:var(--contBg); border-top:var(--border); border-bottom:var(--border) } 
.tbl_wrap caption { padding:10px 0; font-weight:bold; text-align:left } 
.tbl_head01 { margin:0 0 10px } 
.tbl_head01 caption { padding:0; font-size:0; line-height:0; overflow:hidden } 
.tbl_head01 thead th { padding:20px 0; font-weight:normal; text-align:center; border-bottom:var(--border); height:40px; color: var(--fontColor); } 
.tbl_head01 thead th input { vertical-align:top } /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td { padding:10px 0; border-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center } 
.tbl_head01 tbody th { padding:8px 0; border-bottom:1px solid #e8e8e8 } 
.tbl_head01 td { color:var(--tdColor); padding:10px 5px; border-top:var(--border); border-bottom:var(--border); line-height:1.4em; height:60px; word-break:break-all } 
.tbl_head01 tbody tr:hover td { background:var(--bovHover) } 
.tbl_head01 a:hover { text-decoration:underline } 

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

/* 폼 테이블 */
.tbl_frm01 { margin:0 0 20px } 
.tbl_frm01 table { width:100%; border-collapse:collapse; border-spacing:0 } 
.tbl_frm01 th { width:70px; padding:7px 13px; border:1px solid #e9e9e9; border-left:0; background:#f5f8f9; text-align:left } 
.tbl_frm01 td { padding:7px 10px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:transparent } 
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input { border: var(--inputBorder); background:var(--inputBg); color:var(--fontColor); vertical-align:middle; border-radius: 3px; padding:5px; } 
.tbl_frm01 textarea { padding:2px 2px 3px } 
.frm_input { height:45px } 

.full_input { max-width:400px; width: 100%; } 
.half_input { width:49.5% } 
.twopart_input { width:385px; margin-right:10px } 
.tbl_frm01 textarea, .write_div textarea { width:100%; min-height:400px; background: var(--inputBg); border: var(--inputBorder); color: var(--fontColor); } 
.tbl_frm01 a { text-decoration:none } 
.tbl_frm01 .frm_file { display:block; margin-bottom:5px } 
.tbl_frm01 .frm_info { display:block; padding:0 0 5px; line-height:1.4em } 

/*기본 리스트*/
.list_01 ul { border-top:1px solid #ececec } 
.list_01 li { border-bottom:1px solid #ececec; background:#fff; padding:10px 15px; list-style:none; position:relative } 
.list_01 li:nth-child(odd) { background:#f6f6f6 } 
.list_01 li:after { display:block; visibility:hidden; clear:both; content:"" } 
.list_01 li:hover { background:#f9f9f9 } 
.list_01 li.empty_li { text-align:center; padding:20px 0; color:#666 } 

/*폼 리스트*/
.form_01 h2 { font-size:1.167em } 
.form_01 li { margin-bottom:24px } 
.form_01 .chk_box { margin-bottom: 0px; padding: 14px 20px; background: var(--newBg); } 
.form_01 ul:after,
.form_01 li:after { display:block; visibility:hidden; clear:both; content:"" } 
.form_01 .margin_input { margin-right:1% } 
.form_01 textarea { height:100px; width:100% } 
.form_01 .frm_label { display:inline-block; width:130px } 
.form_01 ul li input[type="file"]::file-selector-button { width: 150px; height: 30px; background: var(--mainColor); color: #fff; border-radius: 4px; border: none; cursor: pointer; margin-right: 10px; } 
.form_01 ul li input[type="file"]::file-selector-button:hover { background: #e7664d; } 

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

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

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

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

/* 새창 기본 스타일 */
.new_win { position:relative } 
.new_win ul { margin-bottom: 15px; } 
.new_win .tbl_wrap { margin:0 20px } 
.new_win #win_title { font-size:1.3em; height:50px; line-height:30px; padding:10px 20px; background:var(--contBg); color:var(--fontColor);box-shadow:0 1px 10px rgba(0,0,0,.1) } 
.new_win #win_title .sv { font-size:0.75em; line-height:1.2em } 
.new_win .win_ul { margin-bottom:15px; padding:0 20px } 
.new_win .win_ul:after { display:block; visibility:hidden; clear:both; content:"" } 
.new_win .win_ul li { float:left; background:var(--contBg); text-align:center; padding:0 10px; border:1px solid var(--mainColor);60; border-radius:30px; margin-left:5px } 
.new_win .win_ul li:first-child { margin-left:0 } 
.new_win .win_ul li a { display:block; padding:8px 0; color:var(--mainColor); } 
.new_win .win_ul .selected { background:var(--mainColor); border-color:var(--mainColor); position:relative; z-index:5 } 
.new_win .win_ul .selected a { color:#fff; font-weight:bold } 
.new_win .win_desc { position:relative; margin:10px; border-radius:5px; font-size:1em; background:#f2838f; color:#fff; line-height:50px; text-align:left; padding:0 20px } 
.new_win .win_desc svg { font-size:1.2em; vertical-align:baseline } 
.new_win .win_desc:after { content:""; position:absolute; left:0; top:0; width:4px; height:50px; background:#da4453; border-radius:3px 0 0 3px } 
.new_win .frm_info { font-size:0.92em; color:#919191 } 
.new_win .win_total { float:right; display:inline-block; line-height:30px; font-weight:normal; font-size:0.75em; color:var(--mainColor); background:var(--wrapperBg); padding:0 10px; border-radius:5px } 
.new_win .new_win_con { margin:20px 0; padding:20px } 
.new_win .new_win_con:after { display:block; visibility:hidden; clear:both; content:"" } 
.new_win .new_win_con2 { margin:20px 0 } 
.new_win .btn_confirm:after { display:block; visibility:hidden; clear:both; content:"" } 
.new_win .win_btn { text-align:center } 
.new_win .cert_btn { margin-bottom:30px; text-align:center } 
.new_win .btn_close { padding:0 20px; height:45px; overflow:hidden; cursor:pointer } 
.new_win .btn_submit { padding:0 20px; height:45px; font-weight:bold; font-size:1.083em } 

/* 검색결과 색상 */
.sch_word { color:#fff; background:#ff005a; padding:2px 5px 3px; line-height:18px; margin:0 2px } 

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

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

/* 페이징 */
.pg_wrap { clear:both; float:inherit; text-align: center; display:inline-block; width: 100%; } 
.pg_wrap:after { display:block; visibility:hidden; clear:both; content:"" } 
.pg { text-align:center } 
.pg_page, .pg_current { display:inline-block; vertical-align:middle; background:var(--pgBg); border:1px solid var(--pgBg) } 
.pg a:focus, .pg a:hover { text-decoration:none } 
.pg_page { color:#959595; font-size:1.083em; height:30px; line-height:28px; padding:0 5px; min-width:30px; text-decoration:none; border-radius:3px } 
.pg_page:hover { background-color:var(--pgHvBg) } 
.pg_start { text-indent:-999px; overflow:hidden; background:url('/static/img/btn_first.gif') no-repeat 50% 50% var(--pgBg); padding:0; border:1px solid var(--pgBg) } 
.pg_prev { text-indent:-999px; overflow:hidden; background:url('/static/img/btn_prev.gif') no-repeat 50% 50% var(--pgBg); padding:0; border:1px solid var(--pgBg) } 
.pg_end { text-indent:-999px; overflow:hidden; background:url('/static/img/btn_end.gif') no-repeat 50% 50% var(--pgBg); padding:0; border:1px solid var(--pgBg) } 
.pg_next { text-indent:-999px; overflow:hidden; background:url('/static/img/btn_next.gif') no-repeat 50% 50% var(--pgBg); padding:0; border:1px solid var(--pgBg) } 
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover { background-color:var(--pgHvBg) } 

.pg_current { display:inline-block; background:var(--mainColor); border:1px solid var(--mainColor); color:#fff; font-weight:bold; height:30px; line-height:30px; padding:0 10px; min-width:30px; border-radius:3px } 

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

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

.errors { color:#ff0000; } 


.dynamic_layer { position: absolute; background-color: #ffffff; /* 흰색 배경 */
 border: 1px solid #e0e0e0; /* 회색 테두리 */
 padding: 15px; /* 내부 패딩 */
 box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2); /* 그림자 효과 */
 border-radius: 8px; /* 모서리 둥글게 */
 font-family: 'Arial', sans-serif; /* 폰트 설정 */
 max-width: 300px; /* 최대 너비 설정 */
 z-index: 1000; /* 다른 요소 위에 올라오게 설정 */
 transition: opacity 0.3s ease; /* 투명도 애니메이션 효과 */}

.dynamic_layer:hover { opacity: 0.9; /* 마우스 오버 시 투명도 조절 */}


/* 게시판 목록 */
#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:var(--border); border-bottom:var(--border) } 
#bo_list .td_date { width:60px; text-align:center } 
#bo_list .td_datetime { 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:90px; text-align:center; padding:10px 0 } 
#bo_list .td_nick { width:100px; text-align:center } 
#bo_list .td_num { width:50px; text-align:center } 
#bo_list .td_num2 { width:50px; 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 var(--mainColor); } 
#bo_list tbody .even td { background:var(--evenTdBg) } 

#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:var(--mainColor); color:#fff; font-weight:bold; } 
.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 { background:url(./img/chk.png) no-repeat 50% 50% #3a8afd; 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:var(--boListColor) } 

.btn_bo_user { float:right; margin:0; padding:0; list-style:none } 
.btn_bo_user li { float:left; width:40px; text-align:center; margin-left:5px; background:var(--contBg) } 
.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 { background:var(--boNoticeBg) !important; border-bottom:1px solid #f8e6ee } 
.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:var(--moreUlBorder); 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 var(--moreColor) 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 var(--contBg) transparent } 
.more_opt li { border-bottom:var(--moreLiBorder); 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 { width:100%; border:0; background:var(--contBg); color:#6b757c } 
.more_opt li:hover a,
.more_opt li:hover button { color:var(--fontColor) } 
.more_opt li svg { 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; font-weight:bold } 
.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; width:10px;height: 10px;padding: 3px; 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:10px;height: 10px;padding: 3px; 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:10px;height: 10px;padding: 3px; 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:10px;height: 10px;padding: 3px; color:#b451fd; background:#edd3fd; text-align:center; border-radius:2px; margin-left:5px; vertical-align:middle } 

.bo_sch_wrap { display:none; width:100%; height:100%; position:fixed; top:0; left:0; z-index:999 } 
.bo_sch { position:absolute; top:50%; left:50%; background:var(--bodyBg); text-align:left; width:330px; max-height:300px; margin-left:-125px; margin-top:-180px; overflow-y:auto; border-radius:5px; -webkit-box-shadow:1px 1px 18px rgba(0,0,0,0.2); -moz-box-shadow:1px 1px 18px rgba(0,0,0,0.2); box-shadow:1px 1px 18px rgba(0,0,0,0.2); border:var(--border); border-radius:3px } 
.bo_sch:after { display:block; visibility:hidden; clear:both; content:"" } 
.bo_sch h3 { padding:15px; border-bottom:var(--border); color: var(--fontColor); } 
.bo_sch legend { background:red } 
.bo_sch form { padding:15px; display:block } 
.bo_sch select { border:0; width:100%; height:40px; border:var(--inputBorder); background: var(--inputBg); color: var(--fontColor); border-radius:2px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075) } 
.bo_sch .sch_bar { display:inline-block; width:100%; clear:both; margin-top:15px; background: var(--inputBg); border:var(--inputBorder); border-radius:2px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075) } 
.bo_sch .sch_input { width:250px; height:38px; border:0; padding:0; background-color:transparent; float:left; color: var(--fontColor); } 
.bo_sch .sch_btn { height:38px; float:right; color:#656565; background:none; border:0; width:40px; font-size:15px } 
.bo_sch .bo_sch_cls { position:absolute; right:0; top:0; color:#b5b8bb; border:0; padding:12px 15px; font-size:16px; background:var(--bodyBg) } 
.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:var(--contBg);-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 var(--autoPopBg) 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 var(--contBg) 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:var(--autoUlBorder); list-style:none; overflow-y:scroll; height:130px; border-bottom:var(--autoUlBorder) } 
#autosave_pop li { padding:8px 5px; border-bottom:var(--autoLiBorder); background:var(--autoBg); zoom:1; transition: all 0.2s; } 
#autosave_pop li:after { display:block; visibility:hidden; clear:both; content:"" } 
#autosave_pop li:hover { background: var(--autoHvBg); } 
#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:var(--bovHover); color:var(--mainColor); } 
.autosave_content { display:none } 
.autosave_del { background:url(/static/img/close_btn.png) no-repeat 50% 50%; text-indent:-999px; overflow:hidden; height:20px; width:20px } 

/* 게시판 읽기 */
#bo_v { margin-bottom:20px; background:var(--contBg); 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:5px 0 0; word-break:break-all; color: var(--fontColor); } 

#bo_v_info { margin:0; border-bottom:var(--border); 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 { 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 strong a {color: #888888;}
#bo_v_info .sv_member,
#bo_v_info .sv_guest,
#bo_v_info .member,
#bo_v_info .guest { font-weight:bold } 
#bo_v_info .member {color: var(--fontColor);}
#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 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:var(--fileBorder); border-radius:5px; transition: all 0.2s; } 
#bo_v_file li svg { 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:var(--fontColor) } 
#bo_v_file a:focus, #bo_v_file li:hover a, #bo_v_file a:active { text-decoration:underline; color:#e7664d } 
#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:#ec957f; color:#bed4f4 } 
#bo_v_file li:hover svg { color:var(--mainColor); } 
#bo_v_file li:hover .bo_v_file_cnt { color:var(--mainColor); } 

#bo_v_link h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
#bo_v_file ul { margin:0; list-style:none } 
#bo_v_link li { padding:15px; position:relative; margin:10px 0; border:var(--fileBorder); border-radius:5px; transition: all 0.2s; } 
#bo_v_link li svg { 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:var(--fontColor) } 
#bo_v_link a:focus, #bo_v_link li:hover a, #bo_v_link a:active { text-decoration:underline; color:#e7664d } 
#bo_v_link .bo_v_link_cnt { color:#b2b2b2; font-size:0.92em } 
#bo_v_link li:hover { border-color:#ec957f; color:#bed4f4 } 
#bo_v_link li:hover svg { color:var(--mainColor); } 
#bo_v_link li:hover .bo_v_link_cnt { color:var(--mainColor); } 

#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:var(--contBg) } 

#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 { float:right } 
.bo_v_com > li { position:relative; float:left; margin-left:5px } 

.bo_v_nb { position:relative; margin:10px 0 40px; background: var(--contBg); display: flex; width: 100%; justify-content: space-between; } 
.bo_v_nb:after { display:block; visibility:hidden; clear:both; content:"" } 
.bo_v_nb li { width: calc((100%/2 ) - 6px); border-radius: 8px; } 
.bo_v_nb li a { padding:20px; height: 100%; display: flex; justify-content: space-between; align-items: center; } 
.bo_v_nb li a svg { transform: rotate(-90deg); width: 20px; height: 12px; text-align: center; vertical-align: middle; } 
.bo_v_nb li a p { width: calc(100% - 40px); font-size: 16px; font-weight: 700; } 
.bo_v_nb li .nb_tit { display:block; font-size: 14px; } 
.bo_v_nb li .nb_cont { display:block; font-size: 16px; padding: 4px 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.bo_v_nb li .nb_date { display:block; color:#b3b3b3; font-size: 12px; } 
.bo_v_nb li.btn_prv { background: var(--btnPrvBg); border: var(--border); text-align:left; margin-right: auto; } 
.bo_v_nb li.btn_next { background: var(--mainColor); text-align: right; margin-left: auto; } 
.bo_v_nb li.btn_prv .nb_tit, .bo_v_nb li.btn_prv .nb_date { color:#b3b3b3; } 
.bo_v_nb li.btn_next .nb_tit, .bo_v_nb li.btn_next .nb_date { color:#ffffff70; } 
.bo_v_nb li.btn_prv a { color:#525252; } 
.bo_v_nb li.btn_next a { color:#ffffff; } 


#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; width:100%; line-height:1.7; min-height:200px; word-break:break-all; overflow:visible; color: var(--fontColor); font-size:1.15em; }
#bo_v_con:after { display:block; visibility:hidden; clear:both; content:"" }
#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, #bo_v_act a.active { background-color:#fff; color:#ff484f; border-color:#ff484f } 
#bo_v_act svg { 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:var(--bovTitColor); font-weight:normal; font-size:1em; width:80px; line-height:35px; height:35px; border:var(--shareBorder); border-radius:5px } 
#bo_v_share .btn:hover { background:var(--bovHover) } 
#bo_v_share .btn svg { margin-right:5px; color:var(--bovTitColor); vertical-align:middle } 

/* 게시판 댓글 */
.cmt_btn { width:100%; text-align:left; border:0; border-bottom:var(--border); background:var(--contBg); 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:var(--mainColor); } 
.cmt_btn span.cmt_more { float:right; display:inline-block; width:15px; height:10px; background:url(/static/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:var(--fontColor) } 
.cmt_btn span.total:after { position:absolute; bottom:-17px; left:0; display:inline-block; background:var(--mainColor); 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:var(--border) } 
#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 { 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: 100%; width: calc(100% - 90PX); } 
#bo_vc header { position:relative; width:100%; color: var(--fontColor); } 
#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; color: var(--fontColor); } 
#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:var(--moreUlBorder); margin:0; list-style:none; background:var(--contBg); 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 var(--moreColor) 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 var(--contBg) transparent } 
.bo_vc_act li { border-bottom:var(--moreLiBorder) } 
.bo_vc_act li:last-child { border-bottom:0 } 
.bo_vc_act li a { display:inline-block; padding:10px 15px; color: #6b757c; } 
.bo_vc_act li a:hover { color:var(--fontColor) } 

.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:var(--inputBorder); background:var(--inputBg); color:var(--fontColor); vertical-align:middle; border-radius:3px; padding:5px; width:100%; height:120px;-webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1);box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1) } 
#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 5px 0 0 } 
#bo_w .bo_v_option li label { 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; border-radius:3px 0 0 3px; 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; border-radius:3px 0 0 3px; 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:var(--inputBorder); background:var(--inputBg); color:var(--fontColor); vertical-align:middle; border-radius:3px; 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; border-radius:3px } 
#bo_w .btn_submit { padding:0 20px; font-size:1.167em } 
#bo_w .btn_cancel { border-radius:3px; font-size:1.167em } 

/* 갤러리 */

/* 갤러리 목록 */
#bo_gall h2 { margin:0; padding:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden } 
#bo_gall #gall_ul { margin:10px -10px 0; padding:0; list-style:none; zoom:1 } 
#bo_gall #gall_ul:after { display:block; visibility:hidden; clear:both; content:"" } 
#bo_gall .gall_li { } 
#bo_gall .gall_li .gall_chk { position:absolute; top:0; left:0; padding:5px; z-index:1 } 
#bo_gall .gall_box { position:relative; margin:0 0 50px 0; border-radius:0 0 2px 2px } 
#bo_gall .gall_con { position:relative } 

.gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3,.gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9,.gall_row .col-gn-10 { position:relative; min-height:1px; padding-left:10px; *padding-left:0; padding-right:10px; *padding-right:0; float:left; box-sizing:border-box; margin-left:0 } 
.gall_row .col-gn-0,.gall_row .col-gn-1 { width:100% } 
.gall_row .col-gn-2 { width:50% } 
.gall_row .col-gn-3 { width:33.33333333% } 
.gall_row .col-gn-4 { width:25% } 
.gall_row .col-gn-5 { width:20% } 
.gall_row .col-gn-6 { width:16.66666667% } 
.gall_row .col-gn-7 { width:14.28571428% } 
.gall_row .col-gn-8 { width:12.5% } 
.gall_row .col-gn-9 { width:11.11111111% } 
.gall_row .col-gn-10 { width:10% } 

.gall_row .box_clear { clear:both } 

#bo_gall .gall_now .gall_text_href a { color:#ff3061 } 

#bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover { text-decoration:none } 
#bo_gall .gall_img { border-bottom:1px solid var(--noImgBg); text-align:center; overflow:hidden } 
#bo_gall .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice { display:block } 
#bo_gall .gall_img img, #bo_gall .gall_img video { max-width:100%; height:auto !important } 
#bo_gall .gall_img span { display:inline-block; background:var(--noImgBg); text-align:center; text-transform:uppercase; font-weight:bold; font-size:1.25em; color:#777 } 

#bo_gall .gall_text_href { margin:10px 0 } 
#bo_gall .gall_text_href a { font-weight:bold } 
#bo_gall .gall_text_href img { margin:0 0 0 4px } 
#bo_gall .bo_tit { display:block; line-height:30px; font-weight:bold; color:var(--fontColor); font-size:1.2em } 
#bo_gall .bo_tit .cnt_cmt { background:#e9eff5; color:#3a8afd; font-size:11px; height:16px; line-height:16px; padding:0 5px; border-radius:3px; vertical-align:middle } 

#bo_gall .bo_cnt { color:#acacac; line-height:18px } 
#bo_gall .profile_img img { border-radius:50% } 
#bo_gall .bo_tit .fa-download { display:inline-block; width:10px; height: 10px; padding: 3px; background:#e89f31; color:#fff; text-align:center; font-size:10px; border-radius:2px; margin-right:2px; vertical-align:middle }  
#bo_gall .bo_tit .fa-link { display:inline-block; width:10px; height: 10px; padding: 3px; background:#ad68d8; color:#fff; text-align:center; font-size:10px; border-radius:2px; margin-right:2px; vertical-align:middle;} 
#bo_gall .bo_tit .new_icon { display:inline-block; width:16px; line-height:16px; font-size:0.825em; color:#23db79; background:#b9ffda; text-align:center; border-radius:2px; margin-left:2px; font-weight:bold; vertical-align:baseline } 
#bo_gall .bo_tit .hot_icon { display:inline-block; width:10px; height: 10px; padding: 3px; color:#fff; background:#e52955; text-align:center; border-radius:2px; vertical-align:middle; margin-right:2px } 
#bo_gall .bo_tit .fa-lock { display:inline-block; width:10px; height: 10px; padding: 3px; color:#999; text-align:center; vertical-align:middle } 

#bo_gall .gall_info { line-height:1.5em; line-height:20px } 
#bo_gall .gall_info strong { display:inline-block; margin:0 } 
#bo_gall .gall_info svg { font-size:12px } 
#bo_gall .gall_info .gall_date,
#bo_gall .gall_info .gall_view { display:inline-block; margin-left:10px; color:#777 } 

#bo_gall .gall_option { position:absolute; top:10px; right:10px } 
#bo_gall .gall_option strong { background:#fff; padding:5px 10px; border-radius:30px;box-shadow:2px 2px 3px 0px rgba(0,0,0,0.2) } 

#bo_gall li.empty_list { padding:85px 0; text-align:center } 

@media (max-width: 920px){
	.gall_row .col-gn-4 { width:50% } 
	#bo_gall .gall_img {height: auto !important;}
}

/* connect.css */
/* 현재접속자 */
#current_connect ul { margin:0; padding:0; list-style:none; zoom:1 } 
#current_connect ul:after { display:block; visibility:hidden; clear:both; content:"" } 
#current_connect li:after { display:block; visibility:hidden; clear:both; content:"" } 
#current_connect li { position:relative; padding:18px 0; border-bottom:var(--border); min-height:1px; box-sizing:border-box; margin-left:0 } 
#current_connect li:first-child { border-top:var(--border) } 
#current_connect .crt_num { float:left; line-height:45px; margin-right:20px; color:#777; font-weight:bold } 
#current_connect .crt_profile { float:left; margin-right:20px; line-height:45px } 
#current_connect .crt_profile > img { width:45px; height:45px; border-radius:50% } 
#current_connect .crt_info { float:left; margin-top:5px } 
#current_connect .crt_name { display:block; color: var(--fontColor); } 
#current_connect .sv_member { font-weight:bold; line-height:20px; font-size:1.2em } 
#current_connect .profile_img { display:none } 
#current_connect .crt_lct { display:block } 
#current_connect .crt_lct a { color:#797979 } 
#current_connect li.empty_li { width:100%; padding:200px 0; border:0; color:#666; text-align:center } 

/* faq.css */
#bo_cate { margin-bottom:28px } 
#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:var(--mainColor); color:#fff; font-weight:bold; border:1px solid var(--mainColor);-webkit-box-shadow:inset 0 2px 5px var(--mainColor);-moz-box-shadow:inset 0 2px 5px var(--mainColor);box-shadow:inset 0 2px 5px var(--mainColor); } 

#faq_wrap { margin:10px 0 30px } 
#faq_wrap h2 { position:absolute; font-size:0; line-height:0; overflow:hidden } 
.faq_admin { text-align:right } 
#faq_wrap ol { margin:0; padding:0; list-style:none } 
#faq_wrap li { border-bottom:var(--border); background:var(--contBg); position:relative } 
#faq_wrap li:first-child { border-top:var(--border) } 
#faq_wrap li h3 { min-height:50px; line-height:30px; padding:15px; padding-left:50px; position:relative } 
#faq_wrap li h3 .tit_btn { position:absolute; right:15px; top:15px; border:0; width:30px; height:30px; background:var(--contBg); color:#c5cdd8; font-size:1.2em } 
#faq_wrap li h3 .tit_bg { display:inline-block; position:absolute; top:15px; left:15px; text-align:center; color:var(--mainColor); font-size:1.6em } 
#faq_wrap li h3.faq_li_open a { color:var(--mainColor); } 

#faq_con .con_inner { display:none; padding:5px 5px 20px 50px; color: var(--fontColor); } 
#faq_con .con_inner .tit_bg { display:inline-block; position:absolute; top:10px; left:10px; text-align:center; background:#777; color:#fff; border-radius:50%; width:30px; line-height:30px; height:30px } 
#faq_con .con_inner .closer_btn { position:absolute; right:15px; top:15px; border:0; width:30px; height:30px; background:var(--contBg); color:var(--mainColor); font-size:1.2em } 

#faq_sch { background:var(--newBg); padding:30px; text-align:center; margin:0 0 10px } 
#faq_sch .sch_tit { position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden } 
#faq_sch .frm_input { border:var(--inputBorder); max-width: 300px; width:calc(100% - 100px); height:45px; border-radius:0; border-radius:3px } 
#faq_sch .btn_submit { padding:0 10px; height:45px; width:88px; font-size:1.083em; font-weight:bold; color:#fff; background:#434a54 } 

/* latest_block.css */
/* 새글 스킨 (latest) */
.pic_lt { position:relative; margin-bottom:20px; background:var(--contBg) } 
.pic_lt .lat_title { display:block; line-height:45px; font-size:1.2em; color:#253dbe } 
.pic_lt .lat_title a { color:var(--fontColor); display:inline-block; position:relative } 

.pic_lt .lt_more { position:absolute; top:11px; right:10px; display:block; width:25px; line-height:25px; color:#aaa; border-radius:3px; text-align:center; } 
.pic_lt .lt_more:hover { color:#777 } 
.pic_lt ul:after { display:block; visibility:hidden; clear:both; content:"" } 
.pic_lt ul { margin: 0 -10px } 
.pic_lt li { float:left; width:25%; padding:0 10px; color: var(--fontColor); } 
.pic_lt li.gallery_li:nth-child(4n+1) { clear: both!important } 
.pic_lt li .lt_img { margin:5px 0; display:block } 
.pic_lt li .lt_img img, .pic_lt li .lt_img video { width:100%; height:auto } 
.pic_lt li a:hover { color:#a22121 } 
.pic_lt li .fa-heart { color:#ff0000 } 
.pic_lt li .fa-lock { display:inline-block; line-height:14px; width:10px; height: 10px; padding: 3px; background:#cbe3e8; text-align:center; border-radius:2px; font-size:12px; border:1px solid #cbe3e8; vertical-align:middle } 
.pic_lt li .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 } 
.pic_lt li .hot_icon { display:inline-block; width:10px; height: 10px; padding: 3px; color:#ff0000; background:#ffb9b9; text-align:center; border-radius:2px; vertical-align:middle } 
.pic_lt li .fa-caret-right { color:#bbb } 
.pic_lt li .fa-download { display:inline-block; width:10px; height: 10px; padding: 3px; color:#daae37; background:#ffefb9; text-align:center; border-radius:2px; vertical-align:middle } 
.pic_lt li .fa-link { display:inline-block; width:10px; height: 10px; padding: 3px; color:#b451fd; background:#edd3fd; text-align:center; border-radius:2px; vertical-align:middle } 

.pic_lt .profile_img img { border-radius:50% } 

.lt_info { padding:10px 0 } 
.lt_info .lt_nick { } 
.lt_info .lt_date { color:#888 } 

.pic_lt .empty_li { line-height:145px; color:#666; text-align:center; padding:0 } 
.pic_lt .empty_li:before { background:none; padding:0 } 

.pic_lt .lt_cmt { background:#e9eff5; color:#3a8afd; font-size:11px; height:16px; line-height:16px; padding:0 5px; border-radius:3px; vertical-align:middle } 
.pic_lt .lt_more { position:absolute; top:11px; right:0; display:block; width:40px; line-height:25px; color:var(--mainColor); border-radius:3px; text-align:center } 
.pic_lt .lt_more:hover { color:#777 } 

/* latest_list.css */
/* 새글 스킨 (latest) */
.pic_li_lt { position:relative; width:33.3333%; float:left; padding:0 10px; background:var(--contBg) } 
.pic_li_lt .lat_title { display:block; line-height:45px; font-size:1.2em; color:#253dbe } 
.pic_li_lt .lat_title a { color:var(--fontColor); display:inline-block; position:relative } 
.latest_top_wr .pic_li_lt:nth-child(3n+1) { clear: both!important } 

.pic_li_lt .lt_more { position:absolute; top:11px; right:10px; display:block; width:25px; line-height:25px; color:#aaa; border-radius:3px; text-align:center } 
.pic_li_lt .lt_more:hover { color:#777 } 
.pic_li_lt ul:after { display:block; visibility:hidden; clear:both; content:"" } 
.pic_li_lt li { border-bottom:var(--border); margin-bottom:10px; color: var(--fontColor); } 
.pic_li_lt li .lt_img { display:none } 
.pic_li_lt li:first-child .lt_img { display:block; margin:0 0 10px; } 
.pic_li_lt li:first-child .lt_img img, .pic_li_lt li .lt_img video { width:100%; height:auto } 
.pic_li_lt li .pic_li_tit { font-weight:bold; font-size:1.2em; line-height:20px; vertical-align:middle } 

.pic_li_lt li .fa-heart { color:#ff0000 } 
.pic_li_lt li .fa-lock { display:inline-block; width:10px; height: 10px; padding: 3px; color:#4f818c; background:#cbe3e8; text-align:center; border-radius:2px; font-size:12px; border:1px solid #cbe3e8; vertical-align:middle } 
.pic_li_lt li .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 } 
.pic_li_lt li .hot_icon { display:inline-block; width:10px; height: 10px; padding: 3px; color:#ff0000; background:#ffb9b9; text-align:center; border-radius:2px; vertical-align:middle } 
.pic_li_lt li .fa-caret-right { color:#bbb } 
.pic_li_lt li .fa-download { display:inline-block; width:10px; height: 10px; padding: 3px; color:#daae37; background:#ffefb9; text-align:center; border-radius:2px; vertical-align:middle } 
.pic_li_lt li .fa-link { display:inline-block; width:10px; height: 10px; padding: 3px; color:#b451fd; background:#edd3fd; text-align:center; border-radius:2px; vertical-align:middle } 

.pic_li_lt .profile_img img { border-radius:50% } 

.lt_info { padding:10px 0 } 
.lt_info .lt_nick { } 
.lt_info .lt_date { color:#888 } 

.pic_li_lt .empty_li { line-height:145px; color:#666; text-align:center; padding:0 } 
.pic_li_lt .empty_li:before { background:none; padding:0 } 

.pic_li_lt .lt_cmt { background:#e9eff5; color:#3a8afd; font-size:11px; height:16px; line-height:16px; padding:0 5px; border-radius:3px; vertical-align:middle } 
.pic_li_lt .lt_more { position:absolute; top:11px; right:10px; display:block; width:40px; line-height:25px; color:var(--mainColor); border-radius:3px; text-align:center } 
.pic_li_lt .lt_more:hover { color:#777 } 

/* latest_notice.css */
/* 새글 스킨 (latest) */
.notice { position:relative; padding:15px 50px } 
.notice h2 { margin-bottom:20px } 
.notice h2 a { font-size:1.2em; color:#fff } 
.notice li { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; border-bottom:1px solid #343434 } 
.notice li a, .notice li.empty_li { color:#e3e3e3; padding:11px 0; display:inline-block } 
.notice li .lock_icon { 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 #a2c6ce; vertical-align:baseline } 
.notice li .new_icon { display:inline-block; line-height:16px; width:16px; font-size:0.833em; color:#ffff00; background:#6db142; text-align:center; margin-right:3px; border-radius:2px; vertical-align:baseline } 
.notice .cnt_cm { background:#5c85c1; color:#fff; font-size:11px; height:16px; line-height:16px; padding:0 5px; border-radius:3px; white-space:nowrap; margin-left:5px } 
.notice li.empty_li { border-bottom:0; line-height:120px } 

/* latest.css */
/* 새글 스킨 (latest) */
.lat { position:relative; margin-bottom:20px; background:var(--contBg) } 
.lat .lat_title { display:block; line-height:45px; font-size:1.2em; color:#253dbe } 
.lat .lat_title a { position:relative; color:var(--fontColor); display:inline-block } 

.lat ul { padding:10px 0 } 
.lat li { position:relative; line-height:18px; border-bottom:var(--border); color: var(--fontColor); margin-bottom:10px } 
.lat li a { font-weight:bold; font-size:1.2em; line-height:20px; vertical-align:middle } 
.lat li a:hover { color:var(--mainColor); } 
.lat li .fa-heart { color:#ff0000 } 
.lat li .fa-lock { display:inline-block; width:10px; height: 10px; padding: 3px; color:#4f818c; background:#cbe3e8; text-align:center; border-radius:2px; font-size:12px; border:1px solid #cbe3e8; vertical-align:middle } 
.lat li .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 } 
.lat li .hot_icon { display:inline-block; width:10px; height: 10px; padding: 3px; color:#ff0000; background:#ffb9b9; text-align:center; border-radius:2px; vertical-align:middle } 
.lat li .fa-caret-right { color:#bbb } 
.lat li .fa-download { display:inline-block; width:10px; height: 10px; padding: 3px; color:#daae37; background:#ffefb9; text-align:center; border-radius:2px; vertical-align:middle } 
.lat li .fa-link { display:inline-block; width:10px; height: 10px; padding: 3px; color:#b451fd; background:#edd3fd; text-align:center; border-radius:2px; vertical-align:middle } 

.lat .profile_img img { border-radius:50% } 

.lt_info { padding:10px 0 } 
.lt_info .lt_nick { } 
.lt_info .lt_date { color:#888 } 

.lat .empty_li { line-height:145px; color:#666; text-align:center; padding:0 } 
.lat .empty_li:before { background:none; padding:0 } 

.lat .lt_cmt { background:#e9eff5; color:#3a8afd; font-size:11px; height:16px; line-height:16px; padding:0 5px; border-radius:3px; vertical-align:middle } 
.lat .lt_more { position:absolute; top:11px; right:0; display:block; width:40px; line-height:25px; color:var(--mainColor); border-radius:3px; text-align:center } 
.lat .lt_more:hover { color:#777 } 

/* main_list.css */
/* 메인 슬라이드 */
.con { margin:0 auto; } 
.img-box > img { width:100%; display:block; } 
.row::after { content:""; display:block; clear:both; } 
.cell { float:left; box-sizing:border-box; } 
.cell-right { float:right; box-sizing:border-box; } 
.margin-0-auto { margin:0 auto; } 
.block { display:block; } 
.inline-block { display:inline-block; } 
.text-align-center { text-align:center; } 
.line-height-0-ch-only { line-height:0; } 
.line-height-0-ch-only > * { line-height:normal; } 
.relative { position:relative; } 
.absolute-left { position:absolute; left:0; } 
.absolute-right { position:absolute; right:0; } 
.absolute-middle { position:absolute; top:50%; transform:translateY(-50%); } 
.table { display:table; } 
.table-cell { display:table-cell; } 
.blind, legend { overflow: hidden; position: absolute; width: 1px; height: 1px; font-size: 12px; clip: rect(1px, 1px, 1px, 1px); } 
button { cursor:pointer; padding:0; font-size:inherit; } 
.con-min-width { min-width:320px; } 
.main_bn { width: 100%; border-radius: 16px; overflow: hidden; } 

/* 메인 배너 슬라이더 */
.slider-wrap { position:relative; } 
.main-slider { position:relative; margin-bottom:0 !important; } 
.main-slider .slide-item .slide-con { position:relative; height: 80vh; } 
.main-slider .slide-item .slide-con .img-box img { width: 100%; height: 100%; object-fit: cover; } 
.main-slider .slide-item > .slide-con > .slide-txt { position:absolute; bottom: 15%; left: 50%; width: 100%; max-width: 1280px; margin: 0 0 0 -620px; z-index:50; color: #fff; text-align: left; } 
.main-slider .slide-item .slide-con .img-box::after { content:''; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.6) 100%); } 
.main-slider .slide-item-1 > .slide-con > .slide-txt { left:50%; transform:translatex(-50%); padding:0; text-align:center; } 
.main-slider .slide-item > .slide-con > .slide-txt > h2.txt-tt { font-size:clamp(18px, 1.3vw, 24px); font-weight: 500; margin-bottom:20px;} 
.main-slider .slide-item > .slide-con > .slide-txt > h2.txt-tt a { color: #ffffff; } 
.main-slider .slide-item > .slide-con > .slide-txt > .txt-desc p { font-size:clamp(25px, 2.9vw, 55px); font-weight:bold; letter-spacing: -0.02em; margin-bottom:0px; width: 100%; line-height: 1.2em; } 
.main-slider .slide-item > .slide-con > .slide-txt > .txt-btn { margin-top:30px; background: var(--mainColor); border: 1px solid var(--mainColor); display: inline-block; border-radius: 4px;  cursor: pointer; } 
.main-slider .slide-item > .slide-con > .slide-txt > .txt-btn:hover { background: var(--blankBg); border: 1px solid #fff; color: #000000; } 
.main-slider .slide-item > .slide-con > .slide-txt > .txt-btn a { display: block; padding: 10px 30px; position: relative;transition: all 0.5s;} 
.main-slider .slide-item > .slide-con > .slide-txt > .txt-btn a svg { vertical-align: -3px; transition: all 0.5s;}
.main-slider .slide-item > .slide-con > .slide-txt > .txt-btn:hover a { display: block; padding: 10px 30px 10px 30px; } 
.main-slider .slide-item > .slide-con > .slide-txt > .txt-btn:hover a svg {margin: 0 0 0 10px;}

.main-slider .slide-item > .slide-con > .slide-txt > .txt-btn > a { font-size: 1.5em; display:inline-block; color: #ffffff; } 
.main-slider .slide-item > .slide-con > .slide-txt > .txt-btn > a.txt-btn-1 { position:relative; margin-right:31px; } 
.main-slider .slide-item > .slide-con > .slide-txt > .txt-btn > a.txt-btn-1::after { content:""; width:0; height:1px; position:absolute; left:50%; bottom:0; transform:translatex(-50%); background-color:#555; } 
.main-slider .slide-item > .slide-con > .slide-txt > .txt-btn > a.txt-btn-2 { padding:12px 38px; border:1px solid #fff; border-radius:45px; line-height:1; letter-spacing:.05rem; color:#fff; transition:all .5s; } 
.main-slider .slide-item > .slide-con > .slide-txt > .txt-btn > a.txt-btn-2:hover { background-color:#555; } 

/* 서브 배너 슬라이더 */
.sub_visual_wr .main-slider .slide-item .slide-con {height: 30vh;}
.sub_visual_wr .main-slider .slide-item .slide-con .img-box img{object-position: center;}
.sub_visual_wr .main-slider .slide-item .slide-con .img-box::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.6) 100%); } 
.sub_visual_wr .main-slider .slide-item > .slide-con > .slide-txt > h2.txt-tt {display: none;} 
.sub_visual_wr .main-slider .slide-item > .slide-con > .slide-txt > .txt-desc p {display: none;} 
.sub_visual_wr .main-slider .slide-item > .slide-con > .slide-txt > .txt-btn {display: none;}
.sub_visual_wr .slick-arrow {display: none !important;}

/* 사이드 버튼 */
.main-slider .slick-arrow { /*display: none !important;*/ } 
/* 페이지 버튼 */
.main-slider .slick-dots { display: none !important;font-size:0; position:absolute; right: 0; top: 0; max-width: 240px; width:100%; height: 100%; background: rgba(46, 42, 42, 0.8); z-index:50; } 
.main-slider .slick-dots > li { width:100%; height: 25%; margin:0; box-sizing:border-box; } 
.main-slider .slick-dots > li > button { width:100%; height:1px; background-color:rgba(255,255,255,.3); outline:none; position:relative; padding:0; color:inherit; line-height:normal; } 
.main-slider .slick-dots > li > button::before { display:none; } 
.main-slider .slick-dots > li > button > .s-line-fill { content:""; width:0; height:100%; background-color:#fff; position:absolute; top:0; left:0; opacity:1; } 
.slider-wrap .slick-dots .slick-active { background: var(--mainColor); } 
.slider-wrap .slick-dots .slick-active > button > .s-line-fill { animation:slick-progressbar 4s 1; animation-fill-mode: forwards; } 
.slider-wrap[data-slick-autoplay-status="N"] .slick-dots .slick-active > button > .s-line-fill { animation-play-state:paused; } 
.slick-prev, .slick-next {z-index: 999;}
.slick-prev:before, .slick-next:before{font-size: 30px !important; opacity: 0.9 !important;}
.slick-prev{left: 50px !important;}
.slick-prev:before{content: '←';}
.slick-next{right: 50px !important;}
.slick-next:before{content: '→';}

/* 페이지 버튼 인디케이터 */
.main-slider .slick-dots > li > button > .s-indicator { margin-top: 10px; width:100%; overflow:hidden; } 
.main-slider .slick-dots > li > button > .s-indicator > .inner-txt { font-size:14px; font-weight:bold; display:block; color:#ffffff75; text-align: left; } 
.main-slider .slick-dots > li > button > .s-indicator > .inner-txt:first-child { margin: 8px 18px; } 
.main-slider .slick-dots .slick-active > button > .s-indicator > .inner-txt { color:#ffffff; } 
.slider-wrap[data-slick-autoplay-status="Y"] .s-autoplay-btn:after { content:"■"; display:block; } 
.slider-wrap[data-slick-autoplay-status="N"] .s-autoplay-btn:after { content:"▶"; display:block; font-size:15px; } 
.slider-wrap .slide-dummy { position:absolute; top:0; left:0; width:100%; height:90%; } 

/* member.css */
/* ### 기본 스타일 커스터마이징 시작 ### */
/* 기본박스 */
.mbskin {position:relative;margin:40px auto 0;width:360px;text-align:center}
.mbskin:after {right:10px;left:auto;
  -webkit-transform:skew(8deg) rotate(3deg);
    -moz-transform:skew(8deg) rotate(3deg);
    -ms-transform:skew(8deg) rotate(3deg);
     -o-transform:skew(8deg) rotate(3deg);
      transform:skew(8deg) rotate(3deg)}
.mbskin .mbskin_box{border:1px solid #dde7e9;background:var(--contBg);border: var(--border);color: var(--fontColor);}
.mbskin .frm_input {width:100%}
.mbskin .btn_submit {width:100%;margin:10px 0 0;height:45px;font-weight:bold;font-size:1.25em}
.mbskin h1 {margin:60px 0 30px;font-size:2em}
.mbskin .tbl_frm01 th {width:85px}
/* ### 기본 스타일 커스터마이징 끝 ### */

/* 회원가입 약관 */
.register_wrap {max-width: 400px;margin: 0 auto;}
.register_wrap.input_form {max-width: 400px;}
.register {margin:0 auto;padding-bottom: 40px;}
.register:after {display:block;visibility:hidden;clear:both;content:""}
.register .btn_confirm .btn_submit,
.register .btn_confirm .btn_close {float:left;height:50px !important;width:49.5%;font-weight:bold;font-size:1.083em}
.register .btn_confirm {text-align:left}
.register .btn_confirm .btn_submit {margin-left:1%}

#fregister p {position:relative;text-align:left;color:#fff;padding: 20px 10px;font-size:1.1em;background:#f2838f;margin:0 0 10px;border-radius:5px;font-weight:bold}
#fregister p:before {content:"";position:absolute;top:0;left:0;width:5px;height:100%;border-radius:5px 0 0 5px;background:#da4453}
#fregister p svg {font-size:1.2em;vertical-align:middle}
#fregister section {margin:10px auto 15px;position:relative;border-radius:3px}
#fregister_chkall {position:relative;text-align:center;line-height:50px;border-radius:3px;margin-bottom:15px}
#fregister h2 {text-align:left;padding:20px 0px;font-size:1.2em;font-weight: bold;color: var(--fontColor);}
#fregister textarea {display:block;padding:10px;width:100%;height:150px;background:var(--inputBg);border:var(--priTableBorder);line-height:1.6em;color: var(--fontColor);}
#fregister_private {position:relative}
#fregister_private div {background:#fff}
#fregister_private table {width:100%;border-collapse:collapse;font-size:1em;}
#fregister_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
#fregister_private table th {background:#f7f7f9;width:33.33%;color:#000;padding:10px;border:1px solid #d8dbdf}
#fregister_private table td {border:1px solid #e7e9ec;padding:10px;border-top:0}

.fregister_agree {position:absolute;top:0;right:0}
.fregister_agree input[type="checkbox"] + label {color:#676e70}
.fregister_agree input[type="checkbox"] + label:hover {color:#2172f8}
.fregister_agree input[type="checkbox"] + label span {position:absolute;top:20px;right:15px;width:17px;height:17px;display:block;background:#fff;border:1px solid #999;border-radius:3px}
.fregister_agree input[type="checkbox"]:checked + label {color:#000}
.fregister_agree input[type="checkbox"]:checked + label span {background:url('/static/img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.fregister_agree.chk_all input[type="checkbox"] + label span {top:18px}

.chk_li {padding-left:20px}

#sns_register .login-sns,
#sns_register h2 {border:0 !important}

/* 회원가입 입력 */
.register_form_inner label {display:block;margin-bottom:10px;line-height:24px}
.register_form_inner label.inline {display:inline}

/* 회원가입 완료 */
#reg_result {padding:40px 30px;text-align:center;background:var(--contBg);border:var(--border);border-radius:5px}
#reg_result h2 {font-size:2em;margin:0 0 20px}
#reg_result h2 strong {color:#ed6478}
#reg_result #result_email {margin:20px 0;padding:10px 50px;border-top:1px solid #e9e9e9;border-bottom:1px solid #dde4e9;background:#fff;line-height:2em}
#reg_result #result_email span {display:inline-block;width:150px}
#reg_result #result_email strong {color:#e8180c;font-size:1.2em}
#reg_result p {line-height:1.8em}
#reg_result .result_txt {text-align:center;color: var(--fontColor);}
#reg_result .btn_confirm {margin:50px 0}
#reg_result svg {font-size:3em}
#reg_result .reg_result_p {font-size:1.25em;margin:0 0 10px;color:var(--mainColor);}

.btn_confirm_reg {margin:20px 0;text-align:center}
.reg_btn_submit {display:inline-block;background:var(--mainColor);color:#fff;text-align:center;border-radius:3px;width:280px;height:57px;line-height:57px;font-size:1.2em;margin:0 auto;font-weight:bold}

.mb_log_cate h2 {width:50%;float:left;padding:20px 0;text-align:center}
.mb_log_cate .join {width:50%;float:left;padding:20px 0;text-align:center;background:var(--bovHover);color:#6e6e6e}
.mb_log_cate:after {display:block;visibility:hidden;clear:both;content:""}

.tooltip_icon {display:inline-block;vertical-align:baseline;color:#b3b5b8;border:0;font-size:1.4em;background:transparent;cursor:pointer}
.tooltip_icon:hover {color:#448bf5}
.tooltip {position:relative;width:auto;color:#fff;background:#383838;padding:10px;font-size:small;line-height:18px;display:none;position:absolute;z-index:9;font-weight:normal;margin-left:15px;margin-top:10px;border-radius: 0px 4px 4px 4px;}
.tooltip:before {content:"";position:absolute;top:0;left:-10px;width:0;height:0;border-style:solid;border-top:0px solid transparent;border-bottom:10px solid transparent;border-left:0;border-right:10px solid #383838}

/* 아이디/비밀번호 찾기 */
#find_info h3 {display:none;margin-bottom:30px;text-align:center;font-size:1.1em;}
#find_info .new_win_con {background:var(--newBg);}
#find_info.cert .new_win_con {width:460px;float:left;}
#find_info.cert .new_win_con:nth-child(2) {margin-left:10px;}
#find_info.cert h3 {display:block;}
#find_info #mb_hp_label {display:inline-block;margin-left:10px}
#find_info p {line-height:1.5em;color: var(--fontColor);}
#find_info #mb_email {margin:10px 0}
#find_info .find_btn .btn_submit {width:30%;word-break:keep-all;}

/* 비밀번호 재설정 */
#pw_reset #info_fs {margin-bottom: 10px}
#pw_reset .frm_input {margin:10px 0 0}

/* 기존 회원 본인인증 */
#member_cert_refresh p {position:relative;text-align:center;color:#fff;height:50px;line-height:50px;font-size:1.1em;background:#f2838f;margin:0 0 10px;border-radius:5px;font-weight:bold}
#member_cert_refresh p:before {content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453}
#member_cert_refresh p svg {font-size:1.2em;vertical-align:middle}
#member_cert_refresh section {margin:10px auto 15px;border:1px solid #dde7e9;position:relative;border-radius:3px}
#member_cert_refresh_chkall {position:relative;text-align:center;background:#f5f7fa;line-height:50px;border:1px solid #e5e9f0;border-radius:3px;margin-bottom:15px}
#member_cert_refresh h2 {text-align:left;padding:20px;border-bottom:1px solid #dde7e9;font-size:1.2em}
#member_cert_refresh textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.6em}
#member_cert_refresh_private {position:relative}
#member_cert_refresh_private div {padding:20px;background:#fff}
#member_cert_refresh_private table {width:100%;border-collapse:collapse;font-size:1em;}
#member_cert_refresh_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
#member_cert_refresh_private table th {background:#f7f7f9;width:33.33%;color:#000;padding:10px;border:1px solid #d8dbdf;font-weight:bold;}
#member_cert_refresh_private table td {border:1px solid #e7e9ec;padding:10px;border-top:0}

.member_cert_refresh_agree {position:absolute;top:0;right:0}
.member_cert_refresh_agree input[type="checkbox"] + label {color:#676e70}
.member_cert_refresh_agree input[type="checkbox"] + label:hover {color:#2172f8}
.member_cert_refresh_agree input[type="checkbox"] + label span {position:absolute;top:20px;right:15px;width:17px;height:17px;display:block;background:#fff;border:1px solid #999;border-radius:3px}
.member_cert_refresh_agree input[type="checkbox"]:checked + label {color:#000}
.member_cert_refresh_agree input[type="checkbox"]:checked + label span {background:url('/static/img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.member_cert_refresh_agree.chk_all input[type="checkbox"] + label span {top:18px}

#member_cert_refresh #find_info {margin:50px 0}
#member_cert_refresh #find_info .find_btn {padding:10px 20px;background:#fff}
#member_cert_refresh #find_info .find_btn > div {margin:10px 0}

/* 로그인 */
#mb_login {}
#mb_login h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#login_fs {padding:35px}
#mb_login #login_fs .frm_input {margin:0 0 10px;}
#mb_login #login_fs .btn_submit {margin:0 0 15px}

#login_info {}
#login_info:after {display:block;visibility:hidden;clear:both;content:""}
#login_info .login_if_auto {float:left}
#login_info .login_if_auto label {vertical-align:baseline;padding-left:24px}
#login_info .login_if_lpl {float:right}
#login_password_lost {display:inline-block;border:1px solid #d5d9dd;color:#3a8afd;border-radius:2px;padding:2px 5px;line-height:20px}

#mb_login_notmb {margin:30px auto;padding:20px 30px}
#mb_login_notmb h2 {font-size:1.25em;margin:20px 0 10px}
#guest_privacy {border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto}
#mb_login_notmb .btn_submit {display:block;text-align:center;line-height:45px}

#mb_login_od_wr {margin:30px auto;padding:20px 30px}
#mb_login_od_wr h2 {font-size:1.25em;margin:20px 0 10px}
#mb_login_od_wr .frm_input {margin:10px 0 0}
#mb_login_od_wr p {background:#f3f3f3;margin:20px 0 0;padding:15px 20px;line-height:1.5em}

#mb_login #sns_login {margin-top:0;padding:25px}
#mb_login #sns_login:after {display:block;visibility:hidden;clear:both;content:""}
#mb_login #sns_login h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login #sns_login .sns-wrap {margin:0 !important}
#mb_login #sns_login .sns-icon {width:49% !important;float:left !important}
#mb_login #sns_login .sns-icon:nth-child(odd) {margin-right:2%}
#mb_login #sns_login .txt {font-size:0.95em;padding-left:5px !important;border-left:0 !important}

/* 쪽지 */
.memo_list {border-top:var(--border)}
.memo_list li {border-bottom:var(--border);background:var(--wrapperBg);padding:10px 15px;list-style:none;position:relative}
.memo_list li:after {display:block;visibility:hidden;clear:both;content:""}
.memo_list li.read {background:#f6f6f6}
.memo_list li.empty_li {text-align:center;padding:20px 0;color:#666}

.memo_list .memo_li {float:left}
.memo_list .profile_big_img {position:relative;margin-right:15px}
.memo_list .profile_big_img img {border-radius:50%;width:52px;height:52px}
.memo_list .memo_li.memo_name {padding-top:5px;float:none}
.memo_list .memo_preview a{display:block;margin-right:30px;padding-top:10px;font-weight:normal !important;font-size:1.2em}
.memo_list .memo_preview a:hover{text-decoration:underline}
.memo_list .memo_name a,
.memo_list .memo_name .sv_wrap {font-weight:bold}
.memo_list .no_read {position:absolute;bottom:0;right:0;display:inline-block;background:#3a8afd;border:1px solid #e1edff;text-indent:-9999px;border-radius:10px;width:10px;height:10px;box-shadow:0 0 10px 3px #9ec3f9}
.memo_list .no_read {animation:blinker 1s linear infinite}

@keyframes blinker {
	50% {opacity:0}
	}

#memo_list h1#win_title {padding:10px 10px 10px 20px}
#memo_list .memo_datetime {font-size:0.92em;color:#888d92}
#memo_list .memo_del {position:absolute;right:15px;top:15px;padding:10px;color:#c7c9cb;font-size:1.4em}
#memo_list .memo_cnt {margin-top:5px;font-weight:normal;display:inline-block;font-size:1.2em}
#memo_list .pg_wrap {margin-top:10px;width:100%;float:inherit;text-align:center}

#memo_view_contents {margin-bottom:20px;border-top:1px solid #ececec;border-bottom:1px solid #ececec}
#memo_view_contents h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#memo_view_ul {margin:0;list-style:none;background:#f6f6f6}
#memo_view_ul:after {display:block;visibility:hidden;clear:both;content:""}
.memo_view_li {position:relative;/*padding:10px;float:left;width:50%*/}

.memo_view_li .profile_img img {display:none}
.memo_from {position:relative;background:#fff;border-bottom:1px solid #ececec;padding:15px 20px}
.memo_from li {float:left}
.memo_from li.memo_profile img {width:40px;height:40px;border-radius:50%}
.memo_from li:first-child {margin-right:10px}
.memo_from li.memo_view_nick {width:80%}
.memo_from li.memo_view_nick a {font-weight:bold !important}
.memo_from li.memo_view_date {display:block;color:#555;line-height:24px}
.memo_from li.memo_op_btn {position:absolute}
.memo_from li.list_btn {right:53px;}
.memo_from li.del_btn {right:15px;}
.memo_from:after {display:block;visibility:hidden;clear:both;content:""}

.memo_btn {width:100%}
.memo_btn a {display:inline-block;width:50%;font-size:1em;color:#888d92;padding:20px}
.memo_btn a.btn_right {float:right;text-align:right}
.memo_btn a svg {font-size:1.2em;color:#acabab;vertical-align:bottom}

#memo_view p {padding:10px;min-height:150px;height:auto !important;height:150px;background:#fff;line-height:1.8em}
#memo_view textarea {height:100px}

#memo_write .form_01 {padding:20px;border-top:var(--border)}

.reply_btn {display:inline-block;width:150px;height:45px;line-height:50px;padding:0 10px;font-weight:bold;background:#3a8afd;color:#fff;border-radius:3px;vertical-align:bottom;margin-right:5px}
#memo_write .reply_btn {font-size:1em}

/* 스크랩 */
#scrap li:after {display:block;visibility:hidden;clear:both;content:""}
#scrap li {position:relative;padding:20px;border-bottom:var(--border);color: var(--fontColor);}
#scrap .scrap_tit {font-weight:bold;display:block;font-size:1.083em;margin-bottom:10px;line-height:1.3em}
#scrap .scrap_cate {float:left;display:block;color:#ac92ec;background:var(--scrapBg);padding:3px;border-radius:3px;font-size:0.92em;margin-right:10px}
#scrap .scrap_datetime {color:#777;line-height:18px}
#scrap .scrap_del {position:absolute;top:15px;right:15px;font-size:18px;color:#c7c9cb}
#scrap .scrap_del:hover {color:#3a8afd}

#scrap_do .new_win_con {padding:0 20px}
#scrap_do textarea {width:100%;height:100px;background: var(--inputBg);border: var(--inputBorder);color: var(--fontColor);}
#scrap_do .scrap_tit {margin-bottom:10px;background:var(--inputBg);border: var(--inputBorder);color: var(--fontColor);padding:10px 15px;font-size:1.2em;font-weight:bold}
#scrap_do label {display:block;margin:0 0 5px;font-size:1em}
#scrap_do .win_btn:after {display:block;visibility:hidden;clear:both;content:""}
#scrap .win_btn, #scrap_do .win_btn {margin:20px 0;text-align:center}
#scrap_do .win_btn .btn_submit {float:inherit}
#scrap_do .win_desc {margin:0 20px}

/*포인트*/
#point {text-align:center}
#point h1 {text-align:left}
#point .point_all {margin:20px 20px 15px;border-radius:5px;background:var(--mainColor);color:#fff;font-size:1.083em}
#point .point_all:after {display:block;visibility:hidden;clear:both;content:""}
#point .point_all li {float:left;width:50%;padding:20px;text-align:left}
#point .point_all li span {float:right;color:#485172;font-weight:bold}
#point .point_all li:last-child {}
#point .point_all .full_li {width:100%;text-align:left}
#point .point_all .full_li span {color:#fff;font-weight:bold;font-size:1.2em}
#point .point_status{background:#737373;border:0;color:#fff;font-weight:bold;font-size:1.083em;text-align:left}
#point .point_status:after {display:block;visibility:hidden;clear:both;content:""}
#point .point_status span{margin-left:10px;float:right}

.point_list {}
.point_list li:first-child {border-top:var(--border)}
.point_list li {border-bottom:var(--border);background:var(--contBg);padding:15px 30px;list-style:none;position:relative}
.point_list li:after {display:block;visibility:hidden;clear:both;content:""}

.point_list .point_use {background:var(--bovHover)}
.point_list .point_use .point_num {font-size:1.25em;color:#ff4f76;font-weight:bold;float:right}
.point_list .point_num {font-size:1.25em;color:var(--mainColor);font-weight:bold;position:absolute;right:30px;top:25px}
.point_list .point_top {line-height:15px;margin:0 0 5px}
.point_list .point_top:after {display:block;visibility:hidden;clear:both;content:""}
.point_list .point_tit {font-weight:bold;float:left;font-size:1.083em;display:block;color: var(--fontColor);}
.point_list .point_date1 {float:left;color:#888d92}
.point_list .point_date {float:left;color:#888d92}
.point_list .txt_expired {color:red;margin-left:5px}

#point .pg_wrap {width:100%;float:inherit;text-align:center}
#point .btn_close {margin:20px auto}

/* 회원 비밀번호 확인 */
#mb_confirm {}
#mb_confirm h1 {margin:60px 0 30px;font-size:2em;color: var(--fontColor);}
#mb_confirm p {padding:0 20px 40px;border-bottom:var(--border);font-size:1.083em;line-height:1.4em;color:#656565}
#mb_confirm p strong {display:block;color:var(--mainColor);font-size:1.167em;margin:0 0 5px}
#mb_confirm fieldset {padding:50px;text-align:left}
#mb_confirm fieldset .frm_input {background-color:var(--inputBg) !important}
#mb_confirm label {letter-spacing:-0.1em}
#mb_confirm_id {display:block;margin:5px 0 10px;font-weight:bold;color: var(--fontColor);}
#mb_confirm .confirm_id {font-size:0.92em;color:#666}

/* 비밀글 비밀번호 확인 */
#pw_confirm h1 {margin:60px 20px 30px;font-size:2em;color: var(--fontColor);}
#pw_confirm p {padding:0 20px 40px;border-bottom:var(--border);font-size:1.083em;line-height:1.4em;color:#656565}
#pw_confirm p strong {display:block;color:var(--mainColor);font-size:1.167em;margin:0 0 5px}
#pw_confirm fieldset {padding:50px;text-align:center}
#pw_confirm fieldset .frm_input {background-color:var(--inputBg);border: var(--inputBorder);color: var(--fontColor);}
#pw_confirm label {letter-spacing:-0.1em}
#pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}
#mb_confirm_id {}

/* 폼메일 */
#formmail textarea {height:100px}
#formmail .formmail_flie {position:relative}
#formmail .formmail_flie .file_wr {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;height:40px;margin:0}
#formmail .lb_icon {position:absolute;top:1px;left:1px;border-radius:3px 0 0 3px;height:38px;line-height:38px;width:40px;background:#fff;text-align:center;color:#b2b2b2}
#formmail .frm_file {padding-left:50px}
#formmail .frm_info {color:#3497d9;font-size:0.92em}
.chk_box {position:relative}
.chk_box input[type="radio"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box input[type="radio"] + label {position:relative;padding-left:23px;display:inline-block;color:var(--fontColor)}
.chk_box input[type="radio"] + label span {position:absolute;top:0;left:0;width:15px;height:15px;display:block;background:#f7f8f9;border:1px solid #cdd6df;border-radius:50%}
.chk_box input[type="radio"]:checked + label {color:var(--mainColor);}
.chk_box input[type="radio"]:checked + label span {border-color:var(--mainColor);}
.chk_box input[type="radio"]:checked + label span:before {width:7px;height:7px;background:var(--mainColor);content:'';position:absolute;top:3px;left:3px;border-radius:50%}
.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}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url(/static/img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}
.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}

/* 자기소개 */
#profile h1 a {}
#profile table {margin-bottom:0}
#profile table th {text-align:left;padding:10px;width:100px}
#profile section {color:#6794d3;background:#fff;padding:10px;border:1px solid #eee;margin:10px 0}
#profile h2 {margin:0 0 5px}
#profile .profile_name {text-align:center;font-weight:bold}
#profile .my_profile_img {display:block;margin:20px 0 5px}
#profile .my_profile_img img {border-radius:50%}
#profile .profile_img img {border-radius:50%}
#profile .profile_name .sv_wrap {font-weight:bold;text-align:left}

/* new.css */
/* 최근게시물 스킨 (new) */
#new_sch {background:var(--newBg);padding:30px;text-align:center;margin:0 0 10px}
#new_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#new_sch select {background: var(--inputBg);border:var(--inputBorder);color: var(--fontColor);width:175px;height:45px;padding:0 5px;border-radius:3px}
#new_sch .frm_input {border:var(--inputBorder);width:calc(100% - 451px);height:45px;border-radius:0;border-radius:3px}
#new_sch .sch_wr {position:relative;display:inline-block}
#new_sch .btn_submit {padding:0 10px;height:45px;width:88px;font-size:1.083em;font-weight:bold;color:#fff;background:#434a54}
#new_sch p {padding:10px 0 0;font-size:0.95em;text-align:center;letter-spacing:-0.1em;color: var(--fontColor);}

#fnewlist .profile_img img {border-radius:50%}
#fnewlist .td_group a {background:#edfbde;color:#8cc152;padding:3px 4px;border-radius:5px;font-weight:normal}
#fnewlist .td_board a {background:#eeeaf8;color:#ac92ec;padding:3px 4px;border-radius:5px;font-weight:normal}

.admin_new_btn {float:right;margin-bottom:10px}

.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box input[type="checkbox"] + label {position:relative;padding-left:20px;color:#676e70}
.chk_box input[type="checkbox"] + label:hover {color:#2172f8}
.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 {background:url(./img/chk.png) no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px}

/* outlogin.css */
#aside #ol_after_logout {text-align:center;font-weight:bold;display:block;padding:15px 0;color:#a0a0a1;border-top:var(--border)}
#aside #ol_after_logout:hover {color:#e7664d}
#aside #ol_after_memo {margin-right:1px}
#aside #ol_after_pt {margin-right:1px}

/* poll.css */
/* ### 기본 스타일 커스터마이징 시작 ### */

#poll_result .win_btn {text-align:center} /* 새창용 */

/* ### 기본 스타일 커스터마이징 끝 ### */

/* 설문조사 결과 (새창) */
#poll_result {}
#poll_result section {}
#poll_result .tbl_wrap {margin:0}
#poll_result .sv_member,
#poll_result .sv_guest {font-weight:bold}
#poll_result .poll_all {position:absolute;top:10px;right:10px;display:inline-block;margin:0 0 10px;line-height:30px;font-size:0.92em;color:var(--mainColor);background:var(--wrapperBg);padding:0 10px;border-radius:5px}
#poll_result_list {clear:both;margin:20px;border:var(--border);border-top:0;background:var(--contBg);border-radius:5px}
#poll_result_list h2 {margin:0;font-size:1.25em;padding:15px;margin:0 0 15px;text-align:center;background:var(--pointBg);color:var(--fontColor);border-radius:5px}
#poll_result_list dt {margin-right:5%;color:#e8180d;text-align:right}
#poll_result_list ol {margin:0;padding:0 20px}
#poll_result_list li {margin:20px 0;position:relative;list-style-position:inside;color: var(--fontColor);}

.poll_1st .poll_result_graph span {background:var(--mainColor);}
.poll_result_graph {position:relative;width:90%;margin:5px 0;height:15px;background:#fff;border-radius:10px;-moz-box-shadow:inset 0px 2px 8px #dadada;-webkit-box-shadow:inset 0px 2px 8px #dadada;box-shadow:inset 0px 2px 8px #dadada}
.poll_result_graph span {position:absolute;top:0;left:0;height:15px;background:#8395b3;border-radius:10px 10px;white-space:nowrap}

.poll_numerical {display:inline-block;position:absolute;top:0;right:0;text-align:center}
.poll_numerical .poll_percent {display:block;font-size:1.2em;color:var(--mainColor);font-weight:bold;letter-spacing:-0.5px}
.poll_numerical .poll_cnt {font-size:1em;text-align:right;color:#8d8d8d}

#poll_result_cmt {margin:20px}
#poll_result_cmt h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#poll_result_cmt article {margin:15px 0;position:relative;border-bottom:1px solid #eaeaea}
#poll_result_cmt h1 {position:absolute;margin:0;padding:0;border:0;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#poll_result_cmt header {margin:0 0 5px}
#poll_result_cmt .poll_datetime {display:inline-block;font-size:0.92em;color:#777}
#poll_result_cmt .profile_img img {border-radius:50%}
#poll_result_cmt p {padding:10px;line-height:1.5em}

#poll_other_q h3 {margin:0;font-size:1.25em;padding:10px;border-bottom:1px solid #eaeaea;text-align:left}
#poll_other_q h3 span {background:#f7f8e3;color:#c97600;padding:3px;display:inline-block;border-radius:5px;margin-right:5px;font-weight:normal;font-size:0.8em}
#poll_result_wcmt {border:1px solid #cfd4db;margin-bottom:10px}
#poll_result_wcmt input {border:0;height:80px;padding:10px}
#poll_result_cmt .btn_submit {padding:0 20px;float:right}

.poll_guest input {border: 1px solid #cfd4db;padding:10px;margin-bottom:10px;display:inline-block}

.poll_cmt_del {float:right}
.poll_cmt_del a {display:inline-block;margin:0 0 5px 10px;color:#c7c9cb;font-size:15px}
.poll_cmt_del:hover a {color:#3a8afd}

#poll_result_oth {clear:both;margin:20px}
#poll_result_oth h2 {padding:0 0 10px;color: var(--fontColor);}
#poll_result_oth ul {margin:0;padding:0;list-style:none;border:var(--border);background:var(--contBg);border-top:0}
#poll_result_oth ul li{border-top:var(--border);position:relative;line-height:20px}
#poll_result_oth a {display:block;padding:10px}
#poll_result_oth li span {position:absolute;bottom:10px;right:15px;color:#777;font-size:0.92em}

/* popular.css */
/* 인기검색어 */
#popular {position:relative;margin:5px 0 0;display: none;}
#popular h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#popular .popular_inner {width:230px;height:20px;overflow:hidden}
#popular ul {padding:0;margin:0}
#popular ul:after {display:block;visibility:hidden;clear:both;content:""}
#popular li {float:left;width:auto !important;height:18px;line-height:18px;padding-right:20px}
#popular li a {color:#666;}
#popular li:first-child {border-left:0}
#popular li a:hover {text-decoration:underline}

.popular_inner .popular_btns{display:none}
.popular_btns .pp-next {position:absolute;top:60%;right:10px;width:18px;height:18px;line-height:15px;text-align:center;border:1px solid #ddd;margin-top:-12px;color:#d3d2d2}
.popular_btns .pp-prev {position:absolute;top:60%;right:27px;width:18px;height:18px;line-height:15px;text-align:center;border:1px solid #ddd;margin-top:-12px;color:#d3d2d2}

/* search.css */
/* 전체검색결과 스킨 */
#sch_res_detail {background:var(--newBg);padding:30px;text-align:center;margin:0 0 10px}
#sch_res_detail legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#sch_res_detail select {background: var(--inputBg);border:var(--inputBorder);color: var(--fontColor);width:175px;height:45px;padding:0 5px;border-radius:3px}
#sch_res_detail .frm_input {border:var(--inputBorder);width:calc(100% - 93px);height:45px;border-radius:3px}
#sch_res_detail .sch_wr {position:relative;display:inline-block;width: calc(100% - 360px);}
#sch_res_detail .btn_submit {padding:0 10px;height:45px;width:88px;font-size:1.083em;font-weight:bold;color:#fff;background:#434a54}

/* 검색 OR+ADN 버튼 */
.switch_field {display:inline-block;vertical-align:middle;padding:10px 5px}
.switch_field input {position:absolute !important;clip:rect(0, 0, 0, 0);height:1px;width:1px;border:0;overflow:hidden}
.switch_field label {float:left}
.switch_field label {display:inline-block;width:50px;background-color:var(--contBg);color:rgba(0, 0, 0, 0.6);font-size:1em;font-weight:normal;text-align:center;text-shadow:none;padding:6px 14px;border:var(--border);color: var(--fontColor);
transition:all 0.1s ease-in-out}
.switch_field label:hover {cursor:pointer}
.switch_field input:checked + label {background-color:var(--mainColor);border:1px solid var(--mainColor);color:#fff;box-shadow:none}
.switch_field label:first-of-type {border-radius:4px 0 0 4px;border-right:0}
.switch_field label:last-of-type {border-radius:0 4px 4px 0}

#sch_res_ov {text-align:center;height:55px;line-height:55px;background:var(--pointBg);border-radius:5px;border:var(--border);margin-bottom:15px;padding:0 20px}
#sch_res_ov:after {display:block;visibility:hidden;clear:both;content:""}
#sch_res_ov h2 {float:left;display:inline-block;font-size:1.25em;color:var(--fontColor);font-weight:normal}
#sch_res_ov h2 strong {color:#ff005a}
#sch_res_ov ul {display:inline-block;float:right;line-height:12px;font-size:0.92em;color:#a46b59;margin-top:20px}
#sch_res_ov ul:after {display:block;visibility:hidden;clear:both;content:""}
#sch_res_ov li {float:left;margin-right:5px;padding-right:5px;border-right:1px solid #a46b59}
#sch_res_ov li:last-child {margin:0;padding:0;border:0}

#sch_res_board {margin-bottom:28px}
#sch_res_board h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sch_res_board ul {}
#sch_res_board ul:after {display:block;visibility:hidden;clear:both;content:""}
#sch_res_board li {display:inline-block;padding:2px}
#sch_res_board a {display:block;line-height:28px;padding:5px 15px;border-radius:30px;border:1px solid #b1b1b1;color:var(--mainColor);}
#sch_res_board a:focus, #sch_res_board a:hover {text-decoration:none;background:var(--mainColor);color:#fff}
#sch_res_board .cnt_cmt {font-weight:normal !important;display:inline-block;margin-left:3px;color:var(--mainColor);line-height:18px;font-size:0.92em}
#sch_res_board a:hover .cnt_cmt {color:#fff}
#sch_res_board .sch_on .cnt_cmt {color:#fff}
#sch_res_board .sch_on {z-index:2;background:var(--mainColor);color:#fff;font-weight:bold;border:1px solid var(--mainColor);}


.sch_res_list {position:relative;margin-bottom:10px}
.sch_res_list .search_board_result{position:relative}
.sch_res_list h2 {display: flex;justify-content: space-between;margin:0 0 15px;font-size:1.2em}
.sch_res_list ul {margin:0 0 20px 0;padding:0;list-style:none; border-top: var(--border);}
.sch_res_list li {border-bottom:var(--border);background:var(--contBg);position:relative}
.sch_res_list .sch_tit {display:block;padding:20px 0 10px}
.sch_res_list .pop_a {display:inline-block;background:#e8eeef;color:#6f777f;border-radius:50%;text-align:center;width:26px;height:26px;line-height:26px}
.sch_res_title {display:inline-block;margin:0 0 5px;font-size:1.2em}
.sch_res_list p {padding-bottom:10px;color:#666;line-height:1.5em}
.sch_res_list .sch_info {padding:10px 0;color:#777}
.sch_res_list .sch_info:after {display:block;visibility:hidden;clear:both;content:""}
.sch_res_list .profile_img img {border-radius:50%}
.sch_res_list .sch_datetime {margin-left:5px}
.sch_more {display:flex;justify-content: flex-end;text-align:right;font-weight:normal;font-size:0.8rem;color:var(--mainColor);}

/* social.css */
.social_info_guide {background:#f3f3f3;border:1px solid #ddd;margin:0 10px 10px;padding:10px 15px;line-height:1.5em}
.bg-warning {margin:0 10px 10px;padding:10px 15px;line-height:1.5em}
.bg-warning1 {background:#f7dfe4;border:1px solid #eac3cb}
.bg-warning2 {background:#deeabf;border:1px solid #bde498}
.bg-warning3 {background:#fff8dc;border:1px solid #f1e4b2}

/* SNS LOGIN */
.login-sns {padding-bottom:10px;margin-top:5px;border:var(--border);border-bottom:var(--border);clear:both;background:var(--contBg);color: var(--fontColor);}
.login-sns h3 {padding-top:10px;text-align:center;color:#777;font-weight:normal}
.sns-wrap {margin:10px 0 0;text-align:center}
.sns-icon {display:inline-block;vertical-align:middle;text-decoration:none}
.sns-icon:hover {text-decoration:none}
.sns-icon .ico {display:block;vertical-align:middle}
/*.sns-icon .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}*/
.sns-icon .txt svg {font-style:normal}

#fregisterform .form_01 .reg-form {margin-bottom:20px}
#fregisterform .form_01 .reg-form .sns-wrap {margin:10px 0 0;text-align:left}
.reg-form .sns-icon {display:inline-block;vertical-align:middle;text-decoration:none;border-width:1px;border-style:solid;overflow:hidden;margin:0 1px}
.reg-form .sns-icon:hover {text-decoration:none}
.reg-form .sns-icon .ico {display:block;background:url('/static/img/social/sns_logo.png') no-repeat;vertical-align:middle;width:24px;height:24px}
.reg-form .sns-icon-not .ico {display:block;background:url('/static/img/social/sns_logo_not.png') no-repeat;vertical-align:middle}
.reg-form .sns-icon .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}
.reg-form .sns-icon .txt svg {font-style:normal}

.sns-wrap-reg .sns-naver {border-color:#18a400;background:#2db400}
.sns-wrap-reg .sns-naver .ico {background-position:-29px 0; }
.sns-wrap-reg .sns-google {border-color:#ca2c19;background:#4285F4}
.sns-wrap-reg .sns-google .ico {background-position:-58px 0}
.sns-wrap-reg .sns-facebook {border-color:#2e5393;background:#3a5897}
.sns-wrap-reg .sns-facebook .ico {background-position:0 0 }

.sns-wrap-reg .sns-icon {border-color:#dcdcdc}
.sns-wrap-reg .sns-icon-not {border-color:#8b8b8b}
.sns-wrap-reg .sns-naver {border-color:#18a400}
.sns-wrap-reg .sns-naver .ico {background-position:-29px 0; }
.sns-wrap-reg .sns-google .ico {background-position:-58px 0}
.sns-wrap-reg .sns-google {border-color:#ca2c19}
.sns-wrap-reg .sns-facebook .ico {background-position:0 0 }
.sns-wrap-reg .sns-facebook {border-color:#2e5393}
.sns-wrap-reg .sns-kakao .ico {background-position:-87px 0}
.sns-wrap-reg .sns-twitter {border-color:#488FC9}
.sns-wrap-reg .sns-twitter .ico {background-position:-145px 0}
.sns-wrap-reg .sns-payco {border-color:#C44646}
.sns-wrap-reg .sns-payco .ico {background-position:-116px 0}
.sns-wrap-reg .sns-kakao {border-color:#f2df00}

/* SNS by COLOR */
.sns-wrap-over .sns-naver {background:url('/static/img/social/sns_naver_s.png') no-repeat}
.sns-wrap-over .sns-google {}
.sns-wrap-over .sns-facebook {background:url('/static/img/social/sns_fb_s.png') no-repeat}
.sns-wrap-over .sns-twitter {background:url('/static/img/social/sns_twitter_s.png') no-repeat}
.sns-wrap-over .sns-payco {background:url('/static/img/social/sns_payco_s.png') no-repeat}
.sns-wrap-over .sns-kakao {background:url('/static/img/social/sns_kakao_s.png') no-repeat}
.reg-form .sns-icon-not {border-color:#8b8b8b}

.social-login-loading {width:100%;height:auto;text-align:center}
.social-login-loading p {display:inline-block;margin-top:10px;padding:40px 0 0;line-height:30px}

/* 아웃로그인 */
#sns_outlogin .sns-icon {overflow:hidden;margin:0 1px}
#sns_outlogin .sns-icon .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}
#sns_outlogin .sns-icon .ico {width:30px;height:30px}

/*로그인 */
#sns_login {border:0;margin-top:15px;border-top:var(--border)}
#sns_login h3 {padding:10px 0 0;text-align:left;font-weight:bold}
#sns_login form {padding:5px 20px 0px 20px}
#sns_login .sns-icon {position:relative;display:block;height:40px;line-height:40px;width:100%;margin:0 0 5px;padding-left:40px;text-align:left;color:#fff;border-radius:2px}
#sns_login .sns-naver {background-color:#1fc800;background-position:5px 5px;border:1px solid #1ea505}
#sns_login .sns-kakao {background-color:#ffeb00;background-position:5px 5px;border:1px solid #e2c10a}
#sns_login .sns-kakao {color:#3c1e1e}
#sns_login .sns-facebook {background-color:#3b579d;background-position:5px 5px;border-bottom:1px solid #28458f}
#sns_login .sns-google {background-color:#4285F4;background-position:5px 5px;border-bottom:1px solid #3567c6;letter-spacing:-0.5px}
#sns_login .sns-google .ico {position:absolute;top:3px;left:3px;width:33px;height:33px;background:url('/static/img/social/sns_gp_s.png') no-repeat center center;background-color:#fff;background-size:28px 28px!important;border-radius:2px}
#sns_login .sns-twitter {background-color:#1ea1f2;background-position:5px 5px;border-bottom:1px solid #1e82c0}
#sns_login .sns-payco {background-color:#df0b00;background-position:5px 5px;border-bottom:1px solid #9d0800}
#sns_login .txt {text-align:left;padding-left:10px;border-left:1px solid rgba(0,0,0,0.1);display:block;font-weight:bold}
#sns_login .txt:hover {background:rgba(0,0,0,0.07)}

/*회원가입 */
#sns_register {margin:0 0 10px;padding:0;text-align:center;border-radius:3px}
#sns_register:after {display:block;visibility:hidden;clear:both;content:""}
#sns_register h2 {float:left;display:inline-block;text-align:left;width:50%;height:56px;padding:0 20px;font-size:1.2em;line-height: 4em;}
#sns_register .sns-wrap {display:inline-block;float:left;width:50%;height:56px;line-height:53px;margin:0;text-align:right;padding:0 20px}
#sns_register .sns-wrap:after {display:block;visibility:hidden;clear:both;content:""}
#sns_register .sns-icon {display:inline-block;height:30px;line-height:30px;width:30px;margin:0 3px;text-align:right;color:#fff;border-radius:2px}
#sns_register .sns-naver {background-color:#1fc800;background-position:0 0}
#sns_register .sns-kakao {background-color:#ffeb00;background-position:0 0}
#sns_register .sns-facebook {background-color:#3b579d;background-position:0 0}
#sns_register .sns-google {background-color:#fff;background-position:0 0;border-radius:2px;border:1px solid #999}
#sns_register .sns-google .ico {background:url('/static/img/social/sns_gp_s.png') no-repeat;height:30px}
#sns_register .sns-twitter {background-color:#1ea1f2;background-position:0 0}
#sns_register .sns-payco {background-color:#df0b00;background-position:0 0}
#sns_register .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden}


/* 회원가입 약관 */
.social_register {margin:0 auto}
.social_register:after {display:block;visibility:hidden;clear:both;content:""}
.social_register .btn_confirm .btn_submit,
.social_register .btn_confirm .btn_close {float:left;height:50px !important;width:49.5%;font-weight:bold;font-size:1.083em}
.social_register .btn_confirm {text-align:left}
.social_register .btn_confirm .btn_submit {margin-left:1%}

#fregisterform p {position:relative;text-align:center;color:#fff;height:50px;line-height:50px;font-size:1.1em;background:#f2838f;margin:0 0 10px;border-radius:5px;font-weight:bold}
#fregisterform p:before {content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453}
#fregisterform p svg {font-size:1.2em;vertical-align:middle}
#fregisterform section {margin:10px auto 15px;border:1px solid #dde7e9;position:relative;border-radius:3px}
#fregister_chkall {position:relative;text-align:left;line-height:50px;border-radius:3px;margin-bottom:15px}
#fregisterform h2 {text-align:left;padding:20px;font-size:1.2em}
#fregisterform textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.6em}
#fregister_private {position:relative}
#fregister_private div {background:var(--inputBg)}
#fregister_private table {width:100%;border-collapse:collapse;font-size:1em;}
#fregister_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
#fregister_private table th {background:var(--priThBg);width:33.33%;color:var(--fontColor);padding:10px;border:var(--priTableBorder)}
#fregister_private table td {border:var(--priTableBorder);padding:10px;border-top:0;color:var(--fontColor);}

#sns_register .login-sns,
#sns_register h2 {border:0 !important}

/* 회원가입 입력 */
#register_form {background:var(--contBg);margin-bottom:20px}
#register_form h2 {padding:40px 0px 20px;color: var(--fontColor);}
.register_form_inner {border-radius:3px}
.register_form_inner ul {padding:10px 0px 0px;}
.register_form_inner ul li {position: relative;padding-top: 20px;color: var(--fontColor);}
.register_form_inner ul li.reg_mb_icon_file {border-top: var(--border)}
.register_form_inner label {display:block;margin-bottom:0px;}
.register_form_inner label.inline {display:inline}
.register_form_inner .frm_input {padding: 5px 0px;border: none;border-bottom: 1px solid #d0d3db;border-radius: 0px;background: transparent;}
.register_form_inner label.text_input {position:absolute;left:0%; bottom:50%; width:100%; line-height: 45px; text-align:left;transition: all 0.2s;cursor: pointer;color: var(--bovColor);}
.register_form_inner .frm_input:focus,
.register_form_inner .frm_input:valid,
.register_form_inner .frm_input:-webkit-autofill {border: none !important;border-bottom: 2px solid var(--mainColor); !important;box-shadow: none;}
.register_form_inner .frm_input:placeholder-shown {border-bottom: 1px solid #d0d3db !important}
.register_form_inner .frm_input:focus + label.text_input, 
.register_form_inner .frm_input:valid + label.text_input,
.register_form_inner .frm_input:-webkit-autofill + label.text_input {bottom:50%;font-size:12px;color: var(--mainColor);}  /* input에 글을 입력하고 포커스가 지나간 상태에서 제어하려면 valid 선택자를 써야한다. */
.register_form_inner .frm_input:placeholder-shown + label.text_input {bottom: 0;color: var(--bovColor);}
.register_form_inner .frm_input:read-only {background: var(--pgBg);}
/* 포커스 될 때 label span(name)이 위로 올라감 */
p input:focus + label::after,
p input:valid + label::after { width:100%; transform:translateX(0); } 
/* 포커스 될 때 파란색 가로줄이 생김 */


#fregisterform .cert_desc {color:#3a8afd;}
#fregisterform .cert_req {margin-left:5px;line-height:35px;}
#fregisterform #msg_certify {margin:5px 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center}
#fregisterform .frm_address {margin:5px 0 0}
#fregisterform #mb_addr3 {display:inline-block;margin:5px 0 0;vertical-align:middle}
#fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0;}
#fregisterform .btn_confirm {text-align:center;max-width: 600px;}
#fregisterform .form_01 div {margin:0 0 20px}
#fregisterform .captcha {display:block;margin:5px 0 0}
#fregisterform .reg_mb_img_file img {max-width:100%;height:auto}
#reg_mb_icon, #reg_mb_img {float:right}

.tooltip_icon {position: relative;display:inline-block;vertical-align:baseline;color:#b3b5b8;border:0;font-size:1.4em;background:transparent;cursor:pointer;}
.tooltip_icon:hover {color:var(--mainColor);}
.tooltip {position:absolute;display: inline-block;opacity: 0;width:auto;color:#fff;background:#464646;padding:10px;font-size:small;line-height:18px;visibility: hidden;z-index:9;font-weight:normal;margin-left:15px;margin-top:10px;white-space: nowrap;transition: all 0.2s;}
.tooltip:before {content:"";position:absolute;top:0;left:-10px;width:0;height:0;border-style:solid;border-top:0px solid transparent;border-bottom:10px solid transparent;border-left:0;border-right:10px solid #464646}
.tooltip_icon:hover .tooltip {visibility: visible;opacity: 1;}

/*기존 계정에 연결하기*/

/* Styles for Accordion */

.mbskin .toggle {position:relative;display:block;border:1px solid #c6cacc;margin-top:-1px;background-color:#fcfcfc}
.mbskin .toggle .toggle-title {padding:13px 15px;line-height:20px}
.mbskin .toggle .title-name {display:block}
.mbskin .toggle .toggle-inner {padding:15px;line-height:1.5em;display:none;background:#fff;border-top:1px solid #e2e2e2}
.mbskin .toggle .toggle-inner div {max-width:100%}
.mbskin .right_i {position:absolute;font-size:0.92em;top:10px;right:10px;padding:0 10px 0 0;border-radius:3px;display:inline-block;z-index:2;background:#3497d9;color:#fff;border-bottom-color:#1977b5;cursor:pointer}
.mbskin .toggle .toggle-title .right_i svg {background:url("/static/img/social/plus_minus.png") 0 -24px no-repeat;width:20px;height:24px;display:inline-block;vertical-align:middle}
.mbskin .toggle .toggle-title.active .right_i svg {background:url("/static/img/social/plus_minus.png") 0 0 no-repeat}
.mbskin .all_agree {position:relative;display:block;margin-bottom:6px;background:#fff;border:1px solid #c6cacc;border-top:0;padding:13px 15px;line-height:20px}

.sns_tbl {background:#fff;margin:10px 0;border:1px solid #c6cacc}
.sns_tbl table {border:0}
.sns_tbl caption {padding:0 20px;line-height:45px;font-size:1.083em;border-bottom:1px solid #e2e2e2;color:#253dbe;background:#fcfcfc}
.sns_tbl th {width:100px;text-align:right;padding:10px}
.sns_tbl td {padding:10px}
.sns_tbl .email_msg {color:#777;margin:5px 0 0}

#fregisterform .btn_confirm {text-align:center;margin:20px 0}
#fregisterform .btn_confirm .btn_submit {height:45px;padding:0 30px;font-weight:bold;font-size:1.083em}
#fregisterform .btn_confirm .btn_cancel {line-height:45px;height:45px;padding:0 30px;font-weight:bold;font-size:1.083em}

#sns-link-pnl .connect-close {position:absolute;top:10px;right:10px;margin:0;padding:0;width:30px;height:30px;border:0;background:transparent;color:#383838;cursor:pointer;font-size:15px}
#sns-link-pnl .connect-close:hover {color:#ff5191}
#sns-link-pnl .connect-close .fa {margin:0 0 0 1px}
#sns-link-pnl .connect-close .txt {position:absolute;line-height:0;font-size:0;overflow:hidden}

#sns-link-pnl #login_fs {margin:0 auto;width:100%;text-align:left}
#sns-link-pnl #login_fs label {display:block;display:block;font-size:0.93em;color:#7a7a7a;margin:5px 0}
#sns-link-pnl #login_fs .lg_id,#sns-link-pnl #login_fs .lg_pw {width:100%;margin-bottom:5px}
#sns-link-pnl #login_id,#sns-link-pnl #login_pw {width:100%}
#sns-link-pnl #login_fs .login_submit {width:100%;height:44px;font-size:1.167em;margin:10px auto 0;font-weight:bold;cursor:pointer;display:block}
#sns-link-pnl .connect-fg {height:320px;text-align:left}
#sns-link-pnl .login_fs {margin:0 auto;width:260px}
#sns-link-pnl .connect-fg .connect-desc {margin:0 0 10px;padding:15px;border:1px solid #d6e9c6;background:#dff0d8;color:#3c763d}
#sns-link-pnl .connect-fg .connect-title {margin-top:25px;margin-bottom:10px;font-size:1.667em;font-weight:bold;text-align:center}

.member_connect:after {display:block;visibility:hidden;clear:both;content:""}
.member_connect {margin-top:80px;background:#d9d9d9;border-radius:3px;padding:10px;text-align:left}
.member_connect .strong {font-size:1em;font-weight:bold;margin:0 0 10px}
.member_connect button {color:#fff;border:0;padding:6px 20px 7px;border:1px solid #6446e7;font-weight:bold;background:#6f50e7;border-radius:3px;font-size:0.91em}
.member_connect button:hover {background:#6446e7}

html.remodal-is-locked {overflow-y:scroll !important}

/* 다크모드 설정 */
#darkmode_btn .visible.dark { display: var(--lightVisible) } 
#darkmode_btn .visible.bright { display: var(--darkVisible) } 

/* 긴 문자열 ... 처리 */
.elip { display:inline-block; width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap } 



@media (max-width: 1280px){
  .main-slider .slide-item > .slide-con > .slide-txt { width: 90%; left: unset;margin: 0 5%;} 
  .slick-prev {display: none !important;}
}

@media (max-width: 1100px){
  body {font-size: 0.58em;}
  #container_wr, #tnb { width: 100%; } 
  #hd_wrapper {padding: 0 10px;}
  #aside #ol_after, #aside #ol_before,#sns_login, #aside #gnb, #tnb, #gnb { display: none; } 
  #aside { width: 100%; margin: 0px 20px 20px 0px; } 
  #visit { margin-top: 0px; } 
  #container { width: 100%; margin: 20px 0px; padding: 0 clamp(15px, 1.6vw, 20px);} 
  #logo { position: absolute; left: 50%; transform: translateX(-50%); width: auto; } 
  .profile_wrap { display: none; } 
  #ft_wr .ft_cnt:last-child { margin-bottom: 0px; } 
  #ft_wr .ft_cnt_wrap { flex-direction: column; } 
  #ft_wr .ft_cnt_wrap .ft_cnt { width: 100%; } 
  .hd_opener { display: block; } 
  .hd_opener svg { font-size: 1.67em; color: #fff; } 
  #user_btn { width: 50px; height: 50px; font-size: 2.2em; margin-left: auto; background: transparent; border: none; margin-top: -5px; } 
  #gnb_open { width: 50px; height: 50px; font-size: 2.6em; margin-right: auto; background: transparent; border: none; } 
  .hd_sch_wr { display: none; position: absolute; bottom: -50px; left: 5%; width: 90%; height: 50px; z-index: 9999; box-shadow: 0px 3px 6px #00000032; } 
  #hd_sch #sch_stx, #hd_sch #sch_submit { height: 50px; background: var(--inputBg); color: var(--fontColor); font-size: clamp(14px, 1.3vw, 16px);} 
  .hd_sch_wr.active { display: block; } 
  .latest_wr.boards { flex-direction: column; } 
  .lt_wr { width: 100%; margin-left: 0% !important; } 
  #user_btn { margin-right: 0px; } 
  .gnb_mo.active { display: block; } 
  .pic_li_lt { width: 100%; } 
  .full_input { max-width: 100%; } 

  /* new.css */
  #new_sch select {width: calc(50% - 2.2px);}
  #new_sch .frm_input {width: 100%;margin-top: 5px;}
  #new_sch .btn_submit {margin-top: 20px;}

  /* popular.css */
  #popular {background: #38383890;padding: 10px;}

  /* search.css */
  #sch_res_detail select {width: calc(50% - 2.2px);}
  #sch_res_detail .sch_wr {width: 100%;margin-top: 5px;}

  /* main_list.css */
  .main_bn { border-radius: 0px; } 
  .main-slider .slick-dots { max-width: 200px; } 
  .main-slider .slick-dots { visibility: hidden; } 
}

  
@media (min-width:641px) {
  #sns-link-pnl.remodal {max-width:400px;padding:50px}
}


@media (max-width: 501px) { /* board */
  body {font-size: 0.42em;}
  .bo_v_nb { flex-direction: column; } 
  .bo_v_nb li { width: 100%; } 
  .bo_v_nb li.btn_prv { margin-bottom: 15px; } 

  /* faq */
  #faq_sch .frm_input { width: 100%; max-width: 100%; } 
  #faq_sch .btn_submit { margin-top: 20px; } 

  /* search */
  #sch_res_detail .frm_input {width: 100%;}
  #sch_res_detail .btn_submit {margin-top: 20px;}

}


/* main */
.inner_wr {width: 100%;max-width:1320px;margin: 0 auto;padding: clamp(30px, 4.2vw, 80px) clamp(15px, 1.6vw, 20px); color: var(--fontColor);}
.inner_wr .inner_title {margin-bottom:clamp(20px, 3.9vw, 50px); text-align: center;}
.inner_wr .inner_title .inner_title01 {font-size: clamp(14px, 1.6vw, 20px);display:inline-block; color:#fff; font-weight: bold; letter-spacing: -0.02em; background: #00A8FF; border-radius: 30px; padding: 10px 25px; margin-bottom:clamp(15px, 2.3vw, 30px);}
.inner_wr .inner_title .inner_title02 {font-size: clamp(22px, 3.1vw, 40px); color: var(--fontColor); line-height:1.4em;}
.inner_wr .inner_title.white, .main_wr .inner_title.white .inner_title02 { color:#fff;}
#ctt_con .inner_wr {width: 100%;max-width:1320px;margin: 0 auto;padding: clamp(30px, 4.2vw, 80px) 0; color: var(--fontColor);}

.main_wr {line-height:1.2em;  word-break: keep-all;}

.main_con dt {display:block; font-size: clamp(20px, 2.3vw, 30px); color:#222; font-weight:700; line-height: 1.2em; letter-spacing: -0.02em; margin-bottom: clamp(15px, 1.6vw, 20px);}
.main_con dt span {color: #fb513e;}
.main_con dd {font-size: clamp(16px, 1.4vw, 18px);color: #444;line-height: 1.4em;}
.main_con dd p {font-size: clamp(14px, 1.3vw, 16px);line-height: 2em;color: #444;word-break: keep-all;}
.main_con dd p span {display: inline-block;width: clamp(55px, 9.4vw, 65px);color: #0056d7;}
.main_con dd svg {font-weight: bold; color: #0056d7; margin-right: 5px;}

.main_con dl.white dt {color: #fff;}
.main_con dl.white dd {color: #ffffff90;}
.main_con dl.white dd p {font-size: clamp(14px, 1.3vw, 16px);line-height: 1.4em;color: #ffffffcc;}

.main_con .small {}
.main_con .small dl {padding-top: 10px;}
.main_con .small .img {padding-top: clamp(10px, 1.6vw, 20px);}
.main_con .small dl dt {font-size: clamp(16px, 1.4vw, 18px);}
.main_con .small dl dd {font-size: clamp(14px, 1.3vw, 16px);}

.main_con ul {display: flex; position: relative; justify-content: space-between; flex-wrap: wrap; gap: clamp(0px, 4%, 4%);}
.main_con li {flex: 1; padding: clamp(20px, 3.9vw, 50px); margin-bottom: clamp(20px, 4%, 4%); background: #f2f6ff /*#e4efff*/; border-radius: clamp(15px, 2.3vw, 30px); overflow: hidden;/*box-shadow: 0 0 30px rgba(0,0,0,.1);*/}
.main_con li.main_con01 {background: linear-gradient(90deg,#0056d7 10%,#142eb5 90%); display: flex;flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.main_con li.main_con03 {background-repeat: no-repeat; background-position: right bottom; background-size: 45%;}
.main_con li.main_con04 {background: #4069f5;}
.main_con li.main_con05 {background: #ff8700;}
.main_con li.main_con06 {background: #6f5ee1;}
.main_con li.main_con07 {background: #fb513e;}
.main_con li.main_con08 {background: #00A8FF;}
.main_con li.main_con09 {background: #444;}
.main_con li.main_con10 {padding: 0; text-align: center;}
.main_con li.main_con11 {padding: 0;}
.main_con li.main_con11 dl {padding: clamp(10px, 1.6vw, 20px);}
.main_con li.main_con11 .img {padding: 0;}
.main_con li.main_con12 {background: #03c75a;}
.main_con.hover li:hover {background: #555;transition: all 0.5s;}
.main_con .img2 {margin-bottom: clamp(15px, 1.6vw, 20px);}
.main_con .img2 img {filter: brightness(0) invert(1);}
.main_con img {max-width:100%;}
@media (max-width: 920px){
	.main_con li {flex: unset;}
	.main_con.col1 li {width: 100%;}
	.main_con.col2 li {width: 47%;}
	.main_con li.main_con03 {background: #f2f6ff !important;}
}