@charset "utf-8";

@import url('https://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import "https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css";
@font-face {
  font-family: 'nanumsquareR';
  src: url('/common/font/nanumsquareR.eot');
  src: url('/common/font/nanumsquareR.eot?#iefix') format('embedded-opentype'), /* ie 6,7,8 적용 embedded-opentype ie 8,9 적용 */
       url('/common/font/nanumsquareR.woff') format('woff'), /* ie 제외한 나머지 */
       url('/common/font/nanumsquareR.ttf') format('truetype'),
       url('/common/font/nanumsquareR.svg#nanumsquareR') format('svg'); /*모바일브라우져를 위해서*/
  font-weight: normal;
  font-style: normal;
}



/* Default Style */

*            {  letter-spacing:-1px;}
p           { letter-spacing:-1px;  }
li         { letter-spacing:-1px;  }
td       { letter-spacing:0px;  }




div    	  	{margin:0; padding:0; font-family:'나눔고딕',"NanumGothic",NanumGothic,verdana,'Malgun Gothic',맑은고딕,sans-serif;  }
p    	  	{margin:0; padding:0; font-family:'나눔고딕',"NanumGothic",NanumGothic,verdana,'Malgun Gothic',맑은고딕,sans-serif;}
li    	  	{margin:0; padding:0; font-family:'나눔고딕',"NanumGothic",NanumGothic,verdana,'Malgun Gothic',맑은고딕,sans-serif;}
ul    	  	{margin:0; padding:0; font-family:'나눔고딕',"NanumGothic",NanumGothic,verdana,'Malgun Gothic',맑은고딕,sans-serif;}



body		{font-size:14px; font-family:"nanumgothic" , "noto sans"; color:#333; }


.box_100 {width:100%; display:inline-block}
.tm30 {margin-top:30px; }
.bm30 {margin-bottom:30px;  }

#top_menu_wrap	{
	float:left;
	width:100%;
	border-top:4px solid #16489c;
	border-bottom:1px solid #cecece;
	height:40px;
	background:#e9e9e9;
	min-width:100%;
}


#top_menu	{
	width:100%;
	margin:0 auto;
}

#top_menu ul	{
 }

#top_menu ul li	{
 float:left;
 }



.select {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
  font-weight:300 !important;
  color: #6c6c6c;
  font-family:"roboto";
  vertical-align: middle;
  text-align: left;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-touch-callout: none;
  border-right:1px solid #cecece;
}
.select .placeholder {
  position: relative;
  display: block;
  background-color: #e9e9e9;
  z-index: 1;
  width:150px;
   box-sizing:border-box;
  padding:7px 5px;
  cursor: pointer;
  text-align:left;
  font-weight:300 !important;
  border-bottom:1px solid #c9c9c9
}
.select .placeholder:hover {
  background: #e0e0e0;
}
.select .placeholder:after {
  position: absolute;
  right:7px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-family: 'FontAwesome';
  content: '\f107 ';
  z-index: 10;
}
.select.is-open .placeholder:after {
  content: '\f106 ';
}
.select.is-open ul {
  display: block;
}

.select ul {
  display: none;
  position: absolute;
  overflow: hidden;
  width: 150px;
  background: #fff;
  top: 40px;
  left: 0;
  list-style: none;
  padding: 0;
  z-index: 100;

}

.select ul li {
  display: block;
  text-align: left;
  color: #999;
  cursor: pointer;
    width:100%;
   box-sizing:border-box;
  padding:5px 5px;
  border-bottom:1px dotted #ccc;
  background:#f3f3f3;
}

.select ul li:last-child	{
	border-bottom:none;
}
/*.select ul li a:hover {
  background: #4ebbf0;
  color: #fff;
  width:140px;
  padding:7px 0;

}*/

.select ul li a	{
	font-family:"roboto" !important;
	color:#6c6c6c;
	display:block;
	width:140px;
	padding:7px 0;
}


#contact	{
	padding:0 10px;
	border-right:1px solid #c9c9c9;
	line-height:40px;
}

#contact a	{
	display:block;
	font-family:"roboto";
	font-weight:500;
	color:#6e6e6e
}


 .main_h2 {width:100%; display:inline-block; text-align:center; border-bottom:1px solid #333; font-size:1.3rem; font-weight:700; color:#333; padding-bottom:10px; margin-bottom:10px; position:relative;}


#main_vi_icon	{
	width:464px;
	margin:0 auto;
	position:relative;
	bottom:165px;
}

#main_vi_icon li	{
	float:left;
	text-align:center;
	background:url('/common/img/main/main_vi_icon_bg.png') repeat;
	border:1px solid #000;
	width:200px;
	height:60px;
	line-height:60px;

}

#main_vi_icon li:first-child	{
	margin-right:10px;
}

#main_vi_icon li a	{
	color:#fff;
	font-size:18px;
	display:block;
}

#main_vi_icon li a img	{
	margin-right:15px;
}





.main_vi_btn	{
	width:100%; display:flex; flex-wrap:wrap;
	float:left; border-top:1px solid #ddd;
}

