@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskannada.css); 
/* CSS Document */

/* 초기화 */
html {overflow-y:scroll;}
body {margin:0;padding:0;font-size:0.75em;font-family:'Nanum Gothic', sans-serif,'Noto Sans Kannada', sans-serif; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0;}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'Noto Sans Kannada', sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none;}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
label, input, button, select, img {vertical-align:middle;}
input, button {margin:0;padding:0;font-size:1em;}
button {cursor:pointer;}


textarea, select {font-family: 'Nanum Gothic', sans-serif;font-size:1em;}
select {margin:0;}
p {margin:0;padding:0;word-break:break-all;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em;}
a:link, a:visited {color:#000;text-decoration:none;}
a:hover, a:focus, a:active {color:#000;text-decoration:underline;}

html, body, div, img, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, th, td {
    margin: 0;
    padding: 0;
}

a {
	text-decoration:none;
    color: #000;
}

li {
    list-style: none;
}

img, fieldset {
    border: none;
    vertical-align: left;
}

body, code {
    font-size: 0.75em;
	font-family: 'Nanum Gothic', sans-serif,'Noto Sans Kannada', sans-serif; ;
    color: #353535;
	letter-spacing:-0.015em;
	word-spacing: 0.14em;
}
.clearfix:after {
      content: "";
      display: block;
      clear:both;
      }

/** layout**/
#wrap {
	position:relative;
	width:100%;
	height:100%;
	min-width: 1400px;
	margin:0;
	padding:0;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
   }

#header {
    width:100%;
	height:105px;
	margin:0 auto;
    padding:0;
	top: 0;
	z-index:22;
	position: fixed;
	background: #fff;
/*	box-shadow: 3px 0px 12px #adadad;*/
}
.gnb {
	/*width:100%;*/
/**	height: 120px; 2018-01-26 lsh **/
	float: right;
	/*height: 100px;*/
	margin:0;
	top: 0;
	padding:0;
	line-height: 120px;
	text-align: center;
	position: relative;
	right: 0;
	left: 0;
	vertical-align: middle;
}

.gnb_bottom_songdo_color {
	border-bottom: 4px solid #19d3c5;
}

.gnb_bottom_kintex_color {
	border-bottom: 4px solid #19d3c5;
}

.gnb_bottom_coex_color {
	border-bottom: 4px solid  #4c3c90;
}


#gnb_bottom {
	width:100%;
	text-align: center;
	margin: 0 auto;
}
#gnb_bottom #tab_line_rudder{
	text-align: center;
	position: absolute;
	left: 50%;
	top: 57%;
	bottom:0;
	margin-left: -16px;
	z-index:1000;
	vertical-align: baseline;
}

.gnb .nav {
	width: 1400px;
	margin:0 auto;
	text-align: center;
	
}
.gnb .nav .logo{
    float: left;
    line-height: 1.4;
    display: block;
	width: 300px;
	
}
.gnb .nav .logo a {
	display: block;
/**	line-height: 120px; 2018-01-26 lsh **/
	line-height: 100px;
	padding: 0;
	margin: 0;
	text-align: left;
}
.logo img {
	vertical-align: middle;
/**
	width: 249px;
	height: 71px;
	width: 206px;
	height: 59px;
**/
/**
	width: 173px;
	height: 50px;
	border: 0;		
	**/

    /* width: 120px; */
	width: 187px;
    /* height: 25px; */
    border: 0;
    /*margin-top: 25px;*/
}

.logo .coex_img {
	vertical-align: middle;
	width: 121px;
	height: 72px;
	border: 0;
	margin-top:28px;
}

.gnb .nav .top_gnb {
	width:850px;
	height: 20px;
	text-align: right;
	float: right;
	line-height: 2;
/**	margin-top: 15px; 2018-01-26 lsh **/
}
.nav .top_gnb ul.common_menu {
/*	text-align: center;*/
	top:0;
	height: 20px;
	vertical-align: middle;
	display: inline-block;
}
ul.common_menu li {
	display: inline;
	font-size:11px;
	color: #828282;
}
ul.common_menu li a {
	color: #828282;
	padding:5px;
	text-align: center;
	text-decoration:none;
}

.top_gnb ul.common_menu .site_point a{
	font-weight: 600;
	color: #e4002b;	
}
.top_gnb ul.common_menu .site_point a:hover{
	font-weight: 600;
	color: #828282;
}
.top_gnb ul.common_menu li a:hover {
	color: #EF393C;
}
.gnb_menu_class {
	/*idth:850px;*/
	display: block;
	float: right;
	vertical-align: middle;
	/*margin-top: 6px;*/
}
.gnb_menu_class > ul {
	margin: 0;
	padding: 0;
	text-align: center;
	float: right;
	vertical-align: middle;	
}
.gnb_menu_class > ul > li {
	float: left;
	display: inline-block;
	/* width: 201px; */
	width: 212px;
}
.gnb_menu_class>ul >  li{
	text-align: left;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	line-height: 40px;
	/*padding-left:60px;*/
}
.gnb_menu_class > ul > li > a {
	color: #1c1c1c;
	text-align: center;
	/*padding:20px 16px 50px;*/
	padding: 15px 0 15px 0;
	text-decoration:none;
	display: block;
}

.gnb_menu_class >  ul > li > a:last-child {
	padding-right:0;
}

