@charset "utf-8";

/* 
공통 레이아웃
*/
body{background:#e6e6e6;}
.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;}

#headArea{float:left; width:100%; background:#fff;}
#header{position:relative; width:1000px; margin:0 auto;}

h1{position:absolute; top:-3px; left:0px; z-index:97;}
h1 img{vertical-align:top;}
#lnb{float:right; width:280px; padding:10px 0 0 0; z-index:96;}
#lnb *{float:left;}

#global {padding:3px 12px 0 0;}
#global li.start{padding:0 10px 0 0; margin:0 10px 0 0; background:url(/images/kr/common/bg_global.gif) no-repeat 100% 3px;}

#topmenu li .tit {display: none;}

/* 메인메뉴 */
#menuArea{position:absolute; top:32px; float:left; width:100%; height:69px; z-index:98; border-bottom:10px solid #26a7a5; background:#fff;}
#mainmenu{position:relative; width:1000px; margin:0 auto;}
#topmenu{float:left; width:750px; padding:25px 0 0 300px;}
#topmenu li{float:left; line-height:0; width:16.65%;}
#topmenu li a{float:left; width:100%; font-size:130%; font-weight:bold; line-height:30px; text-align:center; letter-spacing:-1px; text-decoration:none; z-index:90;}

#topmenu li.current a:active,
#topmenu li.current a:focus,
#topmenu li.current a:hover,

#topmenu li.current_on a:link,
#topmenu li.current_on a:visited,
#topmenu li.current_on a:active,
#topmenu li.current_on a:focus,
#topmenu li.current_on a:hover{color:#0d9896;}

#topmenu li .menu{position:relative; clear:both; width:auto; height:230px; display:none; z-index:98;}
#topmenu li .menu ul{display:block !important; position:absolute; top:0; left:0; width:180px; padding:20px 0 0 0;}

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

#topmenu li li.current a:active,
#topmenu li li.current a:focus,
#topmenu li li.current a:hover,
#topmenu li li.current_on a:link,
#topmenu li li.current_on a:visited,
#topmenu li li.current_on a:active,
#topmenu li li.current_on a:focus,
#topmenu li li.current_on a:hover{color:#0d9896 !important; text-decoration:underline; font:bold;}

/* 푸터 */
#footerArea {clear:both; width:100%; border-top:1px solid #ccc; background:#e6e6e6;}
#footer {position:relative; width:1000px; margin:0 auto; padding:25px 0 50px 0;}
#footer address {margin:0 0 5px 0; font-style:normal; color:#515151;}
#footer .copyright {text-transform:uppercase; font-size:80%; color:#8e8e8e;}

/*
메인 레이아웃
*/
#container_main{overflow:hidden; width:100%; padding:79px 0 20px 0; background:#fff;}
#container_sub{overflow:hidden; width:100%; padding:79px 0 50px 0; background:#fff url(/images/assembly/common/bg.gif) repeat-x 0 79px;}
#container{overflow:hidden; width:1000px; margin:0 auto;}

#mainContent{float:left; width:100%; padding:29px 0 0 0; background:url(/images/assembly/main/bg.jpg) no-repeat 100% 2px;}

#search{position:relative; float:left; width:365px; height:329px; padding:0 0 0 25px; border:1px solid #d6da99; border-radius:8px; behavior:url(/css/PIE.htc); background:#f3f6ce url(/images/assembly/main/bg_assembly.png) no-repeat 224px 25px;}
#search h4{font-size:175%; padding:34px 0 15px 0; letter-spacing:-2px;}
#search .info {margin:0 0 20px 0; line-height:150%; letter-spacing:-1px;}
#search .info span{display:block; color:#2a6c0a;}
#search ul{position:relative; width:317px; height:142px; padding:28px 0 0 18px; background:#fff; border:1px solid #d6da99; border-radius:8px; behavior:url(/css/PIE.htc);}
#search ul li{overflow:hidden; width:100%; margin:0 0 12px 0;}
#search ul li *{float:left;}
#search ul li label{width:65px; padding:0 0 0 10px; font-weight:normal; background:url(/images/common/bullet/bul_dotOrange.gif) no-repeat 0 5px;}
#search ul li select{width:180px;}
#search ul li input[type="text"]{width:178px; height:18px; margin:0 3px 0 0; line-height:18px; border:1px solid #949494;}

#slogan {float:left; height:374px; padding:5px 0 0 39px;}

.section{float:left; width:358px; padding:5px 0 0 0;}

