@charset "utf-8";
@import url(reset.css);
@import url(layout.css);
@import url(header.css);
@import url(footer.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/daum.css);
@import url(http://fonts.googleapis.com/earlyaccess/Malgun Gothic.css);

.section01{margin:25px 0 25px 0;}

.banner{width:654px; height:200px; position:relative; overflow:hidden; margin-left:65px;}
#slide{width:1308px; position:absolute; top:0px; left:0px;}
#slide li{float:left;}

.banner p{position:absolute; top:95px; z-index:100;}
.leftbtn{left:10px;}
.rightbtn{right:10px;}

.testdate{position:absolute; top:0px; right:60px;}

.section02{width:1122px; height:195px; position:relative; overflow:hidden; margin-left:65px; display:inline-block;}

.news{float:left; width:299px; height:188px; padding:3px; background:url(../images/title_bar.gif) no-repeat; background-color:#fff; position:relative; margin-right:45px;}
.news h3, .news02 h3{margin:16px 0 0 3px; height:21px; font-size:14px; color:#333; font-weight:bold; font-family: 'Nanum Gothic','³ª´®°íµñ', sans-serif;}
.news h3 span, .news02 h3 span{font-size:14px; color:#e60012;}
.news .subject{float:left;}
.news .date{float:right;}
.newslist li{line-height:24px;}
.more{position:absolute; top:10px; right:4px;}

.news02{float:left; width:299px; height:188px; padding:3px; margin-right:45px; position:relative; background:url(../images/title_bar.gif) no-repeat; background-color:#fff; }
.news02list{line-height:38px;}
.news02list li{border-bottom:1px solid #bebebe;}
.more02{position:absolute; top:10px; right:4px;}

.testSample{float:left; width:305px; background:url(../images/title_bar.gif) no-repeat; background-color:#fff; }
.testSample h3{margin:16px 0 0 17px; height:21px; font-size:25px; color:#333; font-weight:bold; font-family: 'Nanum Gothic','³ª´®°íµñ', sans-serif;}
.testSample h3 span{color:#e60012;}
.testSample p{margin:16px 0 0 17px; color:#333; font-size:15px; }
.testSample p span{color:#e60012; font-size:15px; }

.testSamplelist{display:inline-block; width:299px; height:188px; padding:3px; }
.testSamplelist li{float:left; margin:17px 9px 0 13px;}
.testSamplelist li p{text-align:center; color:#333; font-size:18px; position:absolute; top:150px;}


.section03{width:1122px; height:195px; margin-top:30px; position:relative; display:inline-block;}
.checkList{width:655px; height:193px; margin-left:65px; background-color:#fff; border-top:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3;}
.checkList h3{font-size:20px; color:#333; font-weight:bold; margin-top:13px; margin-left:13px;}
.checkList h3 span{font-size:10px; color:#a9a9a9;}
.icon1, .icon2, .icon3, .icon4, .icon5{width:130px; text-align:center; float:left; margin-top:23px;}
.icon1 span, .icon2 span, .icon3 span, .icon4 span, .icon5 span{font-size:10px; line-height:12px; margin-top:7px;}
.icon1 h4, .icon2 h4, .icon3 h4, .icon4 h4, .icon5 h4{font-size:14px; color:#2263b4; margin-top:20px;}

.gogo{position:absolute; top:0px; right:55px;}
.callme{width:305px; height:75px; background:url(../images/callbox.png) no-repeat; position:absolute; top:116px; right:55px;}
.callme h3, .callbun{margin:15px 0 0 65px;}
.callme h3 span{font-size:14px; color:#e60012; font-weight:bold; }
.callbun{font-size:30px; padding-top:10px; font-weight:bold; }
.more03{position:absolute; top:10px; right:4px;}

.section04{width:1002px; height:195px; margin:30px 0 0 65px; display:inline-block;}

#bannerZone{width:2004px; position:absolute; top:0px; left:0px;}
#bannerZone li{float:left;}

#banner02{width:1002px; overflow:hidden; position:relative; }
.viewer{position:relative; width:2004px;}
.viewer img{float:left; width:1002px;}

.btn{position:absolute; top:75px; width:1002px;}
.btn .prev{position:absolute; left:50px;}
.btn .next{position:absolute; right:15px;}