@charset "utf-8";

*{padding:0; margin:0;}
body{font-family:Dotum,"돋움"; font-size:12px; color:#888;}
a{font-family:Dotum,"돋움"; font-size:12px; color:#888; text-decoration:none;}
a:hover{text-decoration:none;}
img,fieldset{border:0 none;}
li{list-style:none;}
caption, legend{position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden;}
select{font-family:Dotum,"돋움"; font-size:12px; color:#888;}
h1, h2, h3, h4, h5, h6, th, td{font-family:Dotum,"돋움"; font-size:12px; color:#888;}
em, address{font-style:normal;}

/* header */
h1#logo{position:absolute; top:17px; left:0;}

#util{position:absolute; top:6px; right:0;}
#util a{display:inline-block; height:17px; font-family:Tahoma; font-size:9px; color:#909090; vertical-align:middle; line-height:15px;}
#util a.util_hm{padding-right:6px; margin-right:2px; background:url('../../mycodyimages/util_bar.gif') no-repeat 100% 5px;}
#util a.util_sm{width:61px; margin-left:4px; background:url('../../mycodyimages/util_sitemap.gif') no-repeat; color:#f7f4d4; text-align:center;}

#mid-container{padding-top:15px; background:#fff;}
#mid-container #left-container #menuSubUI{padding-left:18px;}
#mid-container #left-container #menuSubUI .ul_1{width:158px; padding:0 2px 18px 17px; background:url('../../mycodyimages/lnb_bg2.gif') no-repeat 0 100%;}

/* footer */
#footer{overflow:hidden; height:88px; background:#fff;}
#footer address{float:left; padding:30px 0 0 20px; font-size:11px; color:#919191; line-height:16px;}
#footer address span{display:block; color:#acacac;}
#footer address span strong{color:#919191;}

/* main */
#mContainer{width:960px; margin:0 auto; padding-top:15px;}
#mVisu{overflow:hidden; height:336px; padding-bottom:15px;}
.board_area{float:left; border:1px solid #dfdfe1;}
.board_area .boardIn{width:280px; height:299px; padding:21px 14px 14px; border:1px solid #fff; background:#fbfbfb;}
	.board_txt{height:108px; padding-left:156px; margin-bottom:15px;}
	.board_txt.areaL{background:url('../../mycodyimages/bg_img1.gif') no-repeat;}
	.board_txt.areaR{background:url('../../mycodyimages/bg_img2.gif') no-repeat;}
	.board_txt .sTle{padding-top:10px; font-size:14px; color:#656565;}
	.board_txt .txt{padding:10px 0 7px 0; color:#888; line-height:14px; font-size:11px; letter-spacing:-1px;}
	.board_lst{position:relative; width:280px; height:174px;}
.mVisu_area{float:left; width:336px; height:336px;}

#mContents{overflow:hidden; height:239px; margin-bottom:35px; }
#contL{float:left; width:231px; height:216px; margin:20px 12px 0 0;}
	.popTle{font-size:14px; color:#656565;}
	.popTle span{color:#633ecb;}
#contR{float:left; width:717px;}
	#workGo{position:relative; height:69px; padding:20px 0 0 153px; background:url('../../mycodyimages/bg_img3.gif') no-repeat 28px 0;}
	#workGo .workTle{font-size:12px; color:#656565;}
	#workGo .workTle span{color:#633ecb;}
	#workGo  .btn_more{position:absolute; top:19px; left:265px;}
	#workGo ul{overflow:hidden; height:45px; padding-top:7px;}
	#workGo ul li{float:left; padding:0 43px 0 8px; background:url('../../mycodyimages/dot_gray.gif') no-repeat 0 7px; line-height:18px; letter-spacing:-1px;}
	#workGo ul li.last {padding-right:0;}
	#workGo ul li a{color:#888;  font-size:11px;}
	#news{overflow:hidden; height:143px; margin-top:5px;}
	#pht_g{float:left; margin-right:33px; border:1px solid #dfdfe1;}
	#pht_g #pht_in{width:442px; height:124px; padding:14px 14px 0; border:1px solid #fff; background:#fbfbfb;}
	#pht_g #pht_in .miniBox{margin-top:-20px;}
	#news_lst{float:left; overflow:hidden; height:100%; width:210px; padding-top:14px;}
	#news_lst li{float:left; width:70px; margin-bottom:15px; text-align:center;}
	#news_lst li a{display:block;}
	#news_lst li span{display:block; font-size:11px; color:#888; line-height:23px; letter-spacing:-1px;}

#famSite{position:relative; height:53px; padding:0 10px 0 23px; border-top:1px solid #e1e1e1;}

#footer-container {z-index:1;}
#bottomBackground{height:89px;  background:#fff; border-top:1px solid #e8e8e8;}

/* contents */
#mid-container #content-container{width:710px !important; padding:0 20px 50px 0 !important;}

#pageLocation{overflow:hidden; height:45px; padding-top:21px;}
#pageLocation h3{float:left; font-size:16px; color:#444;}

.subTle1{position:relative; padding-left:16px; margin-bottom:6px; background:url('../../mycodyimages/dot1.gif') no-repeat 2px 0; color:#4f4f4f; line-height:15px;}
.subTle2{position:relative; padding-left:25px; margin-bottom:6px; background:url('../../mycodyimages/dot2.gif') no-repeat 17px 3px; color:#8c75c5; line-height:15px;}
.subTxt1{padding:0 0 0 16px; margin-bottom:15px; line-height:15px;}
.subTxt2{padding:0 0 0 26px; margin-bottom:15px; line-height:15px;}
.txtList1{padding-left:26px; margin-bottom:20px;}
.txtList1 li{padding-left:10px; background:url('../../mycodyimages/dot3.gif') no-repeat 0 6px; line-height:15px;}

.txtList2{padding-left:16px; margin-bottom:30px;}
.txtList2 li{padding-left:10px;}
.txtList2 ul{padding:0 0 5px 10px;}

.table1{width:100%; border-collapse:collapse; border-top:2px #7f4bde solid; table-layout:fixed;}
.table1 thead th{padding:8px 0 5px 0; background:#ededed; border-bottom:1px #dcdcdc solid; border-right:1px #dcdcdc solid; line-height:17px;}
.table1 thead .sTh th{padding:6px 0 2px 0; background:#f9f9f9; font-weight:normal;}
.table1 tbody th{padding:8px 0 4px 0; background:#f9f9f9; border-bottom:1px #dcdcdc solid; border-right:1px #dcdcdc solid; line-height:17px;}
.table1 tbody td{padding:8px 0 4px 0; border-bottom:1px #dcdcdc solid; border-right:1px #dcdcdc solid; line-height:17px; text-align:center;}
.table1 tbody td p{padding:0 11px; text-align:left;}
.table1 tbody td ul{padding:0 11px; text-align:left;}
.table1 .end{border-right:none;}

.tableTxt{padding-top:5px;}

.txtBox1{padding:20px; margin-bottom:30px; border:2px #7f4bde solid;}
.txtBox1 h4{position:relative;}

.txtBox2 {padding:10px 20px; margin-bottom:20px; background:#f6f5f5;}
.txtBox2 ul li {padding-top:15px;}

.txtCenter {text-align:center;}

/* margin */
.mb10{margin-bottom:10px;}
.mb30{margin-bottom:30px;}

/*sub*/
.greeting {position:relative; background:url('../../mycodyimages/bg_greeting.jpg') no-repeat right top;} 
.greeting p {padding-top:25px;}
.greeting .sign {position:absolute; left:517px; top:277px;}

.activity div {position:relative; width:410px; height:152px; padding:12px 20px 0 270px; background:url('../../mycodyimages/bg_edu.gif') no-repeat right top;}
.activity div h4 {padding-bottom:5px;  color:#8c75c5; }
.activity div img {position:absolute; left:10px; top:12px;}
.activity div a img {position:static;}
.activity div.case h4 {float:left; padding-right:5px;}
.activity div.case a {float:left;}
.activity div.case ul {clear:both;}


/*pop*/
.pop_assemble {position:relative; width:680px; height:670px; padding:10px; overflow:hidden; background:url(../../mycodyimages/bg_bed_assemble.jpg) no-repeat left top;}
.pop_assemble h1 {color:#8c75c5; padding-bottom:5px; }
.pop_assemble ul li {position:absolute;}
.pop_assemble ul li span {font-weight:bold;}