.main_vi_btn li	{

	text-align:center;
	width:33.3333%;  box-sizing:border-box;  border-right:1px solid #ddd;
border-bottom:1px solid #ddd;	  display:flex;  align-items:center

}
.main_vi_btn li:nth-child(3n) {border-right:none}


.main_vi_btn li a.btn1	{

	font-size:1rem;
	font-weight:600;
	color:#222; padding:10px;  box-sizing:border-box;
	display:inline-block;
	background:#fff;
	width:100%;  position:relative;

}


.main_vi_btn li a.btn2	{
	font-family:"nanumsquareR";
	font-size:1.05rem;
	font-weight:600;
	color:#fff;
	display:block;
	background:#16489c;
	width:100%;
	height:53px;
	line-height:55px;
	border:1px solid #16489c;
}



#main_wrap	{
	width:100%;
 float:left;	overflow:hidden;

}


.main_contents01	{
	float:left;  display:flex;
	width:100%; margin-top:40px;
}

.main_contents01 li	{
 	 padding:30px 10px;
	width:50%;
	 box-sizing:border-box;
	text-align:center;
	color:#fff;
}

.main_contents01 li:first-child	{
 }

.main_contents01 li:last-child	{
 }


.main_contents01 li h2	{
	margin-bottom:10px;
	font-weight:700;
	font-size:1.3rem;
}

.main_contents01 li p	{
	font-size:0.85rem; letter-spacing:-1px;
	line-height:1.3rem;
	color:#fff;
}

.main_contents01 li a	{
	display:inline-block;
	padding:9px 0;  width:90%;
	border:1px solid #fff;
	color:#fff;
	font-size:0.88rem;
	margin-top:15px;
}





#case_slide		{
 	background:#fff;
	width:100%;
	float:left; margin:50px 0;

}


#case_slide	h2 {
	font-size:1.3rem;
	margin-bottom:10px;
	color:#333
}

.als-container {
	position: relative;
	width: 100%;
	margin: 0px auto; overflow:hidden
}

.als-viewport {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
}

.als-wrapper {
	position: relative;
	list-style: none;
}

.als-item {
	position: relative;
	display: block;
	text-align: left;
	cursor: pointer;
	float: left ;
}

.als-prev, .als-next {
	position: absolute;
	cursor: pointer;
	clear: both;
}


/**************************
 * specific als elements
 * styling for #lista1
 **************************/

#lista1 {

}

#lista1 .als-item {
	width:150px;

 	 margin-right:10px;
	font-weight:600;
	font-size:16px;
	color:#272727

}
#lista1 .als-item-in {width:100%; height:100px; margin-bottom:10px; overflow:hidden}
#lista1 .als-item img {
	display: block; width:100%; min-height:100%;
	vertical-align: middle;

}

#lista1 .als-prev, #lista1 .als-next {
	top: 40px;
	width: 15px;
	height: 22px;
	z-index:999
}

#lista1 .als-prev {
	left: -1px;
}

#lista1 .als-next {
	right: 25px;
}




#notice	{
	width:100%;
	height:120px;
	  box-sizing:border-box;
	float:left;
}

.main_bottom	{
	float:left;
	width:100%;
	margin-bottom:10px;
}
.tabmenu	{
	position:relative
}
.tabmenu	dt {display:none}
/*.tabmenu	dt{
	float:left;
	width:50%;

	position:relative;
	text-align:center;
	height:50px;
	line-height:50px;
	font-size:18px;
	color:#555;
	font-weight:600; background-color:#ddd;
}

.tabmenu dt a	{
	display:block;
}

.tabmenu dt a:hover	{
	background:#16489c;
	color:#fff;
}

.on	{
	background:#16489c;
	color:#fff;
}*/

.tabmenu dd	{
	position:absolute;


	width:100%;
}



.tabmenu div	{
	padding-top:10px;
	float:left;
	width:100%; box-sizing:border-box;
}

.notice_title	{
	float:left;
	width:100%;   height:20px; margin-bottom:10px;
     overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}

.notice_title a	{
	font-size:0.95rem;
	line-height:1.3rem;
	color:#343434;
}

.notice_title p {width:70%; float:left;  overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
.notice_title span {width:30%; float:left; text-align:right; }


.date	{
	float:right;
	line-height:32px;
}


.main_reference	{
	width:100%;
	  margin-top:20px;
	float:left;
	padding:20px; padding-bottom:10px;
	border:1px solid #ddd;  box-sizing:border-box;

}

.main_reference	h2	{
	width:100%;
	float:left;
	font-size:20px;
	margin-bottom:13px;
}

.main_reference h2 a	{
	float:right;
}


#main_customercenter	{
	float:left;  box-sizing:border-box; margin-top:30px;
	width:100%;
}

#main_customercenter li	{
	float:left; width:50%; box-sizing:border-box;  text-align:Center; font-weight:600;  line-height:50px; font-size:1.1rem;
 }

#main_customercenter li:nth-child(2)	{
  background-color:#f9b54c;
}
#main_customercenter li:last-child	{
  background-color:#577cbb;  }

#main_customercenter li a {color:#fff !important}


