@charset "utf-8"; 
/* copyright(c) WEBSITE */
@import url(./font.css); 
/* 초기화 */
html {overflow-y:scroll; }
body {margin:0; padding:0; font-size:0.75em; font-family:'Noto Sans Korean','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 Korean','Malgun Gothic', 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:'Noto Sans Korean','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 Korean','Malgun Gothic', dotum, sans-serif; font-size:1em; }
select {margin:0; }
p {margin:0; padding:0; word-break:break-word; word-break:keep-all;}
hr {display:none; }
pre {overflow-x:scroll; font-size:1.1em; }
a {color:#000; text-decoration:none; }
img{max-width:100%; }
.draggable{height:auto !important; }
.clb{clear:both; }
.center{text-align:center; }

h1,h2,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; width:100%; 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{left:5% !important; top:70px !important; max-width:90% !important; }
	.hd_pops_con{height:auto !important; }
	.hd_pops_footer{font-size:11px; letter-spacing:-0.05px; }
}

/* 상단 레이아웃 */
#hd {min-width:320px; position:fixed; width:100%; left:0px; top:35px; z-index:9999; background:#f2f2f2; }
#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:#222;}
#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;*/ font-size: 1.25em; position: relative}

#tnb li:before {
	content: '';
	position: absolute;
	top: 13px;
	left: 0;
	width: 1px;
	height: 10px;
	background: RGBA(255,255,255,0.7);
}
#tnb li:nth-child(1):before {
	background: transparent;
}
#tnb a {display:inline-block; padding:0 10px; color:RGBA(255,255,255,0.7); height:35px; line-height:35px; }
#tnb a:focus, #tnb a:hover {color:#fff; }
#tnb .tnb_admin a{color:#ffe09b; }
#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:left; padding-left: 15px}
#logo a{display:block; padding:0px; }
#logo img{display:block; height:60px; width:auto; }

#gnb{position:relative; /*border-bottom:1px solid #e2e2e2;*/ }
#gnb h2{position:absolute; font-size:0; line-height:0; overflow:hidden; }
#gnb .gnb_wrap{margin:0 auto;width:100%;max-width:1300px;position:relative;display: flex;align-items: center;}
#gnb #gnb_1dul {float:right;font-size:1.29em;padding: 0;zoom:1;/*margin: 0 0 0 auto;*/ flex: 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:80px; line-height:80px; padding:0 44px; font-size:1.25em; 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 .gnb_mobile{display:none;}
.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:80px; 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:center; 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:#ffe09c; 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:80px; ; width:100%; text-align:center; line-height:80px; 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:80px; line-height:80px; 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%;width: 1160px; margin: 0 auto}
.leftMenuUseFlase .allSchBoxWr{margin-right:15px;}

.leftMenuUseFlase #gnb .gnb_1dli.allSchBoxWr {float: right}

/* 중간 레이아웃 */
#ctWrap{
    overflow: hidden;
}
#ctWrap .wrap{width:100%;max-width: 1152px; margin:0 auto;}
#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;*/ display: none }
.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;}
.contentTitle .locationBar{position: absolute;display:block;float:right;color:#999;font-weight:normal;top: 20px;right: 0;}
.contentTitle .locationBar i{color:#ddd; display:inline-block; padding:0 10px;}

.mo_head_menu {
	display: none;
	position: fixed;
	right: 0;
	top: 50px;
	z-index: 99999;
	color: #fff;
	padding-right: 15px;
}
.mo_head_menu ul li {
	display: inline-block;
	padding: 0 10px;
	border-right: 1px solid #fff;
}
.mo_head_menu ul li:last-child {
	border-right: 0;
}
@media all and (min-width:981px)
{
	.leftMenuUseFlase .contentTitle{position: relative;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 Korean','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; *//* display: flex; *//* height: 46px; *//* align-items: center; */}
	#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: #000000;clear:both;     position:relative;color: #ffffff;padding: 50px 0;text-align: center;}
#footer .wrap{margin: 0 auto;position:relative;width: 1152px;max-width: 100%;}
#footer .bottomLogo{position: absolute;bottom: 0;right: 0;}
#footer .bottomLink{margin: 0 0 45px 0;display: flex;align-items: center;}
#footer .bottomLink.mo {display: none}
#footer .bottomLink a{position:relative;display: block;line-height: 18px;font-size: 14px;color: #ffffff;cursor: pointer;}
#footer .bottomLink a + a{margin: 0 0 0 10px;padding: 0 0 0 10px;}
#footer .bottomLink a + a:before{content:'';position:absolute;top:5px;left:0;width:1px;height:10px;background:#ffffff}
#footer .bottomAddr{display: flex;flex-wrap: wrap;width: 770px;max-width: 100%;}
#footer .bottomAddr dl{display: flex;align-items: center;margin: 0 20px 8px 0;line-height: 24px;font-size: 14px;}
#footer .bottomAddr dl:nth-child(5){width:100%;}
#footer .bottomAddr dt{margin: 0 10px 0 0;font-weight: 600;}
#footer .bottomAddr dd{text-align: left}
#footer .bottomCite{
	/*margin:10px 0 0 0;*/
	line-height:24px;font-size:14px;font-weight:bold;color:#cccccc;text-align: left;position: relative}
#footer .bottomCite button{
	border: none;
	outline: none;
	background:transparent;
	position: absolute;
	top: 3px;
}
#footer .footer_btn {display: none}
.skip{display:none;}
										   




										   
#footer a{color: #000000;}
#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:30px 0 15px;}

#top_btn ,
#top_btn:hover{position:fixed; border-radius: 50%; bottom:-53px; right:10px; 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.6; -moz-opacity:0.6;-webkit-transition-duration: 0.4s;-webkit-transition-timing-function: ease;transition-duration: 0.4s;transition-timing-function: ease;}

.scDown #top_btn{bottom:10px !important;}
#top_btn:before {
	position: absolute;
	top: -3%;
	left: 50%;
	transform: translate(-50%, 0px);
}


#go-bottom ,
#go-bottom:hover{position:fixed; border-radius: 50%; top:160px; right:10px; 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.6; -moz-opacity:0.6;-webkit-transition-duration: 0.4s;-webkit-transition-timing-function: ease;transition-duration: 0.4s;transition-timing-function: ease;}

#go-bottom.top {
	top: 30px;
}
#go-bottom:before {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0px);
}