#late{position:relative; float:left; width:593px; margin:0 46px 0 0;}
#late h4{font-size:135%; height:29px;}
#late .info{margin:0 0 22px 0; color:#6c6c6c;}
#late table{width:100%; border-collapse:collapse; text-align:center;}
#late table thead th{height:37px; font-size:110%; background:#e7e7e7; border-top:1px solid #bababa; border-bottom:1px solid #bababa;}
#late table thead {border:1px solid #bababa;}
#late table thead th.start{border-left:1px solid #bababa;}
#late table thead th.end{border-right:1px solid #bababa;}
#late table tbody td{height:35px; border-bottom:1px solid #b4b4b4; }
#late table .end td{border-bottom:none;}
#late table .con{padding:0 0 0 10px; text-align:left;}
#late .more{position:absolute; top:23px; right:0; width:70px; height:20px; line-height:20px; border:1px solid #c0c0c0; border-radius:3px; behavior:url(/css/PIE.htc);text-decoration:none; text-align:center; font-size:92%;}

#link{position:relative; float:right; width:356px; border-radius:8px; behavior:url(/css/PIE.htc); background:#d3f5f5 url(/images/assembly/main/bg_link.gif) no-repeat 50% 50%; border:1px solid #a7d1dc;}
#link li{display:inline-block; width:176px; padding:10px 0 17px 0;}
#link li.li3,#link li.li4{padding-bottom:10px;}
#link li a{display:block; width:82px; margin:0 auto; padding:89px 0 0 0; font-weight:bold; text-align:center; font-size:105%; background:url(/images/assembly/main/bg_link1.png) no-repeat;}
#link li.li1 a{background:url(/images/assembly/main/bg_link1.png) no-repeat;}
#link li.li2 a{background:url(/images/assembly/main/bg_link2.png) no-repeat;}
#link li.li3 a{background:url(/images/assembly/main/bg_link3.png) no-repeat;}
#link li.li4 a{background:url(/images/assembly/main/bg_link4.png) no-repeat;}

#quick{position:relative; float:left; width:356px; height:103px; padding:20px 0 0 0; margin:-1px 0 0 0; border:1px solid #cfcfcf; border-radius:8px; behavior:url(/css/PIE.htc); background:#f0f0f0;}
.viewer {float:left; width:146px; padding:0 0 10px 26px; background:url(/images/assembly/main/bg_viewer.png) no-repeat 100% 25px;}
.voca{float:left; width:152px; padding:0 0 15px 17px; background:url(/images/assembly/main/bg_voca.png) no-repeat 100% 29px;}
.voca *{display:block;}
.viewer h4,
.voca strong{height:30px; font-size:110%;}
.viewer li{padding:0 0 5px 8px; font-size:92%; background:url(/images/common/bullet/bul_dotGray.gif) no-repeat 0 5px;}
.voca span{width:65px; font-size:92%; line-height:130%;}

/*
서브 레이아웃
*/
#subContent{overflow:hidden; width:1000px; margin:0 auto;}

#subVisual {float:left; width:100%; height:182px; background:url(/images/assembly/common/bg.png) no-repeat right top;}
#subVisual h3{padding:57px 0 0 56px;}
#subVisual h3 img{max-width:315px;}

#subLeft{float:left; width:207px; padding:57px 0 0 0;}
#subRight{float:right; width:793px;}

#subContent #content{float:left; width:723px; padding:0 0 3em 70px;}

/* 서브메뉴 */
#subLeft h2{width:207px; height:75px; padding:50px 0 0 0; font-size:200%; text-align:center; color:#fff; background:url(/images/assembly/common/bg_submenu.gif) no-repeat;}
#subLeft .depth2 {margin:0 0 24px 0;}
#subLeft .depth2 li{line-height:0;}
#subLeft .depth2 li a{display:block; width:183px; padding:0 0 0 24px; border-bottom:1px solid #bfbfbf; font-size:122%; line-height:62px; text-decoration:none; background:#ececec;}
#subLeft .depth2 li.current a:hover,
#subLeft .depth2 li.current a:focus,
#subLeft .depth2 li.current a:active,
#subLeft .depth2 li.current_on a{color:#008f8d; font-weight:bold; background:#ececec url(/images/assembly/common/bg_on.png) no-repeat 178px 50%;}

#subLeft .viewer h3{font-size:110%; height:30px;}
#subLeft .viewer,
#subLeft .voca{width:188px; height:92px; padding:17px 0 0 17px; border:1px solid #cfcfcf;}
#subLeft .viewer{margin:0 0 12px 0; background:#f0f0f0 url(/images/assembly/main/bg_viewer.png) no-repeat 87% 27px;}
#subLeft .voca{background:#f0f0f0 url(/images/assembly/main/bg_voca.png) no-repeat 87% 31px;}

