@charset "utf-8"; 
/* copyright(c) WEBsiting.co.kr */
/* 초기화 */
html {overflow-y:scroll; }
body {margin:0; padding:0; font-size:0.75em; font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif; background:#fff; min-width:280px;-webkit-overflow-scrolling: touch; word-break:break-word; word-break:keep-all;}
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:'Noto Sans KR','Malgun Gothic', dotum, sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; }
h1 {font-size:50px;font-weight:500;letter-spacing:-0.05em;}
h2 {font-size:28px;font-weight:600;letter-spacing:-0.05em;}

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:'Noto Sans KR','Malgun Gothic', dotum, sans-serif; font-size:1em; }
input[type="submit"],
button {cursor:pointer; -webkit-appearance: none; -webkit-border-radius: 0; }

textarea, select {font-family:'Noto Sans KR','Malgun Gothic', dotum, sans-serif; font-size:1em; }
select {margin:0; }
p {margin:0; padding:0; word-break:break-word; word-break:keep-all;line-height:1.5;}
hr {display:none; }
pre {overflow-x:scroll; font-size:1.1em; }
a {color:#790f0f; text-decoration:none; }
img{max-width:100%; }
.draggable{height:auto !important; }
.clb{clear:both; }
.center{text-align:center; }

h1,h3,b,strong{font-weight:600;}

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

input[type=text],input[type=password], textarea {-webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; }
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {-webkit-box-shadow:  0 0 5px #9ed4ff; -moz-box-shadow:  0 0 5px #9ed4ff; box-shadow: 0 0 5px #9ed4ff; border: 1px solid #558ab7 !important; }
.placeholdersjs { color: #aaa !important; }

.hidden,
.displayNoneImportant{display:none !important; }

#pageLoad{position:fixed;left:0px; top:0px; bottom:0px; right:0px; z-index:99; background:#fff;}
#pageLoad b{display:block; text-align:center; width:80px !important; height:80px !important; line-height:80px !important; color:RGBA(255,255,255,0.3); font-size:60px; position:fixed; left:50%; top:50%; margin-left:-40px; margin-top:-40px; -webkit-animation: rotationLoad 2s infinite linear;}
@-webkit-keyframes rotationLoad {from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(540deg);}}
#pageLoad.pageLoadWrite{background:#ecf1f5 !important;}
#pageLoad.pageLoadWrite b{font-size:40px; !important;}
.opacyty0{ filter:Alpha(opacity=0); opacity:0; -moz-opacity:0;}

/* 애니메이션제어 */
.themeScAnyOn #container div, .themeScAnyOn #container li, .themeScAnyOn #container p, .mainOnlyWrap.themeScAnyOn  div, .mainOnlyWrap.themeScAnyOn  li, .mainOnlyWrap.themeScAnyOn  p{filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease;}

/* 팝업레이어 */
#hd_pop {position:absolute; left:0px; top:0px; z-index:999991;height:0;}
#hd_pop h2 {position:absolute; font-size:0; line-height:0; overflow:hidden; }
.hd_pops {position:absolute; border:1px solid #666; background:#fff; max-width:90%;  box-shadow:0px 0px 20px rgba(0,0,0,0.2),0px 0px 14px rgba(0,0,0,0.5),0px 0px 20px rgba(0,0,0,0.2);  -webkit-transition-duration: 0.6s;-webkit-transition-timing-function: ease;transition-duration: 0.6s;transition-timing-function: ease; }
.hd_pops img{max-width:100%; }
.hd_pops_con {max-width:100%; overflow:auto;}
.hd_pops_footer {height:50px; 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 { height:30px; line-height:30px; padding:0 15px; border:0; color:#fff; }
.hd_pops_footer .hd_pops_reject{background:#222;; text-align:left;  margin:10px 0 0 10px;color:#c1ad9a;}
.hd_pops_footer .hd_pops_reject strong{color:#fff; font-size:1.4em; display:inline-block; padding-right:3px;}
.hd_pops_footer .hd_pops_reject strong:before{content:'';display:inline-block; width:18px; height:18px; vertical-align:middle; background:URL(../img/ico_eye_slash.png) no-repeat center center; background-size:100% auto; margin-right:6px;}
.hd_pops_footer .hd_pops_close{text-indent:-99999999px; overflow:hidden;background:URL(../img/close_btn.gif) no-repeat center center #393939; color:#393939; position:absolute; top:0px; right:0px; width:50px; height:50px; line-height:50px; padding:0px;text-align:center;}
.hd_pops_footer button:hover{background:#333;}
.hd_pops_footer button:hover.hd_pops_close{background:URL(../img/close_btn.gif) no-repeat center center #666;}
@media all and (max-width: 980px)
{	
	#hd_pop  .hd_pops{ max-width:90% !important; }
	.hd_pops_con{height:auto !important; }
	.hd_pops_footer{font-size:11px; letter-spacing:-0.05px; }
	h1 {font-size:32px;}
	h2 {font-size:24px;}
}

/* 상단 레이아웃 */
#hd {min-width:320px; position:sticky; width:100%; left:0px; top:0px; z-index:999; background:#fff; }
#hd_h1 {position:absolute; font-size:0; line-height:0; overflow:hidden; }

#hd_wrapper {position:relative; margin:0 auto; padding:0px 0; width:100%; zoom:1; }
#hd_wrapper:after {display:block; visibility:hidden; clear:both; content:""; }

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

#tnbWr{width:100%; text-align:center; background:#fff;}
#tnb {width:100%; max-width:1300px; margin:0 auto;}
#tnb:after{content:'';display:block; clear:both;}
#tnb h3 {position:absolute; font-size:0; line-height:0; overflow:hidden; }
#tnb ul {margin:0 auto; float:right; zoom:1; }
#tnb ul:after {display:block; visibility:hidden; clear:both; content:""; }
#tnb li {display:inline-block;vertical-align:middle; font-size:0.92em; }
#tnb a {display:inline-block; padding:0 10px; color:RGBA(0,0,0,0.5); height:35px; line-height:35px; }
#tnb a:focus, #tnb a:hover {color:#000; }
#tnb .tnb_admin a{color:#000; }
#tnb a i{font-size:16px;}

#hd_qnb{float:right; margin-top:20px; }
#hd_qnb:after {display:block; visibility:hidden; clear:both; content:""; }
#hd_qnb li{float:left; font-size:1.083em; line-height:15px; position:relative; text-align:center; margin:0 10px; }
#hd_qnb li span {display:block; margin-top:5px; font-size:0.92em; }
#hd_qnb li a{display:block; }
#hd_qnb li i{display:inline-block; width:40px; line-height:40px; border-radius:25px; background:#fff; text-align:center; margin:0; color:#fff; }
#hd_qnb .visit .visit-num{display:inline-block; line-height:18px; padding:0 5px; border-radius:10px; background:#f04e00; color:#fff; font-size:10px; position:absolute; top:0; right:0; }
#hd_qnb li .fa-question{background:#e83a5f; font-size:20px; }
#hd_qnb li .fa-question:hover{background:#e41b45; }
#hd_qnb li .fa-comments{background:#82c13f; font-size:16px; }
#hd_qnb li .fa-comments:hover{background:#5aa708; }
#hd_qnb li .fa-users{background:#f0ba00; font-size:15px; }
#hd_qnb li .fa-users:hover{background:#f06f00; }
#hd_qnb li .fa-history{background:#8522c4; font-size:15px; }
#hd_qnb li .fa-history:hover{background:#6700a9; }


/* 메인메뉴 */
/* 로고 중앙 정렬 */
#logo {
    float: none;text-align: center; margin: 15px 0 0;
}

#logo a{display: inline-block;  padding:0px; }
#logo img{display:block; height:72px; width:auto; }

#gnb{position:relative; border-bottom:1px solid #e2e2e2; }
#gnb h2{position:absolute; font-size:0; line-height:0; overflow:hidden; }
/* gnb 래퍼를 세로 플렉스 구조로 */
#gnb .gnb_wrap {
    margin: 0 auto;
    width: 100%;
    max-width: 1300px;
    position: relative;

    display: flex;
    flex-direction: column;
    align-items: center;
}
/* 메인 메뉴 중앙 정렬 */
#gnb #gnb_1dul {
    float: none;              /* 기존 float:right 제거 */
    display: flex;
    justify-content: center;
    align-items: center;

    font-size: 1.083em;
    padding: 0;
    zoom: 1;
}
#gnb ul:after {display:block; visibility:hidden; clear:both; content:""; }
#gnb .gnb_1dli{float:left; position:relative; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }

#gnb .gnb_1dli .gnb_1da{height:50px; line-height:50px; padding:0 20px; font-size:16px; color:#666; position:relative; }
#gnb .gnb_1dli:hover .gnb_1da{color:#000; }
#gnb .gnb_1dli .gnb_1da u{display:block; width:1px; height:3px; position:absolute; left:50%; bottom:0px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
#gnb .gnb_1dli:hover .gnb_1da u{background:#333; width:50%; margin-left:-25%;}

.gnb_1dli .bg{display:inline-block; width:0px; height:0px; overflow:hidden; text-indent:-999px; }
.gnb_1da {display:inline-block; font-weight:bold; color:#fff; text-decoration:none; }

.gnb_2dul {display:none; position:absolute; top:50px; left:50%; margin-left:-110px; width:220px; padding: 0; background:#333; border-top:0px; overflow:hidden; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
#gnb .gnb_1dli:hover .gnb_2dul{display:block; }
.gnb_2dli{border-top:1px solid RGBA(0,0,0,0.1); width:100%; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.gnb_2dli:first-child{border:0; }
.gnb_2da {display:block; padding:13px; line-height:1.4em; color:RGBA(255,255,255,0.7); text-align:left; text-decoration:none; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
a.gnb_2da:hover{background:RGBA(0,0,0,0.5); color:#fff; padding:13px 8px 13px 18px;}

.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; }
.gnb_1dli_over2 .gnb_2dul {display:block; }
.gnb_wrap .gnb_empty {height:50px; ; width:100%; text-align:center; line-height:50px; color:#666;}
.gnb_wrap .gnb_empty a{color:#000; text-decoration:underline; }
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a{color:#555; }

.allSchBoxWr{z-index:9999; }

#btnSchbox{display:block; height:50px; line-height:50px; padding:0 20px; font-size:20px; cursor:pointer; border:0px; background:transparent; outline:0;}
#allSchBox{display:none; position:absolute; right:0px; top:50%; margin-top:-20px; }
#allSchBox fieldset{position:relative; width:250px; border:2px solid #000; background:#fff; overflow:hidden; }
#allSchBox fieldset #sch_stx{border:0px; width:100%; height:40px; padding-left:10px; }
#allSchBox fieldset #sch_submit{width:40px; height:40px; line-height:40px; position:absolute; right:40px; top:0px; background:none; border:0px; color:#000; font-size:18px; text-align:center; }
#allSchBox fieldset #allSchBoxClose{width:40px; height:40px; line-height:40px; position:absolute; right:0px; top:0px; background:#000; color:#fff; font-size:18px; text-align:center; cursor:pointer; }

.leftMenuUseFlase #tnb,
.leftMenuUseFlase #gnb .gnb_wrap{ max-width:100%;}
.leftMenuUseFlase .allSchBoxWr{margin-right:15px;}

/* 중간 레이아웃 */
#ctWrap{width:100%; max-width:1200px; margin:0 auto; padding:0px 0 100px;}
#ctWrap:after{content:'';display:block; clear:both;}

#page_title {width:100%; text-align:center; background-color:#fff; color:#fff; background-position:center center; background-repeat:repeat; overflow:hidden;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#page_title .page_title_in{padding:80px 20px; background:RGBA(0,0,0,0.3); }
#page_title .page_title_in h2{margin:0 auto; width:90%; max-width:1100px; }
#page_title .page_title_in h2 > strong{display:block; font-size:40px; height:80px; line-height:120px; padding:40px 0 10px 0; width:100%; margin:0 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-shadow:0px 0px 10px rgba(0,0,0,0.5),0px 0px 14px rgba(0,0,0,0.5),0px 0px 10px rgba(0,0,0,0.5); -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
#page_title .page_title_in h2 .titleBbar { width:0px; height:2px; background:#fff;  filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; }
#page_title.on .page_title_in h2 > strong{line-height:80px; padding:0 0 10px 0; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: ease; transition-duration: 0.8s; transition-timing-function: ease; }
#page_title.on .page_title_in h2 .titleBbar {width:10%;  min-width:80px;display:block; margin:0 auto;filter:Alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: ease; transition-duration: 0.8s; transition-timing-function: ease; } 

.pgLoadStand{height:1px; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-duration: 0.3s; transition-timing-function: ease; }
.pgLoadOK{height:auto !important; -webkit-transition-duration: 0.6s; -webkit-transition-timing-function: ease; transition-duration: 0.6s; transition-timing-function: ease; }

#page_title.subTopBg_,
#page_title.subTopBg_0, /* 메뉴설정이 없는 페이지에서 출력될 이미지 : 해당 테마의 img 폴더에 업로드하시기 바랍니다. */
#page_title.subTopBg_1{background-image:URL("../img/subTopBg_01.jpg"); } /* 첫번째 대메뉴에서 출력될 이미지 */
#page_title.subTopBg_2{background-image:URL("../img/subTopBg_02.jpg"); } /* 두번째 대메뉴에서 출력될 이미지 */
#page_title.subTopBg_3{background-image:URL("../img/subTopBg_03.jpg"); } /* 세번째 대메뉴에서 출력될 이미지 */
#page_title.subTopBg_4{background-image:URL("../img/subTopBg_04.jpg"); } /* 네번째 대메뉴에서 출력될 이미지 */
#page_title.subTopBg_5{background-image:URL("../img/subTopBg_05.jpg"); } /* 다섯번째 대메뉴에서 출력될 이미지 */
#page_title.subTopBg_6{background-image:URL("../img/subTopBg_06.jpg"); } /* 여섯번째 대메뉴에서 출력될 이미지 */
#page_title.subTopBg_7{background-image:URL("../img/subTopBg_07.jpg"); } /* 일곱번째 대메뉴에서 출력될 이미지 */
#page_title.subTopBg_0N{background-image:URL(""); } /* n번째 대메뉴에서 출력될 이미지를 추가해 주세요 */

#container {float:right; width:75%; min-height:200px;  height:auto; font-size:1em; zoom:1; }
#container:after {display:block; visibility:hidden; clear:both; content:""; }


.subTopLocNav{width:90%; margin:0 auto; max-width:1px; margin:-30px auto 10px; position:relative; z-index:99; display:none;filter:Alpha(opacity=0); opacity:0; -moz-opacity:0;}
.leftMenuUseFlase .subTopLocNav{display:block; }
.leftMenuUseFlase .subTopLocNav.nonTitle{display:none !important; }
.subTopLocNav:after{content:'';display:block; clear:both;}
.subTopLocNav .loc1DA,
.subTopLocNav .loc2DA{display:block; cursor:pointer; width:50%; float:left; height:60px; line-height:60px; background:#fff; border:1px solid #ddd; font-size:16px; position:relative;}
.subTopLocNav .loc1DA u,
.subTopLocNav .loc2DA u{display:block; width:1px; height:1px; background:#000;filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; position:absolute; left:50%; bottom:0px;-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease;}
.subTopLocNav .loc1DA.on u,
.subTopLocNav .loc2DA.on u,
.subTopLocNav a:hover.loc1DA u,
.subTopLocNav a:hover.loc2DA u{left:0px; width:100%;filter:Alpha(opacity=100); opacity:1; -moz-opacity:1;}
.subTopLocNav .loc1DA b,
.subTopLocNav .loc2DA b{display:block; text-align:center; height:60px; line-height:60px; margin:0 36px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.subTopLocNav .loc2DA{margin-left:-1px;}
.subTopLocNav .loc2DA b i{display:none;}

.subTopLocNav .loc1DA i{transform: rotate(-90deg);}
.subTopLocNav .loc1DA i,
.subTopLocNav .loc2DA i{display:block; width:26px; height:26px; text-align:center; line-height:26px; border-radius:50%; font-size:20px; color:#999; position:absolute; right:10px; top:50%; margin-top:-13px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }

.subTopLocNav .loc1DA.on i,
.subTopLocNav .loc2DA.on i{transform: rotate(180deg); color:#000;}

.locHomeDA{width:60px; height:60px; text-align:center; line-height:60px; position:absolute; left:0px; top:0px; background:#fff; font-size:18px; border:1px solid #ddd; color:#999;}

.bNBar1D, 
.bNBar2D{width:50%;position:absolute; top:60px; border-bottom:3px solid #000; display:none;box-shadow:0px 0px 10px rgba(0,0,0,0.1),0px 0px 14px rgba(0,0,0,0.1),0px 0px 10px rgba(0,0,0,0.1)}
.bNBar1D{left:0px;}
.bNBar2D{left:50%; margin-left:-1px;}

.bNBar2D .snb,
.bNBar2D .snb h2{display:none;}
.bNBar2D .snb.active{display:block;}

.bNBar1D .snb h2 a,
.bNBar2D .snb2d a{display:block;}
.bNBar1D .snb h2 a b,
.bNBar2D .snb2d a b{display:block; background:#fff; color:#999; padding:15px; font-size:14px; border:1px solid #ddd; border-top:0px;  -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.bNBar1D .snb h2 a:hover b,
.bNBar2D .snb2d a:hover b{background:#f7f7f7; color:#666;}
.bNBar1D .snb.active h2 a b,
.bNBar2D .snb2d.active a b{background:#efefef;}

.subTopLocNav2Don {max-width:960px;filter:Alpha(opacity=100); opacity:1; -moz-opacity:1;}
.subTopLocNav2Doff .loc1DA i{transform: rotate(0deg);}
.subTopLocNav2Doff {max-width:600px;filter:Alpha(opacity=100); opacity:1; -moz-opacity:1;}
.subTopLocNav2Doff .loc2DA{display:none; }
.subTopLocNav2Doff .loc1DA,
.subTopLocNav2Doff .bNBar1D{width:100%;}


.bNBar1D .snb2dul{display:none;}

	.bNBar i,
	.bNBar em,
	.bNBar u{display:none !important;}

.contentTitle{width:100%; overflow:hidden; border-bottom:1px dashed #ddd; padding:0 0 30px;margin-bottom:30px;}
.contentTitle strong{display:block; float:left; color:#333; font-size:40px; font-weight:700;}
.contentTitle .locationBar{display:block; float:right; color:#999; font-weight:normal;}
.contentTitle .locationBar i{color:#ddd; display:inline-block; padding:0 10px;}
@media all and (min-width:981px)
{
	.leftMenuUseFlase .contentTitle{border-bottom:0px; padding-bottom:0px;}
	.leftMenuUseFlase .contentTitle strong{padding-bottom:15px;}
	.leftMenuUseFlase .contentTitle:after{content:'';display:block;margin:30px auto; clear:both; width:5%;  min-width:120px;height:1px; background:#000;}
}

#sideBar {float:left; width:20%; margin-top:-100px;}

	#snb{width:100%; margin-top:-50px;}
	#snb {width:100%;}
	#snb > li.snb{width:100%;display:none;}
	#snb > li.snb.active{display:block !important;}
	#snb > li > h2{width:100%;background:#666;}
	#snb > li > h2 a{display:block;position:relative;background:RGBA(0,0,0,0.5); text-align:center; padding:80px 10px; color:#fff;font-family:'Noto Sans KR','Malgun Gothic'}
	#snb > li > h2 a b{display:block;font-size:24px;overflow:hidden; word-break:keep-all;}
	#snb > li > h2 a sub{display:block;width:30%; margin:20px auto 0;height:1px; background:#fff; filter:Alpha(opacity=30); opacity:0.3; -moz-opacity:0.3;}
	#snb > li .snb2dDown{display:none;}

	#snb > li > ul{margin-bottom:30px;}
	#snb > li > ul > li{border-top:1px dashed #ddd; margin-top:-1px;}
	#snb > li > ul > li:first-child{border-top:0px;}
	#snb > li > ul > li a{display:block;padding:15px;color:#666;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#snb > li > ul > li a b{font-size:13px;}
	#snb > li > ul > li a:hover{background:#f3f3f3;padding-left:20px;color:#000;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#snb > li > ul > li.snb2d.active{}
	#snb > li > ul > li.snb2d.active a{background:#000; color:#fff;}
	#snb > li > ul > li a{overflow:hidden;}
	#snb > li > ul > li a i{float:right;}

	.snbCS{ padding:20px; border-top:1px solid #ddd;}
	.snbCS dt{padding-bottom:10px;font-size:16px; font-weight:bold; color:#333;}
	.snbCS dd{font-size:11px;color:#999;}
	.snbCS dd strong{display:block;font-size:18px; padding-bottom:10px; color:#666;}
	.snbCS dd b{display:block;font-size:11px;}

/* 하단 레이아웃 */
	.customBan {width:100%; overflow:hidden; background:#efefef;}
	.customBan a{width:50%; float:left;display:block; position:relative;background:#222;overflow:hidden;}
	.customBan a img{display:block;width:100%;height:auto;filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;-webkit-transition-duration: 0.6s;-webkit-transition-timing-function: ease;transition-duration: 0.6s;transition-timing-function: ease;}
	.customBan a:hover img{transform: scale(1.1);filter:Alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;}
	.customBan a .customBanTit{position:absolute;left:5%;right:5%;top:50%;margin-top:-30px;height:60px; line-height:60px;font-size:26px;color:#fff;font-weight:bold;text-align:center;}
	.customBan a .customBanTit u{display:block;margin:0 auto;width:50px;height:1px; background:#fff;-webkit-transition-duration: 0.6s;-webkit-transition-timing-function: ease;transition-duration: 0.6s;transition-timing-function: ease;}
	.customBan a:hover .customBanTit u{width:100px;}

	@media all and (max-width:800px){
		.customBan a{width:100%;}
		.customBan a .customBanTit{font-size:16px;}
	}

#footer {background:#efefef; clear:both; border-top:1px solid #ddd; padding:50px 15px; text-align:center;  position:relative; color:#000;}
#footer a{color:#666;}
#footer:after{content:'';display:block; position:absolute; left:0px; top:0px; right:0px;bottom:0px; z-index:0;}
#footer .bottomSection {width:100%; max-width:1200px; text-align:left; margin:0 auto; position:relative; z-index:2;}
#footer .bottomSection > dl{width:100%; text-align:left; }
#footer .bottomSection > dl > dt{position:absolute; right:0px; top:0px;}
#footer .bottomSection > dl > dt img{display:block; margin:0 auto; height:40px; width:auto; }
#footer .bottomSection > dl > dd{padding:0 0 15px 0; }
#footer .bottomSection > dl > dd a{display:inline-block; padding:5px; font-size:12px; font-weight:bold; }
#footer .bottomSection > dl > dd a:hover{ filter:Alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; }
#footer .bottomSection address{font-size:12px; font-style:normal; filter:Alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; }
#footer .bottomSection address span{display:inline-block; padding:2px 5px; }
#footer .bottomSection > p{filter:Alpha(opacity=40); opacity:0.4; -moz-opacity:0.4; font-size:11px; font-family:verdana; padding:15px 5px 0 5px; }

	.footerBgDarkGray,
	.footerBgThemeColorDark,
	.footerBgBlack{border-top:0px !important;}

	.leftMenuUseFlase #footer .bottomSection,
	.leftMenuUseFlase #footer .bottomSection > dl{ text-align:center;}
	.leftMenuUseFlase #footer .bottomSection > dl > dt{position:static;}
	.leftMenuUseFlase #footer .bottomSection > dl > dd{padding:0px;color:#666;}

#top_btn ,
#top_btn:hover{position:fixed; bottom:-53px; right:0px; width:50px; height:50px; line-height:50px; border:0; text-align:center; font-size:30px; z-index:999; color:#fff; background:#000;filter:Alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;-webkit-transition-duration: 0.4s;-webkit-transition-timing-function: ease;transition-duration: 0.4s;transition-timing-function: ease;}

.scDown #top_btn{bottom:0px !important;}

#topID{display:block; position:absolute; left:0px; top:2px; }
.dashHr{display:block; clear:both; margin:30px 0; border:0px; border-top:3px dashed #ddd; }

.term_area{width:100%; position:relative; max-width:600px; }
.term_area header{position:absolute; left:0px; right:0px; top:0px; height:40px; background:#242424; color:#fff; }
.term_area header h1{font-size:16px; padding:0 10px; height:40px; line-height:40px; }
.term_area section{padding:50px 10px 30px 10px; overflow:auto; }
.term_area section p{padding:20px; white-space:pre-line; font-size:12px; color:#666; }
.term_area footer{position:absolute; left:0px; right:0px; bottom:0px; height:30px; line-height:30px; background:#ddd; color:#999; font-family:verdana; font-size:11px; text-align:center; }

/* TRANS */
.transOJ,
.transOJ:hover{-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }

/* 레이어팝업 2020-02-06*/
.noEmail{border:0px; width:100%; max-width:400px; background:#fff; text-align:center; }
.noEmail h3{font-size:18px; padding:20px; color:#000; text-align:center; }
.noEmail h4{padding:20px 0; font-size:11px; color:#666; text-align:center; }
.noEmail p{padding:20px; color:#999; font-size:12px; text-align:left; }

.bo_cate_link {display: inline-block;color: #c89b43;height: 20px;font-size:0.92em} /* 글제목줄 분류스타일 */

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

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

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

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

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block; margin:0 0 5px; width:187px; }
#captcha.m_captcha #captcha_img {; height:40px; border:1px solid #898989; ; vertical-align:top; padding:0; margin:0; }
#captcha.m_captcha #captcha_reload {position:static; margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat  0 -40px; text-indent:-999px; }
#captcha.m_captcha #captcha_reload span{display:none; }
#captcha.m_captcha #captcha_key {margin:0 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.m_captcha #captcha_info {display:block; margin:5px 0 0; font-size:0.95em; letter-spacing:-0.1em; }
#captcha.m_captcha #captcha_mp3 {width:31px; height:31px; background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top; overflow:hidden; cursor:pointer; text-indent:-9999px; border:none; }

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

/* 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; }

/* 버튼 */
a.btn_frmline {}
button.btn_frmline {font-size:1em; }

	/* 공통 버튼 */
	.btn_b01,
	.btn_b02,
	.btn_b03,
	.btn_b04,
	.btn_b05,
	.btn_admin,
	input.btn_submit,
	.btn_submit,
	.btn_cancel,
	.btn_frmline{display:inline-block !important; padding:8px 10px; font-size:12px; text-decoration:none; vertical-align:middle; cursor:pointer; border-radius:5px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
	.btn_b01:hover,
	.btn_b02:hover,
	.btn_b03:hover,
	.btn_b04:hover,
	.btn_b05:hover,
	.btn_admin:hover,
	input.btn_submit:hover,
	.btn_submit:hover,
	.btn_cancel:hover,
	.btn_frmline:hover{text-decoration:none; filter:Alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }

	a.btn_b01,.btn_b01					{background:#ffffff; color:#666666; border:1px solid #dddddd; }
	a.btn_b02,.btn_b02					{background:#666666; color:#ffffff; border:1px solid #666666; }
	a.btn_b03, .btn_b03					{background:#ffffff; color:#646982; border:1px solid #b9bdd3; }
	a.btn_b04, .btn_b04					{background:#ffffff; color:#707070; border:1px solid #ccc; }
	a.btn_admin,.btn_admin				{background:#ffffff; color:#ff0000; border:1px solid #ff6600; } /* 관리자 전용 버튼 */
	.btn_submit							{background:#242424; color:#ffffff; border:1px solid #242424; }
	a.btn_cancel,button.btn_cancel		{background:#ffffff; color:#666666; border:1px solid #dddddd; }
	a.btn_frmline,button.btn_frmline	{padding:0 5px; height:40px; border:0; background:#3c3c3c; border-radius:5px; color:#fff; vertical-align:top; } /* 우편번호검색버튼 등 */

	.btn_confirm {text-align:center; } /* 서식단계 진행 */
	.btn_confirm .btn{padding:15px 20px; }

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

/* 기본테이블 */
.tbl_wrap table {width:100%; border-collapse:collapse; border-spacing: 0 5px; border:1px solid #ccc; border-left:0px; border-right:0px; } 
.tbl_wrap caption {padding:10px 0; font-weight:bold; text-align:left; }
.tbl_head01 {margin:0 0 10px; }
.tbl_head01 caption {padding:0; font-size:0; line-height:0; overflow:hidden; }
.tbl_head01 thead th {padding:10px 0; font-weight:normal; text-align:center; border-bottom:1px solid #ddd; background:#fafafa; padding:8px 3px; }
.tbl_head01 thead th input {vertical-align:top; } /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:6px 0; border-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center; }
.tbl_head01 tbody th {padding:6px 0; border-bottom:1px solid #e8e8e8; }
.tbl_head01 td {color:#666; background:#fff; ; padding:6px 3px; border-top:1px solid #ecf0f1; line-height:1.4em; height:60px; word-break:break-all; }
.tbl_head01 tbody tr:hover td{background:#fafafa; }
.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:1px solid #ccc; background:#fff; color:#000; vertical-align:middle; border-radius:3px; padding:5px; }
.tbl_frm01 textarea {padding:2px 2px 3px; }
.frm_input {height:40px; }

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

/*기본 리스트*/
.list_01 li{border:1px solid #dbdbdb; background:#fff; border-radius:3px; margin:3px 0; padding:10px 15px; list-style:none; position:relative; }
.list_01 li:after {display:block; visibility:hidden; clear:both; content:""; }
.list_01 li:hover{background:#f9f9f9; }
.list_01 li.empty_li{text-align:center; padding:20px 0; color:#666; }
/*폼 리스트*/
.form_01 h2{margin:0 0 10px; font-size:1.167em; }
.form_01 li{margin:10px 0; }
.form_01 li:after {display:block; visibility:hidden; clear:both; content:""; }
.form_01 li .right_input{float:right; }
.form_01 textarea{height:100px; width:100%; }
.form_01 .frm_label{display:inline-block; width:130px; }
@media all and (max-width:650px)
{
	.form_01 .frm_label{display:block; width:auto; font-weight:bold; }
}
/* 자료 없는 목록 */
.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('../img/require.png')  !important; background-repeat:no-repeat   !important; background-position:right top  !important; }

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

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

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

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

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

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

/* 페이징 */
.pg_wrap {clear:both; margin:30px 0 ; text-align:center; }
.pg_wrap:after {display:block; visibility:hidden; clear:both; content:""; } 
.pg {}
.pg_page, .pg_current {display:inline-block; vertical-align:middle; background:#f3f3f3; border:1px solid #bbbcc3; margin:2px 0; }
.pg a:focus, .pg a:hover {text-decoration:none; }
.pg_page {color:#555; font-size:1.083em; height:30px; line-height:28px; padding:0 5px; min-width:30px; text-decoration:none; border-radius:15px; }
.pg_page:hover{background:#ddd; color:#000; }
.pg_start {text-indent:-999px; overflow:hidden; background:url('../img/btn_first.gif') no-repeat 50% 50% #fff; padding:0; border:1px solid #bbb; }
.pg_prev {text-indent:-999px; overflow:hidden; background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff; padding:0; border:1px solid #bbb; }
.pg_end {text-indent:-999px; overflow:hidden; background:url('../img/btn_end.gif') no-repeat 50% 50% #fff; padding:0; border:1px solid #bbb; }
.pg_next {text-indent:-999px; overflow:hidden; background:url('../img/btn_next.gif') no-repeat 50% 50% #fff; padding:0; border:1px solid #bbb; }
.pg_start:hover {background:url('../img/btn_first.gif') no-repeat 50% 50% #efefef; border:1px solid #ddd; }
.pg_prev:hover {background:url('../img/btn_prev.gif') no-repeat 50% 50% #efefef; border:1px solid #ddd; }
.pg_end:hover {background:url('../img/btn_end.gif') no-repeat 50% 50% #efefef; border:1px solid #ddd; }
.pg_next:hover {background:url('../img/btn_next.gif') no-repeat 50% 50% #efefef; border:1px solid #ddd; }
.pg_current {display:inline-block; background:#666; color:#fff; border:1px solid #444; font-weight:bold; height:30px; line-height:30px; padding:0 10px; min-width:30px; border-radius:15px; }

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

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

/* 공통 */ .dm-float{ font-family: inherit; z-index: 9999; } 
/* ===== PC 플로팅 ===== */ 
.dm-float--pc{ position: fixed; right: 5px; top: 50%; transform: translateY(-50%); display: none; } 
.dm-float__handle{ display: block; width: 140px; height: 44px; border: 0; border-radius: 10px 10px 0 0; cursor: pointer; background: #111; color: #fff; font-weight: 700; } 
.dm-float__panel{ width: 200px; max-height: 70vh; overflow: auto; background: #fff; border-radius: 0 0 12px 12px; box-shadow: 0 10px 30px rgba(0,0,0,.18); border: 1px solid rgba(0,0,0,.08); display: none; } 
.dm-float__panel-head{ display: flex; align-items: center; justify-content: center; padding: 14px 14px 10px; border-bottom: 1px solid rgba(0,0,0,.06); background:#000;color:#fff;    font-size: 20px;    letter-spacing: -0.05em;} 
.dm-float__panel-body{ padding: 14px; } .dm-float__close{ border: 0; background: transparent; font-size: 22px; cursor: pointer; } 

/* PC 하단 CTA(전화/카톡) */ 
.dm-float__cta{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; } 
.dm-cta{ display: flex; align-items: center; justify-content: center; gap: 8px; height: 44px; border-radius: 10px; font-weight: 800; text-decoration: none; border: 1px solid rgba(0,0,0,.12); } 
.dm-cta--call{ background:#111; color:#fff; } .dm-cta--kakao{ background:#FEE500; color:#111; }

/* ===== Mobile 하단바 ===== */ 
.dm-float--m{ position: fixed; left: 0; right: 0; bottom: 0; display: none; background: #fff; box-shadow: 0 -8px 20px rgba(0,0,0,.10); display: grid; grid-template-columns: repeat(4, 1fr); } 
.dm-mbar__btn{ border: 0; background: #4e5157; text-decoration: none; color: inherit; padding: 10px 6px; text-align: center; cursor: pointer; } 
.dm-mbar__btn--primary{ background: #4e5157; /* 브랜드 컬러로 변경 */ color: #fff; }
.dm-mbar__txt{ display: block; margin-top: 0px; font-size: 12px; font-weight: 500; color:#fff; }

/* ✅ FA 아이콘 렌더링 고정 (빈박스 방지 핵심) */ 
.dm-mbar__btn i, .dm-cta i{ display: inline-block; font-size: 22px; line-height: 1; width: 22px; height: 22px; text-align: center; color:#fff; } 

/* 반응형 표시 제어 */ 
@media (min-width: 992px){ 
.dm-float--pc{ display: block; } 
.dm-float--m{ display: none; } } 

@media (max-width: 991.98px){ 
.dm-float--pc{ display: none; } 
.dm-float--m{ display: grid; } 
 }


/* =========================================================
   ✅ 1) PC: 패널 항상 열림 + 핸들/닫기 숨김 (기존 디자인 유지)
========================================================= */
.dm-float__panel--always{
  display: block !important; /* 기존 .dm-float__panel {display:none;} 덮기 */
  border-radius: 12px;       /* 상단도 라운드 주고 싶으면 */
}

/* PC에서 핸들/닫기 버튼은 필요 없으면 숨김 */
@media (min-width: 992px){
  #dmFloatPc .dm-float__handle{ display:none; }
  #dmFloatPc .dm-float__close{ display:none; }
}

/* =========================================================
   ✅ 2) PC: CTA를 이미지 버튼으로 변경 (81.5 x 42.89 반올림)
   - 기존 .dm-float__cta grid 구조는 유지
========================================================= */
.dm-float__cta--img .dm-cta{
  height: auto;                 /* 기존 44px 고정 해제 */
  padding: 0;
  border: 0;                    /* 이미지 버튼이면 테두리 제거(원하면 유지 가능) */
  background: transparent;
}

.dm-float__cta--img .dm-cta img{
  width: 82px;                  /* 81.5 반올림 */
  height: 43px;                 /* 42.89 반올림 */
  display: block;
  border-radius: 10px;          /* 반올림 OK */
}

/* =========================================================
   ✅ 3) Mobile: 띠배너 추가
   - 기존 dm-float--m을 그대로 두고 wrapper로 묶어서 '함께 고정'
========================================================= */
.dm-mwrap{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  display: none; /* PC에선 숨김 */
}

/* 띠배너 스타일 (첨부 느낌에 맞게 회색 + 빨간 강조) */
.dm-mstrip{
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #d9d9d9;
  color: #111;
  text-decoration: none;
  border-top: 1px solid rgba(0,0,0,.12);
}

.dm-mstrip__text{ font-size: 15px; font-weight: 700; }
.dm-mstrip__text b{ color:#b40000; font-weight: 800; }
.dm-mstrip__linkico{
  font-size: 14px;
  color: #111;
  opacity: .85;
}

/* 모바일에서만 띠배너+하단바 노출, 기존 nav는 fixed 해제 */
@media (max-width: 991.98px){
  .dm-mwrap{ display:block; }

  /* 기존 nav가 fixed라서 wrapper와 충돌 → wrapper 안에서는 static으로 */
  .dm-mwrap .dm-float--m{
    position: static;
  }
  #footer {padding-bottom:115px;}

}

/* PC에서는 기존 fixed nav 보이지 않게 */
@media (min-width: 992px){
  .dm-mwrap{ display:none; }
}

/* ===== 1단(푸터 버튼) ===== */
.dm-footer-biz{ margin-top:10px; }
.dm-biz__btn{
  all: unset;
  cursor: pointer;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#777;
  font-size:13px;
  line-height:1;
}
.dm-biz__btn:hover{ color:#333; }
.dm-biz__icon{
  display:inline-block;
  transition: transform .2s ease;
  font-size:12px;
}
.dm-biz__btn[aria-expanded="true"] .dm-biz__icon{ transform: rotate(180deg); }

/* 1단 패널(애니메이션) */
.dm-biz__wrap{
  overflow:hidden;
  height:0;
  opacity:0;
  transition: height .25s ease, opacity .2s ease;
  margin-top:10px;
}
.dm-biz__wrap.is-open{ opacity:1; }

/* ===== 2단(지점 카드 그리드) ===== */
.dm-biz__grid{
  border-top:1px solid rgba(0,0,0,.08);
  padding-top:12px;
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap:12px;
}
@media (max-width: 640px){
  .dm-biz__grid{ grid-template-columns: 1fr; }
}

/* 카드 */
.dm-biz__card{
  border:1px solid rgba(0,0,0,.08);
  border-radius:12px;
  background:#fff;
  overflow:hidden;
}

/* summary 기본 화살표 제거 */
.dm-biz__card > summary{ list-style:none; }
.dm-biz__card > summary::-webkit-details-marker{ display:none; }

/* summary(헤더) */
.dm-biz__sum{
  cursor:pointer;
  padding:12px 12px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  font-size:13px;
  color:#222;
  font-weight:600;
  background:#fafafa;
}
.dm-biz__sumIcon{
  width:26px;
  height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:8px;
  border:1px solid rgba(0,0,0,.10);
  background:#fff;
  color:#444;
  font-weight:700;
  transition: transform .2s ease;
}

/* details 열렸을 때 아이콘 변화 */
.dm-biz__card[open] .dm-biz__sumIcon{
  transform: rotate(45deg); /* + -> x 느낌 */
}

/* 내용 */
.dm-biz__dl{
  margin:0;
  padding:12px 12px 14px;
  font-size:12.5px;
  color:#666;
}
.dm-biz__row{
  display:grid;
  grid-template-columns: 110px 1fr;
  gap:10px;
  padding:4px 0;
}
.dm-biz__row dt{ margin:0; color:#888; }
.dm-biz__row dd{ margin:0; color:#555; word-break:break-word; }

/* simple slider 게시판 상단용 */
.dm-simple-slider {
  width:100%;
  overflow:hidden;
  position:relative;
}

.dm-slider-track {
  display:flex;
  transition:transform 0.5s ease;
  will-change:transform;
}

.dm-slide {
  min-width:100%;
  user-select:none;
}

.dm-slide img {
  width:100%;
  display:block;
  pointer-events:none;
}

/* partnership 하단 고정배너 */


.dm-partnership-fixed {
  margin:80px 0 40px;
}

.dm-partnership-grid {
  max-width:800px;
  margin:0 auto;
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap:0px;
  justify-items:center;
}

/* 기본 아이템 */
.dm-item {
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}

/* 이미지 */
.dm-item img {
  max-width:100%;
  height:auto;
  transition:opacity .3s ease;
}

.dm-item:hover img {
  opacity:0.75;
}

/* 🔥 마지막 줄이 2개일 때 중앙 정렬 */
.dm-partnership-grid .dm-item:nth-last-child(2):nth-child(4n+1) {
  grid-column: 2 / 3;
}

.dm-partnership-grid .dm-item:nth-last-child(1):nth-child(4n+2) {
  grid-column: 3 / 4;
}
.dm-partnership-title {
    font-size: 28px;
    margin: 20px 0 5px 0;
    text-align: center;
    font-weight: 600;
    color: #941010;
}
.dm-partnership-title_sub {
    font-size: 24px;
    margin: 0;
    text-align: center;
    font-weight: 400;
}

/* 모바일에서도 동일 4열 유지 */
@media (max-width:768px) {
  .dm-partnership-grid {
    grid-template-columns: repeat(4, 1fr);
    gap:25px 10px;
  }
  .dm-partnership-title {
		font-size: 24px;
	}
	.dm-partnership-title_sub {
		font-size: 20px;
	}
}