#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; letter-spacing:-0.1em; }

/* 캡챠 자동등록(입력)방지 기본 - 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:20px 0 5px; font-size:1.167em; font-weight: 500 }
.form_01 li{margin: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_start {text-indent:-999px; overflow:hidden; background:url('/img/faqPageHome2.png') no-repeat 50% 50% #fff; padding:0; border:1px solid #bbb; }
.pg_prev {text-indent:-999px; overflow:hidden; background:url('/img/faqPagePrev2.png') no-repeat 50% 50% #fff; padding:0; border:1px solid #bbb; }
.pg_end {text-indent:-999px; overflow:hidden; background:url('/img/faqPageEnd2.png') no-repeat 50% 50% #fff; padding:0; border:1px solid #bbb; }
.pg_next {text-indent:-999px; overflow:hidden; background:url('/img/faqPageNext2.png') no-repeat 50% 50% #fff; padding:0; border:1px solid #bbb; }
.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; }



.WCMSSpageMode{display:block; z-index:100; padding:0px; text-align:center; overflow:hidden; font-size:bold; border:1px solid rgba(0,0,0,0.5) !important; background:#005195; 
	border-radius:10px; font-size:13px; position:fixed; right:10px ;bottom:83px;  
	-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease;}
.WCMSSpageMode > i{display:block; width:60px; height:60px; line-height:60px;float:left; background:RGBA(0,0,0,0.2)}
.WCMSSpageMode > i i{color:#fff; font-size:30px; vertical-align:middle;;}
.WCMSSpageMode.off > i i{color:rgba(255,255,255,0.3);}
.WCMSSpageMode span{display:block; float:left; padding:5px 10px; text-align:left; color:#fff;}
.WCMSSpageMode span b{display:block; font-size:16px; color:#fefb00;}
.WCMSSpageMode.off span b{display:block; font-size:16px; color:#47aaff;}
a:hover.WCMSSpageMode{background:#0089fe}
.scDown .WCMSSpageMode{margin-bottom:60px;}


/* 추가 */
.top_belt {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 35px;
	background: #333;
	color: #fff;
	position: fixed;
	width: 100%;
	z-index: 9999;
}

/* 우측 하단 관리자 버튼 삭제 */
/*.QSHonoff,
.WCMSSpageMode{display: none !important;}*/




