/*@import url(http://api.mobilis.co.kr/webfonts/css/?fontface=NanumGothicWeb);*/ 
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@charset "utf-8";* {margin:0; padding:0;font-family:"Nanum Gothic","NanumGothic","Malgun Gothic","����","dotum";letter-spacing: -0.5px;}
body {position:relative; margin:0; padding:0; background:#fff; font-size:12px; text-align:left; background: #fff; }
hr {display:none; clear:both;}
img,fieldset {border:0 none;}
img {vertical-align:middle;}
dl,ul,ol,li {list-style:none;}
h1,h2,h3,h4,h5,dl,dt,dd,ul,li,ol,th,td,p,blockquote,form,fieldset,legend {margin:0; padding:0; font-size:12px;}
table {border-collapse:collapse; font-size:12px;}
a {text-decoration:none;}
 a:link:hover, a:active {text-decoration:underline;}
input,select,textarea {font-size:100%; vertical-align:middle;}
body,th,td {font-family: nanumgothic ,Arial ,Gulim;}
button{vertical-align:middle; cursor:hand; cursor:pointer;}
.input{ height: 14px;border: solid 1px #d1d1d1;padding-top: 1px;padding-left: 3px;font: 12px gulim;color: #333;}
input.chexbox{border: 0; }
/* HTML5 Reset */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display: block;}
/** scroll hack for browsers */
/*ie6*/
a:link:hover, a:active {text-decoration:none;}

/*     */
input.style_none{border: 0; background: none; color: #8c8c8c; font-size: 14px; line-height: 39px; height:39px; padding: 0 20px; width: 310px; }
/*     */
.thumImg img{ width: 100%;}

#wrap {width:100%; text-align: center; background:url(../images/wrap_bg.png) no-repeat center top; 
	font-family:"Nanum Gothic","NanumGothic","Malgun Gothic","����","dotum";}
.section {width:1100px; margin: 0 auto;  }

.nav{}

.top_nav{ background: #2d64a7; height: 29px; padding-top: 11px; text-align: left; }
.top_navRbg{position:absolute; left:50%; margin-left:198px; top:0; height:40px; background:url(../images/navRbg.png) repeat-x left top; }
a.nav_left{ color: #58e7e1; font-size: 14px; font-weight:bold;}
.nav_right {position:absolute; left:50%; top:0; height:40px; width:352px;  margin-left:198px; background:url(../images/navRbg.png) repeat-x left top; }
.nav_right a{ display: inline-block; color: #f4f4f4; font-size: 13px; font-weight:bold }
.nav_rightbar,
.nav_rightbar_non{display: inline-block; background:url(../images/nav_bar.png) no-repeat right 13px; padding: 11px 25px;  }
.nav_rightbar_non{background: none;}
.nav_search{position:absolute; right:0; top:0}
.search_input{position:absolute; left:0; top:39px; z-index:99; height: 40px; width: 352px; display: inline-block; background: #000;}


.top_menu{ position:relative; background:url(../images/manu_topbg.png) repeat-x left top; text-align: right; }
.top_menu .section { position:relative;}
.top_manu_list{ height: 90px;}
.top_menu a.logo{ position: absolute; left: 0px; top: 15px;}
ul.manu_list{ margin-left: 370px; padding-top: 37px;}
.manu_list li{ float: left; background:url(../images/manu_libg.png) no-repeat 0px 5px; padding: 0 30px; }
.manu_list li:first-child { background: none;} 
.manu_list li a{ color: #5c5c5c; font-size: 16px; padding: 0 5px; padding-bottom: 30px;  font-weight:bold}
.manu_list li.topMenu01 a:hover{ color:#3b7b93; font-weight: bold; }
.manu_list li.topMenu01 a:hover,
.manu_list li.topMenu01 a.on{ border-bottom: 4px solid #509bb3; color:#3b7b93; font-weight: bold; }
.manu_list li.topMenu02 a:hover,
.manu_list li.topMenu02 a.on{ border-bottom: 4px solid #aaaaaa; color:#3b7b93; font-weight: bold; }
.manu_list li.topMenu03 a:hover,
.manu_list li.topMenu03 a.on{ border-bottom: 4px solid #51b956;  color:#3b7b93; font-weight: bold;}
.manu_list li.topMenu04 a:hover,
.manu_list li.topMenu04 a.on{ border-bottom: 4px solid #ab71b2; color:#3b7b93; font-weight: bold; }

.top_menuOn{ position: relative; width:100%; height:165px; padding: 10px 0;}
.top_menuOn01{ background:url(../images/top_menuBg01.png) repeat-x left top; }
.top_menuOn02{ background:url(../images/top_menuBg02.png) repeat-x left top; }
.top_menuOn03{ background:url(../images/top_menuBg03.png) repeat-x left top; }
.top_menuOn04{ background:url(../images/top_menuBg04.png) repeat-x left top; }
	
.manu_listsub li{ position:relative; float: left;}
.manu_listsub li a{ display:inline-block; width: 90px; height: 100px; }
.manu_listsub li a:hover,
.manu_listsub li a.on{ border-bottom: 1px solid #fff; padding-bottom: 11px;}
.manu_listsub li a span{ display: none;}
.manu_listsub01{ padding-left: 45px;}
.manu_listsub01 li{padding: 0 13px;}
.manu_listsub01 li a{ background:url(../images/top_menuIcon01.png) no-repeat center top;}
.manu_listsub01 li.listsub01_01 a{ background-position: center top; width: 130px;} 
.manu_listsub01 li.listsub01_02 a{ background-position: center -100px; width: 100px;} 
.manu_listsub01 li.listsub01_03 a{ background-position: center -200px;} 
.manu_listsub01 li.listsub01_04 a{ background-position: center -300px;} 
.manu_listsub01 li.listsub01_05 a{ background-position: center -400px;} 
.manu_listsub01 li.listsub01_06 a{ background-position: center -500px; width: 100px;} 
.manu_listsub01 li.listsub01_07 a{ background-position: center -600px; width: 110px;} 
.manu_listsub01 li.listsub01_08 a{ background-position: center -700px;} 

.manu_listsub02{ padding-left: 45px;}
.manu_listsub02 li{padding: 0 8px;}
.manu_listsub02 li ul li {padding: 0 13px;}

.manu_listsub02 li a{ background:url(../images/top_menuIcon02.png) no-repeat center top;}
.manu_listsub02 li.listsub01_01 a{ background-position: center top;} 
.manu_listsub02 li.listsub01_02 a{ background-position: center -100px; } 
.manu_listsub02 li.listsub01_03 a{ background-position: center -200px;} 
.manu_listsub02 li.listsub01_04 a{ background-position: center -300px;} 
.manu_listsub02 li.listsub01_05 a{ background-position: center -400px; width: 145px;} 
.manu_listsub02 li.listsub01_06 a{ background-position: center -500px; width: 115px;} 
.manu_listsub02 li.listsub01_07 a{ background-position: center -600px;} 
.manu_listsub02 li.listsub01_08 a{ background-position: center -700px;} 
.manu_listsub02 li.listsub01_09 a{ background-position: center -800px; width:105px;}
.manu_listsub02 li.listsub01_10 a{ background-position: center -900px; } 

.manu_listsub03{ padding-left: 150px;}
.manu_listsub03 li{padding: 0 13px;}
.manu_listsub03 li a{ background:url(../images/top_menuIcon03.png) no-repeat center top;}
.manu_listsub03 li.listsub01_01 a{ background-position: center top;} 
.manu_listsub03 li.listsub01_02 a{ background-position: center -100px; } 
.manu_listsub03 li.listsub01_03 a{ background-position: center -200px;} 
.manu_listsub03 li.listsub01_04 a{ background-position: center -300px;} 
.manu_listsub03 li.listsub01_05 a{ background-position: center -400px;} 
.manu_listsub03 li.listsub01_06 a{ background-position: center -500px;} 
.manu_listsub03 li.listsub01_07 a{ background-position: center -600px; width: 90px;} 

.manu_listsub04{ padding-left: 290px;}
.manu_listsub04 li{padding: 0 13px;}
.manu_listsub04 li a{ background:url(../images/top_menuIcon04.png) no-repeat center top;}
.manu_listsub04 li.listsub01_01 a{ background-position: center top;} 
.manu_listsub04 li.listsub01_02 a{ background-position: center -100px; } 
.manu_listsub04 li.listsub01_03 a{ background-position: center -200px;} 
.manu_listsub04 li.listsub01_04 a{ background-position: center -300px;} 
.manu_listsub04 li.listsub01_05 a{ background-position: center -400px;} 


.manu_listsub li .manu_listsub_3depth{position: absolute; top: 126px; left:-100px; width: 600px; clear: both}
.manu_listsub li .manu_listsub_3depth li{}
.manu_listsub li .manu_listsub_3depth li a,
.manu_listsub li .manu_listsub_3depth li a:hover{background: none; border: 1px solid #fff; color: #fff; padding: 3px 10px;
	    height: 25px; width:100%; line-height: 25px; border-radius: 5px; text-align: center;}
.manu_listsub li .manu_listsub_3depth li a:hover{background: #fff; color: #444; font-weight: bold;}
.manu_listsub li .manu_listsub_3depth li a.on{ background: #fff; color: #444; font-weight: bold; }

.mainContent{ background:url(../images/mainContent_bg.png) repeat-x left top; clear: both;}
.content{width:1100px; margin: 0 auto;  text-align: left; padding-top: 22px;}

.cont_left{ width: 825px; float: left; height: 548px;}
.main_slide{ position:relative; width: 823px; height: 300px; background: #ebedec;overflow: hidden; }
.slide_btn{}
.slide_btn li{ margin-bottom: 2px;}
.slide_btn li a{ display:inline-block; width: 135px; height:69px; padding:30px 0 0 20px; color:#fff; font-size:14px;font-weight: bold; line-height: 21px;
	background:url(../images/slideBtn.png) #7ac1d9 no-repeat left top; }
.slide_btn li a.on{ background:url(../images/slideBtnOn.png) #2d6279 no-repeat left top; }
.main_slideimg01,
.main_slideimg02,
.main_slideimg03{ position: absolute; top:0; right:0; width: 668px; height: 300px;}

.slide_count{ position: absolute; left: 54px; top: 200px; background:url(../images/slide_countbg.png) no-repeat left top;
	width:196px; height: 32px; color: #fff; text-align: center; line-height: 30px; font-weight:bold; font-size:15px;}
.slide_bl{ }
.other_site{ margin-top: 47px;}
.site_box{ display: inline-block; border: 1px solid #dfdfdf; width: 263px; margin-left: 10px; }
.site_box:first-child{margin: 0}
.site_box img{ width: 263px; height:115px; }
.site_box .text_box{border: 1px solid #dfdfdf; text-align: center; line-height:18px; padding: 7px 0; }
.site_box .text_tit{ color: #525252; font-size: 15px;font-weight: bold;}
.site_box .text_p{ color: #9d9d9d; font-size: 13px;}

.cont_right{ width: 260px;  float: right;}
.right_benner{position: relative; background-color:#2d64a7;}


ul.bt-roll {position:absolute; bottom:15px; text-align:center; width:100%;}
ul.bt-roll li {display:inline-block; margin:0 5px;}


.q_menu{margin-top: 45px; height:170px; background:url(../images/qmenu_bg.png) no-repeat left 45px;}
.q_menu p.tit{font-size: 15px; color: #454545; font-weight: bold; padding: 10px; padding-top: 0;}
.q_menu p.tit .bl{ color: #2d64a7;}
.q_menu ul{ float: left;}
.q_menu li{ padding: 8px 0px; }
.q_menu li a{ display: inline-block; height:20px; line-height: 20px; color: #595959; font-size: 12px; padding-left: 30px; }
.q_menu li a.q_menu01{background:url(../images/qmenu_icon.png) no-repeat left top;}
.q_menu li a.q_menu02{background:url(../images/qmenu_icon.png) no-repeat left -42px;}
.q_menu li a.q_menu03{background:url(../images/qmenu_icon.png) no-repeat left -84px;}
.q_menu li a.q_menu04{background:url(../images/qmenu_icon.png) no-repeat left -123px;}
.q_menu li a.q_menu05{background:url(../images/qmenu_icon.png) no-repeat left -165px;}
.q_menu li a.q_menu06{background:url(../images/qmenu_icon.png) no-repeat left -206px;}
.q_menu li a.q_menu07{background:url(../images/qmenu_icon.png) no-repeat left -247px;}
.q_menu li a:hover{color: #005689;}

.cont_list{ clear: both; background:url(../images/mainleft_barbg.png) repeat-x left -4px; padding-top: 30px;}

.main_boxList{ display: inline-block; margin-left: 10px; width: 263px; }
.main_boxList:first-child{margin: 0}
.main_boxList .B{font-weight: bold; }
.main_box{ display: inline-block; border: 1px solid #e2e2e2; width: 223px; padding:25px 20px 0; height: 275px;  }
.main_box.main_box01{ border-top: 2px solid #0a84db;}
.main_box.main_box02{ border-top: 2px solid #00b3a6;}
.main_box.main_box03{ border-top: 2px solid #7ac1d9;}
.main_box .thumImg { width: 223px; height:172px; overflow: hidden;}
.main_box img{ margin: 0 auto; }
.main_box .text_tit{ color: #2d2d2d; font-size: 17px; text-align: left; display: inline-block; padding-bottom:17px;
	background:url(../images/more_bg.png) no-repeat right top; width: 222px;font-weight: bold; }
.main_box .text_p{display: block; overflow:hidden; height: 38px; color: #555; font-size: 13px; line-height: 18px; padding: 15px; padding-bottom: 0; }
ul.main_boxListText { padding: 15px 20px;}
.main_boxListText li a{ display: block; line-height: 20px; width:223px;  color: #555;
	overflow:hidden; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal }
.main_boxListText li:first-child{ font-weight: bold;}

.main_boxRight{width: 260px; float: right;}
.box_tab{ width: 100%; }
.box_tab li{ float: left; border: 1px solid #4d4d4d;width: 32.5%; text-align: center; border-left:0; }
.box_tab li:first-child{border-left: 1px solid #4d4d4d;}
.box_tab li a{ display: inline-block; width: 100%; padding: 10px 0; color: #555; }
.box_tab li a.on{ background: #4d4d4d; color: #fff;}
.main_tabBox{ display: inline-block; width: 258px; height: 240px; margin-top: 25px; border: 1px solid #e2e2e2;}
.main_tabBox .thumImg { height:192px; overflow: hidden;}
.main_tabBox img{ margin: 0 auto; }
.tabBoxImg{ height:125px; padding:50px 5% 0; width: 90%; overflow:hidden; text-align: center; font-size: 28px; line-height: 40px;
	 color:#fff; font-weight: bold; }
.tabBoxImg a{}
.tabBoxImg01{ background: #c0e1b5;}
.tabBoxImg02{ background: #acd2fc;}
.tabBoxImg03{ background: #ebc0fd;}

.main_tabBox .text_p{height: 36px;  overflow:hidden; color: #555; font-size: 13px; line-height: 18px; padding: 10px 15px 0px; }

.banner_zone {position:relative;clear:both;margin:0 auto;margin:20px 0 50px 0; width:1100px;}
#roll_banner {position:relative;overflow:hidden;padding:0;width:1100px;height:44px; margin: 10px 0}
#roll_banner .roll_list {width:20000em;position:absolute;}
#roll_banner .roll_list div {float:left; background: #ebebeb; width: 250px; height: 44px;}
#roll_banner .roll_list div img { margin:0 0; }
#roll_banner a {text-decoration:none; margin: 0 10px}
.left {position:absolute;top:10px;left:-25px;display:block;overflow: hidden;width:25px;height:25px;text-indent:-999px;
	background:url(/kcen2016/images/btn_rolling.png) 0 0 no-repeat;}

.right {position:absolute;top:10px;right:-25px;display:block;overflow: hidden;width:25px;height:25px;text-indent:-999px;
	background:url(/kcen2016/images/btn_rolling.png) 0 0 no-repeat;}
/*.left:hover,
.left:active,
.left:focus {background:url(../images/btn_rolling_left.gif) 0 -17px no-repeat;cursor:pointer;}*/
/*.right:hover,
.right:active,
.right:focus {background:url(../images/btn_rolling_right.gif) 0 -17px no-repeat;cursor:pointer;}*/



.footer{ width:100%; background:#4a4a4a; height: 180px;}
.footer_area{background:url(/kcen2016/images/logo_footer.png) no-repeat 15px 45px; padding:50px 0 0px 285px;  text-align: left; }
.footer_area ul{ display: inline-block; margin-bottom: 10px}
.footer_area li{ float: left; background:url(/kcen2016/images/footer_abar.png) no-repeat left 2px; padding: 0 15px}
.footer_area li:first-child{ background: none; padding-left: 0;}
.footer_area a{ color: #e6e6e6; font-size: 15px;}
.footer_area p{ clear:both; color: #7c7c7c; font-size: 12px; margin-bottom: 3px;}


/*  popup   */
#popup_layer{}
.popup_back{position:absolute; left:0;top:0; z-index:1000;background:#000;  opacity:0.5; filter:alpha(opacity=50);  width: 100%; height: 100%; }
.popup_news{display:block; position:absolute;z-index: 2000;	left: 50%;top: 10%;	width: 503px; margin-left: -250px;
	background: url(/kcen2016/images/news_popBg.png) no-repeat 0 0; height: 460px;}
.popup_news .layer_close{ position: absolute;  top:10px; right:10px;}
.news_input{ padding: 200px 0 0 60px; font-size;12px; font-family: dotum; }
.newsLayer_input{ padding: 10px 0;}
.newsLayer_input input{ padding: 5px; margin-left: 10px; width: 290px;}
.news_input textarea{background: #f0f0f0; padding: 20px; line-height: 21px; border: 0; width: 345px; height: 60px; overflow-y: scroll; }
.news_input .newsLayer_checkbox{ margin: 10px 0 10px;}
.newsLayer_btn{ text-align: center; margin-left: 125px;}

.popup_video{display:block; position:absolute;z-index: 2000;	left: 50%;top: 10%;	width: 503px; margin-left: -250px;
	background: url(/kcen2016/images/popBg01.png) no-repeat 0 0; height: 695px;}
.layer_close{ position: absolute;  top:10px; right:10px;}
.popup_tit{ font-size: 22px; color:#e8e8e8; font-weight: bold; padding: 20px; text-align: center;}
.popup_cont{padding: 40px 50px;}
.popup_cont .txt{ font-size: 12px; color:#919191; line-height: 20px;  padding-bottom:25px;}
.popup_cont .txt_tit{ font-size: 16px; color:#2e2c2a; font-weight: bold; padding-bottom:30px; }
.popup_cont .topBar{padding-top: 30px; border-top: 1px solid #dbdbdb; }
.popup_cont .txt_box{ background: #f0f0f0; padding: 15px 20px; font-size: 11px; color:#767676;}

.popup_free{display:block; position:absolute;z-index: 2000;	left: 50%;top: 10%;	width: 503px; margin-left: -250px;
	background: url(/kcen2016/images/popBg01.png) no-repeat 0 0; }
.popup_cont .txt_tit02{ font-size: 14px; color:#919191; font-weight: bold; padding-bottom:30px; }


/*160603*/
.requestEnd{text-align: center; background:#e1e1e1; padding:40px; margin-top:50px; line-height: 1.5;}
.requestEnd .reInner{}
.requestEnd .tit{ display:inline-block; margin:0 auto; font-weight:bold; font-size:30px; color:#fff; background: #48abd8; padding:10px 60px; }
.requestEnd .txt{font-size:18px; padding-top:20px;border-top:1px dotted #4097bf; margin-top:20px;}
.requestEnd .txt .colRed{color:#bc0000; font-size:24px;}

/* 171228 메인 영상팝업 */
.dim{display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.7;}
.videoWrap{display:none; position:fixed; top:50%; left:50%; margin:-240px 0 0 -427px;}
.btn_closeLayer{display:none; position:absolute; top:0; right:-60px;}