@charset "utf-8";
/* CSS Document */

/* CSS 초기화 테그 */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* ==== Google font ==== */
@import url('http://fonts.googleapis.com/css?family=Raleway:400,900,700|Open+Sans:300,400,600,700');
/* === fontawesome === */
@import url('font-awesome.css');


body,div,ul,dl,dd,ol,p,h1,h2,h3,h4,h5,h6,form{margin:0; padding:0; border:0px; font-family: 'NanumGothic', sans-serif; font-size:13px }
body{overflow-x:hidden}
a{ text-decoration:none; color:inherit; color:#333;,outline:none;}
ul,ol,dl{list-style:none;}
img{border:0;}
ul,li{list-style:none; padding:0; margin:0;}
blockquoute, q {quotes: none;}
div {display:block;}

/* clearfix*/
.clearfix:after  {content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix   {display: inline-block;}
/* Hides from IE-mac \*/
*html .clearfix {height: 1%;}
.clearfix   {display: block;}

/* common*/

.pad10{padding:10px 0;}
.pad5{padding:5px 0;}


/*header*/

.header_wrap{width:100%;border-bottom:1px solid #dddddd;}
.header_wrap .top {width:1100px; margin:0 auto;height:35px;}
.header_wrap .top .t_right{float:right;font-size:13px;padding:8px 0;}
.header_wrap ul li {display:inline-block;color:#474747;float: left;}
.header_wrap .gray {color:#909090;padding:0 8px;}

.menu_wrap  {width:1100px; margin:0 auto;padding:10px 0;height:65px;}
.logo_wrap {float:left;width:265px;}


/*menu*/

.h001{
	margin:0;
	padding:0 0 0px;
	position:relative;
	z-index:2000;
	width:735px;
	float:right;
}

/* --- menu --- */

.h001 .navigation {
	float:left;
}

.h001 ul.nav li {
	border:none;
	margin:0;
}

.h001 ul.nav li a {	
	border:none;
	font-weight:600;
}
.h001 ul.nav li ul {
	z-index:1000;
	margin-top:15px;
}
.h001 ul.nav li ul li ul {
	margin:1px 0 0 1px;
}
.h001 ul.nav li a i {	
	color:#fff;
}
.container,
.navbar-static-top .container{
  /*width: 940px;*/
}
.container {
 /* margin-right: auto;
  margin-left: auto;*/
  *zoom: 1;
}
.container:before,
.container:after {
  display: table;
  line-height: 0;
  content: "";
}

.container:after {
  clear: both;
}

.dropdown {
  position: relative;
}
.nav {
  margin-bottom: 20px;
  margin-left: 0;
  list-style: none;
}

.nav > li > a {
  display: block;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {
  cursor: pointer;
}


.navbar .nav a:hover {
	background:none;
}

.navbar .nav > .active > a,.navbar .nav > .active > a:hover {
	font-weight:600;
}

.navbar .nav > .active > a:active,.navbar .nav > .active > a:focus {
	background:none;
	outline:0;
	font-weight:600;
}

.navbar .nav li .dropdown-menu {
	z-index:1000;
}
.navbar .nav {
  position: relative;
  left: 0;
  display: block;
  float: left;
  margin: 0 10px 0 0;
}
.navbar .nav > li {
  float: left;
}
.navbar .nav > li > a {
  float: none;
  padding: 10px 15px 10px;
  color: #777777;
  text-decoration: none;
  text-shadow: 0 1px 0 #ffffff;
}
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
  color: #333333;
  text-decoration: none;
  background-color: transparent;
}

.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  color: #555555;
  text-decoration: none;
  background-color: #e5e5e5;
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
     -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

.navbar .nav > li > .dropdown-menu:before {
  position: absolute;
  top: -7px;
  left: 49px;
  display: inline-block;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-left: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}

.navbar .nav > li > .dropdown-menu:after {
  position: absolute;
  top: -6px;
  left: 50px;
  display: inline-block;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #0D1F51;
  border-left: 6px solid transparent;
  content: '';
}

.dropdown-menu {
  *border-right-width: 0;
  *border-bottom-width: 0;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;

}
.dropdown-menu .dropdown i {
	position:absolute;
	right:0;
	margin-top:3px;
	padding-left:20px;
}

.dropdown-submenu > .dropdown-menu {
  -webkit-border-radius: 0 0 0 0;
     -moz-border-radius: 0 0 0 0;
          border-radius: 0 0 0 0;
}

.navbar .nav {
  border-right:none;
  border-left:none;
}

.navbar .nav > li > a {
  float: none;
  font-size:17px;
  font-weight:600;
  margin-left:10px;
  margin-right:0;
  text-decoration: none;
  text-shadow: none;
  border-right:none;
  border-left:none;
  color: #333;
  border:2px solid transparent;
  padding:20px 32px 20px 32px;

  background-image: none;
   background: none;
}

.navbar .nav > li > a:hover,
.navbar .nav > li > a:focus {
	color:#1C3B96;
  /*
  color: #dddddd;
   background-color: none;
  background-image: none;
  background-repeat: repeat-x;
  filter: none; 
  text-decoration: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;	
  border:2px solid #302f2f;
  padding:4px 15px 4px 15px;
   background: #343434;
	-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
			border-radius: 6px;
   -moz-box-shadow:    inset 0 0 1px #555;
   -webkit-box-shadow: inset 0 0 1px #555;
   box-shadow:         inset 0 0 1px #555;	
   */
}
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
  /*
  color: #fff;
  border:2px solid #302f2f;
  padding:4px 10px 4px 10px;

  background-image: none;
   background: #343434;
  filter: none;  
  text-decoration: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
	-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
			border-radius: 6px;
   -moz-box-shadow:    inset 0 0 1px #555;
   -webkit-box-shadow: inset 0 0 1px #555;
   box-shadow:         inset 0 0 1px #555;
*/
}

.navbar .nav  > a i[class^="icon-"]{
	color:#fdfdfd;
}
ul.nav li.dropdown a {
	z-index:1000;
	display:block;
}

ul.nav li.dropdown ul li ul.dropdown-menu {
	margin-left:0px;
	/*
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
	*/
}

ul.nav li.dropdown ul li i {
	margin-right:20px;
}

 select.selectmenu {
	display:none;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 180px;
  padding: 0;
  margin: 2px 0 0;
  list-style: none;
	background: #0D1F51;
  border: none;
  border: none;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
border:2px solid #0D1D51;
border-top:none;
  -webkit-background-clip: none;
     -moz-background-clip: none;
          background-clip: none;
 /* -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;*/
}
.dropdown-menu li {
	margin:0;
	padding:0;
}

.dropdown-menu li  a {
  color: #ddd;
  font-size:14px;
  padding:18px 15px 10px 18px;
  margin:0;
  text-shadow:none;
  border-bottom:1px solid #303030;
  text-decoration:none;
}

.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a, 
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-image: none;
  background-repeat: none;
  filter:none;
}
.dropdown-menu .sub-menu-level1, .dropdown-menu .sub-menu-level2 {left:100%;position:absolute;top:0;visibility:hidden;margin-top: 0;}
.dropdown-menu li:hover .sub-menu-level1 {visibility:visible;}
.dropdown-menu li li:hover .sub-menu-level2 {visibility:visible;}


}

/*main*/

.part01 {}
.main_wrap { width:1100px; margin:0 auto;padding-top:160px;}
.main_wrap .part01_wrap {width:400px;float:left;}
.main_wrap .part01_01 {background: url('../images/menu01.png') no-repeat;height:240px;}
.main_wrap .part01_01 ul {padding:60px 0 0 10px;}
*:first-child+html .main_wrap .part01_01 ul {padding:0px;margin:60px 0 10px 10px;}
.main_wrap .part01_01 ul li {padding:10px 0 10px 10px; float:left; border:1px solid #fff;background:none;width:190px;border-radius:5px;margin:8px 0;}
.main_wrap .part01_01 ul a{color:#fff;font-size:15px;font-weight:600;}
/*.main_wrap .part01_01 ul li:hover{transition:0.2s;border:3px solid #fff;}*/
.main_wrap .part01_01 ul a:hover{font-weight:800;}
.main_wrap .part01_01 ul li .plus {float:right;margin-right:10px;}

.main_wrap .part01_02 {background: url('../images/menu02.png') no-repeat;height:240px;margin-top:9px;}
.main_wrap .part01_02 ul   {padding:86px 0 0 20px;}
.main_wrap .part01_02 ul li {display:inline-block;float:left;padding-right:20px;}
*:first-child+html .main_wrap .part01_01 ul li .plus{position:absolute;padding-left:5px;}

/*window7*/
*:first-child+html .main_wrap .part01_01 ul li {padding:10px 0 10px 10px; border:1px solid #fff;background:none;width:190px;}
*:first-child+html .main_wrap .part01_01 ul li .plus {}

.main_wrap .part02_wrap {width:336px;float:left;}
.main_wrap .part02_01 {background: url('../images/menu03.png') no-repeat;height:490px;margin:0 10px;}
/*window7*/
.main_wrap .part02_01 .db {margin-top:85px;text-align:left;padding:0px 20px 0 20px;}
.main_wrap .part02_01 .db td {padding:8px 0;}
.main_wrap .part02_01 .db .part02_1 {width:30%;font-size:14px;color:#333333; }
.main_wrap .part02_01 .db .part02_2 {width:70%;font-size:13px;color:#666666; }
.main_wrap .part02_01 .db .part02_3 {width:30%;font-size:13px;color:#666666;}
.main_wrap .part02_01 .db .text_box {border:1px solid #c2c2c2; width:100%;padding:7px 5px;border-radius:5px;}
.main_wrap .part02_01 .db #wr_password {width:90px; border:1px solid #c2c2c2;padding:7px 5px;border-radius:5px;}
.main_wrap .part02_01 .db #secret { border:1px solid #c2c2c2;border-radius:5px;}
.main_wrap .part02_01 .db .privacy {font-size:13px;color:#666666;}
.main_wrap .part02_01 .db .privacy a{font-size:13px;color:#666666;}
.main_wrap .part02_01 .db .textarea01 { width:100%;padding:5px 5px;  border:1px solid #c2c2c2; border-radius:5px;height:60px;}
.main_wrap .part02_01 .db .db_btn {width:100%;padding:8px 0;text-align:center;color:#fff;background:#1f45b4;border-radius:5px; } 
.main_wrap .part02_01 .db .db_btn a {color:#fff;}
.main_wrap .part02_01 .db .db_btn:hover {background:#2ac7e1;transition:0.3s; }


.main_wrap .part03_wrap {width:343px;float:left;}
.main_wrap .part03_01 {background: url('../images/main_tel.png') no-repeat;height:167px;}

.main_wrap .part03_02 {width:343px;height:284px;}
.main_wrap .part03_02 ul {margin:40px 20px 0 20px;}
.main_wrap .part03_02 ul li{display:inline-block;width:90px;padding:0 25px 20px 25px;font-weight:800;text-align:center;color:#fff;}
.main_wrap .part03_02 ul li img {display:block;}
.main_wrap .part03_02 ul li:hover {color:#14276B;font-weight:800;transition:0.3s;} 
.main_wrap .part03_02 ul li p {display:block;padding-top:15px;}

/*window7*/
*:first-child+html .main_wrap .part03_02 ul li{display:inline;width:90px;padding:0 25px 20px 25px;font-weight:800;text-align:center;color:#fff;}


/*board*/

.board_wrap{width:1100px; margin:0 auto;padding:25px 0;}
.board_wrap  .plus {position:absolute;right:20px;top:8px;font-weight:300;color:#fff;font-size:35px;}
.board_wrap  .plus a {color:#fff;}
.board_wrap  ul li {margin:15px 20px; color:#333333;font-size:14px;line-height: 100%;padding-top: 5px;}
.board_wrap  ul li a{float:left;}
.board_wrap  ul li a:hover{text-decoration:underline;}
.board_wrap  ul li .date {float:right;color:#666;font-size:13px;}
.board_wrap  ul li .date a{color:#666;}
.board_wrap  li:after { content: ""; display: block;clear: both;}

.board_wrap .notice_wrap {width:350px;height:210px;border:1px solid #dddddd;background:#fff;float:left;border-radius: 5px;}
.board_wrap .notice_wrap h2 {font-size:24px;font-weight:600;color:#fff;background:#27c0dc;padding:13px 0 13px 20px; position:relative;}
.board_wrap .online_wrap {width:350px;height:210px;border:1px solid #dddddd;background:#fff;float:left;border-radius: 5px;margin-left:22px;}
.board_wrap .online_wrap h2 {font-size:24px;font-weight:600;color:#fff;background:#588fe3;padding:13px 0 13px 20px; position:relative;}
.board_wrap .faq_wrap {width:350px;height:210px;float:left;border-radius: 5px;margin-left:22px;}



/*footer*/

.footer_wrap {width:100%;}

.footer1_wrap {width:100%;background:#6b7079;height:50px;}
.footer1_in {width:1100px; margin:0 auto;}
.footer1_in ul li {display:inline-block;color:#fff;float: left;fon-tsize:15px;font-weight:600;padding:18px 0;}
.footer1_in ul li a{;color:#fff;}
.footer1_in ul li a:hover{;color:#2ac7e1;}
.footer1_in .gray {color:#eee;padding:0 8px;}


.footer2_wrap {width:100%;background:#2d2d2d;height:150px;}
.footer2_in {width:1100px; margin:0 auto;padding:40px 0;}
.footer2_in .footer_logo {float:left;width:254px;}
.footer2_in .footer_txt p {float:left; margin-left:22px;color:#e4e4e4;font-size:15px;line-height:1.6em;}


/* left gnb */

.wrap{width:100%;}
.wrap .sub_cnt{display:block; min-height:470px;margin:0 auto;width:1100px;padding: 25px 0 50px 0;;}

.lnb{float:left;width: 200px; margin-right:30px; margin-bottom:80px; }
.lnb .oneD{font-size:28px; color:#333; text-align:left; letter-spacing:-1px; font-weight:600; }
.lnb ul{margin-top:16px; border-top:2px solid #f6d703;}
.lnb ul li > a{display:block; padding:15px 0 15px 25px; font-size:15px; border-bottom:1px dotted #bac2ca;}
.lnb ul li.on > a{background:url("/img/lnb_icon_on.gif") no-repeat 0 center #0B1C52; color:#fff; font-weight:bold;}
.lnb ul li .twoD{padding:18px 0 18px 40px; border-bottom:1px dotted #bac2ca; background:#f9fafb;}
.lnb ul li .twoD a{display:block; padding:4px 0 4px 10px; background:url("/img/twoD_icon.gif") no-repeat 0 center;}
.lnb ul li .twoD a.on{font-weight:bold; color:#28292a;}

.cont{position:relative;/* float:left;*/ width:870px; overflow:hidden;  }
.cont .titBox{position:relative; margin-bottom:10px; font-size:32px; height:48px; color:#333; border-bottom:1px solid #ccc; }
.cont .titBox .tit{font-size:28px; color:#333; text-align:left; letter-spacing:-1px;font-weight:600 }
.cont .titBox .location{position:absolute; top:20px; right:0; overflow:hidden;}

.visual_wrap2 {position: relative; display: block;height: 245px;}
#featured {left: 50%; margin-left: -1000px;width: 2000px; height: 245px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;position:absolute;}

/* sub */
.contents_inner .txt03 {line-height:1.3em;}

.sub_btn{display:inline-block;padding: 15px 65px;position: relative;text-align:center;margin: 20px 324px;border: 1px solid #ddd;color: #fff;background: #01236b;}
.sub_btn a{ font-size: 15px;color:#fff;text-decoration:none;}
.sub_btn:hover{transition:0.5s;background:#2ac7e1; border-radius:30px}
#content #tab1,#content #tab2, #content #tab3, #content #tab4{display:inline-block;()}
/* sub deign*/
#tabs {
  /*overflow: hidden;*/
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

#tabs li {
  float: left;
  margin: 0 -15px 0 0;
}

#tabs a {
	 float: left;
	font-weight: 700;
	position: relative;
	padding: 0 80px;
	height: 0;
	line-height: 45px;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	border-right: 30px solid transparent;
	border-bottom: 45px solid #3D3D3D;
	border-bottom-color: #777\9;
	opacity: .3;
	filter: alpha(opacity=30);
}

#tabs a:hover,
#tabs a:focus {
  border-bottom-color: #2ac7e1;
  opacity: 1;
  filter: alpha(opacity=100);
}

#tabs a:focus {
  outline: 0;
}

#tabs #current {
  z-index: 3;
  border-bottom-color: #3d3d3d;
  opacity: 1;
  filter: alpha(opacity=100);   
}
#tab1, .#tab2, #tab3 {
	width:100%;
	overflow:none;
}

/*footer*/
.private, .policy  {
	width:100%;
	margin: 0 auto;

}
.private h2, .policy h2{
	margin:10px 0;
	font-size:18px;
    padding: 10px 10px;
    color: #333;
    line-height: 1.8em;
    letter-spacing: -0.7px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background:#efefef;
}
.private p, .policy p {
    padding: 2px 15px;
    color: #666;
    line-height: 1.5em;
}
.private h3, .policy h3{
	font-size:14px;
    padding: 10px;
    line-height: 1.6em;
	color: #333;
    letter-spacing: -0.5px;
}