@charset "utf-8";

#wrap { width:100%; position:relative; margin:0 auto; }
.con {width:1030px; margin:0 auto;}
.fa {font-family: 'FontAwesome' !important;}
#container {width:100%; margin:0 auto; padding-top:0;}
.content {/*width:1000px;*/ margin:0 auto; min-height:600px;}
#container .content {width:1000px; font-size:0;}
#main_container {overflow:hidden; width:100%; min-width:1000px;}
a {transition:0.5s ease; -webkit-transition:0.5s ease; -moz-transition:0.5s ease;  -o-transition:0.5s ease; }
#header .con .logo{width:245px;}
/* header */
#header {   width:100%; margin:0 auto; background-color:rgba(255, 255, 255, 0.92);  text-align:center; z-index:9999;}
#header .con {text-align:left;}
#header .con .logo {display:inline-block;vertical-align:top;font-size:20px; }
#header .con ul {display:inline-block; vertical-align:top;}
#header .con ul.main_menu li {display:inline-block; vertical-align:top;}
#header .con ul.main_menu > li.active > a {  font-weight: 700 !important; position:relative;}
/*#header .con ul.main_menu > li.active a:after {content:""; position:absolute; left:0; width:100%;  bottom:10px; height:2px; background-color:#fff;}*/

#header .right_menu {display:inline-block; text-align:right;}
#header .gnb {width:100%; margin-top:10px;}
#header .gnb ul {}
#header .gnb ul li {display:inline-block;}
#header .gnb ul li a {padding:0 10px; line-height:1.8; position:relative; color:#666666;}
#header .gnb ul li a:after {content:""; background:#666666; width:1px; height:10px; right:0; top:3px; position:absolute;}
#header .gnb ul li:last-child a:after {content:none;}

#header ul.main_menu {display:inline-block; font-size:0; vertical-align: top;  margin-top:0;  border:1px solid #1a4090;  }
#header ul.main_menu > li {display:inline-block; vertical-align:top;}
#header ul.main_menu > li#main_no1 {display:none;}
#header ul.main_menu > li.all_li {background:#1d5cac; color:#fff;}
#header ul.main_menu > li > a {display:inline-block; font-size:15px; font-weight:bold; text-align:center; text-align:center; width:100%; font-family:'Malgun Gothic',sans-serif;}
#header ul.main_menu > li.all_li a {color:#fff;}
#header ul.main_menu > li.on > a {  position:relative;}
/*#header ul.main_menu > li.on > a:after {content:""; position:absolute; left:0; width:100%;  bottom:10px; height:2px; background-color:#fff;}*/
#header ul.main_menu > li > a.off {opacity:0.3;}
#header ul.sub_menu {display:none; position:absolute; left:0; top:45px;    z-index:9999; background:#fff; width:250px; border:1px solid #333;}
/*#header ul.main_menu > li.on > ul.sub_menu {display:inline-block;}*/
#header ul.sub_menu > li { display:inline-block; width:100%;}
#header ul.sub_menu > li > a {line-height:30px; font-size:14px; color:#000;  text-align:center; display:inline-block; width:100%; padding:0 20px; font-family:'Malgun Gothic',sans-serif;}
#header ul.sub_menu > li > a:hover {background:#eee;}
#header ul.main_menu li.menu_box:hover {background-color:rgba(0,0,0,0.3);}
#header ul.main_menu li.menu_box:after {content:"\f063"; font: normal normal normal 14px/1 FontAwesome; position:relative; right:5px;}


#header .top_header {background:#fff;  width:1030px; margin:0 auto;}
#header .top_header .con {position:relative; width:1030px; margin:0 auto;  text-align:left;}
#header .top_header .con > div {display:inline-block;}
#header .top_header div.lbanner {float:left; padding-top:0px;}
#header .top_header div.rbanner {position:absolute; right:13px; top:0; }
#header .top_header .con > div.rbanner ul {}
#header .top_header div.rbanner ul li {display:inline-block; position:relative;}
/*#header .top_header .con > div.rbanner ul li:after {content: ""; width: 1px; height: 9px; position: absolute; right: -1px; top: 3px; background: #c8c8c8;}*/
#header .top_header .con > div.rbanner ul li:last-child:after {content:none;}
#header .top_header div.rbanner ul li a {display:inline-block; font-size:12px; color:#888; padding:0 10px;}


