@charset "utf-8";

/**
noscript 대체콘텐츠
**/
/* 글자크기조절 */
#font_acc{position:absolute; top:10px; left:665px; width:100px; height:15px; padding:5px; background:#fff; border:1px solid #ccc;}

/* 메인메뉴 */
#topmenu_acc{position:absolute; top:0px; left:0px; z-index:99; width:945px; padding:5px; background:#fff; border:1px solid #ccc;}
#topmenu_acc #topmenu_acc_inner{position:relative; overflow:auto; width:100%; height:55px;}
#topmenu_acc li.menu1{float:left; width:130px;}
#topmenu_acc li.menu2{float:left; width:130px;}
#topmenu_acc li.menu3{float:left; width:130px;}
#topmenu_acc li.menu4{float:left; width:130px;}
#topmenu_acc li.menu5{float:left; width:130px;}
#topmenu_acc li.menu6{float:left; width:130px;}
#topmenu_acc li.menu7{float:left; width:130px;}
#topmenu_acc li ul{margin:5px 0 0 0;}
#topmenu_acc li ul li{padding:2px 0; font-size:0.92em;}
#topmenu_acc li ul li.current_on a{color:#3c6abd; text-decoration:underline;}

/**
공통 적용요소
**/
#topmenu li .tit {display: none;}
/*
공통 레이아웃
*/
.m{display:none;}

#skip-navigation{z-index:9999; position:absolute; left:0; top:0;}
#skip-navigation *{list-style:none; margin:0; padding:0;}
#skip-navigation a{display:block; width:1px; height:1px; overflow:hidden; color:#000; white-space:nowrap;}
#skip-navigation a:focus,
#skip-navigation a:active{width:100px; height:auto; background:#ffd;}

#lnbArea{float:left; width:100%; height:35px; background:#a0a0a0;}
#lnb{position:relative; width:1000px; margin:0 auto;}
#lnb *{float:left; color:#fff; letter-spacing:-1px;}

#global li{line-height:0;}
#global li a{position:relative; width:105px; text-align:center; line-height:35px; text-decoration:none;}
#global li.start a{border-left:1px solid #bdbdbd;}
#global li.end a{background:#717171;}
#global li.end ul{position:absolute; top:33px; left:0; width:95px; min-width:95px; padding:20px 5px; border-top:none; background:#d7d7d7;}
#global li.end ul li{width:100%; text-align:center;}
#global li.end ul a{width:100%; padding:0; font-size:92%; line-height:170%; background:none; color:#555;}
#global li .caret{float:none;}

#headArea{float:left; width:100%; height:74px;}
#header{position:relative; width:1000px; margin:0 auto;}
#header *{float:left;}

