@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

/*common*/
body{
 -webkit-text-size-adjust:none;
  font-family: '나눔고딕' 'NanumGothic',"돋움",AppleGothic, sans-serif; 
  /* font-family:  'Noto Sans KR', sans-serif; */
  font-size:10.5pt;
  line-height:1.5em; 
  padding:0;
  margin:0;
  word-break:keep-all;
  color:#404040;
}
a:active, a:visited, a:link {color:#404040 ; text-decoration:none;}

/* 접근성을 위한 히든 */
.access {
	width:0;
	height:0;
	font-size:0;
	line-height:0;
	overflow:hidden;
	visibility:hidden;
}
.access a {
	width:0;
	height:0;
	font-size:0;
	line-height:0;
}
.hidden_obj {
    position:absolute;
	left: 0; top :0; 
	visibility:hidden;
	overflow:hidden;
	height:0;
    line-height: 0;
	width:0;
	margin:0;
	padding:0;font:0/0 Arial
}

/* float 해제 */
.clear {
	display: inline-block;
}
.clear:after {
	content: * *;
	height:0;
	visibility:hidden;
	display:block;
	clear:both;
}
* html .clear {	height:1%;}

/* 마진,패딩 */
.l05_m {margin-left:5px;}
.r05_m {margin-right:5px;}
.t05_m {margin-top:5px;}
.b05_m {margin-bottom:5px;}
.l10_m {margin-left:10px;}
.r10_m {margin-right:10px;}
.t10_m {margin-top:10px;}
.b10_m {margin-bottom:10px;}
.l15_m {margin-left:15px;}
.r15_m {margin-right:15px;}
.t15_m {margin-top:15px;}
.b15_m {margin-bottom:15px;}
.l20_m {margin-left:20px;}
.r20_m {margin-right:20px;}
.t20_m {margin-top:20px;}
.b20_m {margin-bottom:20px;}
.l25_m {margin-left:25px;}
.r25_m {margin-right:25px;}
.t25_m {margin-top:25px;}
.b25_m {margin-bottom:25px;}
.l30_m {margin-left:30px;}
.r30_m {margin-right:30px;}
.t30_m {margin-top:30px;}
.b40_m {margin-bottom:40px;}
.l40_m {margin-left:40px;}
.r40_m {margin-right:40px;}
.t40_m {margin-top:40px;}
.b30_m {margin-bottom:30px;}
.l05_p {padding-left:5px;}
.r05_p {padding-right:5px;}
.t05_p {padding-top:5px;}
.b05_p {padding-bottom:5px;}
.l10_p {padding-left:10px;}
.r10_p {padding-right:10px;}
.t10_p {padding-top:10px;}
.b10_p {padding-bottom:10px;}
.l15_p {padding-left:15px;}
.r15_p {padding-right:15px;}
.t15_p {padding-top:15px;}
.b15_p {padding-bottom:15px;}
.l20_p {padding-left:20px;}
.r20_p {padding-right:20px;}
.t20_p {padding-top:20px;}
.b20_p {padding-bottom:20px;}
.l25_p {padding-left:25px;}
.r25_p {padding-right:25px;}
.t25_p {padding-top:25px;}
.b25_p {padding-bottom:25px;}
.l30_p {padding-left:30px;}
.r30_p {padding-right:30px;}
.t30_p {padding-top:30px;}
.b30_p {padding-bottom:30px;}
.l40_p {padding-left:40px;}
.r40_p {padding-right:40px;}
.t40_p {padding-top:40px;}
.b40_p {padding-bottom:40px;}

/*
.carousel-indicators {
  position: absolute;
  bottom: 30px;
  left: 50%;
  z-index: 15;
  width: 320px;
  padding-left: 0;
  margin-left: -29.5%;
  text-align: left;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 99px;
  height: 88px;
  margin: 0 !important;
  padding: 0;
  text-indent: -9999;
  cursor: pointer;
  background-color:inherit;
  background-color: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 0;
}
.carousel-indicators .active {
  width: 99px;
  height: 88px;
  margin: 0;
}
.carousel-indicators .active img {
 opacity: 0.5;	
}
*/

.carousel-caption {
  position: absolute;
  right: 0;
  bottom: 200px;
  left: 50%;
  z-index: 10;
  padding-top: 0;
  padding-bottom: 0;
  width:736px;
  margin-left:-570px;
  color: #fff;
  text-align: left;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
  text-shadow: none;
}
.carousel-control {
  position: absolute;
  top: 50%;
  margin-top:-29px;
  bottom: 0;
  left: 0;
  width: 5%;
  height:58px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: 0.5
}
.carousel-inner > .item {
  background-size:cover !important; 
  height:507px;
}
.table-responsive {
   border:0 !important;	
}

body > header .topmenu {
    padding:10px 0;	
	border-bottom:1px solid #e6e6e6;
}
body > header .topmenu .nav > div:last-child {
	text-align:right;
}
body > header .topmenu .nav > div:last-child a {
    margin-left:15px;	
}
body > header .topmenu a:hover {
	color:#59c2ef;
}

body > #main {
	margin-top:55px;
}
#main .bbs .title {
 	border-bottom:3px solid #000;	
	padding-bottom:5px;
	font-size:115%;
}
#main .bbs .title strong {
    border-bottom:3px solid red;
	padding-bottom:7px;	
}
#main .bbs .title  span {
    float:right;	
	font-size:90%;
}
#main .bbs .title  span i {
	vertical-align:middle;
	margin-left:5px;
}

