@charset "utf-8";

/* Sub Page */
#main_wrap { top:0; margin:0 auto; width:1000px; height:auto;  background:#f3f3f3; }

#title_AREA { float:left; margin: 5px 0 0 0; width: 1000px; height: 145px; background:url(/img/sub_page/contents_bg.gif) repeat-Y; }

#title_current {  float: left; width:1000px; height:40px; font-size:12px; color: #828282; text-align:right; background:url(/img/sub_page/subpage_current.gif) no-repeat; }
#title_current a { color: #828282; }
#title_current a:hover { color: #3366cc; }

#title_Row { float:left; width:1000px; height:100px;}
#main_title { float: left; margin: 0 0 0 20px; width:200px; height:100px; background:url(/img/sub_page/title_bg.gif) no-repeat; }
#main_title_text {  float: left; width:200px; height:28px; font-size:22px; color: #333; font-weight: bold; line-height:22px;}
#main_title_eng {  float: left; width:200px; height:28px; font-size:14px; color: #b3b3b3; font-weight: bold; line-height:22px;}

#title_img { float: right; margin: 0 0 0 40px; width:740px; height:100px; background:url(/img/sub_page/title_img_bg.gif) no-repeat; }
#title_text {  float: left; width:500px; height:28px; font-size:26px; color: #333; font-weight: bold; line-height:26px;}
#title_sub_text {  float: left; width:500px; height:28px; font-size:14px; color: #828282; font-weight: bold;  line-height:22px;}

/* Leftmenu & Contents */
#main_contents_AREA { clear:both; float:left; width: 1000px; height: auto; background:url(/img/sub_page/contents_bg.gif) repeat-Y; } 

/* -- Leftmenu -- */
#leftmenu_AREA { float:left; width:200px; height:auto; margin: 40px 0 0 20px;}
#leftmenu_AREA .greyline { float:left; width:200px; height:1px;  background:url(/img/leftmenu/leftmenu_top.gif) no-repeat; }


.verticalmenu, .verticalmenu li ul { list-style-type: none; margin: 0; padding: 0; width: 200px; }
/* .verticalmenu li { position: relative; width: 200px; height:40px; } <== IE7에서 문제 일으킴 */  
.verticalmenu li { float: left; width: 200px; height:40px; }
.verticalmenu li a {
	background: white url(/img/leftmenu/leftmenu_bg.gif) no-repeat;
	font-size:14px;
	color: #666;
	display: block;
	width: 200px;
	height:40px;
	text-decoration: none;
}

.verticalmenu li ul { position: absolute; width: 200px; height:40px; left: 0; top: 0; display: none; } /*SUB MENU STYLE*/
.verticalmenu li ul li { float: left; }

.verticalmenu li p { line-height:30px; padding: 5px 0 0 30px;}  /* .verticalmenu li p 는 유효성검사이후 삭제할 것 */

.verticalmenu li span {line-height:40px; padding: 5px 0 0 30px;} 