/* 문서정보 */
#pageInfo{overflow:hidden; width:723px; height:70px; padding:15px 0 0 0;}
#pageInfo .pageTitle{float:left;}
#pageInfo .pageTitle h3{line-height:130%; letter-spacing:-3px; font-size:245%;}
#pageInfo .loc{float:right; padding:22px 0 0 15px; font-size:92%; background:url(/images/common/bullet/ico_home.gif) no-repeat 0 24px;}
#pageInfo .loc span{color:#000; font-weight:bold;}

#sub_default{overflow:hidden; width:723px; line-height:150%;}

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

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

	#mainmenu{width:768px;}
	#topmenu{width:528px; padding-left:270px;}
	#topmenu li a{width:125px;}
	#topmenu li .menu ul{width:125px;}
	
	#slogan{width:300px; padding-left:25px;}
	#late{width:460px; margin:0 15px 0 0;}
	.section{width:293px;}
	
	#quick,
	#link{width:291px;}
	#link li{width:143px;}
	
	#quick .viewer{width:130px; padding:0 0 0 15px; background-size:40%;}
	#quick .voca{width:125px; padding:0 0 0 13px;  background-size:40%;}

	#subRight,
	#subContent #content,
	#pageInfo,
	#sub_default{width:540px;}
	
	#container_sub{background-position:0 45px;}
	#subLeft{padding:23px 0 0 0;}
	#subContent #content{padding:0 0 2em 0;}

	#subVisual {height:150px; background-size:80%;}
	#subVisual h3{padding:45px 0 0 0;}
	#subVisual h3 img{max-width:42%;}


}

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

	.allmenu,.home{position:absolute; top:0; z-index:99;}
	.home{right:0; padding:0.7em; font-size:150%;}
	.allmenu .navbar-toggle .icon-bar{background-color:#000;}

	#footer{width:98%; margin:0 auto; padding:3% 0 4% 0;}
	#footer ul {overflow:hidden; width:100%; margin:0 0 1em 0; text-align:center;}
	#footer ul li{display:inline-block; line-height:100%;}
	#footer ul li:first-child{margin:0 1em 0 0; padding:0 1em 0 0; border-right:1px solid #ccc;}
	
	/* 메인메뉴 */
	#menuArea{position:static; top:0; height:47px; border-bottom:3px solid #26a7a5;}
	#mainmenu h1{position:relative; top:8px; left:0; text-align:center; width:100%;}
	#mainmenu h1 img{height:34px;}

	#navbar{position:absolute; top:50px; left:1%; z-index:99; width:98%; margin:0 auto; padding-bottom:7px; background:#fff; border:1px solid #999; border-radius:6px; box-shadow:0 3px 9px #ccc; background-clip:padding-box;}
	#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 2px 7px; background:url(/images/common/bullet/bul_dotGray.gif) no-repeat 0 8px;}
	
	#container_main{padding:0;}
	#container{width:98%;}
	#mainContent{padding:0; background:none;}
	
	#search{width:96.6%; height:auto; margin:0.3em 0 0.7em 0; padding:0 0 0.7em 3%; background-size:90px; background-position:95% 1em;}
	#search h4{padding:0.7em 0 0.35em; font-size:150%}
	#search .info{margin:0 0 1em 0;}
	#search ul{width:93%; height:auto; padding:1em 0 0.5em 1em;}
	#search ul li{margin:0 0 0.5em 0;}
	#search ul li label{width:55px;}
	#search ul li input[type="text"]{width:55%;}

	#late{width:100%; margin:0 0 0.5em;}
	#late .more{top:0px;}
	#late .info{margin:0 0 1em 0;}
	#late table{font-size:92%;}
	#late table thead th{height:2.5em; font-size:105%;}
	#late table .con{padding:0 0 0 5px;}
	
	.section{width:100%; padding:0;}
	
	#quick, #link{width:99.6%; margin:0 0 0.3em 0;}
	
	#link li{width:49.5%;}
	#quick{height:auto; padding:1em 0 0 0;}
	#quick .viewer,
	#quick .voca{width:43%; padding:0 0 0.7em 5%; background-size:60px;}

	#container_sub{padding:0 0 1em 0; background:#fff;}
	#subRight,
	#pageInfo,
	#pageInfo .pageTitle,
	#sub_default{width:100%;}
	
	#pageInfo{height:auto; padding:0;}
	#pageInfo .pageTitle h3{min-height:43px; font-size:165%; line-height:220%; letter-spacing:-2px;}

}