.gnb_menu_class >  ul > li.edu > a {
	background-color: #e62e8b;
	color: #1c1c1c;
}

.gnb_menu_class >  ul > li.edu > a:hover {
	color: #fff;
}

.gnb a {text-decoration:none;cursor:pointer;border-right:1px #E8E8E8;}

.gnb_menu .selected a,.gnb_menu li a:hover,.gnb_menu li a:active{
	color:#f93a5e; 	
}


/* 서브메뉴 */
.gnb_sub_wrap {
	position: absolute;
	top: 105px;
	right: 0;
	width:100%;
	height:260px;
	margin: 0 auto;
	vertical-align: text-top;
	text-align: center;
	z-index:9999;
	/**border-bottom: 1px solid #BFBFBF;**/
	/*background-color: rgba(255,255,255,0.9);*/
	background-color: #fff;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.28);
}   
.gnb_sub {
	position: relative;
	width:1400px;
	height:190px;
	left: 963px;
	text-align: center;
/*	margin-left: 100px;*/
}

.gnb_sub ul {
	display: inline-block;
}

ul.sub_menu {
	height: 190px;
	width:137px;
	line-height: 1.6;
	margin: 30px 0;
	vertical-align: top;
}
ul.sub_menu li {
	text-align: left;
	width:137px;
	line-height:140%;
	margin:0;
	padding:3px 0;
	font-size:13px;
	font-weight:500;
	color:#868686;
	vertical-align: top;	
}
ul.sub_menu.last-child li{
	margin-left: -18px;
}
ul.sub_menu li a.sub:link {
	font-size:13px;
	font-weight:bold;
	color:#868686;
	text-decoration:none;
}
ul.sub_menu li a.sub:visited {
	font-size:13px;
	font-weight:bold;
	color:#464646;
	text-decoration:none;
}
ul.sub_menu li a.sub:hover {
	font-size:13px;
	font-weight:bold;
	color:#e5294d;
	text-decoration:none;
}

/* Tabs content 시작*/
.top_tabs{
	margin:0 auto;
	width: 100%;
	min-width: 1400px;
	z-index: 60;
	/*background-color: rgba(255,255,255,0.9);*/
    background-color: rgba(255,255,255,1);
	padding-bottom:17px;
}

.top_tabs_kintex{
	border-top: 4px solid #3e7dc0;
}

.top_tabs_songdo{
	border-top: 4px solid #19d3c5;
}

.top_tabs_coex{
	border-top: 4px solid #4c3c90;
}

/* Style the tab */
.tab {
    overflow: hidden;
	text-align: center;
	padding:20px;
    background-color: #fff;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    border: 1px solid #5e5e5e;
	border-radius: 50px 50px;
/*    border: none;*/
    outline: none;
    cursor: pointer;
	margin:0 3px;
    transition: 0.3s;
	color: #919191;
	font-size:15px;
	font-weight: 600;

	width: 125px;
	height: 40px;
}
.tab button.tablinks_songdo:active {
	background-color: #19d3c5;
	color: #fff;
	border: 1px solid #19d3c5;
}
.tab button.tablinks_songdo:hover {
	background-color: #19d3c5;
	color: #fff;
	border: 1px solid #19d3c5;
}
.tab button.tablinks_kintex:active {
	 background-color: #19d3c5;
	color: #fff;
	border: 1px solid #19d3c5;
}
.tab button.tablinks_kintex:hover {
	 background-color: #19d3c5;
	color: #fff;
	border: 1px solid #19d3c5;
}
.tab button.tablinks_coex:active {
	background-color: #4c3c90;
	color: #fff;
	border: 1px solid #4c3c90;
}
.tab button.tablinks_coex:hover {
	background-color: #4c3c90;
	color: #fff;
	border: 1px solid #4c3c90;
}
/* Change background color of buttons on hover */
.tab button{
    background-color: #dcdcdc;
	border: 1px solid #5e5e5e;
	color: #919191;
}

/* Create an active/current tablink class */
.tab button.tablinks_kintex.tab_on {
	background-color: #19d3c5;
	color: #fff;
	border: 1px solid #19d3c5;
}
.tab button.tablinks_songdo.tab_on {
	background-color: #19d3c5;
	color: #fff;
	border: 1px solid #19d3c5;
}
.tab button.tablinks_coex.tab_on {
 background-color: #4c3c90;
	color: #fff;
	border: 1px solid #4c3c90;
}
.tab button.tablinks_kintex.tab_on:active {
    background-color: #19d3c5;
	color: #fff;
}
.tab button.tablinks_kintex.tab_on:visited {
	 background-color: #19d3c5;
	 color: #fff;
	 border: 0px;
}


/*검색창시작*/
.search_box  {
	position: absolute;
	display:inline;
	line-height:13px; 
	height: 20px;
	vertical-align: text-bottom;
	text-align: right;
	padding:5px 15px;
	width:75px;
	margin-left:63px;
}
.container-1 input#search::-webkit-input-placeholder {
   color: #65737e;
	display:inline;
}
 
.container-1 input#search:-moz-placeholder { /* Firefox 18- */
   color: #65737e;  
}
 
.container-1 input#search::-moz-placeholder {  /* Firefox 19+ */
   color: #65737e;  
}
 