.verticalmenu li ul a { width: 200px; } /*WIDTH OF SUB MENU ITEMS - 10px padding-left for A elements */
/* .verticalmenu arrowdiv { position: absolute; right: 2px; background: transparent url(arrow.gif) no-repeat center right; } */
.verticalmenu li a:visited, .verticalmenu li a:active { color: #666; }
.verticalmenu li a:hover{ color: #333366; font-weight:bold; background-image: url(/img/leftmenu/leftmenu_bg_over.gif); }
.verticalmenu li a.current { color: #333366; font-weight:bold; background-image: url(/img/leftmenu/leftmenu_bg_current.gif); }
.verticalmenu li a.sub_on { color: #333366; font-weight: bold; background-image: url(/img/leftmenu/leftmenu_addon_bg.gif); }

	/* Holly Hack for IE \*/
	* html .verticalmenu li { float: left; height: 1%; }
	* html .verticalmenu li a { height: 1%; }
	/* End */


/* -- Left Banner -- */
.left_colorline { float:left; width:200px; height:5px; background:url(/img/leftmenu/left_colorline.gif) no-repeat; }
.left_banner_educenter { float:left; width:200px; height:85px; background:url(/img/banner/banner_educenter2015.gif) no-repeat; }
.left_banner_educenter a { display:block; width:200px; height:85px; }
.left_banner_registcenter { float:left; width:200px; height:85px; background:url(/img/banner/banner_registcenter2015.gif) no-repeat; }
.left_banner_registcenter a { display:block; width:200px; height:85px; }

/* -- Echt Contents -- */
#echt_contents_AREA { float:right; margin: 35px 42px 70px 0px; width:700px; height:auto; }
#echt_contents_noMargin { float:right; margin: 0 40px 0 0; width:700px; height:auto; text-align:justify; }

.main_contents_Bottom { clear:both; float:left; width: 1000px; height: 40px; background:url(/img/sub_page/subpage_bottom.gif) no-repeat; } 

/* 약관 */
#rules_Area {float:left; width:700px; height:270px; margin: 10px 0 0 60px;}
#rules_Area .dl{width:700px; overflow:hidden;}
#rules_Area .dl .dl1{float:left; width:340px;}
#rules_Area .dl .dl2{float:right; width:340px;}
#rules_Area .dl dt  {width:40px; height:22px; float:left;}
#rules_Area .dl dd  {width:300px; height:22px; float:right;}
#rules_Area .dl dd a{font-weight:bold; color:#d60705;}

/* 개인정보취급방침 */
#rules_Area2 {float:left; width:700px; height:130px; margin: 10px 20px 0 40px;}
#rules_Area2 .dl{width:700px; overflow:hidden;}
#rules_Area2 .dl .dl1{float:left; width:285px;}
#rules_Area2 .dl .dl2{float:right; width:405px;}
#rules_Area2 .dl .dl1 dt  {width:20px; height:22px; float:left; text-align:right; }
#rules_Area2 .dl .dl1 dd  {width:260px; height:22px; float:right;}
#rules_Area2 .dl .dl2 dt  {width:20px; height:22px; float:left; text-align:right; }
#rules_Area2 .dl .dl2 dd  {width:380px; height:22px; float:right;}
#rules_Area2 .dl dd a{font-weight:bold; color:#d60705;}

/* Tab menu */
#biz_tab_140_Container, #biz_tab_140_Container a { 
	float:left;
	width:700px; height:49px;
	color:#333;
	font-size:14px;
	line-height:49px;
	text-decoration:none;
	text-align:center;
}

#biz_tab_140         { padding:0; list-style:none;}
#biz_tab_140 li      { float:left;}
#biz_tab_140 li a    { float:left; width:140px; height:49px; background:url(/about_KNA/img/biz_btn_140.gif) no-repeat; }
#biz_tab_140 li.tab_current { 
  float:left; width:140px; height:49px; background:url(/about_KNA/img/biz_btn_selected_140.gif) no-repeat; 
  color:#336;
  font-size:14px;
  font-weight:bold;
  line-height:49px;
  text-decoration:none;
  text-align:center;  
}

#biz_tab_140 li a:hover, 
.tab_btn_1 #biz_tab_140 li#tab_btn_1 a,
.tab_btn_2 #biz_tab_140 li#tab_btn_2 a,
.tab_btn_3 #biz_tab_140 li#tab_btn_3 a
.tab_btn_4 #biz_tab_140 li#tab_btn_4 a
.tab_btn_5 #biz_tab_140 li#tab_btn_5 a
{   color:#336; font-weight:bold; text-decoration:none;}

/*-----*/
#biz_tab_233_Container, #biz_tab_233_Container a { 
	float:left;
	width:700px; height:49px;
	color:#333;
	font-size:14px;
	line-height:49px;
	text-decoration:none;
	text-align:center;
}

#biz_tab_233         { padding:0; list-style:none;}
#biz_tab_233 li      { float:left;}
#biz_tab_233 li a    { float:left; width:233px; height:49px; background:url(/about_KNA/img/biz_btn_233.gif) no-repeat; }
#biz_tab_233 li.tab_current { 
  float:left; width:233px; height:49px; background:url(/about_KNA/img/biz_btn_selected_233.gif) no-repeat; 
  color:#336;
  font-size:14px;
  font-weight:bold;
  line-height:49px;
  text-decoration:none;
  text-align:center;  
}

#biz_tab_233 li a:hover, 
.tab_btn_1 #biz_tab_233 li#tab_btn_1 a,
.tab_btn_2 #biz_tab_233 li#tab_btn_2 a,
.tab_btn_3 #biz_tab_233 li#tab_btn_3 a
{   color:#336; font-weight:bold; text-decoration:none;}

/*-----*/

#biz_tab_350_Container, #biz_tab_350_Container a { 
	float:left;
	width:700px; height:49px;
	color:#333;
	font-size:14px;
	line-height:49px;
	text-decoration:none;
	text-align:center;
}

#biz_tab_350         { padding:0; list-style:none;}
#biz_tab_350 li      { float:left;}
#biz_tab_350 li a    { float:left; width:350px; height:49px; background:url(/about_KNA/img/biz_btn_350.gif) no-repeat; }
#biz_tab_350 li.tab_current { 
  float:left; width:350px; height:49px; background:url(/about_KNA/img/biz_btn_selected_350.gif) no-repeat; 
  color:#336;
  font-size:14px;
  font-weight:bold;
  line-height:49px;
  text-decoration:none;
  text-align:center;  
}