@media all and (min-width:980px) {
	#index{}

	#index .mainVisual{position: relative;overflow: hidden;}
	#index .mainVisual .swiper-slide{background: #000;}
	#index .mainVisual .swiper-slide .img{opacity: 0;transition: all 0.3s ease;}
	#index .mainVisual .swiper-slide .img img{display: block;width: 100%;height: auto;}
	#index .mainVisual .swiper-slide .txt{position: absolute;bottom: 220px;left: 50%;width: 1152px;max-width: 100%;line-height: 48px;font-size: 30px;font-weight: 500;color: #ffffff;transform: translate(-50%, 60px);opacity:0;transition: all 0.6s ease;}
	#index .mainVisual .swiper-slide-active .img{opacity:1}
	#index .mainVisual .swiper-slide-active .txt{transform: translate(-50%, 0);opacity:1;}
	#index .mainVisual .swiper-prev{position: absolute;top: 50%;left: 50%;transform: translateY(-50%);margin-left: -570px;z-index: 5;width: 19px;height: 34px;outline: none;border: 0;background: transparent;}
	#index .mainVisual .swiper-prev img{}
	#index .mainVisual .swiper-next{position: absolute;top: 50%;left: 50%;transform: translateY(-50%);margin-left: 556px;z-index: 5;width: 19px;height: 34px;outline: none;border: 0;background: transparent;}
	#index .mainVisual .swiper-next img{}
	#index .mainVisual .swiper-dots{position: absolute;bottom: 150px;left: 50%;transform: translateX(-50%);width: 1152px;max-width: 100%;display: flex;align-items: center;z-index: 2;}
	#index .mainVisual .swiper-dots span{width: 38px;height: 4px;background: #ffffff;opacity: 0.8;text-indent: -9999em;overflow: hidden;border-radius: 0;margin: 0 12px 0 0;}
	/*#index .mainVisual .swiper-dots span:nth-child(2){width:38px;}*/
	#index .mainVisual .swiper-dots span.swiper-pagination-bullet-active{opacity: 1;width: 110px}
											
	#index .mainIssue{padding: 50px 0 0 0;background:#ffffff}
	#index .mainIssue .wrap{}
	#index .mainIssue .head{margin: 0 0 40px 0;display: flex;flex-direction: column;align-items: flex-start;}
	#index .mainIssue .head .sub{line-height: 30px;font-size: 30px;font-weight: bold;color: #999999;margin: 0 0 25px 0;}
	#index .mainIssue .head .tit{position: relative;padding: 0 0 28px 0;line-height: 45px;font-size: 48px;font-weight: bold;color: #000000;text-transform: uppercase;}
	#index .mainIssue .head .tit:before{content:'';position:absolute;bottom:0;left:0;width:100%;height: 9px;background: #000;}
	#index .mainIssue .cont{}
	#index .mainIssue .cont ul{display: flex;flex-wrap: wrap;margin: 0 -19px;}
	#index .mainIssue .cont li{width: 33.33%;padding: 0 19px;}
	#index .mainIssue .cont li .img{position: relative;padding: 100% 0 0 0;}
	#index .mainIssue .cont li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
	#index .mainIssue .cont li .con{padding: 41px 0 44px 0;}
	#index .mainIssue .cont li .tit{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 30px;font-size: 24px;font-weight: bold;color: #000;margin: 0 0 18px 0;}
	#index .mainIssue .cont li .txt{line-height: 30px;font-size: 18px;color: #000000;display: block;width: 100%;text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;	}
	#index .mainIssue .cont li .inf{display: flex;flex-wrap: wrap;margin: 0 0 18px 0;}
	#index .mainIssue .cont li .inf p{position:relative;margin: 0 8px 0 0;line-height:18px;font-size:14px;font-weight: bold;color:#544943}
	#index .mainIssue .cont li .inf p + p{padding: 0 0 0 8px;}
	#index .mainIssue .cont li .inf p + p:before{content:'';position:absolute;top:50%;left:0;width:2px;height:14px;font-weight: bold;background:#544943;transform: translateY(-50%);}
	#index .mainIssue .more{display: flex;align-items: center;justify-content: flex-start;}
	#index .mainIssue .more a{display: block;width: 90px;height: 90px;}
	#index .mainIssue .more a img{width:100%;height:auto;display:block;}
	#index .mainIssue .bg{display:flex;width:100%;height: 200px;margin: 45px 0 0 0;background: url("../img/middlebanner01.jpg") no-repeat 50% 50% / cover;}
											
	#index .mainFocus{padding: 50px 0 0 0;background:#f2f2f2;}
	#index .mainFocus .wrap{}
	#index .mainFocus .head{margin: 0 0 40px 0;display: flex;flex-direction: column;align-items: flex-start;}
	#index .mainFocus .head .sub{line-height: 30px;font-size: 30px;font-weight: bold;color: #999999;margin: 0 0 25px 0;}
	#index .mainFocus .head .tit{position: relative;padding: 0 0 28px 0;line-height: 45px;font-size: 48px;font-weight: bold;color: #000000;text-transform: uppercase;}
	#index .mainFocus .head .tit:before{content:'';position:absolute;bottom:0;left:0;width:100%;height: 9px;background: #000;}
	#index .mainFocus .cont{}
	#index .mainFocus .cont ul{display: flex;flex-wrap: wrap;margin: 0 -19px;}
	#index .mainFocus .cont li{width: 33.33%;padding: 0 19px;}
	#index .mainFocus .cont li .img{position: relative;padding: 100% 0 0 0;}
	#index .mainFocus .cont li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
	#index .mainFocus .cont li .con{padding: 41px 0 44px 0;}
	#index .mainFocus .cont li .tit{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 30px;font-size: 24px;font-weight: bold;color: #000;margin: 0 0 18px 0;}
	#index .mainFocus .cont li .txt{line-height: 30px;font-size: 18px;color: #000000;display: block;width: 100%;text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
	#index .mainFocus .cont li .inf{display: flex;flex-wrap: wrap;margin: 0 0 18px 0;}
	#index .mainFocus .cont li .inf p{position:relative;margin: 0 8px 0 0;line-height:18px;font-size:14px;font-weight: bold;color:#544943}
	#index .mainFocus .cont li .inf p + p{padding: 0 0 0 8px;}
	#index .mainFocus .cont li .inf p + p:before{content:'';position:absolute;top:50%;left:0;width:2px;height:14px;font-weight: bold;background:#544943;transform: translateY(-50%);}
	#index .mainFocus .more{display: flex;align-items: center;justify-content: flex-start;}
	#index .mainFocus .more a{display: block;width: 90px;height: 90px;}
	#index .mainFocus .more a img{width:100%;height:auto;display:block;}
	#index .mainFocus .bg{display:flex;width:100%;height: 200px;margin: 45px 0 0 0;background: url("../img/middlebanner02.jpg") no-repeat 50% 50% / cover;}
	
	#index .mainFocus2{padding: 50px 0 0 0;background: #f2f2f2;}
	#index .mainFocus2 .wrap{}
	#index .mainFocus2 .head{margin: 0 0 40px 0;display: flex;flex-direction: column;align-items: flex-start;}
	#index .mainFocus2 .head .sub{line-height: 30px;font-size: 30px;font-weight: bold;color: #999999;margin: 0 0 25px 0;}
	#index .mainFocus2 .head .tit{position: relative;padding: 0 0 28px 0;line-height: 45px;font-size: 48px;font-weight: bold;color: #000000;text-transform: uppercase;}
	#index .mainFocus2 .head .tit:before{content:'';position:absolute;bottom:0;left:0;width:100%;height: 9px;background: #000;}
	#index .mainFocus2 .cont{}
	#index .mainFocus2 .cont ul{display: flex;flex-wrap: wrap;margin: 0 -20px;}
	#index .mainFocus2 .cont li{width: 50%;padding: 0 20px 40px;display: flex;}
	#index .mainFocus2 .cont li .img{position: relative;width: 180px;height: 180px;order: 2;flex-shrink: 0;margin: 0 0 0 17px;}
	#index .mainFocus2 .cont li .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
	#index .mainFocus2 .cont li .con{}
	#index .mainFocus2 .cont li .tit{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 30px;font-size: 24px;font-weight: bold;color: #000;margin: 0 0 18px 0;}
	#index .mainFocus2 .cont li .txt{line-height: 30px;font-size: 18px;color: #000000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
	#index .mainFocus2 .cont li .inf{display: flex;flex-wrap: wrap;margin: 0 0 18px 0;}
	#index .mainFocus2 .cont li .inf p{position:relative;margin: 0 8px 0 0;line-height:18px;font-size:14px;font-weight: bold;color:#544943}
	#index .mainFocus2 .cont li .inf p + p{padding: 0 0 0 8px;}
	#index .mainFocus2 .cont li .inf p + p:before{content:'';position:absolute;top:50%;left:0;width:2px;height:14px;font-weight: bold;background:#544943;transform: translateY(-50%);}
	#index .mainFocus2 .more{display: flex;align-items: center;justify-content: flex-start;}
	#index .mainFocus2 .more a{display: block;width: 90px;height: 90px;}
	#index .mainFocus2 .more a img{width:100%;height:auto;display:block;}
	#index .mainFocus2 .bg{display:flex;width:100%;height: 200px;margin: 45px 0 0 0;background: url("../img/middlebanner03.jpg") no-repeat 50% 50% / cover;}
	
	#index .mainReport{padding: 50px 0 45px;background: #ffffff;}
	#index .mainReport .wrap{}
	#index .mainReport .head{margin: 0 0 40px 0;display: flex;flex-direction: column;align-items: flex-start;}
	#index .mainReport .head .sub{line-height: 30px;font-size: 30px;font-weight: bold;color: #999999;margin: 0 0 25px 0;}
	#index .mainReport .head .tit{position: relative;padding: 0 0 28px 0;line-height: 45px;font-size: 48px;font-weight: bold;color: #000000;text-transform: uppercase;}
	#index .mainReport .head .tit:before{content:'';position:absolute;bottom:0;left:0;width:100%;height: 9px;background: #ffb54a}
	#index .mainReport .cont{}
	#index .mainReport .cont ul{display: flex;flex-wrap: wrap;margin: 0 -20px;}
	#index .mainReport .cont li{width: 50%;padding: 0 20px 40px;display: flex;}
	#index .mainReport .cont li .num{min-width: 40px;margin: 0 12px 0 0;line-height: 53px;font-size: 72px;font-weight: bold;color: #ffb54a;flex-shrink: 0;}
	#index .mainReport .cont li .con{
    flex: 1;
}
	#index .mainReport .cont li .tit{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 30px;font-size: 24px;font-weight: bold;color: #000;margin: 0 0 18px 0;}
	#index .mainReport .cont li .txt{line-height: 30px;font-size: 18px;color: #000000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
	#index .mainReport .cont li .inf{display: flex;flex-wrap: wrap;margin: 0 0 18px 0;}
	#index .mainReport .cont li .inf p{position:relative;margin: 0 8px 0 0;line-height:18px;font-size:14px;font-weight: bold;color:#544943}
	#index .mainReport .cont li .inf p + p{padding: 0 0 0 8px;}
	#index .mainReport .cont li .inf p + p:before{content:'';position:absolute;top:50%;left:0;width:2px;height:14px;font-weight: bold;background:#544943;transform: translateY(-50%);}
	#index .mainReport .more{display: flex;align-items: center;justify-content: flex-end;}
	#index .mainReport .more a{display: block;width: 90px;height: 90px;}
	#index .mainReport .more a img{width:100%;height:auto;display:block;}

}
@media all and (max-width:980px) {
	#index{}

	#index .mainVisual{position: relative;overflow: hidden;}
	#index .mainVisual .swiper-slide{}
	#index .mainVisual .swiper-slide .img{height: 350px;}
	#index .mainVisual .swiper-slide .img img{display: block;width: 100%;height: 100%;object-fit: cover;}
	#index .mainVisual .swiper-slide .txt{position: absolute;bottom: 60px;left: 50%;transform: translateX(-50%);padding: 0 30px;width: 1152px;max-width: 100%;line-height: 36px;font-size: 24px;font-weight: 500;color: #ffffff;}
	#index .mainVisual .swiper-slide .txt br{display:none;}
	#index .mainVisual .swiper-prev{position: absolute;top: 50%;left: 50%;transform: translateY(-50%);margin-left: -570px;z-index: 5;width: 19px;height: 34px;outline: none;border: 0;background: transparent;}
	#index .mainVisual .swiper-prev img{}
	#index .mainVisual .swiper-next{position: absolute;top: 50%;left: 50%;transform: translateY(-50%);margin-left: 556px;z-index: 5;width: 19px;height: 34px;outline: none;border: 0;background: transparent;}
	#index .mainVisual .swiper-next img{}
	#index .mainVisual .swiper-dots{position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);padding: 0 30px;width: 1152px;max-width: 100%;display: flex;align-items: center;z-index: 2;}
	#index .mainVisual .swiper-dots span{width: 38px;height: 4px;background: #ffffff;opacity: 0.8;text-indent: -9999em;overflow: hidden;border-radius: 0;margin: 0 12px 0 0;}
	/*#index .mainVisual .swiper-dots span:nth-child(2){width:38px;}*/
	#index .mainVisual .swiper-dots span.swiper-pagination-bullet-active{opacity: 1; width: 110px}
											
	#index .mainIssue{padding: 30px;background:#ffffff}
	#index .mainIssue .wrap{}
	#index .mainIssue .head{margin: 0 0 40px 0;display: flex;flex-direction: column;align-items: flex-start;}
	#index .mainIssue .head .sub{line-height: 1.2;font-size: 18px;font-weight: bold;color: #999999;margin: 0 0 8px 0;}
	#index .mainIssue .head .tit{position: relative;padding: 0 0 12px 0;line-height: 1.2;font-size: 28px;font-weight: bold;color: #000000;text-transform: uppercase;}
	#index .mainIssue .head .tit:before{content:'';position:absolute;bottom:0;left:0;width:100%;height: 5px;background: #000;}
	#index .mainIssue .cont{}
	#index .mainIssue .cont ul{display: flex;flex-direction: column;}
	#index .mainIssue .cont li{ border-bottom: 1px solid #E1E1E1;}
	#index .mainIssue .cont li:last-child {border-bottom: 0}
	#index .mainIssue .cont li:nth-child(1) .img{display:block;}
	#index .mainIssue .cont li .img{position: relative;display: none;}
	#index .mainIssue .cont li .img img{position: relative;width: 100%;height: auto;}
	#index .mainIssue .cont li .con{padding: 30px 0;}
	#index .mainIssue .cont li .tit{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 24px;font-size: 18px;font-weight: bold;color: #000;margin: 0 0 16px 0;}
	#index .mainIssue .cont li .txt{line-height: 24px;font-size: 14px;color: #000000;display: none}
	#index .mainIssue .cont li:nth-child(1) .txt {display: block;width: 100%;text-overflow: ellipsis;overflow: hidden;word-break: break-word;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
	#index .mainIssue .cont li .inf{display: flex;flex-wrap: wrap;margin: 0 0 16px 0;}
	#index .mainIssue .cont li .inf p{position:relative;margin: 0 8px 0 0;line-height: 16px;font-size: 12px;font-weight: bold;color:#544943}
	#index .mainIssue .cont li .inf p + p{padding: 0 0 0 8px;}
	#index .mainIssue .cont li .inf p + p:before{content:'';position:absolute;top:50%;left:0;width: 1px;height: 10px;font-weight: bold;background:#544943;transform: translateY(-50%);}
	#index .mainIssue .more{display: flex;align-items: center;justify-content: flex-start;}
	#index .mainIssue .more a{display: block;width: 40px;height: 40px;}
	#index .mainIssue .more a img{width:100%;height:auto;display:block;}
	#index .mainIssue .bg{display:flex;height: 100px;margin: 45px -30px -30px;background: url("../img/middlebanner01.jpg") no-repeat 50% 50% / cover;}
	
	#index .mainFocus{padding: 30px;background:#f2f2f2;}
	#index .mainFocus .wrap{}
	#index .mainFocus .head{margin: 0 0 40px 0;display: flex;flex-direction: column;align-items: flex-start;}
	#index .mainFocus .head .sub{line-height: 1.2;font-size: 18px;font-weight: bold;color: #999999;margin: 0 0 8px 0;}
	#index .mainFocus .head .tit{position: relative;padding: 0 0 12px 0;line-height: 1.2;font-size: 28px;font-weight: bold;color: #000000;text-transform: uppercase;}
	#index .mainFocus .head .tit:before{content:'';position:absolute;bottom:0;left:0;width:100%;height: 5px;background: #000;}
	#index .mainFocus .cont{}
	#index .mainFocus .cont ul{display: flex;flex-direction: column;}
	#index .mainFocus .cont li{ border-bottom: 1px solid #ddd}
	#index .mainFocus .cont li:last-child{ border-bottom: 0}
	#index .mainFocus .cont li:nth-child(1) .img{display:block;}
	#index .mainFocus .cont li .img{position: relative;display: none;}
	#index .mainFocus .cont li .img img{position: relative;width: 100%;height: auto;}
	#index .mainFocus .cont li .con{padding: 30px 0;}
	#index .mainFocus .cont li .tit{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 24px;font-size: 18px;font-weight: bold;color: #000;margin: 0 0 16px 0;}
	#index .mainFocus .cont li .txt{line-height: 24px;font-size: 14px;color: #000000;display: none}
	#index .mainFocus .cont li:nth-child(1) .txt {display: block;
		width: 100%;
		text-overflow: ellipsis;
		overflow: hidden;
		word-break: break-word;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
	}
	#index .mainFocus .cont li .inf{display: flex;flex-wrap: wrap;margin: 0 0 16px 0;}
	#index .mainFocus .cont li .inf p{position:relative;margin: 0 8px 0 0;line-height: 16px;font-size: 12px;font-weight: bold;color:#544943}
	#index .mainFocus .cont li .inf p + p{padding: 0 0 0 8px;}
	#index .mainFocus .cont li .inf p + p:before{content:'';position:absolute;top:50%;left:0;width: 1px;height: 10px;font-weight: bold;background:#544943;transform: translateY(-50%);}
	#index .mainFocus .more{display: flex;align-items: center;justify-content: flex-start;}
	#index .mainFocus .more a{display: block;width: 40px;height: 40px;}
	#index .mainFocus .more a img{width:100%;height:auto;display:block;}
	#index .mainFocus .bg{display:flex;height: 100px;margin: 45px -30px -30px;background: url("../img/middlebanner02.jpg") no-repeat 50% 50% / cover;}
	
	#index .mainFocus2{padding: 30px;background: #f2f2f2;}
	#index .mainFocus2 .wrap{}
	#index .mainFocus2 .head{margin: 0 0 40px 0;display: flex;flex-direction: column;align-items: flex-start;}
	#index .mainFocus2 .head .sub{line-height: 1.2;font-size: 18px;font-weight: bold;color: #999999;margin: 0 0 8px 0;}
	#index .mainFocus2 .head .tit{position: relative;padding: 0 0 12px 0;line-height: 1.2;font-size: 28px;font-weight: bold;color: #000000;text-transform: uppercase;}
	#index .mainFocus2 .head .tit:before{content:'';position:absolute;bottom:0;left:0;width:100%;height: 5px;background: #000;}
	#index .mainFocus2 .cont{}
	#index .mainFocus2 .cont ul{display: flex;flex-direction: column;}
	#index .mainFocus2 .cont li{display: flex;padding: 30px 0;justify-content: space-between}
	#index .mainFocus2 .cont li + li{border-top:1px solid #dddddd}
	#index .mainFocus2 .cont li .img{position: relative;order: 2;width: 120px;height: 120px;flex-shrink: 0;}
	#index .mainFocus2 .cont li .img img{position: relative;width: 100%;height: 100%;object-fit: cover;}
	#index .mainFocus2 .cont li .con{margin-right: 10px}
	#index .mainFocus2 .cont li .tit{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 20px;font-size: 18px;font-weight: bold;color: #000;margin: 0 0 16px 0;}
	#index .mainFocus2 .cont li .txt{line-height: 24px;font-size: 14px;color: #000000;display: none;}
	#index .mainFocus2 .cont li .inf{display: flex;flex-wrap: wrap;margin: 0 0 16px 0;}
	#index .mainFocus2 .cont li .inf p{position:relative;margin: 0 8px 0 0;line-height: 16px;font-size: 12px;font-weight: bold;color:#544943}
	#index .mainFocus2 .cont li .inf p + p{padding: 0 0 0 8px;}
	#index .mainFocus2 .cont li .inf p + p:before{content:'';position:absolute;top:50%;left:0;width: 1px;height: 10px;font-weight: bold;background:#544943;transform: translateY(-50%);}
	#index .mainFocus2 .more{display: flex;align-items: center;justify-content: flex-start;}
	#index .mainFocus2 .more a{display: block;width: 40px;height: 40px;}
	#index .mainFocus2 .more a img{width:100%;height:auto;display:block;}
	#index .mainFocus2 .bg{display:flex;margin: 45px -30px -30px;height: 100px;background: url("../img/middlebanner03.jpg") no-repeat 50% 50% / cover;}
					
	#index .mainReport{padding: 30px;background: #ffffff;}
	#index .mainReport .wrap{}
	#index .mainReport .head{margin: 0 0 40px 0;display: flex;flex-direction: column;align-items: flex-start;}
	#index .mainReport .head .sub{line-height: 1.2;font-size: 18px;font-weight: bold;color: #999999;margin: 0 0 8px 0;}
	#index .mainReport .head .tit{position: relative;padding: 0 0 12px 0;line-height: 1.2;font-size: 28px;font-weight: bold;color: #000000;text-transform: uppercase;}
	#index .mainReport .head .tit:before{content:'';position:absolute;bottom:0;left:0;width:100%;height: 5px;background: #000;}
	#index .mainReport .cont{}
	#index .mainReport .cont ul{display: flex;flex-direction: column;}
	#index .mainReport .cont li{display: flex;}
	#index .mainReport .cont li + li{margin-top:30px;padding-top:30px;border-top:1px solid #dddddd}
	#index .mainReport .cont li .num{width: 40px;flex-shrink:0;line-height: 40px;font-size: 48px;color: #ffb54a;/*font-style: italic;*/font-weight: bold}
	#index .mainReport .cont li .con{}
	#index .mainReport .cont li .tit{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 24px;font-size: 18px;font-weight: bold;color: #000;margin: 0 0 18px 0;}
	#index .mainReport .cont li .txt{line-height: 30px;font-size: 18px;color: #000000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;display: none;}
	#index .mainReport .cont li .inf{display: flex;flex-wrap: wrap;/* margin: 0 0 18px 0; */}
	#index .mainReport .cont li .inf p{position:relative;margin: 0 8px 0 0;line-height: 16px;font-size: 12px;font-weight: bold;color:#544943}
	#index .mainReport .cont li .inf p + p{padding: 0 0 0 8px;}
	#index .mainReport .cont li .inf p + p:before{content:'';position:absolute;top:50%;left:0;width: 1px;height: 10px;font-weight: bold;background:#544943;transform: translateY(-50%);}
	#index .mainReport .more{display: flex;align-items: center;justify-content: flex-end;}
	#index .mainReport .more a{display: block;width: 90px;height: 90px;}
	#index .mainReport .more a img{width:100%;height:auto;display:block;}

	.top_belt {height: 25px;	}

	#page_title {display: none}
	.leftMenuUseFlase .subTopLocNav {display: none}

	#fregisterform .btn_confirm{text-align:center; display: flex; justify-content: space-between}
	#fregisterform .btn_confirm .btn_submit{height:45px; ; padding:0 30px; font-weight:bold; font-size:1.083em; width: 49%}
	#fregisterform .btn_confirm .btn_cancel{line-height:45px; height:45px; padding:0 30px; font-weight:bold; font-size:1.083em; width: 49%}



	#footer .bottomAddr dl:first-child{width: 100%}
	#footer .bottomLogo img {width: 130px}
	#footer .bottomAddr dl {font-size: 12px; line-height: 15px}

	#footer .wrap.on .bottomAddr {display: flex}
	#footer .wrap .bottomAddr {display: none}
	#footer .wrap .bottomLink.mo {margin: 0 0 30px}
	#footer .footer_btn {display: inline}

	#go-bottom ,
	#go-bottom:hover {
		top: 105px;
	}
}