#header .etc_header {border-bottom:1px solid #ccc;}
#header .top_header ul {display:inline-block;}
#header .top_header ul li {display:inline-block; vertical-align: top;}
#header .top_header ul li a {display:inline-block; line-height:32px; padding:0 5px; font-size:12px;}
#header .top_header .update {display:inline-block; line-height:32px; font-size:12px; letter-spacing:0px;}
#header .top_header .loginr {display:inline-block; float:left; vertical-align: top;}
#header .top_header .loginr img {width:20px; height:auto;}


#header .bot_header {margin:0 auto;}
#header .bot_header .con {position:relative;}
#header .submenu_space {background:#cee2bb; height:45px; text-align:left;  width:1000px; margin:0 auto;}

/* 로그인 */
.xe-widget-wrapper  {display:inline-block;}
.login_white {width:auto; text-align:left; border:none;}
.login_white .idpwWrap {display:inline-block; margin-top:9px; margin-left:10px;}
.login_white h2 {display:none;}
.login_white input {width:120px; height:18px;}
.login_white .idpw {display:inline-block;}
.login_white .save {display:inline-block;  font-size:13px;  line-height:1; margin-top:5px;}
.login_white .save input {width:auto; height:auto; margin:0; padding:0;}
.login_white .login_mod {display:inline-block; margin-left:5px; margin-top:2px;}
.login_white .login_mod input {width:auto;  height:20px; border-radius:5px;}
.login_white .help {display:inline-block; display:none;}
.login_white .help li {display:inline-block;}