#biz_tab_350 li a:hover, 
.tab_btn_1 #biz_tab_350 li#tab_btn_1 a,
.tab_btn_2 #biz_tab_350 li#tab_btn_2 a
{ color:#336; font-weight:bold; text-decoration:none;}

/*---FaQ Tab Btn--*/

#faq_tab_container, #faq_tab_container a { 
	float:left;
	width:700px; height:35px;
	color:#333;
	font-size:12px;
	line-height:35px;
	text-decoration:none;
	text-align:center;
}

#faq_tab        { padding:0; list-style:none;}
#faq_tab li      { float:left; margin:0 2px 0 0;}
#faq_tab li a    { float:left; width:56px; height:30px; background:url(/img/faq_tab_56.gif) no-repeat;  line-height:30px; }

#faq_tab li.tab_current { 
  float:left; width:56px; height:30px; background:url(/img/faq_tab_cu_56.gif) no-repeat; 
  color:#FFF;
  font-size:12px;
  font-weight:bold;
  line-height:30px;
  text-decoration:none;
  text-align:center;  
}
#faq_tab li.tab_current a { float:left; width:56px; height:30px; background:url(/img/faq_tab_cu_56.gif) no-repeat; }

#faq_tab li#search_all a { float:left; width:56px; height:30px; background:url(/img/faq_tab_56.gif) no-repeat; }
#faq_tab li.search_all_current { 
  float:left; width:56px; height:30px; background:url(/img/faq_tab_cu_56.gif) no-repeat; 
  color:#FFF;
  font-size:12px;
  font-weight:bold;
  line-height:30px;
  text-decoration:none;
  text-align:center;  
}
#faq_tab li.search_all_current a { float:left; width:56px; height:30px; background:url(/img/faq_tab_cu_56.gif) no-repeat;}