.container-1 input#search:-ms-input-placeholder {  
   color: #65737e;  
}
.container-1{
/*display: inline-block;*/
  width: 100px;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
}
.container-1 input#search{
  width:140px;
  height: 30px;
  background: #e9e9e9;
  border: none;
  font-size: 10pt;
  float: left;
  color: #63717f;
  padding-left: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 30px;
}
.container-1 .icon{
  position: absolute;
  line-height: 20px;
  z-index: 1;
  color: #4f5b66;
}
.icon {
	width: 16px;
	height: 16px;
	cursor: pointer;
	vertical-align: middle;
	padding:5px;
}
/*검색끝*/


/*메인 비주얼 슬라이드 배너 시작*/
.swiper-container {
      width: 100%;
      /* height: 672px; */
	  /* height: 388px; */
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.parallax-bg {
	     background-color: #eeeeee;
        -webkit-background-size: cover;
        background-size: cover;
        background-position: center;
         -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
        height:100%;
}
/*메인 비주얼 슬라이드 배너 끝*/

/* 컨텐츠 */
.row {
	margin-left: auto;
	margin-right: auto;
	width:100%;
}
#container {
	width:100%;
    margin:0 auto;
	margin-top: 40px;
/*	overflow:hidden;*/
	z-index:20;
	position: relative;
	/* height: 100%; */
}
.top_article-box {
	background-color: transparent;
	width:1400px;
	height: 530px;
	font-family: 'Nanum Gothic', sans-serif;
}
.left_side_inner_banner {
	width: 469px;
	height: 490px;
	float:left;
}
.icon_box_banners {
	float:right;
	right:0;
	/*width:930px;	*/
}

.icon_keyduk_banners {
	float:right;
	right:0;
	/*width:930px;	*/
}

.icon_keyduk_banners img { margin-right:10px; }

h3.main_article_title {
	font-size: 20px;
	font-weight: 700;
	margin:0 0px 20px 0 ;
	padding-left:10px;
	font-family: 'Noto Sans Kannada', sans-serif;
}
.bullet{	
	float: right;
}
.more{
	float: right;
	color: #696969;
	font-size: 16px;
	font-weight: 300;
	cursor: pointer;
}
.more:hover {
	color: #e5294d;
}
h3.main_category_title {
	font-size: 20px;
	font-weight: 700;
	margin:0;
	text-align: left;
	display: inline-block;
/*	padding-left:10px;*/
}

.inner_banners li{
    width: 219px;
    height: 172px;
    margin-left:10px;
	margin-top: -22px;
    float: left;
	text-align: left;
    vertical-align: middle;
	box-sizing: border-box;
}

.line_banner li img {
	width:219px;
	height: 172px;
}
.line_banner {
	margin-top: 35px;
}

.inner_banners {
	height: 180px;
}

.inner_banners ul {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.icon_box img {
	margin-top: 25px;
	/**padding:13px 20px;**/
}
.icon_box a {
	text-decoration: none;
}

.icon_txt {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	color: #575757;
	
}
.icon_txt_S{
	font-size: 14px;
	color: #f0586e;
	font-weight: bold;
}

/*이벤트시작*/
.cobe_event_box {
	width: 1400px;
	margin-top: 40px;
	/*height: auto;*/
}
.event_post {
	width: 1400px;
/*	height: 700px;*/
/*	background-color: rgba(233,213,106,1.00);*/
	right: 0;
	left: 0;
	position: relative;
	margin: 0 3px;
	float: left;
}
.event_post li {
    padding:0 3px;
	text-align: center;
}

.post {
	width: 343px;
	height: 316px;
	float: left;
	vertical-align: middle;
	margin: 0 0px 5px 0px;
}

.row:after {
	content: "";
	clear: both;
	display:block;
}
.brand_post {
	width: 1400px;
/*	height: 250px;	*/
	line-height:1.2;
}
.brand_post li{
	width: 253px;
	height:188px;
	border:1px solid #e7e7e7;
	padding:10px;
	/* margin-left: 5px; */
	float: left;
}
.brand_post ul {
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	height: 205px;
	padding:5px 0;
}
.brand_box img {
	vertical-align: top;
	text-align: center;
}
.brand_box a p {
	text-align: center;
	font-size: 16px;
	color: #4d4d4d;
	line-height: 3;
}
/*참가업체로고 슬라이드 시작*/
#logo_list_box {
	text-align:center;
	position: relative;
	margin: 40px auto 0;
	width: 100%;
	height: 200px;
	overflow: hidden; 
}
#logo_list_box .logo_banners {
	text-align: center;
	width: 100%;
	margin:0 auto;
	position: relative;
}
#logo_list_box .center {
	margin: 0px auto;
	text-align: center;
	width: 1400px;
	vertical-align: middle;
	line-height: 30px;
}
.slide_logos {
	margin: 0 auto;
	width: 1400px;
	height: 90px;
}
.slide_logos ul  {
	min-width: 1400px;
	height: 90px;
}
.slide_logos ul li {
	display: inline-block;
	vertical-align: middle;
	border:1px solid #e7e7e7;
	width: 270px;
	height:80px;
	text-align: center;
	float: left;
	margin:4px;
	background-color: #fff;
}
.slide_logos ul li img {
	display: block;
	line-height: 2;
	margin:9px auto;

}
.pager {
	width: 100%;
	position: relative;
	line-height: 120%;
	margin:0 auto;
	z-index: 999;
}
.als-prev {
	background: url(../__images/prev.btn.png);
	background-repeat: no-repeat;
	width:25px;
	height: 46px !important;
	margin-left: 9%;
}
.als-next {
	background: url(../__images/next_btn.png);
	background-repeat: no-repeat;
	width:25px;
	height: 46px !important;
	margin-right: 9%;
}
.als-prev, .als-next { position: absolute; cursor: pointer; clear: both;	vertical-align: middle;padding:5px; }
.logo_banners .pager .als-prev { left: 0;margin-top: 20px; }
.logo_banners .pager .als-next { right: 0;margin-top: 20px; }