#main .bbs ul {
    margin-top:20px;
	list-style:none;	
	padding:0;
	border-bottom:1px solid #ccc;
}

#main .bbs ul li.first_article strong {
    color:#000;
	padding:0;
	margin-bottom:5px; 
	display:block;
    text-overflow: ellipsis ;
	white-space:nowrap;
	overflow:hidden;	
	width:100%;
}
#main .bbs ul li.first_article p {
	overflow:hidden;
	max-height:33px;	
	margin-bottom:2px;
}

#main .bbs ul li.first_article  {
	line-height:120%;
	margin-bottom:10px;
	min-height:67px;
}

#main .bbs ul li.article {
	position:relative;

	margin-top:1px;
	clear:left;
	border-top:1px solid #ccc;
	padding:3px 0;
}
#main .bbs ul li.article a {
    text-overflow: ellipsis;
	white-space:nowrap;
	overflow:hidden;
	width:75%;
	padding-left:8px;
	display:inline-block;
	box-sizing:border-box;
}
#main .bbs ul li.article span {
    float:right;	
}
#main .bbs ul li a:hover {
    color:#59c2ef;	
}

#main .bbs ul li.article:before {
	content:"·";
	position:absolute;
    left:0;
}
#main .bbs ul li.article small {
    margin-left:10px;
	color:#636363;	
}
#main .bbs ul li.article span {
    margin-right:5px;	
}
#main .bbs .greeting {
	line-height:140%;	
	letter-spacing:1px;
}
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	#main .bbs .greeting {
		line-height:130%;	
	}
	#main .bbs .title strong {
		padding-bottom:5px;	
	}
}

#main .info {
   margin-top:30px;	
}
#main .info  article {
   background-color:#82b04e;
   color:#fff;
   font-family:  'Noto Sans KR', sans-serif;	
   padding:20px;
   font-size:120%; 
   position:relative;
}
#main .info  article header {
	margin-bottom:3px;	
}
#main .info  article i {
   position:absolute;
   right:25px;
   top:25px;	
   font-size:200%;
}

#main .info #p1 article strong {
	color:#f4f100;
	font-size:130%;
}
#main .info #p2 article {
  background-color:#ff9636 !important;	
}
#main .info #p2 article span {

  font-size:100%;
}
#main .info #p2 article strong {
	color:#f4f100;
	font-size:130%;
}

#main #scrollmenu {
   position:fixed;
   top:685px;
   right:50%;
   margin-right:-710px;	
   width:100px;
   text-align:center;
}
#main #scrollmenu span {
   width:80px;
   height:80px;
   border-radius:40px;
   border:1px solid #ccc;
   padding:10px;
   display:block;
    margin:0 auto;

   margin-bottom:6px;
   background-color:#fff;
}
#main #scrollmenu img {
   margin:0 auto;
   margin-top:10px;
}

#main .greeting a {
	color:#000;	
}
#main .greeting a:hover {
	color:#245e72;	
}