#main_customercenter li:first-child	{
	 width:100%; padding:23px 3% 20px 3%; line-height:1.3em; text-align:left; border:1px solid #ddd; border-bottom:none}

#main_customercenter li h3 {font-size:1.4rem;
    margin-bottom: 5px;
    font-weight: 600;
    color: #292929;
}
#main_customercenter li p {font-size:1rem;
    padding:5px 0 13px 0;
    font-weight: 400;
    color: #666;
}
.footer_m_wrap	{
	width:100%;
 display:inline-block;
	  margin-top:30px;
	background:#fff;  border-top:1px solid #ddd;
}
.footer	{
	width:100%;
	margin:0 auto;
	 padding:30px 3.5% 80px 3.5%;
   box-sizing:border-box;
 	background:#fff;

}

.footer h2	{
	font-size:15px;
	color:#454545;
	font-weight:600;
	margin-bottom:10px;

}

.footer div	{
	font-size:0.83rem;
	color:#6f6f6f;
	line-height:1.4em;
	float:left;
}

.footer div span	{
	color:#949494
}
.footer div span b	{
	color:#555;
	vertical-align:bottom;
}


.footer a	{
	color:#6f6f6f
}

.footer_wrap	{
	width:100%;
	float:left;
	border-top:1px solid #bebebe;
	padding:30px 0;
	min-width:1200px;
	background:#fff;
}
.sns {width:100%; margin:20px 0; display:inline-block}
.sns li {width:25%; text-align:center; float:left;}
.sns li img {width:40%; max-width:40px !important}

.hand {cursor:pointer;}

.law_wrap {width:100%; text-align:center; display:inline-block;  box-sizing:border-box;}
.law_wrap li { display:inline-block; text-align:center;}
.law_wrap li a {text-align:center;}

 .main_bn {width:100%; display:flex; justify-content :space-between  }
.main_bn a {width:49%; border:1px solid #ddd; padding:10px;  box-sizing:border-box; font-size:1rem; font-weight:700; display:flex;  align-items:center; border-radius:10px; line-height:1.3em }
.main_bn a p {float:left;}
.main_bn a p:first-child {width:25%; text-align:left; }
.main_bn a p:last-child {width:75%}

  .fixed_bn {width:100%; position:fixed; z-index:9999; width:100%; display:inline-block; background-color:#ddd; bottom:0; left:0; }
 .fixed_bn table {width:100%}
 .fixed_bn table td {  text-align:center; font-size:0.90rem; font-weight:600; }
 .fixed_bn table td a {width:100%; padding:10px; box-sizing:border-box; display:inline-block;    }

 ul.basic {width:100%; display:inline-block;}
 ul.basic li {list-style:disc; font-size:0.95rem; color:#666; width:92%; margin-left:3%; line-height:1.5em;  padding-bottom:5px;}
 .bg_h2 {background:url('/common/img/sub/bull01.jpg') no-repeat left;  width:100%; float:left; padding-left:20px; box-sizing:border-box; }


 .justify {text-align:justify;  display:block; width:100%;}
.img_table {width:100%; float:left;  }
.img_table td {padding:10px; }
.img_table td img {max-width:200px !important}



.drop .nav {
    display: inline-block;
      width:100%;
     margin: 0;
    padding: 0;   height:45px;
}
.drop   .nav li {
    float:left; vertical-align:middle; box-sizing:border-box;
    list-style: none; border:1px solid #ddd; width:50%;
}
 .drop  .nav .button-dropdown {
    position: relative;
}

.drop  .nav li a {
    display: block;
    color: #666;
    background-color: #fff;
    width:100%;   font-size:0.97rem;
    text-decoration: none; padding:0 10px;  box-sizing:border-box;  line-height:45px; height:45px;
}

.drop  .nav li a span {
    display: inline-block;
   float:right;
    font-size:10px;
    color: #ddd;
}


.drop  .nav li .dropdown-menu {
    display: none;
    position: absolute;   background-color:#fff;  z-index:999999999999999999999999999;
    left: 0;
    padding: 10px 0;
    margin: 0;  width:100%;

    text-align: left;
}
.drop  .nav li .dropdown-menu li {width:100%; border:none;}

.drop  .nav li .dropdown-menu.active {
    display: block;
}

.drop  .nav li .dropdown-menu a {
    width: 100%;    line-height:30px; height:30px;
}
 .drop  .nav li .dropdown-menu a:hover  {background-color:#fff; color:#16489c !important; font-weight:600}
.drop  .nav li ul li {border-right:none }


.tit_more {position:absolute; right:0}
.tit_more a{font-size:0.9rem; font-weight:300; color:#555}

 .bx-wrapper {
  position: relative;
  
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  width:100%; 
 }
.bx-pager {  width:100%; display:inline-block; position:absolute; bottom:20px; left:0; z-index:999999999999999999999999; text-align:center; }
.bx-pager-item {display:inline-block; margin:0 5px;}
.bx-pager-link {width:15px; border-radius:50px; line-height:15px; display:inline-block;    background-color:#fff; font-size:0}
.active {background-color:#16489c;  }