.login_white .userName {display:inline-block; margin-left:10px; margin-top:10px;}
.login_white .userName > div {display:inline-block;}
.u_name {margin-top:5px;}
.latestLogin {display:inline-block;}
.waubutton  {float:right; background:#ac1d1d !important; margin-top:6px; }
.userMenu {display:none;}
.latestLogin {margin-top:12px; margin-left:5px;}
.latestLogin br {display:none; }

#header .top_header .h_banner {display:inline-block;vertical-align:top; float:left;}
#header .top_header .logo {vertical-align:top; display:inline-block;  }


#header .bot_header .h_search {display:inline-block; vertical-align:top; font-size:0;}
#header .bot_header .h_search .search_box { background-color: #2270a9;       padding: 4px; padding-left:20px;   }
#header .bot_header .h_search .search_box input {border:none; outline:none; height:33px; vertical-align: top; box-sizing:border-box;-moz-box-sizing:border-box; font-size:12px; background:#2270a9; width:128px; color:#fff;}
#header .bot_header .h_search .search_box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
#header .bot_header .h_search .search_box input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
#header .bot_header .h_search .search_box input:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
#header .bot_header .h_search .search_box input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

#header .bot_header .h_search .search_box .search_btn {font-size:20px; cursor:pointer; display:inline-block; padding:1px 8px; display:inline-block;}





strong.noKeyword {margin:0 auto; text-align:center; min-height:700px; padding-top:200px; font-size:30px;}
strong.noKeyword svg {width:100%; display:inline-block;text-align:center; font-size:120px;}
strong.noKeyword i {width:100%; display:inline-block;text-align:center; font-size:120px;}
strong.noKeyword span {display:block; margin-top:20px; }
.x>.body .content {font-size:14px;}

.xe_content {padding:0 100px;}
.xe_content p {font-size:16px;}
.document_tit { text-align:center; line-height:40px; padding:20px 0; font-size:24px;}

.board .xe_content {padding:0;}
.isMore {width:1200px; margin:0 auto;}

.search_con {width:100%; margin:40px auto 0; font-size:14px; line-height:1.6;}
#container .search_con .con {width:950px !important;}
#container .isMore {width:100%;}

/* footer */
/*#footer .f_logo {display:inline-block; margin-left:20px;}*/
/*#footer .f_con {display:inline-block; margin-left:40px; text-align:left;}*/
/*#footer .f_con ul {display:inline-block; font-size:0;}*/
/*#footer .f_con ul li {display:inline-block; vertical-align:top; font-size:16px;}*/
/*#footer .f_con ul li a {display:inline-block; padding:0 10px; position:relative; line-height:1.4; text-align:center; font-weight:bold;}*/
/*#footer .f_con ul li a:after {content:""; background-color:#ccc; width:1px; height:10px; top:7px; right:0; position:absolute;}*/
/*#footer .f_con ul li:last-child a:after {content:none;}*/
/*#footer .f_con .f_p {margin-top:20px;}*/
/*#footer .f_con .f_p p {line-height:1.7; font-size:17px; text-align:left;}*/
/*#footer .f_con .copyright {font-size:15px; text-align:left; margin-top:20px; margin-bottom:20px;}*/

#footer {  width:100%; display:inline-block; text-align:center; min-width:1000px; vertical-align:top; border-top:1px solid #ccc;}
#footer .con {position:relative; padding:40px 0;}
#footer .flogo {left:0; top:20px; position:absolute;}
#footer .flogo img {width:150px; height:auto;}
/*#footer .sitemap {display:inline-block; text-align:left; width:25%; float:left;}*/
/*#footer .sitemap h4 {font-size:20px; line-height:2;}*/
/*#footer .sitemap ul {display:inline-block;}*/
/*#footer .sitemap ul li {display:inline-block; width:100%;}*/
/*#footer .sitemap ul li:before {content:"-"; position:relative; right:-10px;}*/
/*#footer .sitemap ul li a {font-size:16px; color:#428bcc; display:inline-block; line-height:1.5; padding:2px 20px;}*/
/*#footer .sitemap ul li a:hover {transform: scale(1.1,1.1);    -ms-transform: scale(1.1,1.1);    -moz-transform: scale(1.1,1.1);    -webkit-transform: scale(1.1,1.1);    -o-transform: scale(1.1,1.1);}*/
/*#footer .info {color:#000; font-size:12px; width:100%; display:inline-block; float:left;  text-align:left; word-spacing:0;}*/
/*#footer .info h4 {font-size:20px; line-height:2; display:none;}*/
/*#footer .info p {line-height:1.8;display:inline-block; }*/
/*#footer .info .btn {display:none;}*/
#footer .copyright {color:#000000; font-size:12px; text-align:left; display:inline-block; width:100%; text-align:center;}

/* 모바일 */
#mobile_header {height:50px; width:100%; /*position:fixed; top:0; left:0;*/background-color:#ffffff; text-align:center; z-index:9999; position:relative;}
#mobile_header .logo {display:inline-block; height:50px;}
#mobile_header .logo img {height:50px; width:auto;}
#mobile_header .mo_menu {display:block; text-align: center;   position: absolute; right:0; top:0; width:25px; height:100%; float:right; margin-right:20px;}
#mobile_header .mo_menu .set_nav_btn {    width: 25px;  height: 25px;  top: 50%;   right: 0;   cursor: pointer;    z-index: 30;  margin-top: -12.5px;}
#mobile_header .mo_menu .set_nav_btn .line {width:25px;height:3px;top:1px;left:0;background-color:#000;}
#mobile_header .mo_menu .set_nav_btn .line + .line {top:10px;}
#mobile_header .mo_menu .set_nav_btn .line + .line + .line{top:20px;}
.ab {position:absolute;}

#mobile_header .mo_menu .bar {
      -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
    }

#mobile_header .mo_menu .set_nav_btn.on .top {
      -webkit-transform: translateY(5px) rotateZ(46deg);
      -moz-transform: translateY(5px) rotateZ(46deg);
      -ms-transform: translateY(5px) rotateZ(46deg);
      -o-transform: translateY(5px) rotateZ(46deg);
      transform: translateY(5px) rotateZ(46deg);
	  width:35px; left:-5px; top:6px;
      
    }

#mobile_header .mo_menu .set_nav_btn.on .bottom {
      -webkit-transform: translateY(-9px) rotateZ(-50deg);
      -moz-transform: translateY(-9px) rotateZ(-50deg);
      -ms-transform: translateY(-9px) rotateZ(-50deg);
      -o-transform: translateY(-9px) rotateZ(-50deg);
      transform: translateY(-9px) rotateZ(-50deg);
	  width:35px; left:-5px;
    }