h1{position:absolute; top:17px; left:0px; z-index:96;}
h1 a {width:295px; text-decoration:none;}
h1 a img{vertical-align:top; height:40px; margin:0 0.4em 0 0;}
h1 a strong{font-size:200%; text-shadow:0 0 1px #fff; line-height:40px; letter-spacing:-2px;}

#promote{position:absolute; top:20px; left:650px;}
#m_promote{display:none;}

#font_control {float:right; padding:20px 0 0 0;}
#font_control li img{vertical-align:top;}

#container_main{float:left; width:100%; padding:59px 0 0 0; background:url(/images/kr/main/bg.gif) repeat-x 0 281px;}
#container_sub{float:left; width:100%; padding:59px 0 0 0;}
#container{position:relative; overflow:hidden; width:1000px; margin:0 auto 9px;}

/* 메인메뉴 */
#menuArea{position:absolute; top:109px; left:0; height:58px; width:100%; float:left; z-index:98; border-top:1px solid #d2d2d2; background:url(/images/kr/common/bg_menu.gif) repeat-x left bottom;}
#mainmenu{position:relative; width:1000px; margin:0 auto;}
#topmenu{float:left; width:100%;}
#topmenu li{float:left; line-height:0; width:25%;}
#topmenu li a{float:left; width:100%; font-size:135%; font-weight:bold; line-height:47px; text-align:center; letter-spacing:-1px; text-decoration:none; z-index:97;}

#topmenu li a:active,
#topmenu li a:focus,
#topmenu li a:hover,
#topmenu > li.current_on > a{color:#f7512a;}

#topmenu li .menu{position:relative; clear:both; width:auto; height:160px; display:none; z-index:99;}
#topmenu li .menu ul{display:block !important; position:absolute; top:0; left:0; height:140px; width:68%; padding:20px 0 0 32%;}

#topmenu li ul li{float:none; width:95%; padding-left:0.5em;}
#topmenu li ul li a{display:block; float:none; margin:0 0 10px 0; padding:0; color:#151515 !important; font-size:100%; line-height:120%; font-weight:normal; text-align:left;}

#topmenu li li a:active,
#topmenu li li a:focus,
#topmenu li li a:hover,
#topmenu li li.current_on a{color:#0190e6 !important;}


/* 푸터 */
#footArea{float:right; width:100%;}
#footer{position:relative; overflow:hidden; width:973px; padding:1em 0 3em 25px; margin:0 auto 0.5em; border:1px solid #afafaf;}
#footer address {clear:both; width:100%; padding:0 0 0.5em 0; font-size:92%;}
#footer p{text-transform:uppercase; font-size:80%; color:#4f4f4f;}

/*
메인 레이아웃
*/
#mainContent{position:relative; overflow:hidden; width:100%;}

/* 메인비주얼*/
#visual{position:relative; float:left; width:997px; border-left:1px solid #afafaf; border-right:1px solid #afafaf;}
#visual .slogan{position:absolute; top:20%; left:2em; width:40%;}
#visual .slogan strong{display:block; font-size:250%; line-height:110%; letter-spacing:-2px;}
#visual .slogan strong span{color:#5fa602;}
#visual .slogan p{padding:0.7em 0 0 0; font-size:110%; line-height:130%; color:#737379;}

/* 의원 */
#member ,
#member ul {overflow:hidden; width:100%;}
#member {margin:0 0 10px 0;}
#member ul li{position:relative; float:left; width:141px; padding:12px 0 0 0; border-right:1px solid #61b7d9; background:#3aa5cf;}
#member ul li strong{position:absolute; top:20px; left:10px; width:45%; color:#fff; line-height:120%; font-weight:normal; font-size:95%;}
#member ul li strong span{display:block; float:none; margin:5px 0 0 0;}
#member ul li span{float:right;}
#member ul li.start{width:146px; border-left:1px solid #61b7d9;}

/* chairman,history,org */
.link{float:left; width:275px; height:225px; margin:0 9px 0 0; border:1px solid #afafaf;}
.link dl{padding:1.8em 2.5em;}
.link dl dt{margin:0 0 0.7em 0; font-size:135%; font-weight:bold;}
.link dl .info {width:68%;}
.link dl .info a{color:#707070;}
.link dl .more a{display:block; width:70px; height:25px; line-height:25px; font-weight:bold; color:#fff; background:#8f8f8f; text-align:center; text-decoration:none;}
#chairman{width:426px; background:url(/images/en/main/bg_greeting.gif) no-repeat 100% 20%;}
#history {background:url(/images/en/main/bg_history.gif) no-repeat 100% 100%;}
#org{margin:0; background:url(/images/en/main/bg_org.gif) no-repeat 100% 100%;}

/*
서브 레이아웃
*/
#subContent{overflow:hidden; width:100%; padding:0 0 20px 0;}
#submenu{float:left; width:190px; margin:0 40px 0 0;}
#subContent #content{position:relative; float:left; width:770px;}

/* 서브메뉴 */
#submenu{float:left; width:190px;}
#submenu .sm_tit{width:190px; height:169px; text-align:center; background:url(/images/kr/common/submenu/bg.gif) no-repeat;} 
#submenu .sm_tit h2{padding:115px 0 0 0; font-size:190%; letter-spacing:-1px; color:#fff;}
#submenu .sm_chirman h2{background:url(/images/en/common/submenu/chairman.png) no-repeat 50% 23px;}
#submenu .sm_intro h2{background:url(/images/en/common/submenu/intro.png) no-repeat 50% 23px;}
#submenu .sm_member h2,#submenu .sm_chairmanlist h2{background:url(/images/en/common/submenu/member.png) no-repeat 50% 23px;}
#submenu .sm_direction h2{padding:120px 0 0 0; background:url(/images/en/common/submenu/location.png) no-repeat 50% 20px;}

#submenu .depth2{width:188px; border-left:1px solid #afafaf; border-right:1px solid #afafaf;}
#submenu .depth2 li{line-height:0;}
#submenu .depth2 li a{display:block; width:140px; padding:0.8em 28px 0.8em 20px; border-bottom:1px solid #d8d8d7; font-size:110%; line-height:130%; text-decoration:none; color:#212121; background:url(/images/kr/common/submenu/bg_off.gif) no-repeat 158px 50%;}
#submenu .depth2 li a.bg2{background:url(/images/kr/common/submenu/bg_off2.gif) no-repeat 162px 50%;}

#submenu .depth2 li a:hover,
#submenu .depth2 li a:focus,
#submenu .depth2 li a:active,
#submenu .depth2 li.current_on a{font-weight:bold; background:url(/images/kr/common/submenu/bg_on.gif) no-repeat 158px 50%; color:#1c94c3;} 

#submenu .depth2 li a.bg2:hover,
#submenu .depth2 li a.bg2:focus,
#submenu .depth2 li a.bg2:active,
#submenu .depth2 li.current_on a.bg2{background:url(/images/kr/common/submenu/bg_on2.gif) no-repeat 162px 50%; color:#1c94c3;} 

#submenu .depth2 li ul {display:none; border-bottom:1px solid #d8d8d7;}
#submenu .depth2 li.current_on ul,
#submenu .depth2 li:hover ul,
#submenu .depth2 li:focus ul,
#submenu .depth2 li:active ul{display:block;}

#submenu .depth2 li.current_on ul li a,
#submenu .depth2 li ul li a{width:160px; padding:0 0 0 28px; color:#5a5a5a; font-size:100%; font-weight:normal; line-height:32px; border-bottom:none; background:none;}
#submenu .depth2 li ul li a:hover,
#submenu .depth2 li ul li a:focus,
#submenu .depth2 li ul li a:active,
#submenu .depth2 li ul li.current_on a,
#submenu .depth2 li.current_on ul li a:hover,
#submenu .depth2 li.current_on ul li a:focus{color:#232323; background:#f4f4f4; font-weight:bold;}

/* 문서정보 */
#pageInfo{float:right; width:100%; padding:10px 0 0 0; margin:0 0 40px 0; height:90px; border-bottom:2px solid #afafaf;}
#pageInfo .pageTitle{float:left;}
#pageInfo .pageTitle h3{line-height:90px; font-size:260%; letter-spacing:-2px;}
#pageInfo .loc{float:right; padding:45px 0 0 15px; font-size:92%; background:url(/images/common/bullet/ico_home.gif) no-repeat 0 47px;}
#pageInfo .loc span.loc_current{font-weight:bold;}

#sub_default{float:right; width:100%; line-height:150%;}

/**
768
**/
@media screen and (max-width:999px) {
	img{border:0; max-width:100%; vertical-align:middle;}

	#lnb,
	#header,
	#container{width:768px;}
	#footer{width:741px;}
	
	#promote{width:156px; height:33px; position:absolute; top:20px; left:418px;}

	#container_main{background-position:0 230px}

	#mainmenu{width:768px;}
	#topmenu li a{font-size:125%;}
	
	#visual{width:766px;}
	#visual .slogan strong{font-size:200%;}
	#visual .slogan p{font-size:105%;}

	#member{height:132px;}
	#member ul li strong{left:0.3em; top:0.7em;}
	#member ul li{width:108px;}
	#member ul li.start{width:112px;}

	.link{width:232px;}
	.link dl{padding:1.7em;}
	#chairman{width:280px; background-position:100% 80%;}

	#subContent #content{width:530px;}
	#pageInfo .pageTitle h3{font-size:200%;}

}


/**
768미만
**/
@media screen and (max-width:767px) {
	body{letter-spacing:-1px;}
	.w{display:none;}
	.m{display:block;}
	
	#header ,
	#container,
	#mainmenu{width:100%;}
	#container{width:98%; margin-bottom:0;}

	#headArea{height:47px; border-bottom:3px solid #f7512a;}
	#header *{float:none;}

	#header h1{top:8px; left:0; width:100%; text-align:center;}
	#header h1 img{height:32px;}
	#header h1 a {text-decoration:none;}
	#header h1 a strong{font-size:150%; letter-spacing:-1px; line-height:32px; font-weight:bold;}

	#promote{display:none;}
	#m_promote{display:block; width:25px; height:25px; position:absolute; top:12px; right:10px; z-index:99999;}

	.allmenu{position:absolute; top:0; z-index:99;}
	.allmenu .navbar-toggle .icon-bar{background-color:#333;}

	#container_main,
	#container_sub{background:#fff; padding:0;}

	#footArea{padding:0.7em 0 1em 0; border-top:1px solid #afafaf;}
	#footer{width:98%; padding:0; border:none;}
	#footer .list {text-align:center; margin:0 0 0.3em 0;} 
 	#footer .list li{display:inline-block; padding:0 0.5em; border-left:1px solid #666; text-transform:uppercase;}
	#footer .list li:first-child{border-left:none;}

	/* 메인메뉴 */
	#mainmenu{padding:0;}
	#navbar{position:absolute; top:50px; left:1%; width:98%; padding-bottom:7px; margin:0 auto; z-index:99; background:#fff; border:1px solid #999; border-radius:6px; box-shadow:0 3px 9px #ccc; background-clip:padding-box; z-index:999;}
	#navbar > li > a{font-weight:bold;}
	#navbar div{padding:0 0 0 20px;}
	#navbar div ul{overflow:hidden; width:100%;}
	#navbar div a{float:left; width:45%; padding:2px 0 4px 7px; background:url(/images/common/bullet/bul_dotGray.gif) no-repeat 0 8px;}

	#visual {width:100%;}
	#visual .slogan {top:1.5em; left:0.7em; width:50%;}
	#visual .slogan strong{font-size:120%; letter-spacing:-1px;}

	#member{width:100%; height:auto; margin:0;}
	#member ul li.start,
	#member ul li{width:24.76%; padding:0.5em 0 0 0;}
	#member ul li.m{border-right:none; background:#056388;}
	#member ul li.start{border-left:none; background:#3aa5cf url(/images/en/main/bg_arrow.png) no-repeat 0 80%; background-size:6%;}
	#member ul li span{width:65%; max-width:106px;}
	#member ul li.m strong{left:1em; font-size:100%;}
	#member ul li.m span{display:block; float:none;  max-width:100%; margin:0 auto;}
	#member ul li strong{line-height:110%;}
	#member ul li strong span{width:100%; font-size:90%; letter-spacing:0;}
	#member ul li:nth-child(-n+4){border-bottom:1px solid #61b7d9;}
	#member ul li:nth-child(4n){border-right:none;}
	
	.link{width:99.6%; height:auto; border-bottom:none;}
	#chairman {width:99.6%;}

	#subContent #content,
	#pageInfo{width:100%; padding:0;}

	#pageInfo {height:auto; margin:0; border-bottom:none;}
	#pageInfo .pageTitle h3{min-height:43px; font-size:165%; line-height:220%;}

}