@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;}

/* 링크사이트 */
.linksite_acc{clear:both; width:150px; line-height:1.3em; padding:5px; background:#fff; border:1px solid #ccc;}
.linksite_acc p{clear:both; font-weight:bold;}
.linksite_acc ul{position:relative; overflow:auto; width:140px; height:80px; margin:5px 0 0 0; padding:5px; line-height:1.4em; background:#fafafa; border:1px solid #eaeaea;}

/**
공통 적용요소
**/
/*
공통 레이아웃
*/
.m{display:none;}
body{background:#c2c2c2;}
#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:41px; background:#c1b39f;}
#lnb{position:relative; width:1001px; margin:0 auto;}
#lnb *{float:left; color:#492b00;}

#global li{line-height:0; padding:0 0 7px 0;}
#global li:first-child{background:url(/images/kr/common/bg_global2.gif) no-repeat;}
#global li a{position:relative; width:120px; text-align:center; line-height:41px; background:url(/images/kr/common/bg_global2.gif) no-repeat 100% 0; text-decoration:none;}
#global li.on,
#global li:hover,
#global li:focus{background:url(/images/kr/common/bg_arrow.png) no-repeat 50% 100%;}
#global li.on a,
#global li a:hover,
#global li a:focus{color:#fff; background:#289801 url(/images/kr/common/bg_global2.gif) no-repeat 100% 0;}

#global2 {float:right;}
#global2 li{line-height:0;}
#global2 li a{padding:0 20px 0 20px; line-height:41px; letter-spacing:-1px; background:url(/images/kr/common/bg_global.gif) no-repeat 0 50%;}
#global2 li:first-child a{background:none;}

#headArea{float:left; width:100%; height:93px; background:#e9e9e9;}
#header{position:relative; width:1001px; margin:0 auto;}
#header *{float:left;}

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

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

#container_main{float:left; width:100%; background:#e9e9e9;}
#container_sub{float:left; width:100%; background:#fff url(/images/en/common/bg.gif) repeat-x 0 52px;}
#container{position:relative; overflow:hidden; width:1001px; margin:69px auto 3em;}

/* 메인메뉴 */
#menuArea{position:absolute; top:134px; width:100%; z-index:96; background:#e9e9e9 url(/images/jp/common/bg_menu.gif) repeat-x;}
#mainmenu{position:relative; width:1001px; margin:0 auto;}
#topmenu{float:left; width:100%;}
#topmenu li{float:left; line-height:0; width:24%;}
#topmenu li a{float:left; width:100%; font-size:135%; font-weight:bold; color:#fff; line-height:52px; text-align:center; letter-spacing:-1px; text-decoration:none; z-index:97;}
#topmenu li.menu1{width:28%;}

#topmenu li a:active,
#topmenu li a:focus,
#topmenu li a:hover,
#topmenu > li.current_on > a{background:#1793e6;}

#topmenu li .menu{position:relative; clear:both; width:100%; height:150px; display:none; z-index:96;}
#topmenu li .menu ul{display:block !important; position:absolute; top:0; left:0; width:100%; height:98px; padding:20px 0 0 0; border-left:1px solid #d8d8d8;}
#topmenu li.menu2 .menu ul{border-right:1px solid #ccc;}

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

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

#topmenu li:focus .menu ul,
#topmenu li:hover .menu ul{background:#fff;}

/* 푸터 */
#footArea{float:left; width:100%; padding:2em 0 4em 0;}
#footer{overflow:hidden; width:1001px; margin:0 auto;}
#footer address {width:100%; padding:0 0 5px 0;}
#footer p{text-transform:uppercase; font-size:80%; color:#4f4f4f;}

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

/* 메인비주얼*/
#visual{position:relative; float:left; width:678px; margin:0 0 2em 0;}
#visual img{vertical-align:top;}
.slogan{position:absolute; top:25px; left:30px; font-size:200%; color:#394236; text-shadow:0 0 1px #fff; letter-spacing:-2px; font-weight:bold;}

#link{float:left; width:323px;}
#link li {height:149px; padding:0 0 0 24px; background:#b4c8e8 url(/images/en/main/bg_link2.png) no-repeat right bottom;}
#link li:first-child{background:#b4dde8 url(/images/en/main/bg_link1.png) no-repeat right bottom;}
#link li strong{padding:1.2em 0 0 0; font-size:135%; line-height:120%;}
#link li *{display:block; text-decoration:none; letter-spacing:-1px;}
#link li .info{padding:0.7em 0 3em 0;}
#link .btns{width:68px; background:#fff; border:1px solid #1793e6; line-height:21px; text-align:center; white-space:pre; font-size:92%; letter-spacing:0;}
#link li:first-child .btns{border:1px solid #8babce;}

#chairman,
#committee{float:left; width:320px; height:204px; margin:0 26px 0 0; border:1px solid #d0d0d0; background:#fff;}

/* greeting */
#chairman {position:relative;}
#chairman dl{float:left; padding:0 0 0 13px;}
#chairman dt{padding:25px 0 1.2em 0; font-size:130%; font-weight:bold; letter-spacing:-1px;}
#chairman dd {width:52%; font-weight:bold; line-height:130%;}
#chairman dd a{color:#808080;}
#chairman dd strong{display:block; margin:0 0 1em 0; color:#cb790f; font-size:105%;}
#chairman .pic{position:absolute; bottom:0; right:0;}

/* committee */
#committee{background:#fff url(/images/en/main/bg_standing.gif) no-repeat 87% 90%;}
#committee h4{padding:25px 0 1em 23px; font-size:130%;  letter-spacing:-1px;}
#committee .detail{width:52%; padding:0 0 0 23px; line-height:130%; font-weight:bold;}
#committee .detail a{color:#808080;}

/* banner */
#banner{float:left; width:305px;}
#banner li{width:99.5%; padding:6px 0 7px; margin:0 0 6px 0; border:1px solid #d0d0d0; background:#fff; text-align:center;}

/*
서브 레이아웃
*/
#subContent{overflow:hidden; width:100%; margin:1px 0 0 0; background:url(/images/en/common/bg_visual.gif) no-repeat;}
#subRight{float:left; width:809px;}
#subContent #content{float:right; width:760px;}

#subVisual{float:left; width:100%;} 
#subVisual .slogan{top:0.5em; left:330px;}

/* 서브메뉴 */
#submenu{float:left; width:192px; padding:94px 0 0 0;}
#submenu .sm_tit{width:192px; height:82px; margin:0 0 3px 0; font-size:150%; letter-spacing:-1px; background:#1f63d4; color:#fff; text-align:center; line-height:82px;} 
#submenu .depth2{width:190px; margin:0 0 20px 0; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
#submenu .depth2 li{line-height:0; font-weight:bold;}
#submenu .depth2 li a{display:block; width:170px; padding:0.8em 0 0.8em 20px; border-bottom:1px solid #d9d9d9; font-size:115%; line-height:125%; text-decoration:none; color:#212121;}
#submenu .depth2 li a:hover,
#submenu .depth2 li a:focus,
#submenu .depth2 li a:active,
#submenu .depth2 li.current_on a{background:#1793e6 url(/images/kr/common/bg_on.png) no-repeat 93% 50%; color:#fff;} 
#submenu .depth2 li ul {display:none;}

/* 문서정보 */
#pageInfo{float:right; width:100%;}
#pageInfo .pageTitle{float:left; padding:1em 0 2em 0;}
#pageInfo .pageTitle h3{font-size:240%; letter-spacing:-2px;}
#pageInfo .loc{float:right; padding:2em 0 0 1em; font-size:92%; background:url(/images/common/bullet/ico_home.gif) no-repeat 0 2.2em;}
#pageInfo .loc span.loc_current{font-weight:bold;}

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

#survey_box { clear: both; }

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

	#lnb,
	#header,
	#container,
	#footer,
	#mainmenu{width:768px;}

	#visual{width:75%;}
	.slogan{font-size:180%;}

	#link{width:25%;}
	#link li{height:127px; padding:0 0 0 1.2em; background-size:53px;}
	#link li:first-child{background-size:53px;}
	#link li .info{padding:0.5em 0 1em 0;}
	
	#chairman{width:54%; margin:0}
	#committee{float:right; width:43%; margin:0;}

	#banner{width:100%; margin:2em 0 0 0;}
	#banner li{float:left; width:31.7%; margin:0 0 0 2%;}
	#banner li:first-child{margin:0;}

	#subVisual{padding:50px 0 0 0;}
	#subVisual .slogan{top:1em; left:250px;}
	
	#subRight{width:576px;}
	#subContent #content{width:530px;}
	#pageInfo .loc{display:none;}

}


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

	#headArea{height:50px;}
	#header *{float:none;}
	#header h1{top:10px; left:0; width:100%; text-align:center;}
	#header h1 *{display:inline-block; line-height:30px;}
	#header h1 img{height:30px;}
	#header h1 a strong{font-size:155%; letter-spacing:-1px; font-weight:bold;}

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

	#footArea{padding:1em 0;}
	#footer{width:98%;}
	#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;}

	/* 메인메뉴 */
	#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;}

	#mainContent{width:98%; margin:0 auto;}
	
	#container_main,
	#container_sub{background:#fff;}

	#visual{float:none; width:100%; max-width:678px; margin:0 auto;}
	.slogan{top:0.6em; left:1em; font-size:130%;}
	
	#link{width:100%; margin:0 0 0.5em 0;}
	#link li{float:left; height:auto; width:47%; padding:0 0 0.7em 3%;}
	#link li a{width:100%;}
	#link li strong{padding:0.8em 0 0 0; font-size:110%;}
	#link li .info{padding:0.2em 0 0.7em 0;}

	#chairman,
	#committee{height:auto; width:99.6%; margin:0 0 0.5em 0;}
	#chairman dl{width:70%; padding:0 0 1em 3%;}
	#chairman dt{padding:0.7em 0 0.5em; font-size:120%;}
	#chairman dd{width:100%;}
	#chairman .pic{width:90px; text-align:right;}

	#committee {background-position:97% 50%; background-size:80px;}
	#committee h4{padding:0.7em 0 0.5em 3%; font-size:120%;}
	#committee .detail{width:60%; padding:0 0 1em 3%;}

	#banner {margin:0;}
	#banner li,
	#banner li:first-child{width:99.6%; margin:0 0 0.5em 0; padding:3px 0;}

	#subRight,
	#pageInfo .pageTitle{width:100%; padding:0;}

	#subContent{width:98%; margin:0 auto 2em; background:none;}

	#pageInfo .pageTitle h3{min-height:43px; font-size:165%; line-height:220%; letter-spacing:-1px;}
}