#banner {
    background-color:#eeeeee;
	padding:35px 0;
	margin-top:40px; 
}
#banner a {
    margin-right:26px;	
}
#banner a:last-child {
    margin-right:0;	
}

#subtop {
   background:url(../img/subtop.jpg?ver=4) no-repeat left top ; background-size:cover; height:126px;
}
#subtop .container {
   background:url(../img/subtop_text.png) no-repeat; background-size:contain;
   background-position: 93% bottom;
   height:126px;
}
#subtop #location {
   color:#fff;
   padding-top:90px;	
}
#submain header {
   text-align:center;
   font-size:250%;
   font-family:  'Noto Sans KR', sans-serif;	
   font-weight:bold;
   margin-top:50px;
   padding-bottom:40px;
   background: url(../img/pagetitile_line.jpg) no-repeat center bottom;
}
#submain nav {
  margin-top:30px;
  text-align:center;
}
#submain nav a {
  font-size:135%;
  font-family:  'Noto Sans KR', sans-serif;	
  margin:0 15px;
}
#submain nav a.pageactive {
  font-weight:bold;
  color:#02adec;
}
#submain nav a:hover {
  color:#02adec;	
}
#submain article {
  min-height:100px;	
  padding:50px 0 40px 0;
  font-size:105%;
}
#submain article h1 {
  font-size:110%;
  background:url(../img/one.gif) no-repeat left top;
  font-weight:bold;
  padding-left:20px;
  padding-top:1px;
}
#submain article ul {
  margin-left:0;	
  padding-left:0;
  list-style:none;
}
#submain article ul li {
  background: url(../img/blit08.gif) no-repeat left 8px;
  padding-left:10px;
}
#submain article ol {
  margin-left:0;	
  padding-left:20px;
}
#submain article.chairman .photo {
  max-width:93%;
  height:auto;
  margin-top:24px;
}
#submain article.chairman table {
  margin-top:2px !important;
  margin-bottom:0 !important;
  border-top:2px solid  #06C;
  border-bottom:1px solid #ccc;
}
#submain article.chairman table th {
  background-color:#FBFBFB;
  padding-left:20px;
  padding-right:20px;
  width:130px;	
}
#submain article.chairman table td {
  padding-left:20px;
  padding-right:20px;  
}
#submain article.history dl dd, #submain article.history dl dt{
  margin-bottom:10px;
}
#submain article.history dl dt {
  color: #339;
  font-weight:normal;
  text-align:left;
  letter-spacing:1px;
  background-color: #076fb7;
  color:#fff;
  text-align:center;
}
#submain article.history dl dt span {
	font-size:150%;
	font-weight:bold;
}

#submain article.history dl dd {
  padding-top:8px;
  border-bottom:1px dotted #ccc;
  padding-bottom:8px;
}
#submain article.history dl dd:last-child {
  padding-bottom:0;
  border-bottom:0;	
}
	

#submain article.who table {
  margin-top:50px;	
}
#submain article.who table th {
   text-align:center;
   background-color: #369;
   padding:10px 0;
   color:#fff;	
}
#submain article.who table td {
   text-align:center;	
}
#submain article.business dt {
   text-align:left;
   width:100px;	
   background:url(../img/blit08.gif) no-repeat left 40%;
   padding-left:10px;
}
#submain article.business dd {
   margin-left:0;
}
#submain article.business table th,#submain article.business table td, #submain table.portpo th,#submain table.portpo td {
	text-align:center !important;
}
#submain table.portpo th,#submain table.portpo_right th {
	text-align:center;
}
#submain table.portpo th,#submain table.portpo_right td {
    text-align:right;
	padding-right:20px;	
}
#submain table.portpo th,#submain table.portpo_right tr td:first-child {
    text-align:left;	
	padding-left:20px;
}
#submain article table .text-left {
   text-align:left !important;	
}
#submain article table .text-right {
   text-align:right !important;
   padding-right:20px;	
}
#submain article.pay .nopay {
    text-align:center;
	margin:100px 0;
}
#submain article.pay .nopay i {
    margin-right:5px;
	color:#3C9;	
}
#submain article.apply .apply_guide {
   position:relative;	
   padding-left:70px;
   margin-top:20px;
}
#submain article.apply .apply_guide i {
    width:50px;
	height:50px;
	border:1px solid #ccc;
	border-radius:25px;
	text-align:center;
	font-size:170%;	
	background-color:#636;
	color:#fff;
	padding-top:12px;
	box-sizing:border-box;
	font-weight:normal;
	position:absolute;
	left:0;
}
#submain article.apply .apply_guide strong {
   margin-top:7px;
   display:inline-block;
}
#submain article.apply .apply_btn {
    text-align:right !important;	
	padding-right:0;
	margin-top:14px;
}
#submain article.apply .apply_btn a {
	display:inline-block;
	padding:5px;
	width:130px;
	text-align:center;
	background-color:#F60;
	color:#fff;
	font-size:90%;	
	margin-top:2px;
}
#submain article.apply table {
   border-top:2px solid #000;
   margin-top:2px;
   border-bottom:1px solid #ccc;
}
#submain article.apply table th {
   background-color: #FEF3E0;
   text-align:center;	
}
#submain article.map .h4 {
   margin-top:30px;	
}
#submain article.map .h5 {
   margin-top:20px;
   font-size:110%;
   color:#39F;	
}
#submain article.map .map_pic {
   border:1px solid #ccc;
   text-align:center;
   padding:20px 20px 15px 20px;
   margin-bottom:45px !important;	
}
#submain article.map .map_pic img {
   margin:0 auto;	
}
#submain article.greeting .ceo {
   max-width:100%;
   height:auto;	
}


