#wrapper{width:100%;}
 header{clear:left; width:100%; border-bottom:2px solid #0070bd; height:80px; padding-top:25px;}
 header #top-header{clear:left; width:980px; margin:0 auto;}
 header #top-header h1{float:left; width:300px;}
 header #top-header nav{float:left; width:480px; margin:0 auto; padding-top:27px; position:relative}
 header #top-header nav ul{margin:0; padding:0}
 header #top-header nav li{float:left}
 header #top-header nav .m1{width:100px;}
 header #top-header nav .m1 ul{width:500px;}
 header #top-header nav .m2{width:100px;}
 header #top-header nav .m3{width:160px;}
 header #top-header nav .m3 ul{margin-left:100px; width:400px}
 header #top-header nav .m4{width:120px;}
 header #top-header nav .m4 ul{margin-left:100px; width:550px}
 header #top-header nav li ul{margin:0; padding:7px 0; position:absolute; left:0; top:50px}/*2Â÷¸Þ´º*/
 header #top-header nav li ul li{padding-right:13px; background:url(/images/common/blue-bullet.gif) no-repeat 0 6px; padding-left:6px;}
 
 header #top-header #util-menu{float:right; padding-top:30px;}
 header #top-header #util-menu ul{margin:0; padding:0}
 header #top-header #util-menu li{float:left; padding-left:10px;}
 
 
 
#mainvisual{clear:left; margin:0 auto; width:980px; padding-top:25px; height:330px;}
#mainvisual .visualimg{float:left; border:1px solid #ededed; overflow:hidden; height:300px; width:615px}

#mainvisual .mainproduct{float:left; padding-left:10px;border:1px solid #ededed; height:300px; border-left:none; width:345px;  height:300px; overflow:hidden; position:relative}
#mainvisual .mainproduct .gbtn{position:absolute; margin-top:155px; width:335px; height:30px; z-index:1000; left:0px}
#mainvisual .mainproduct .gbtn .left{float:left}
#mainvisual .mainproduct .gbtn .right{float:right}
#mainvisual .mainproduct ul{margin:15px 0 0 0px; padding:0;}
#mainvisual .mainproduct li{text-align:left}
#mainvisual .mainproduct .psubject{font-size:25px; font-family:NanumB; padding-bottom:5px; padding-left:15px;}
#mainvisual .mainproduct .psubject a{font-size:25px; font-family:NanumB;}
#mainvisual .mainproduct span{color:#8c8c8c; font-size:14px; padding-left:15px;}
#mainvisual .mainproduct .ptxt{font-size:12px; color:#8e8e8e; line-height:15px; width:310px; padding-top:5px; padding-left:15px;}
#mainvisual .mainproduct .img{text-align:center}

#container{width:980px; margin:0 auto}

#main-report{float:left; width:375px; border-right:1px solid #e5e5e5;}
#main-report h3{margin:0; padding:0px; font-size:15px; color:#000000; font-family:NanumB; border-bottom:1px solid #e1e1e1; height:34px; width:340px}
#main-report h3 span{float:right}
#main-report ul{padding-top:23px;}
#main-report li{float:left; font-family:µ¸¿ò; text-align:left}
#main-report .img{border:1px solid #e1e1e1; margin-right:20px;}
#main-report .subject{color:#1360ad; width:215px}
#main-report .subject img{vertical-align:middle; }
#main-report .subject span{color:#686868; font-family:µ¸¿ò; font-size:11px;}
#main-report .subject a{font-family:µ¸¿ò; font-weight:bold; color:#1360ad}
#main-report .subject a:hover{color:#CCCCCC}
#main-report .list{clear:left; margin:0; padding:12px 0 0 0}
#main-report .list ul{margin:0; padding:0}
#main-report .list li{font-size:11px; color:#686868; background:url(/images/main/bullet-square.gif) no-repeat 0 6px; padding-left:5px;}

#main-quick-banner{padding-left:25px; width:190px; float:left; padding-bottom:25px; height:220px}
#main-quick-banner ul{margin:0; padding:0}
#main-quick-banner li{font-size:0px; margin:0px; padding:0px; line-height:0px;}

#main-news{float:left; width:365px; padding-left:18px; position:relative}
#main-news ul{margin:0; padding:0}
#main-news .list2{ position:absolute; top:22px; left:20px;}
#main-news li{float:left}
#main-news #news-list{clear:left; position:absolute; margin-top:33px;}
#main-news #news-list ul{width:360px;}
#main-news #news-list li{float:left; text-align:left;font-family:µ¸¿ò;}
#main-news #news-list .img{border:1px solid #e1e1e1; margin-right:18px; float:left}
#main-news #news-list .subject{color:#1360ad; width:215px; float:left;}
#main-news #news-list .subject img{}
#main-news #news-list .subject span{color:#686868; font-family:µ¸¿ò; font-size:11px;}
#main-news #news-list .subject a{font-family:µ¸¿ò; font-weight:bold; color:#1360ad}
#main-news #news-list .subject a:hover{color:#CCCCCC}

#main-news #news-list .list{clear:left; padding:15px 0 0 0;}
#main-news #news-list .list ul{margin:0; padding:0}
#main-news #news-list .list li{font-size:11px; color:#686868; background:url(/images/main/bullet-square.gif) no-repeat 0 6px; padding-left:5px; font-family:µ¸¿ò; width:100%}

#footer-banner {clear:left; width:1000px; margin:0 auto; border-top:1px solid #e2e2e2;}
#footer-banner  ul{margin:0; padding:0}
#footer-banner  li{float:left}
#footer-banner .title{float:left; width:100px; font-size:15px; font-family:NanumB; color:#000000; padding-top:15px}
#footer-banner .scroll-banner{width:800px; height:52px; border:solid 0px #dbdbdb; margin-left:25px; margin-top:10px}

footer{width:100%; clear:left; padding-top:20px;}
	#footer_link{width:100%; background-color:#fcfcfc; height:40px; border-top:1px solid #dedede; border-bottom:1px solid #ededed}
	#footer_link ul{margin:0; padding:0; width:1000px; margin:0 auto}
	#footer_link li{float:left; text-align:center; border-left:1px solid #ededed; height:25px; padding-top:10px; width:33%}
	#footer_link .right{border-right:1px solid #ededed}
	
	#copyright {clear:left; width:1000px; margin:0 auto}
	#copyright address{clear:left; width:1000px; margin:0 auto; text-align:left; font-style:normal}
	#copyright address ul{padding-top:20px; height:80px; padding-left:10px;}
	#copyright address li{float:left; font-size:12px;}
	#copyright address .btns{padding-left:220px; padding-top:15px;}

.sub-visual{clear:left; width:100%; height:159px; text-align:center; border-bottom:1px solid #ebebeb}

#sub-menu{float:left}
#sub-menu ul{margin:0; padding:15px 0 0 0}
#sub-menu li{border-bottom:1px solid #fff}
#sub-menu h2{background:url(/images/common/leftmenu-title-bg.jpg) no-repeat; width:189px; height:107px; color:#FFFFFF; font-size:24px; font-family:NanumB}
#sub-menu h2 p{padding-top:20px; padding-left:20px}
#sub-menu h2 span{font-size:12px; line-height:16px;}
#sub-menu a{font-size:14px}
#sub-menu .sub_over{color:#0f66b7;border-bottom:2px solid #0f66b7; height:25px;padding-top:5px; padding-bottom:5px; font-family:NanumB; padding-left:5px; background:url(/images/common/blue-bullet.gif) no-repeat 170px 10px; width:180px}
#sub-menu .sub_over a{color:#0f66b7; font-size:16px;}
#sub-menu .sub_out{height:25px; background-color:#f6f6f6;padding-top:5px; padding-bottom:5px; padding-left:5px;  width:180px}
#sub-menu .sub_out a{}

#sub-menu .third-menu{text-align:left; padding-bottom:3px; padding-top:3px; margin-left:15px; background:url(/images/common/blue-bullet.gif) no-repeat 0 10px; padding-left:7px;}
#sub-menu h3{margin:0; padding:0}

/* Á¦Ç°¼Ò°³ - Âü°íÀÚ·á */

.p_img{float:left; width:45%}
.p_subject{float:left; width:45%; margin-left:2%}

.subject {clear:left}
.subject ul{margin:0; padding:0; border-top:2px solid #3366CC; width:732px;}
.subject li{width:333px; padding:15px; float:left; height:50px;  border-left:1px solid #e3e3e3; border-bottom:1px solid #dbdbdb;border-right:1px solid #ededed; background:url(/product/images/board-bg.gif) repeat-x bottom}
.subject div{float:left}
.subject .icon{width:30px;}
.subject .title{width:300px;}
.subject img{vertical-align:middle}
.subject a{font-size:15px; font-weight:bold}
.subject .nodata{text-align:center; font-size:14px; width:690px; padding-top:20px;}