/*참가업체로고 슬라이드 끝*/

/*--------------------------------------------------------------------------------------------------------------*/
/* 서브페이지 레이아웃 ########################################################################### */
#content_sub { margin:0 auto; width:1400px; z-index:5;padding-top:10px }
#sub_left { float:left; width:234px; font-size:0; text-align:center; }
#sub_right { float:left;margin-left:26px; width:700px; min-height:650px; height:auto; }
#sub_right .pageLocation{text-align:right;}
#sub_right .pageLocation a{color:#656565;}
#sub_right .pageLocation a span{color:#060606;}
#sub_right .pageLocation a:hover{text-decoration:none;}
#bbs_area { padding:38px 0 80px 0; } /*게시판 위치여백 */ 

/* 페이지 공통 */
.pageContent{padding-top:30px; font-family:NanumGothic,'나눔고딕', 'Nanum Gothic'; font-size:14px; letter-spacing:-0.5px; color:#6f6f6f;}
.pageContent table{width:100%; border-collapse:collapse;}

.borderA{border:1px solid #e5e5e5;}
.borderT{border-top:1px solid #e5e5e5;}
.borderR{border-right:1px solid #e5e5e5;}
.borderB{border-bottom:1px solid #e5e5e5;}
.borderL{border-left:1px solid #e5e5e5;}

/* 개요 */
.summary th, .summary td{padding:3px 0;}
.summary1 th{letter-spacing:25px;}


#container_sub {
	position: relative;
	margin:0 auto;
	height: 100%;
	width: 100%;
	padding: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin-top: 5px;
	vertical-align: top;
}
/* 서브 상단 비주얼 */
.sub_visual {
	width:1400px;
	height:135px;
	padding:0;
	margin:0 auto;
}
.sub_visual img {
	text-align: center;
}
.sub_content {
	width:1400px;
	padding:0;
	margin: 0 auto;
	
}
.sub_content_title_p {
	line-height:20px;
	font-size:13px;
	color:#a4a4a4;
} 
.sub_content_title_font {
	line-height:30px;
	font-size:25px;
	color:#2d2d2d;
}
/* 현재위치 */
.path {
	width:876px;
	height:40px;
	text-align:right;
	padding:0 130px 0 0;
	font-size:12px;
	color:#636363;
}
.path a.path_link:link {
	font-size:12px;
	color:#636363;
	text-decoration:none;
}
.path a.path_link:visited {
	font-size:12px;
	color:#636363;
	text-decoration:none;
}
.path a.path_link:hover {
	font-size:12px;
	color:#636363;
	text-decoration:none;
}
.path {
	width:876px;
	height:25px;
	text-align:right;
	padding:15px 130px 0 0;
	font-size:12px;
	color:#636363;
}
/*사이드 왼쪽 메뉴 및 배너 시작*/
.side_wrap {
	float:left;
	width:244px;
	margin:0;
	padding:0;
}
.left_menu_height {
	height: 50px;
}
.side_nav {
	width:244px;
/*	padding:0 20px;*/
	text-align: center;
	border:1px solid  #e0e0e0;
	box-sizing: border-box;
}

.top_left_title {
	 padding: 15px 0;
	 background: #828282;
}
h3.side_tit {
	padding-left: 20px;
	font-size: 26px;
    font-weight: bold;
    color: #fff;
    text-align: left;  
}
.bullet {
	float: right;
	padding: 0 20px;
	vertical-align: middle;
}
ul.side_menu {
	margin:0;
	text-align: left;
	
	display: inline-block;
	line-height: 1.4;
	vertical-align: middle;
}
ul.side_menu li {
	margin: 0;
    /* width: 100%; */
    width: 242px;
    display: block;
/*    padding: 15px 0;*/
    color: #8e8e8e;
	
    font-size: 14px;
    font-weight: bold;
	border-bottom: 1px solid #e0e0e0;
}
ul.side_menu li.s_on {
	margin:0;
	width:242px;
/*	padding:15px 0px;*/
	color:#fff !important;
	font-size:14px;
	font-weight:bold;
/*	padding-left:20px;*/
}
ul.side_menu li a {
	display: block;
	width: 222px;
	vertical-align: middle;
	line-height: 40px;
	padding-left: 20px;
	
}

ul.side_menu li a.side_link:link {
	color:#8e8e8e;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
ul.side_menu li a.side_link:visited {
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
ul.side_menu li a.side_link:hover {
	color:#f0586e;
	background: #fbfafa;
}
.content {
	float:right;
	width:1006px;
	margin:0;
	padding:35px 70px 0 40px;
}

/* TODO: _new_images 사용 중 이동 필요 */
/* 테이블 공통 */
.map_list { border-bottom:1px solid #ffffff; padding:0px 0 0px 0px; background:url() no-repeat right bottom; widht:700px; min-height:760px; height:auto; }
.map_list ul { float:left; font-size:11px; font-family:"돋움",dotum; color:#464646; overflow:hidden; width:186px;}
.map_list ul li { background:url(/_new_images/page/sitemap/sitemap_bg.jpg) no-repeat; padding:0px 0px 0px 25px; margin:0 0 0 0; font-size:12px; font-family:"돋움",dotum; color:#464646; overflow:hidden; line-height:20px; }
.map_list ul li.title { background:url(/_new_images/page/sitemap/sitemap_title_bg.jpg) no-repeat 0 0px; padding:15px 0px 0px 0px; margin:0 0 0px 0; font-size:14px; font-family:"돋움",dotum; color:#ffffff; font-weight:bold; overflow:hidden; text-align:center; height:50px;}
.map_list ul li.bottom { background:url(/_new_images/page/sitemap/sitemap_bottom.jpg) no-repeat left top; height:33px;}
.map_list ul li a:link { color: #808080; text-decoration: none; }
.map_list ul li a:visited { color: #808080; text-decoration: none; }
.map_list ul li a:active { color: #808080; text-decoration: none; }
.map_list ul li a:hover { color: #8c3fff; text-decoration: none; }
/*underline*/

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-top: 2px solid #ff0085;border-bottom: 1px solid #d1dee2;background: #f6f6f6;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.tbl_head01 a {}

/* 연혁 */
.history_detail{height:300px; padding-top:40px;vertical-align: baseline;font-size: 1.2rem;letter-spacing :-0.015em;word-spacing :0.14em;color: #333;width:100%;line-height: 200%;}
.history_detail h3{font-size: 1.3rem;font-weight:900;text-align: left;}
.history_detail dl{font-size: 1rem;color: #3e3e3e; padding:20px;text-align: left;line-height: 1.4;width:100%;}
.history_detail dt{float: left; font-weight: bolder;padding-right:30px;}

.history_list_box{clear:both; position:relative; height:450px;font-family: 'Nanum Gothic';}
.history_list{float:left;border:2px solid #515151; line-height:1.5rem;vertical-align: middle;display:block;margin:1px;}
.history_list dt{float: left; font-weight: bolder;padding-right:30px;}
.history_list span{width:324px; height:35px;top:0;background-color:#515151;vertical-align: top;display:block;color:#fff;font-size: 18px;text-align: left;line-height: 1.7;padding:0 20px;}
.history_list span.on{background-color:#000;}
.history_list p{display: inline-block;width:20px;height:20px;line-height: 1; background-color:#f2324d;font-weight: 900; text-align: center;}

/* 참가안내 */
.exh_info { margin-left:0px; width:935px;}
.exh_info h3{height:18px; padding-left:25px; margin-bottom:10px; font-size:16px; text-align:left; font-weight:bold; color:#333; background:url('/_new_images/page/content/bullet.png') no-repeat;}
.exh_info table{border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; width:100%; color:#333;}
.exh_info th.left {padding:10px 5px; background-color:#6e5e5f; font-size:13px; text-align:center;font-weight:bold; color:#ffffff; border-bottom:1px solid #6e5e5f;border-left:1px solid #6e5e5f;}
.exh_info th.right {padding:10px 5px; background-color:#6e5e5f; font-size:13px; text-align:center;font-weight:bold; color:#ffffff; border-bottom:1px solid #6e5e5f; border-right:1px solid #6e5e5f;}
.exh_info th.bottom {padding:10px 5px; background-color:#6e5e5f; font-size:13px; text-align:center;font-weight:bold; color:#ffffff; border-bottom:1px solid #e5e5e5;}
.exh_info th {padding:10px 5px; background-color:#6e5e5f; font-size:13px; text-align:center;font-weight:bold; color:#ffffff; border-bottom:1px solid #6e5e5f; border-top:1px solid #6e5e5f; border-right:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
.exh_info td{padding:10px 5px; font-size:13px; text-align:center; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.exh_info td.left{padding:5px 5px 5px 15px; font-size:13px; text-align:left; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.exh_info td.flatform{padding:10px; font-weight:bold; background:#f1efef;}

/* 신청양식 다운로드 */
.formdown li{float:left; margin:10px 50px; padding-left: 60px;}

/* 스폰쉽 프로그램 */
.sponship h3{height:18px; padding-left:25px; margin-bottom:10px; font-size:16px; font-weight:bold; color:#333; background:url('/_new_images/page/content/bullet.png') no-repeat;}
.sponship table{border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5;}
.sponship th, .sponship td{padding:10px 5px; font-size:13px; text-align:center; border-bottom:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.sponship td.flatform{padding:10px; font-weight:bold; background:#fdf9f0;}

/* 사전등록확인 */
table .visit_ret_tit {padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left; line-height:26px; width:120px}
table .visit_ret_data {padding:7px 10px;border:1px solid #e9e9e9;border-left:0; border-right:0; background:transparent; line-height:26px}
.interestUl { padding:0; }
.interestUl span { display:inline-block; width:130px; }

/* Daum  우편변호 검색 ########################################################################### */
.DaumPostcode{display:inline-block;padding:0 10px;height:24px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.zipfind_box{display:none;border:1px solid;width:500px;height:300px;margin:5px 0;position:relative;-webkit-overflow-scrolling:touch;}
.close_zipfind_box {cursor:pointer;position:absolute;right:0px;top:-1px; z-index:100 }

/* 필수입력 */
.required, textarea.required {background:url('../../../img/wrest.gif') #f7f7f7 top right no-repeat !important}
.tbl_frm01 textarea, .frm_input {
    border: 1px solid #d7d7d7;
    background: #fff;
    color: #000;
    vertical-align: middle;
    line-height: 2em;
}


/*side banner */
.side_banner {
	width:202px;
	margin:0;
	padding:10px 0;
	margin-top: 50px;
}
.side_img_banner {
	margin-top: 40px;
}
/*사이드 왼쪽 메뉴 및 배너 끝*/



 /*스폰서  */
.main_sponsor {
	clear: both;
	width: 100%;
	height: 80px;
}
.main_sponsor_cnt {
	height: 55px;
	text-align: left;
	margin:0 auto;
	padding:15px 0px;
	width: 1400px;
}
.clearfix:after {
      content: "";
      display: block;
      clear:both;
      }

/* 푸터 */
#footer {
	position: relative;
	width: 100%;
	height:200px;
	bottom: 0;
	clear: both;
	margin: 0 auto;
	min-width: 1400px;
	background-color: #363535;
}
 .main_footer_cnt{
     width: 100%;
	 position: relative;
	 height:30px;
	 line-height: 29px;
	 background-color: #efefef;
     text-align: center;
     margin: 0 auto;
	 border-top:1px solid #c3c3c3;
	
}
.footer_cnt {
	 width:1400px;
	line-height: 30px;
	text-align: center;
	margin:0 auto;
    vertical-align: middle;
}
.footer_cnt ul  {
	width: 1400px;
	text-align: left;
	vertical-align: middle;
}
.footer_cnt ul li {
	display: inline;
	text-decoration: none;
	text-align: left;
	padding: 0 15px;
}
.footer_menu {
	font-size: 14px;
	color: #757474;
	display: table;
	padding-right:10px;
	font-weight: 500;
}
.footer_menu a {
	text-decoration: none;
}
.call{
	font-size: 20px;
	font-weight:bold;
	text-align: left;
	float: right;
	padding-right:37px;
}
.main_footer_txt {
	font-size: 12px;
	margin:0 auto;
	text-align: center;
	line-height:150%;
	height: 140px;
	
	width:1400px;
	
	padding-top:30px;
	
}
.company_info address{
	font-family: 'Nanum Gothic', sans-serif;
	font-style: normal;
	
}
.company_info{
	width: 70%;
	float: left;
	color:#e4e4e4;
	text-align: left;
}
.copyright {
	margin-top: 10px;
}
.contact_us{
	float: right;
	margin-left:30px;
}
.contact_us span img {
 text-align: right;
 padding: 10px 10px 0 0;

}
.footer_title {
	font-size: 17px;
	font-weight:bold;
	line-height: 1.4;
	text-align: left;
	vertical-align: middle;
	margin-bottom: 20px;
	color:#e4e4e4;
}
/*푸터끝 */
   /*탑버튼*/
   .cd-top {
     display: inline-block;
     z-index: 10100;
     position: absolute;
     height: 40px;
     width: 40px;
     position: fixed;
     bottom:210px;
    /* right:20px;*/
    left: 87%;
    text-align: center;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
     /* image replacement properties */
     /*overflow: hidden;*/
     text-indent: 100%;
     white-space: nowrap;
     background:rgba(232, 98, 86, 0.8) url(../__images/cd-top-arrow.svg) no-repeat center 50%;
     visibility: hidden;
     opacity: 1;
     -webkit-transition: opacity .3s 0s, visibility 0s .3s;
     -moz-transition: opacity .3s 0s, visibility 0s .3s;
     transition: opacity .3s 0s, visibility 0s .3s;
   }
   .cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
     -webkit-transition: opacity .3s 0s, visibility 0s 0s;
     -moz-transition: opacity .3s 0s, visibility 0s 0s;
     transition: opacity .3s 0s, visibility 0s 0s;
   }
   .cd-top.cd-is-visible {
     /* the button becomes visible */
     visibility: visible;
     opacity: 0;
   }
   .cd-top.cd-fade-out {
     /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
     opacity: 0.8;
   }
    .cd-top:hover {
     background-color: #ea0a2a;
     opacity: 1;
     }
     .cd-container {
     width: 96%; 
     max-width: 768px;
     margin: 2em auto;
   }
     .cd-container::after {
     /* clearfix */
     content: '';
     display: table;
     clear: both;
   }


   ul.top_sub_menu{
		z-index: 9999; 
		position: relative;
		margin-top: 30px;
		display: none;
		text-align: center;
   }

   ul.top_sub_menu > li{
		font-size: 13px;
		line-height: 35px;
   }

   ul.top_sub_menu > li a.sub:link {
	font-size:13px;
	font-weight:bold;
	color:#868686;
	text-decoration:none;
}
ul.top_sub_menu >  li a.sub:visited {
	font-size:13px;
	font-weight:bold;
	color:#464646;
	text-decoration:none;
}
ul.top_sub_menu > li a.sub:hover {
	font-size:13px;
	font-weight:bold;
	color:#e5294d;
	text-decoration:none;
}


/*
.gnb_menu_class > ul:hover > li ul
{
	display: block;
}

*/


div.top_tabs{
	text-align: center;
	position: absolute;
}

div.top_tabs > #tab_line_rudder2{
	display: block;
	margin-top: -6px;
}
 
.top_tabs .tab{
	text-align:center;
	padding: 10px 20px 0 20px;
	margin: 0 auto;
	width: 477px;
	overflow: hidden;
}


.New_btn_box {	
text-align:center;width:200px; height:50px; margin:0 auto;    line-height: 110%;

}
#New_btn{
 padding:10px; color:#707070;vertical-align: middle;display: block;text-align: center; border:1px solid  #1c1c1c;
}
#New_btn a img{
	color: #1c1c1c;
	vertical-align: middle;
	padding:5px;
	text-align: center;
	line-height: 110%;
	padding-left: 10px;
}
.New_btn_box #New_btn a {
	width: 200px;
	height: 50px;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}
.New_btn_box #New_btn:hover {
	border:1px solid #e4002b;
	
}
.New_btn_box #New_btn a:hover{
	color: #e4002b;
}

.banner_wraper { height: 90px; width: 1400px; padding-top:30px; position: absolute; overflow: hidden; }
.banner_wraper li { height: 90px; position: absolute; list-style: none; width:9000px;}
.banner_wraper li img { padding-right:50px; }

.logo_list_box {
	width: 1400px;
	margin-top: 40px;
	padding-bottom: 120px;
}

.banner_left {
	clear:both;
	float:left;
	background: url(/__images/prev.btn.png);
	background-repeat: no-repeat;
	width: 25px;
	height: 46px !important;
	margin-right: 9%;
}

.banner_right {
	clear:both;
	background: url(../__images/next_btn.png);
	background-repeat: no-repeat;
	width: 25px;
	height: 46px !important;
	margin-right: 9%;
}

.event_sub_post ul li img {z-index: 1;max-height: 318px;object-fit: cover;}
/* .event_sub_post ul li .wtext{ width:318px; height:292px; background:#000; margin-top:-292px; z-index: 2;opacity:0.6;text-align:center; color:#fff;} */
.event_sub_post ul li .wtext{ width:318px; height:318px; background:#000; margin-top:-318px; z-index: 2;opacity:0.6;text-align:center; color:#fff;}
.event_sub_post ul li .wtext p{ padding-top:42%; font-size:2em;font-weight:500;}

.event_sub_post ul li .wtext_b{ width:318px; height:235px; background:#000; margin-top:-235px; z-index: 2;opacity:0.6;text-align:center; color:#fff;}
.event_sub_post ul li .wtext_b p{ padding-top:42%; font-size:2em;font-weight:500;}


/** 2019-02-12 상단 리뉴얼 **/
#header .header_con {/*position: fixed;*/ height: 30px; /*background-color: #302f34;*/}
#header .header_con {width: 100%;}
#header .h_top{width:1400px;height:30px;line-height:25px;margin:0 auto;font-size:13px;zoom:1}
.fLeft {float: left;}
.fRight {float: right;}
#header .h_top:after{content:"";display:block;clear:both}
#header .h_top li.on a, a:hover .header_member>li.on a{color:#fff;text-decoration:none}
#header .h_top a{color:#959595;letter-spacing:-1px}
#header .h_top li{display:inline-block;*display:inline;*zoom:1;padding:0 10px 0 10px;margin-left:-4px;*margin-left:0;background:url("//d1ubhygtc5vixk.cloudfront.net/hbaby-web/__images/header/line_htop.png") no-repeat 0 center}
#header .htop li {padding-left:0; background: none;}
#header .h_top li:first-child{padding-left:0;margin-left:0;background:none}
#header .h_top .fRight{overflow:hidden}


#header .h_gnb {height: 70px; border-bottom: solid 5px #19d3c5; }
#header .h_gnb{background:none}
#header .h_gnb .gnb_wrap{width:1400px;height:75px;margin:0 auto}
#header .h_gnb .gnb_wrap .logo{position:relative;float:left;/*width:280px;*/padding-top:7px;z-index:10000}
#header .h_gnb .gnb_wrap .logo a{display:block}
#header .h_gnb .gnb_wrap ul{zoom:1}
#header .h_gnb .gnb_wrap ul:after{content:"";display:block;clear:both}
#header .h_gnb .gnb_wrap>ul>li{float:left}
#header .h_gnb .gnb_wrap>ul>li>a{display:block;padding:0 38px;font-size:16px;font-weight:bold;color:#3a3a3a;line-height:70px;text-decoration:none}
#header .h_gnb .gnb_wrap .gnb>li.on a{background:url("//d1ubhygtc5vixk.cloudfront.net/__images/header/gnb_pointer1.png") no-repeat center bottom}
#header .h_gnb .gnb_wrap .gnb>li.over a{background:url("//d1ubhygtc5vixk.cloudfront.net/__images/header/gnb_pointer2.png") no-repeat center bottom}

.sel_box {overflow:hidden; /*position:absolute; top:-6px;*/ margin-top: 20px; width:100px; border:1px solid #00d7c5; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; line-height:28px; box-sizing:border-box; background:#fff}
.custom_select {right:90px;}
.lang_select {right:0;float: right;width:170px;}	/* 20231120 */
.lang_select.sel_box .selected {}
.sel_box .selected {display:block; position:relative; text-decoration: none;}
 .sel_box .selected span {display:block; padding:0 14px; font-size:13px; font-family:'Noto Sans KR'; font-weight:500; color:#00d7c5; height:28px; line-height:28px}
.sel_box a.selected:after {display:block; position:absolute; content:''; top:50%; margin-top:-2px; right:15px; width:8px; height:5px; background:url('//d1ubhygtc5vixk.cloudfront.net/hbaby-web/__images/header/ico_arr_s_off2.png') no-repeat center;}
 .sel_box.on .selected:after {background:url('//d1ubhygtc5vixk.cloudfront.net/hbaby-web/__images/header/ico_arr_s_on2.png') no-repeat center;}
.sel_box ul {display:none;}
 .sel_box.on ul {display:block; z-index:10; padding:5px 0}
 .sel_box.on ul li {padding-left:130x}
.sel_box.on ul li a {color: #a7a7a7; display:block; padding:0 10px; height:30px; font-size:12px; box-sizing:border-box; text-align:left; line-height:30px; text-decoration: none;}
 .sel_box.on ul li a:hover,
.sel_box.on ul li a:focus,
 .sel_box.on ul li a:active {background:#eee}
.ir ,.blind {clip:rect(0,0,0,0); overflow:hidden; display:block; width:1px; height:1px; font-size:1px; line-height:0; text-indent:-9999em}


.login_save{margin-top: 18px; color: #666; overflow: hidden;}
.login_save p{float: right;}
.login_save p a:first-child{background: url("//d1ubhygtc5vixk.cloudfront.net/hbaby-web/__images/pop/login_gnb.gif") no-repeat 100% 0; padding-right: 10px; margin-right: 10px;}

.login_form{position: relative; overflow: hidden;}
.login_form input{float: left; width: 230px; border: 1px solid #e3e3e3; border-bottom-color: rgb(227, 227, 227); border-bottom-style: solid; border-bottom-width: 1px; padding-left: 15px;
				  height: 38px; line-height: 38px; font-size: 12px; letter-spacing: 0;}
.login_form .submit {position: absolute; background-color: #19d3c5; color: #fff; text-align: center; width: 105px; height: 99px; right: 0; top: 0; font: 14px/95px Malgun Gothic;}
.login_txt{background-color: #f5f5f5; padding: 20px 15px; color: #666; line-height: 18px; letter-spacing: -0.1px;}
.login_txt strong{display: block; color: #444; font-size: 16px; margin-bottom: 7px;}
.login_txt span{color: #19d3c5; text-decoration: underline;}

.login_box{margin-top: 60px;}
.login_box a{display: block; margin: 20px auto 0; width: 140px; height: 40px; background-color: #666; color: #fff; text-align: center; line-height: 40px; font-size: 14px; font-family: "Malgun Gothic","�뗭�","�뗭�泥�",sans-serif;}


.btn-layerClose1{background: url("//d1ubhygtc5vixk.cloudfront.net/hbaby-web/__images/pop/pop_close.png") no-repeat 0 0; width: 20px; height: 19px; text-indent: -999em; position: absolute; top: 0; right: 0;}
.pop_logo{text-align: center;}
.pop-layer {   display: none;   position: absolute;   top: 50%;   left: 50%;   width: 410px;   height: auto;   z-index: 10; }
.pop-layer p.ctxt {   color: #666;   line-height: 25px;   text-align: center; }
.pop-layer .btn-r {   width: 100%;   margin: 10px 0 50px;   padding-top: 10px;   border-top: 1px solid #19d3c5;   text-align: right; }
.pop-layer .pop-container {padding: 30px 25px;}
.dim-layer {display: none; position: fixed; _position: absolute; top: 0; left: 0; width: 100%;   height: 100%;   z-index: 100; }
.dim-layer .dimBg {   position: absolute;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: #000;   opacity: .5;   filter: alpha(opacity=50); }
.dim-layer .pop-layer {   display: block; }

a.btn-layerClose {   display: inline-block;   height: 25px;   padding: 0 14px 0;   border: 1px solid #304a8a;   background-color: #3f5a9d;   font-size: 13px;   color: #fff;   line-height: 25px; }
a.btn-layerClose:hover {   border: 1px solid #091940;   background-color: #1f326a;   color: #fff; }

input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="email"]:focus {border-color: #08caa9;}

input[type="text"],
input[type="password"],
input[type="tel"],
input[type="file"],
input[type="number"],
input[type="email"],
textarea {margin: 0px; border-style: solid; border-width: 1px; border-color: #D2D2D2; font-size: 12px; outline: medium none; vertical-align: middle; color: #4D4D4D; -webkit-appearance: none}

span.checkbox {font-size: 13px; line-height: 27px;}




/** 2019-02-12 상단 리뉴얼 **/
/*** 2021-05-17 이벤트 list - 작업자 : 디자인기획팀 추경희과장 ***/
.coevent-container {width:1400px;display:grid;grid-template-rows:330px; grid-template-columns:repeat(4, 330px);gap:20px;justify-content:flex-start;margin-top:15px;}
.coitems img{width:100%;max-width:330px;max-height: 330px;object-fit: cover;}
.coevent-container-sub {width:1006px;display:grid;grid-template-rows:322px; grid-template-columns:repeat(3, 322px);gap:20px;justify-content:flex-start;}
.coitems-sub img{width:100%;max-width:322px;}
.index-more {float: right; padding: 10px 20px 0 0;text-decoration: none;font-size:1.2rem;font-weight: bold;color:#e60f48 !important;}

/* 팝업창 뒤 반투명 배경 */
.popup_overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 100;
    background: rgb(0, 0, 0); 
	opacity: 0.6;
}