footer {
    padding:20px 0;	
}
#sub footer {
    border-top:1px solid #dbdada;	
}
footer .container {
   	position:relative;	
}
footer .gotop {
    position:absolute;
	width: 60px;
	height: 40px;
	background-color:#5c5e61;
	color:#fff;
	padding:10px 0;
	box-sizing:border-box;
	top:-20px;
	right:0;
	text-align:center;
}
footer .gotop a {
    color:#fff !important;	
	display:inline-block;
	margin-left:5px;
}
footer .copyright {
    border-top:1px solid #dbdada;
	padding-top:10px;
}

/* IE11, IE10 hack */
@media all and (-ms-high-contrast:none) {
 body > header #mainmenu .nav li { padding:0 2px; } /* IE10 */
 *::-ms-backdrop, body > header #mainmenu .nav li { padding:0 2px; } /* IE11 */
}

/* midea query PC first*/

@media (max-width: 1145px)  {
	#submain .who img {
	    max-width:100%;
		height:auto;	
	}	
}
/*md*/
@media (min-width:992px) and (max-width: 1199px)  { 
   header .menu nav > ul {
	   font-size:110% !important;
	   padding:0 !important;
   }
	.carousel-caption {
	  left: 0;
	  width:auto;
	  margin-left:0;
	  text-align:center;
	}
}
/*sm*/
@media (max-width: 991px) {
	.carousel-caption {
	  left: 0;
	  width:auto;
	  margin-left:0;
	  text-align:center;
	}
	 .carousel-caption img {
		max-width:100%;
		height:auto; 
	 }
	.carousel-indicators {
	  position: absolute;
	  bottom: 30px;
	  left: 13px;
	  z-index: 15;
	  width: 320px;
	  padding-left: 0;
	  margin-left: 0;
	  text-align: left;
	  list-style: none;
	}	
	.box {
		margin-bottom:40px;
	}
	#main .info {
        margin-top:0;	
    } 
	#main .greeting img {
	    max-width:100%;
		height:auto;	
	}

	#banner a {
       margin-right:0;	
	   display:inline-block;
	   width:32%;
	   text-align:center
	   padding:0;
	   margin:0;
	   box-sizing:border-box;
    }
	#banner a img {
	    margin:3px;	
	}
	#banner a img {
	   max-width:100%;
	   height:auto;
	}
	 header .m_menutab {
		position:absolute;
		left:;
		top:20px;
		font-size:200%;
		border:1px solid #fff;
		padding:6px; 
		z-index:300;
		color:#fff;
	 }
	header .mainmenu .logo {
	   padding-top:10px;
	   padding-bottom:10px;	
	}
	 header .menu nav > ul {
		display:none; 
		background-color:#2c3d5d;
		padding:10px 30px;
		font-size:120%;
		position:absolute;
		left:0;
		top:-100px;
		z-index:990;
		list-style:none;
	 }
	 header .menu nav > ul a {
	     color:#fff;	  
	 }
	 header .menu nav > ul > li {
		margin:15px 0; 
		font-weight:bold;
	 }
	 header .menu nav > ul > li ul {
		margin-top:5px;
		background-color:#09C;
		padding:10px;

	 }
	 header .menu nav > ul > li ul li {
		font-weight:normal; 
		padding:2px 0;
				list-style:none;
	 }

     #submain article img {
	    max-width:100%;
		height:auto;
    }
	
	#submain article.greeting .ceo {
	   max-width:70% !important;
	   height:auto;	
	   margin:10px;
	}
	 
}
/*xs*/
@media (max-width: 767px) {
	.carousel-inner > .item {
	
	  height:300px !important;
	 }
	 .carousel-caption {
		 bottom:40px; 
		 text-align:left;
		 padding: 20px;
		 text-shadow: 0 1px 2px rgba(0, 0, 0, 1) !important;
	 }
	 .carousel-caption strong {
		display:block;
		font-size:120%;
		margin-bottom:10px; 
	 }
	 .carousel-caption img {
		max-width:90%;
		height:auto; 
	 }
	#submain article.history dl dt {
	  color:#fff;
	  text-align:left;
	  padding:2px 10px;
	}
	#submain article.chairman .photo {
	  max-width:100%;
		 
	}
}
@media (max-width: 600px) {
	.carousel .item { width:100%; height:400px;}
}
@media (max-width: 450px) { 
		#submain nav a {
		  font-size:110%;
		  margin:0 5px;
		}	
}
@media (max-width: 360px) { 
		.carousel-indicators {
		 width: 200px;
		}
		.carousel-indicators li {
		width: 60px;
		height: 65px;
		}
		.carousel-indicators .active {
		  width: 60px;
		  height: 45px;
		} 
		#submain nav a {
		  font-size:120%;
		  margin:0 10px 10px 0;
		  display:inline-block;
		}	
}
 
  
 /* midea query mobile first*/
 /*lg*/