#mobile_header .mo_menu .set_nav_btn.on .middle {
	  display:none;
	  width:0;
    } 

/* 모바일 푸터 */
#mo_footer {width:100%; background-color:#333; text-align:center; min-height:130px; color:#ffffff; padding:20px 0;}
#mo_footer .f_logo {display:inline-block; margin:10px auto; text-align:center;}
#mo_footer .f_info {font-size:11px; letter-spacing:-1px; margin:0 auto; line-height:1.2;}
#mo_footer .f_copyright {font-size:11px; letter-spacing:0px; margin:5px auto;}

/* input,select */
/*input { padding:5px 10px; border:1px solid #ddd; color:#666; outline:none; }*/
/*select { padding:6px 10px; border:1px solid #ddd; color:#666; outline:none; }*/
/*input[type="checkbox"] , input[type="radio"] { border:none; }*/
/*input[type="file"] { border:none; width:90%; }*/




/*  */
#header .con .logo {position:relative; padding:25px 0;}
#header .con .logo img{width:auto;}
#header ul.main_menu > li > a {line-height:40px; color:#fff; padding:0 15px;}


#header .etc_header {background-color:white;}

#header .bot_header {background:#1a4090; width:100%;}
#header .bot_header .h_search .search_box .search_btn {background:#2270a9; color:#fff;}
#header .con ul.main_menu > li.active > a {color:#1a4090;  background:#fff;}
#header .bot_header .h_search {float:right; margin-top:0px;}

