@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; margin-top:20px;}
#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 {display:inline-block; width:100%; background-color:rgba(255, 255, 255, 0.92); display:inline-block; text-align:center; z-index:9999;}
header .con {text-align:left;}
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 { position:relative;  color:yellow;}*/
/*header .con ul.main_menu > li.active a:after {content:""; position:absolute; right:50%; width:20px; margin-right:-10px; bottom:5px; height:2px; background-color:#fff;}*/

header .right_menu {display:inline-block; text-align:right; width:975px;}
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; width:100%; margin-top:0; position:relative; text-align:center;}
header ul.main_menu > li {display:inline-block; vertical-align:top; width:14%;}
header ul.main_menu > li > a {position:relative;}
header ul.main_menu > li > a:after {content:""; background:#fff; width:1px; height:20px; right:0; top:17px; position:absolute;}
header ul.main_menu > li:last-child > a:after {content:none;}
header ul.main_menu > li:first-child {display:none;}
header ul.main_menu > li > a {display:inline-block; font-size:16px; line-height:55px; color:#fff; font-weight:bold; width:100%; text-align:center; background:url("/Img/dot.png") right center no-repeat;}
header ul.main_menu > li:last-child > a {background:none;}
/*header ul.main_menu > li.on > a {color:yellow; position:relative; top:-2px;}*/
/*header ul.main_menu > li.on > a:after {content:""; position:absolute; right:50%; width:20px; margin-right:-10px; bottom:5px; height:2px; background-color:#fff;}*/
header ul.main_menu > li > a.off {opacity:0.3;}
header ul.sub_menu {position:relative; overflow:hidden; padding:5px; padding-left:200px; background-color:#fff; width: 100%;    box-sizing: border-box;}
header ul.sub_menu.sub_menu01 {border-color:#ff6f6f;}
header ul.sub_menu.sub_menu02 {border-color:#ff9252;}
header ul.sub_menu.sub_menu03 {border-color:#e8bc28;}
header ul.sub_menu.sub_menu04 {border-color:#49da5b;}
header ul.sub_menu.sub_menu05 {border-color:#687abd;}
header ul.sub_menu.sub_menu06 {border-color:#9468bd;}
/*header ul.sub_menu li a:hover {color:#fff;}*/
header ul.sub_menu.sub_menu01 li a:hover {background:#ff6f6f;}
header ul.sub_menu.sub_menu02 li a:hover {background:#ff9252;}
header ul.sub_menu.sub_menu03 li a:hover {background:#e8bc28;}
header ul.sub_menu.sub_menu04 li a:hover {background:#49da5b;}
header ul.sub_menu.sub_menu05 li a:hover {background:#687abd;}
header ul.sub_menu.sub_menu06 li a:hover {background:#9468bd;}
/*header ul.main_menu > li.on > ul.sub_menu {display:inline-block;}*/
header ul.sub_menu > li {width:25%;display:inline-block; float:left;}
header ul.sub_menu > li > a {line-height:50px; font-size:14px; color:#000; margin:0px; text-align:center; display:inline-block; width:100%;}
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 ul.main_menu .sub_menu_wrap {position:absolute; width:100%; left:0; display:none;background-color: #fff;    z-index: 9999;  box-shadow: 4px 6px 14px 1px rgba(51, 51, 51, 0.6);}
header ul.main_menu .sub_menu_wrap h2 {position:absolute; left:20px; top:20px; font-size:20px; font-weight:bold; z-index:9990;}

header .top_header {width:100%; text-align:center; background: #1fa2ba;}
header .top_header .con {text-align:right; width: 1200px; }
header .top_header .h_banner {display:inline-block;vertical-align:top; float:right}
header .top_header .logo {vertical-align:top; float:left; margin-top:24px;}
header .top_header .h_search {display:inline-block; vertical-align:top; margin-top: 25px;    margin-bottom: 25px; }
header .top_header .h_search .search_box { background-color: #FFF;   border: #005aab solid 3px;   padding: 0 0px 0 17px; height:45px; overflow:hidden;}
header .top_header .h_search .search_box input {border:none; outline:none; height:38px; box-sizing:border-box;-moz-box-sizing:border-box; font-size:16px; background:#fff; width:168px; vertical-align:top; font-size:14px;}
header .top_header .h_search .search_box .search_btn {font-size:20px; background:#005aab; color:#fff; cursor:pointer; display:inline-block; padding:8px 13px; display:inline-block;}
header .top_header ul {display: inline-block; font-size:0; margin-top:36px; margin-right:20px;}
header .top_header ul li {display: inline-block; vertical-align: top; position:relative;}
header .top_header ul li:after {content:""; position:absolute; right:0; top:6.5px; width:1px; height:10px; background:#fff;}
header .top_header ul li:last-child:after {content:none;}
header .top_header ul li a {display: inline-block; padding:0 15px; line-height:24px; color:#fff; font-size:14px; font-weight:bold;}

header .bot_header {width:100%; background:#005aab;}

header .etc_header {background:#4f6c8b;}
header .etc_header .con {text-align:right;}
header .etc_header ul {display:inline-block; font-size:0; padding:20px 0;}
header .etc_header ul li {display:inline-block; vertical-align:top; position:relative;}
header .etc_header ul li:after {content:""; position:absolute; right:0; top:0; width:1px; height:10px; background:#fff;}
header .etc_header ul li a {font-size:14px; padding:0 20px; line-height:1.4; display:inline-block; color:#fff;}


/* 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 {background-color:#f9f9f9; width:100%; display:inline-block; text-align:center; margin-top:60px; padding:20px 0; min-width:1000px; vertical-align:top;}
#footer .con {position:relative;}
/*#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 .info {padding-left:250px;}
#footer .copyright {color:#000000; font-size:13px; text-align:left;  width:100%; margin-top:10px;}
#footer p {text-align:left; font-size: 13px;}
#footer .flogo {display: inline-block; vertical-align: top; position:absolute; left:0; top:-3px;}

/* 모바일 */
#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%; }*/