@charset "utf-8";

#wrap { width:100%; position:relative; margin:0 auto; }
.con {width:1000px; 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 */
#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;  color:#fff;  }
#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;    }
#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; line-height:50px; color:#fff; font-weight:bold; padding:0 50px; 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;}

@media screen and (max-width: 1300px) {
	.float_ab02, .float_ab00{ display: none !important;}
}
#header .top_header {background:#fff;  width:1000px; margin:0 auto;}
#header .top_header .con {position:relative; width:1000px; margin:0 auto;  text-align:left;}
#header .top_header .con > div {display:inline-block;}
#header .top_header .con > div.logo {padding:0;}
#header .top_header .con > div.lbanner {float:left; padding-top:0px;}
#header .top_header .con > div.rbanner {float:right; margin-top:21px;}
#header .top_header .con > div.rbanner ul {}
#header .top_header .con > 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 .con > 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 .etc_header ul {display:inline-block;}
#header .etc_header ul li {display:inline-block; vertical-align: top;}
#header .etc_header ul li a {display:inline-block; line-height:32px; padding:0 5px; font-size:12px;}
#header .etc_header .con {text-align:left;}
#header .etc_header .update {display:inline-block; line-height:32px; font-size:12px; letter-spacing:0px;}
#header .etc_header .loginr {display:inline-block; float:right; vertical-align: top;}
#header .etc_header .loginr img {width:20px; height:auto;}


#header .bot_header {background:#5A3CA1;  width:100%; 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; float:right; margin-top:6px; font-size:0;}
#header .bot_header .h_search .search_box { background-color: #333;   border: #333 solid 1px;    padding: 0 0px 0 17px; height:32px; overflow:hidden; border-bottom:2px solid #fff;}
#header .bot_header .h_search .search_box input {border:none; outline:none; height:30px; vertical-align: top; box-sizing:border-box;-moz-box-sizing:border-box; font-size:12px; background:#333; width:128px;}
#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; background:#333; color:#fff; 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; margin-top:60px;  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%; }*/


.linebox ul {display:inline-block;}

.linebox ul li {display:inline-block;     padding: 0 5px;}