.rbanner{border-bottom:1px solid #ccc; padding:3px 0; background:#3c3c3c;}
.rbanner::after{content:''; clear:both; display:block;}
.rbanner .loginr{float:right; display:inline-block;}
.rbanner .update{float:left; display:inline-block; color:#ddd; line-height:23px;}
.rbanner .loginr ul li{display:inline-block; width:25px;}


.adsbygoogle[data-ad-status="unfilled"] { display: none !important;}

@media (max-width: 1024px) {
	html { overflow-x: hidden;}
	#right_cont2, #right_cont {display:none !important;}
	.right_content { display: none;}
	#right_cont2, #right_cont {display:none !important;}
	#header .top_header { width: 100%;}
	#header .top_header .con { width: 100%;}
	#header .con .logo { width: 100%; left: unset; margin: 0 auto !important; text-align: center;}
	#header .bot_header { height: unset;}
	#header .bot_header .con {  width: 100%; max-width: 1000px;}
	#header ul.main_menu { display: flex; flex-wrap: wrap; padding: 0 15px; float: unset;}
	#header .con ul.main_menu li { width: 50%;flex-grow: 1;}
	#header .con .logo img { width: 50%; max-width: 340px;}
	.con { width: 100%; max-width: 720px; margin: 0 auto;}
	.ad_wrap { max-width: 1000px; width: 100% !important; justify-content: center;}
	.ad_wrap .adsbygoogle:nth-of-type(2), .ad_wrap .adsbygoogle:nth-of-type(3), .ad_wrap .adsbygoogle:nth-of-type(4) { display: none !important;}
	.adsbygoogle[data-ad-status="unfilled"] { display: none !important;}

	.main_content { width: 100% !important; max-width: 1000px;}
	
	/* 메인 개별 조정 */
	.swiper-container2 { width: 100%;}
	.main_sub, .sildeBox { height: unset !important; position: unset;}
	.li_pa { width: 100%;}
	.li_pa_tit { width: 100%;}

	.main_board .board00 { width: 100%;}
	.main_board .board_content .left,
	.main_board .board_content .right,
	.right02,
	.right02>.board00.board04{ width: 100%; margin-left: unset ;}
	.main_board2 { margin: 0 auto;}
	.main_board2 .board05 ul li .thum { display: none !important;}
	.center_main2 { width: 100%; padding: 15px;}
	.main_board2 .board05 ul li .name_a { width: 100%; margin: 0 auto;}
	.main_board2 .board05 ul li .name_a .name_c { height: 37px;}
	.wdg_bd.wdg_bd03 { width: 100% !important; max-width: 1000px ;text-align: center;}
	.wdg_bd04 { text-align: center;}
	.wdg_bd03 .widgetZineA { display: flex; flex-direction: column;}
	.wdg_bd03 .widgetZineA li { width: 100%; }
	.wdg_bd03 .widgetZineA li p.thumbArea { width: 100% !important; }
	.wdg_bd03 .widgetZineA li p.thumbArea a { width: 100% !important; height: unset !important;}
	.wdg_bd03 .widgetZineA li p.thumbArea img { width: 100% !important; height: unset !important;}
	.wdg_bd04 .widgetZineA { display: flex; flex-direction: column;}
	.wdg_bd04 .widgetZineA li { display: flex; flex-direction: column; width: 100% !important;}
	.wdg_bd04 .widgetZineA li:nth-child(n+5) { display: none !important;}
	.wdg_bd04 .widgetZineA li p.titleArea { width: 100%; margin-left: unset !important; padding: 15px;} 
	.wdg_bd04 .widgetZineA li p.thumbArea { position: unset; width: 100% !important;}
	.right02 .xe-widget-wrapper { width: 100%;}
	.header_slide { margin: 0 auto; display: flex;}
	.header_slide .xe-widget-wrapper { width: 70%;}
	.widgetZineA li .thumb img,
	.widgetZineA li .thumb{  width: 100% !important; height: unset !important;}
	.widgetZineA li p.thumbArea { width: 100% !important;}
	.wdg_bd04 .widgetZineA li p.text { margin-left: unset !important;}
	.wdg_bd04 .widgetZineA li p.titleArea a.title { width: 100% !important;}



	.left_content { width: 100%; max-width: 720px; margin: 0 auto; display: block; padding: 0 15px;}
	#footer { min-width: unset;}
	#footer .con { padding: 20px 15px;}
	#footer .flogo { position: unset;}
	#footer .copyright { margin-left: unset;}

	.ads { justify-content: center;}
	.adbox2 { display: none !important;}
	.ad_wrap .ad_box:nth-of-type(1),
	.ad_wrap .ad_box:nth-of-type(3){ display: none !important; }
	.ad_wrap .ad_box .adsbygoogle { display: block; width: 300px ; height: 250px;}

	/* 서브페이지 */
	.board { padding-top: 15px;}
	.board_list table { margin: 0 auto;}
	.board_list table tr { max-width: 620px; width: 100% !important; margin: 0 auto 15px;     display: block;}
	.board_list table tr:first-child td.tit_first { width: 100%;}
	.board_list table .title a { width: 100%; max-width: 610px;}
	.board_list table .t1 { white-space: unset; padding-right: 10px;}
	.board_list table tr td.td_img { width: 100%;}
	.board_list table tr:first-child .t2 .t2_b { /* max-width: 300px; */ width: 100%; }
	.board_list table .t2 .t2_b { /* max-width: 300px; */ width: 100%;}
	.board_list table tr td.tit_first { /* max-width: 300px; */ width: 100%; white-space: unset;}
	.board_list table .td_img a { border: none;}
	.board_list table .date { display: none;}

	.board_list table .td_img a img { width: 100%;}
	.board_list table tr td.title { width: 100%;  margin: 0 auto;}
	.board_list td.title .t2 { height: 153px;} 
	.board_list .thum1 { padding-bottom: 0;}
	.board_list table tr:first-child td.td_img a { border: none; height: unset;}
	.board_list table .t2 { width: 100%; max-width: 590px; padding: 5px; }
	.main_board2 .board04 a { width: 100%; }
	.main_board2 .board04 ul li .thum { width: 100%; padding-bottom: unset; height: 105px; position: relative;}
	.main_board2 .board04 ul li .thum .tmb_box { left: 0; transform: translateY(-50%); top: 35%;}
	.list_footer .board_search { text-align: center; float: unset;}
	.list_footer .board_search .btn { position: unset;}
	.list_footer .pagination { display: flex; justify-content: center;}
}