#faq_tab li a:hover, 
.search_all #faq_tab li#search_all a,
.tab_btn_1 #faq_tab li#tab_btn_1 a,
.tab_btn_2 #faq_tab li#tab_btn_2 a
.tab_btn_3 #faq_tab li#tab_btn_3 a
.tab_btn_4 #faq_tab li#tab_btn_4 a
.tab_btn_5 #faq_tab li#tab_btn_5 a
{ color:#336; font-weight:bold; text-decoration:none;}


/* Icons */
.dot_org { float:left; width:12px; height:12px; background:url(/about_KNA/img/dot_org.gif) no-repeat;  margin:3px 5px 0 0;}
.dot_org3 { float:left; width:12px; height:10px; background:url(/about_KNA/img/dot_org3.gif) no-repeat;  margin:3px 5px 0 0;}
.dot_blue { float:left; width:12px; height:12px; background:url(/about_KNA/img/dot_blue.gif) no-repeat;  margin:4px 5px 0 0;}
.dot_dark_blue { float:left; width:12px; height:12px; background:url(/about_KNA/img/dot_dark_blue.gif) no-repeat;  margin:3px 5px 0 0;}
.dot_dark_pink { float:left; width:12px; height:12px; background:url(/img/dot_dark_pink.gif) no-repeat;  margin:3px 5px 0 0;}
.big_arrow { float:left; width:12px; height:12px; background:url(/img/big_arrow.gif) no-repeat;  margin:3px 5px 0 0;}
.arrow_icon { float:left; width:20px; height:20px; background:url(/about_KNA/img/arrow_icon.gif) no-repeat;  margin:0 5px 0 0;}
.small_arrow { float:left; width:12px; height:9px; background:url(/img/small_arrow.gif) no-repeat;  margin:4px 0 0 0;}
.small_arrow2 { float:left; width:12px; height:9px; background:url(/img/small_arrow2.gif) no-repeat;  margin:5px 0 0 0;}
.dot_small_gray { float:left; width:3px; height:3px; background:url(/img/3_dot.gif) no-repeat;  margin:9px 5px 0 0;}
.icon_no1 { float:left; width:14px; height:13px; background:url(/img/icon_no1.gif) no-repeat;  margin:3px 5px 0 0;}
.icon_no2 { float:left; width:14px; height:13px; background:url(/img/icon_no2.gif) no-repeat; margin:3px 5px 0 0;}
.icon_no3 { float:left; width:14px; height:13px; background:url(/img/icon_no3.gif) no-repeat;  margin:3px 5px 0 0;}
.icon_no4 { float:left; width:14px; height:13px; background:url(/img/icon_no4.gif) no-repeat; margin:3px 5px 0 0;}
.icon_no5 { float:left; width:14px; height:13px; background:url(/img/icon_no5.gif) no-repeat;  margin:3px 5px 0 0;}


/*btn */
.dirbtn_facebook { float:left; width:250px; height:40px; background:url(../../img/btn_facebook.gif) no-repeat; }
.dirbtn_facebook a { display:block; width:250px; height:40px; text-align:center; font-weight:bold; line-height:40px;}
.dirbtn_facebook a:hover { background:url(../../img/btn_facebook_ov.gif) no-repeat; }

.dirbtn_blank { float:left; width:250px; height:40px; background:url(../../img/btn_go.gif) no-repeat; }
.dirbtn_blank2 { float:left; width:250px; height:40px; background:url(../../img/btn_box.gif) no-repeat; margin:0 0 0 40px; padding-top:12px}
.dirbtn_blank a { display:block; width:250px; height:40px; text-align:center; font-weight:bold; line-height:40px;}
.dirbtn_blank a:hover { background:url(../../img/btn_go_ov.gif) no-repeat; }

/* Subpage wide */
#sub_wide_Area { float:left; width:1000px; height:auto; background:url(../../img/sub_page/sub_wide_bg.gif) repeat-Y; margin:5px 0 0 0;}
.sub_wide_top { float:left; width:1000px; height:33px; background:url(../../img/sub_page/sub_wide_top.gif) no-repeat; }
.sub_wide_bottom { float:left; width:1000px; height:31px; background:url(../../img/sub_page/sub_wide_bottom.gif) no-repeat; }


/* RN card */
#rncard_wrap { float:left; width:960px; height:1160px; margin:0 20px 0 20px;}
.rncard_top { float:left; width:960px; height:560px; background:url(../../img/etc/rncard_top.jpg) no-repeat; }
.rncard_01 { float:left; width:960px; height:190px; background:url(../../img/etc/rncard_01.jpg) no-repeat; }
.rncard_02 { float:left; width:960px; height:157px; background:url(../../img/etc/rncard_02.jpg) no-repeat; }
.rncard_03 { float:left; width:960px; height:253px; background:url(../../img/etc/rncard_03.jpg) no-repeat; }

.rncard_01 a { display:block; width:960px; height:190px; }
.rncard_02 a { display:block; width:960px; height:157px; }
.rncard_03 a { display:block; width:960px; height:253px; }