@media all and (max-width:500px) {
	#footer .bottomLink {display: none}
	#footer .bottomLink.mo {display: flex;
		margin-top: 30px;
	}
	#footer .bottomLink.mo a {font-size: 10px}
	#footer .bottomCite {font-size: 10px}
	#footer .bottomLogo img {width: 80px}

	#index .mainIssue .bg {
		display: flex;
		height: 150px;
		margin: 45px -30px -30px;
		background: url(../img/mainbg_01.jpg) no-repeat 50% 50% / cover;
	}

	#index .mainFocus .bg {
		display: flex;
		height: 150px;
		margin: 45px -30px -30px;
		background: url(../img/mainbg_03.jpg) no-repeat 50% 50% / cover;
	}

	#index .mainFocus2 .bg {
		display: flex;
		margin: 45px -30px -30px;
		height: 150px;
		background: url(../img/mainbg_04.jpg) no-repeat 50% 50% / cover;
	}
}


#hd{}
#hd .headerNotice{background:#333333;display:flex;height:38px;align-items: center;justify-content: center;}
#hd .headerNotice a{font-size:14px;color:#ffffff;}
#hd .headerTnb{background:#000000;}
#hd .headerTnb .wrap{width:1152px;max-width:100%;height: 40px;margin:0 auto;display: flex;align-items: center;justify-content: flex-end;}
#hd .headerTnb ul{display: flex;align-items: center;justify-content: center;}
#hd .headerTnb li{position:relative;}
#hd .headerTnb li a{color:#ffffff;font-size: 16px;}
#hd .headerTnb li + li{padding-left:20px;margin-left:20px;}
#hd .headerTnb li + li:before{content:'';position:absolute;top: 8px;left:0;width:1px;height:10px;background:#ffffff}
#hd .headerCon{background: #f2f2f2;}
#hd .headerCon .wrap{margin: 0 auto;width: 1152px;max-width: 100%;height: 85px;display: flex;align-items: center;}
#hd .headerCon .logo{width: 83px;height: 85px;margin: 0 57px 0 0;flex-shrink: 0;}
#hd .headerCon .logo a{}
#hd .headerCon .logo img{display: block;width: 100%;height: auto;}
#hd .headerCon .gnb{flex: 1;}
#hd .headerCon .gnb .depth1{display: flex;align-items: center;}
#hd .headerCon .gnb .depth1 .dl1{position: relative;}
#hd .headerCon .gnb .depth1 .dl1 + .dl1{margin-left:60px;}
#hd .headerCon .gnb .depth1 .da1{display: block;line-height: 70px;font-size: 23px;font-weight: bold;color: #000000;}
#hd .headerCon .gnb .depth2{position:absolute;top:100%;left: 50%;width:164px;transform:translateX(-50%);background: rgba(0,0,0,0.8);opacity: 0;visibility: hidden;transition: all 0.3s;}
#hd .headerCon .gnb .depth2 .dl2{}
#hd .headerCon .gnb .depth2 .dl2 + .dl2{border-top:1px solid rgba(255,255,255,0.5)}
#hd .headerCon .gnb .depth2 .da2{line-height: 78px;font-size: 24px;font-weight: bold;color: #ffffff;text-align: center;display: block;}
#hd .headerCon .gnb .depth1 .dl1.sel .depth2{opacity:1;visibility:visible}
#hd .headerCon .search{flex-shrink: 0;}
#hd .headerCon .search input[type="text"]{width: 320px;height: 50px;padding: 0 25px;border-radius: 50px;background: #ffffff;border: 2px solid #e8e8e8;}
#hd .headerCon .search button[type="submit"]{margin: 0 0 0 16px;width: auto;height: 50px;font-size: 24px;font-weight: bold;border: 0;color: #000000;}