@media (min-width: 1200px) { 

 }
/*xs*/
@media (min-width: 768px)  {
	
 }
 /*md*/
@media (min-width: 992px)  {
	header .mainmenu {
	   margin:20px auto;	
	}
	header .menu nav ul {
	  padding:0;
	  margin:0;
	}
	header .menu nav ul li {
	   display:inline-block;	
	}
	header .menu nav > ul {
	   font-weight:bold;
	   font-size:130%;
	   padding:0 0 0 40px;
	   text-align:right;
	}
	header .menu nav > ul > li {
		 position:relative;	
		 padding-top:15px;
		 padding-bottom:10px;
	}
	header .menu nav > ul > li > a { 
	  margin:0 0 0 30px;
	}
	header .menu nav > ul > li > a:hover {
		color:#ff9636;
	}

	header .menu nav ul li div {
	   display:none; 
	}
	header .menu nav > ul > li:hover:before { 
	   content: url(../img/menuarrow.gif); position:absolute; z-index:100; left:60%;top:30px;
	}
	header .menu nav > ul > li:nth-child(5):hover:before { 
	   content:"";
	}
	header .menu nav > ul > li:nth-child(6):hover:before { 
	   content:"";
	}
	header .menu nav > ul > li:hover > div {
	   display:block;
	   position:absolute;
	   left:0; top:;
	   z-index:10;
	   padding-top:15px;	
	}
	header .menu nav > ul > li:hover > div ul {
	   border:1px solid #ccc;
	   font-weight:normal;
	   font-size:90%;
	   background-color:#fbfbfb;
	   text-align:left;
	   padding:6px 10px 5px 10px;
	   font-size:78%;
	}
	header .menu nav > ul > li:nth-child(1) > div  { width:580px; margin-left:-42px;}
	header .menu nav > ul > li:nth-child(2) > div  { width:250px;}
	header .menu nav > ul > li:nth-child(3) > div  { width:270px;}
	header .menu nav > ul > li:nth-child(4) > div  { width:180px;}
	header .menu nav > ul > li:hover > div ul li {
		margin:0 10px;  	
	}
	header .menu nav > ul > li div ul li a:hover {
		color:#59c2ef;
	}		
 }
 /*lg*/
@media (min-width: 1200px) { 

 }