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

body, div, dl, dt, dd, ul, ol, menu, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, figure, legend, textarea, p, blockquote, th, td, input, optgroup, select, textarea, button{margin:0; padding:0;}
body, h1, h2, h3, h4, th, td, input, select, button{ font-family:"맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", "돋움", "Dotum", sans-serif; font-size:12px; line-height:1.5; color:#666;}
fieldset, img{border:0;}
dl, ul, ol, menu, li{list-style:none;}
img, input, select, textarea, button{vertical-align:middle;}
 button{cursor:pointer;}

.header{width:100%; margin:0 auto; padding:0; position:relative; background:#fff; border-bottom:1px solid #f3f3f3;}
.header .h_inner{width:990px; height:100px; margin:0 auto; padding:0; position:relative; background:#fff;}
.gnb_area{position:relative; z-index:1200; background:#fafafa; height:28px; border-bottom:1px solid #f4f4f4; font-family:"Nanum Gothic",돋움,dotum,Apple SD Gothic Neo,sans-serif;}
.gnb_area .global{height:30px; width:990px; margin:0 auto;}
.gnb_area .global .global_a{float:right; z-index:500; height:28px; font-size:11px; letter-spacing:-1px;}]
.gnb_area .global .global_a ul{float:left;}
.gnb_area .global .global_a ul li{float:left; position:relative; list-style:none; line-height:28px;}
.gnb_area .global .global_a ul li a{display:inline-block; height:28px; padding:0 8px;}
.gnb_area .global a{color:#828282; text-decoration:none;}
.logo_img{position:relative; float:left;}
.logo_img a{display:block; overflow:hidden; float:left; width:145px; height:51px; margin-top:25px;}
.logo_img a img{display:block; width:145px; height:51px; vertical-align:top;}


/*search*/
.h_inner .search_wrap{position:relative; float:left; z-index:500; margin:35px 0 0 100px;}
.hide{display:none !important;}
.hide{display:block; overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px; font-size:0px; line-height:0; text-indent:-9999px;}
.hide, .blind{display:block; overflow:hidden; position:absolute; left:-9999px; width:1px; height:1px; font-size:0px; line-height:0; text-indent:-9999px;}
.h_inner .search_inner{position:relative;}
.h_inner .ui-input-search::after{clear:both;}
.h_inner .ui-input-search::before, .header_inner .ui-input-search::after{display:table; content:"";}
.h_inner .ui-input-search{position:relative; width:396px; border:2px solid #e51b13; zoom:1; clear:both; height:36px;}
.h_inner .ui-input-search .ui-input-text{outline:none; float:left; display:inline-block; width:320px; height:30px; line-height:12px; padding:11px 0 9px 13px; border:0 none; font-size:12px; color:#333; text-overflow:ellipsis;}
.h_inner .ui-input-search .ui-input-clear{display:none; position:absolute; right:46px; top:14px; z-index:100;}
a, a:active, a:visited{color:#666; text-decoration:none; cursor:pointer;}
.h_inner .ui-btn-icon-notext .ui-btn-inner{padding:0;}
.h_inner .ui-btn-inner{display:block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; position:relative;}
.h_inner .search_wrap .top_search .search_inner .btn_search{position:absolute; right:1px; top:1px; width:44px; height:33px; background-position:9px 8px; text-indent:0px;}
.btn_comm{display:block; overflow:hidden; font-size:0px; line-height:0px; background-image:url(/images/search_btn.png); background-repeat:no-repeat; text-indent:-9999px;}
.h_inner .search_wrap .top_search .search_inner .btn_search button{display:block; width:100%; height:100%; border:0 none; background:none; text-indent:-9999px;}
.h_inner .ui-btn-icon-notext .ui-icon{display:block;}
.header .ui-icon{width:23px; height:23px; background:url(images/search_btn.png) no-repeat 0 -120px; text-indent:-99999px; overflow:hidden;}


/**/

/*main banner*/

* { box-sizing: border-box; }

.carousel {
  background: #EEE;
}

.carousel-cell {
  width: 100%;
  height: 401px;
  background: #8C8;
  counter-increment: gallery-cell;
  margin:0 auto;
  text-align:center;
}

/* cell number */
.carousel-cell:before {
  display: block;
  text-align: center;
  }
  
/**/
.kcp{float:right;}
.kcp h2{margin-top:15px;}

/*gnb*/
#gnb{position:relative; z-index:190; border-bottom:1px solid #e2e2e2;}
#gnb .gnb_inner{border-color:#e2e2e2 transparent #ccc; border-width:1px 0; border-style:solid;}
#gnb .gnb-content::after{clear:both;}
#gnb .gnb-content{position:relative; width:990px; margin:0 auto; zoom:1;}
#gnb .list-category{float:left; position:relative; z-index:2;}
#gnb .list-category > li{float:left; position:relative; width:110px; }
#gnb .list-category > li > a{display:block; position:relative; z-index:2; padding:10px 15px;}
#gnb .list-category > li > a:hover{color:#e30921;}
#gnb .list-category .text-gnb-comm{width:37px; height:15px; line-height:15px;}
#gnb .gnb-content::before, #gnb .gnb-content::after{display:table; content:"";}
/*banner*/
/*컨텐츠*/
#contents{width:100%; position:relative;  }
#contents .contents_inner{margin:0 auto; width:990px; position:relative; overflow:hidden; padding-top:30px;}
#contents .contents_inner .ibnbest{overflow:hidden; width:100%; clear:both; margin-top:30px;}

.small_ban{padding:20px 0; position:relative; overflow:hidden;}
/*type1*/
#contents .contents_inner .lst{overflow:hidden; margin-right:0px; margin-bottom:24px; zoom:1;}
#contents .contents_inner .lst li{float:left; position:relative; width:324px; height:330px; margin:0 9px 20px 0; background:#fff;}
#contents .contents_inner .lst li .thmb{display:block; position:relative; width:324px; height:279px;}
#contents .contents_inner .lst li .thmb .edge{display:block; position:absolute; top:0px; left:0px; width:324px; height:330px; border:1px solid #000; opacity:0.12; filter:alpha(opacity=12); cursor:pointer;}
#contents .contents_inner .lst li .detail{position:relative;padding:15px 10px 0 13px;}
#contents .contents_inner .lst li .detail .subject{display:block; overflow:hidden; max-width:100%; margin-bottom:4px; font-weight:bold; font-size:12px; line-height:18px; color:#333; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap;}
/*type1 end*/


/*type2*/
#contents .contents_inner .lst_2{overflow:hidden; margin-right:0px; margin-bottom:24px; zoom:1;}
#contents .contents_inner .lst_2 li{float:left; position:relative; width:324px; height:211px; margin:0 9px 20px 0; background:#fff;}
#contents .contents_inner .lst_2 li .thmb{display:block; position:relative; width:324px; height:168px;}
#contents .contents_inner .lst_2 li .thmb .edge{display:block; position:absolute; top:0px; left:0px; width:324px; height:211px; border:1px solid #000; opacity:0.12; filter:alpha(opacity=12); cursor:pointer;}
#contents .contents_inner .lst_2 li .detail{position:relative;padding:15px 10px 0 13px;}
#contents .contents_inner .lst_2 li .detail .subject{display:block; overflow:hidden; max-width:100%; margin-bottom:4px; font-weight:bold; font-size:12px; line-height:18px; color:#333; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap;}
/*type2 end*/



/*type3*/
#contents .contents_inner .lst_3{overflow:hidden; margin-right:0px; margin-bottom:24px; zoom:1;}
#contents .contents_inner .lst_3 li{float:left; position:relative; width:234px; height:230px; margin:0 18px 20px 0; background:#fff;}
#contents .contents_inner .lst_3 li .thmb{display:block; position:relative; width:234px; height:211px;}
#contents .contents_inner .lst_3 li .thmb .edge{display:block; position:absolute; top:0px; left:0px; width:234px; height:211px; border:1px solid #000; opacity:0.12; filter:alpha(opacity=12); cursor:pointer;}
#contents .contents_inner .lst_3 li .detail{position:relative;padding:15px 10px 0 13px;}
#contents .contents_inner .lst_3 li .detail .subject{display:block; overflow:hidden; max-width:100%; margin-bottom:4px; font-weight:bold; font-size:12px; line-height:18px; color:#333; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap;}
/*type3 end*/

/*footer*/
#footer{position:relative; background:#fafafa; width:100%; height:270px; border-top:1px solid #e3e3e3;}
#footer_contents{width:100%; max-width:990px; position:relative; margin:0 auto; padding:40px 0 0 0; box-sizing:border-box; color:#8f8f8f;}
#footer_cs_center{float:left; font-size:12px; width:300px;}
#footer_cs_center > .title{margin-bottom:10px; font-weight:bold;}
#footer_cs_center > .number{margin-bottom:2px; font-size:28px; font-weight:bold; line-height:30px;}
#footer_cs_center > .information{font-size:12px; color:#424242;}
#footer_info{font-size:11px; margin-top:30px;}
#footer_info > .about{margin-bottom:40px; overflow:hidden;}
#footer_info > .about > a{display:block; float:left; margin-right:10px; font-weight:bold;}
#footer_info > .line{display:inline-block;}
#footer_info > .line{line-height:20px; color:#757575;}
#footer_info > .pg_info{line-height:20px; color:#757575;}
#footer_info > .copyright{margin-top:15px;}