@charset "euc-kr"; @import "base.css"; body{background:url(/images/common/bg/bg_body_top.gif) repeat-x left top} .bg_tree1{background:url(/images/common/bg/bg_gnb_t.png) no-repeat 240px 29px} .bg_tree2{background:url(/images/common/bg/bg_gnb_r.png) no-repeat 915px 29px} .bg_tree3{background:url(/images/common/bg/bg_gnb_t2.png) no-repeat 211px 34px} .bg_tree4{background:url(/images/common/bg/bg_gnb_r2.png) no-repeat 915px 29px} .bg_wrap_1{background:url(/images/common/bg/bg_body_1.jpg) no-repeat center 29px} .bg_wrap{background:url(/images/common/bg/bg_body_spring.jpg) no-repeat center 29px} .bg_wrap_3{background:url(/images/common/bg/bg_body_3.jpg) no-repeat center 29px} .bg_wrap_4{background:url(/images/common/bg/bg_body_4.jpg) no-repeat center 29px} .bg_wrap2{background:url(/images/common/bg/bg_cyber.jpg) no-repeat center 29px} #wrap{margin:0 auto;width:965px;font-size:1em;_text-align:left} #header{position:relative;width:100%;height:167px;z-index:10} #container{*zoom:1;height:600px;background-color:#fff;background:url(/images/common/bg/bg_cts.png) no-repeat left top} #container:after{content:" ";display:block;clear:both} #container2{*zoom:1;height:645px;background-color:#fff;background:url(/images/common/bg/bg_cyber.png) no-repeat left top} #container2:after{content:" ";display:block;clear:both} .snb{position:relative;width:190px;float:left} #content{position:relative;margin-left:4px;padding:10px 0 0 10px;width:562px;float:left} #content2{position:relative;padding:20px;width:725px;float:left} .aside{position:relative;width:193px;float:right} .aside2{position:relative;padding:0 18px 0 15px;width:160px;float:right} #footer{position:relative;width:100%;height:41px;background-color:#1a1a1a} /* header */ #header .logo{position:absolute;top:39px;left:42px} #header .logo2{position:absolute;top:39px;left:16px} #header .slogo{position:absolute;top:4px;left:5px} #header .t_minnav{position:absolute;top:8px;right:93px} #header .t_minnav li{padding:0 7px 0 7px;background:url(/images/common/bg/line_tnav.gif) no-repeat right 2px;line-height:1;float:left} #header .t_minnav li.t_mnav_last{padding-right:0;background:none} #header .t_minnav li img{vertical-align:top} #header .allsee{position:absolute;top:4px;right:20px} #header .t_minnav2{position:absolute;top:37px;left:275px} #header .t_minnav2 li{padding:0 8px;background:url(/images/common/bg/line_minnav2.gif) no-repeat right 2px;line-height:1;float:left} #header .t_minnav2 li.t_mnav_last{padding-right:0;background:none} #header .t_minnav2 li a img{vertical-align:top} #header .t_minnav3{position:absolute;top:33px;right:145px} #header .t_minnav3 li{padding:0 6px;background:url(/images/common/bg/line_minnav2.gif) no-repeat right 4px;float:left} #header .zoom{position:absolute;top:32px;right:62px} #header .zoom dt{padding-right:3px;float:left} #header .zoom dd{margin-right:2px;float:left} /*GNB*/ #tm{position:absolute;width:700px;height:34px;right:6px;top:51px;z-index:100;float:left} #tm li{clear:;float:left; vertical-align:top} #tm li a{display:inline-block;float:left} #tm li a:link,#tm li a:visited,#tm li a:active,#tm li a:hover{color:#666} #tm li a.tm_link_1th_ov:link,#tm li a.tm_link_1th_ov:visited,#tm li a.tm_link_1th_ov:active,#tm li a.tm_link_1th_ov:hover{color:#000} /***2차메뉴 박스스타일***/ #tm li ul{/*float:left;*/position:absolute;top:34px;width:135px;overflow:hidden} #tm li ul li{/*float:left; clear:none;*/float:inherit;white-space:nowrap} #tm li .tm_1{position:absolute;left:-10px} #tm li .tm_2{position:absolute;left:90px} #tm li .tm_3{position:absolute;left:175px} #tm li .tm_4{position:absolute;left:265px} #tm li .tm_5{position:absolute;left:360px} #tm li .tm_6{position:absolute;right:110px} #tm li .tm_7{position:absolute;right:10px} #tm li ul li a img{vertical-align:top} /***2차메뉴 링크스타일***/ #tm li ul li a{font-size:12px;text-decoration:none;padding:0px 6px 0px 10px;line-height:20px;margin-right:10px;background:url(../img/tm_bul.gif) no-repeat left 6px} #tm li ul li a:link,#tm li ul li a:visited,#tm li ul li a:active{color:#000;letter-spacing:0px;font-weight:normal} #tm li ul li a:hover,#tm li ul li a.tm_link_2th_ov:link,#tm li ul li a.tm_link_2th_ov:visited,#tm li ul li a.tm_link_2th_ov:active,#tm li ul li a.tm_link_2th_ov:hover{color:#000;letter-spacing:-1px;font-weight:bold} /* snb */ .snb .popzone{position:relative;width:190px;height:262px;_zoom:1;overflow:auto} .snb .popzone_title{padding:12px 0 0 21px;} #article_tab{position:absolute;top:10px;padding:30px 0 0 10px;width:180px;height:222px} #article_tab li .sample_bn, #article_tab li .sample_bn2{width:180px;height:246px;overflow:visible;border:none} .sample_bn,.sample_bn2{position:relative; margin-top:-5px; width:170px; height:196px; padding:0 0 0 10px;} .sample_bn .img_list,.sample_bn2 .img_list{position:relative; overflow:hidden; float:left; width:170px; height:196px} .sample_bn div ul,.sample_bn2 div ul{position:absolute; left:0px; top:0px; width:20000px; height:196px;} .sample_bn div ul li,.sample_bn2 div ul li{float:left; width:170px; height:196px;} .sample_bn div.sample_bn_num,.sample_bn2 div.sample_bn_num{position:absolute; right:8px; top:-50px; float:none; width:auto; height:auto} .sample_bn .cotrol, .sample_bn2 .cotrol{position:absolute;top:-53px;right:63px;height:13px;overflow:hidden} .sample_bn .cotrol, .sample_bn2 .cotrol a img{vertical-align:top} .sample_bn div.sample_bn_num a,.sample_bn2 div.sample_bn_num a{float:left; margin-right:2px} .snb .fstv_list{margin:10px 0 0 10px;padding:5px 0 0 7px;width:161px;height:73px;overflow:hidden;border:1px solid #dfdfdf} .snb .fstv_list li{line-height:1} .snb .fstv_list li img{vertical-align:top} .snb .etc_list{margin:10px 0 0 10px} .snb .etc_list .etc_1{margin-right:10px} .snb .etc_list .etc_2{margin-right:21px} /* content */ #content .cts_t{position:relative;width:542px;height:129px;overflow:hidden} #content .cts_t .cts_tl{position:relative;width:267px;height:129px;background:url(/images/common/bg/bg_cts_animal.gif) no-repeat left top;float:left;} #content .cts_t .cts_tl .cts_tl_txt{width:122px;float:right} #content .cts_t .cts_tl .cts_tl_txt dt{padding-top:15px;font-weight:bold;color:#da5520} #content .cts_t .cts_tl .cts_tl_txt dd.txt_ani{font-size:1.2em;color:#986648} #content .cts_t .cts_tl .cts_tl_txt dd.txt_ani em{font-weight:bold;color:#643316} #content .cts_t .cts_tl .cts_tl_txt dd.txt_ani_manual{margin-top:2px;font-size:0.9em;line-height:1.2em;color:#7d7564} #content .cts_t .cts_tl .cts_tl_txt dd.bt_ani{margin-top:5px;} #content .cts_t .cts_tl .cts_tl_img{width:130px;float:left} #content .cts_t .cts_tl .cts_tl_img img{padding:10px 0 0 10px;width:120px;height:110px} #content .cts_t .cts_tr{position:relative;padding-left:18px;width:255px;height:129px;float:left} #content .cts_t .cts_tr h2{padding-bottom:8px} #content .cts_t .cts_tr .cts_tr_r{position:relative;padding:10px 0 0 13px;width:96px;height:129px;float:right} #content .cts_t .cts_tr .cts_tr_r p{position:absolute;top:-21px;left:-80px;font-size:0.9em;width:185px;color:#7d7564} #content .cts_t .cts_tr .cts_tr_r .cts_tr_txt dt{font-weight:bold;color:#000} #content .cts_t .cts_tr .cts_tr_r .cts_tr_txt dd{padding-top:3px;font-size:0.9em;line-height:1.2em} #content .cts_t .cts_tr .cts_tr_r .bt_fstv{position:absolute;top:88px;} #content .cts_t .cts_tr .cts_tr_img{width:146px;height:129px;float:left} #content .cts_t .cts_tr .cts_tr_img img{width:144px;height:105px;border:1px solid #d8cdb8;} .article_wrap{ margin-top:20px;width:430px;height:125px;overflow:hidden} #article_tab2{position:relative;width:430px; height:105px; overflow:auto;} #article_tab2 li div{position:relative;width:430px;} #article_tab2 li div ul{width:430px;overflow:hidden;} #article_tab2 li div ul li{width:430px;clear:both;*line-height:1.2em} #article_tab2 li div ul li a{padding-left:20px;float:left;color:#666;background:url(/images/common/ico/ico_dotted.gif) no-repeat 13px 5px;} #article_tab2 li div ul li a:link,#article_tab2 li div ul li a:visited,#article_tab2 li div ul li a:active{color:#666} #article_tab2 li div ul li a:hover{text-decoration:underline} #article_tab2 li div ul li span.date{float:right;font-size:0.9em;font-family:Verdana, sans-serif;color:#b69e85} #article_tab2 li div span.more{position:absolute;top:-31px;right:0} #content .atzoo{position:absolute;top:155px;right:5px} #content .twitt{position:relative;width:552px;height:80px;background:url(/images/common/bg/bg_twitt.gif) no-repeat left top;overflow:hidden} #content .twitt h2{position:absolute;top:8px;left:10px} #content .twitt .twitt_go{position:absolute;bottom:10px;left:10px;} #content .twitt ul{padding:25px 0 0 145px;width:400px;overflow:hidden;} #content .twitt ul li{width:400px;clear:both;*line-height:1.2em} #content .twitt ul li a{padding-left:8px;float:left;background:url(/images/common/ico/ico_dotted.gif) no-repeat 0 5px;} #content .twitt ul li a:link,#content .twitt ul li a:visited,#content .twitt ul li a:active{color:#666} #content .twitt ul li a:hover{text-decoration:underline} #content .twitt ul li span.email{float:right;color:#0099cc} #content .callcenter{position:absolute;bottom:-51px;left:0;width:572px;height:32px;background:url(../img/main/bg_callcenter.gif) no-repeat left top;overflow:hidden} #content .callcenter .callcenter1{position:absolute;top:9px;left:10px} #content .callcenter .callcenter2{position:absolute;top:9px;left:200px} #content .callcenter .callcenter3{position:absolute;top:9px;right:35px} /* aside */ .aside .title_linkzone{padding:12px 0 0 17px;} .aside .linklist{padding:5px 0 0 2px;width:180px;overflow:hidden} .aside .linklist li{padding:8px 0 0 9px;float:left} .aside .linklist li a img{vertical-align:top} .aside .m_service{padding:12px 0 0 10px} .aside .title_class{padding:20px 0 0 10px} .aside .claslist{padding:8px 0 0 10px;_padding:10px 0 0 10px;width:180px} .aside .claslist li{padding-bottom:2px;_padding-bottom:6px;width:180px} .aside .claslist li a:link,.aside .claslist li a:visited,.aside .claslist li a:active{color:#666} .aside .claslist li a:hover{text-decoration:underline} .aside .claslist li img{padding-right:2px;vertical-align:top} /* new */ #go {position:relative;margin:0 auto;width:965px; text-align:center;} /* footer */ #footer .ftr_in{position:relative;margin:0 auto;width:965px} #footer .ftr_in .ftr_list{position:absolute;top:10px;left:-8px} #footer .ftr_in .ftr_list li{padding:0 8px;background:url(/images/common/bg/line_ftrlist.gif) no-repeat right 2px;line-height:1;float:left} #footer .ftr_in .ftr_list li.t_mnav_last{padding-right:0;background:none} #footer .ftr_in .copy{position:absolute;top:17px;right:29px;width:274px} #footer address{position:absolute;top:25px;left:0} /* content2 */ #content2 .festival_banner img{vertical-align:top} #content2 .cts_wrap{position:relative;padding-top:20px;width:100%;overflow:hidden} #content2 .cts_wrap .cts_l{position:relative;width:357px;float:left} #content2 .cts_wrap .cts_r{position:relative;width:352px;float:right} .sample_bn3{position:relative;width:357px;height:120px;padding-top:10px} .sample_bn3 p{width:42px;height:106px;float:left;} .sample_bn3 div{position:relative;width:354px;height:106px;overflow:hidden;float:left} .sample_bn3 .cotrol{position:absolute;top:-11px;left:42px} .sample_bn3 div ul{position:absolute;left:0px; top:0px;width:20000px;height:106px} .sample_bn3 div ul li{float:left; width:354px; height:106px;} .sample_bn3 div.sample_bn_num{position:absolute; left:83px;top:-8px;float:none;width:auto;height:auto} .sample_bn3 div.sample_bn_num a{float:left;margin-right:2px} #content2 .twitt_cyber{position:relative;padding:10px;width:334px;height:86px;overflow:hidden;background:url(/images/common/bg/bg_cybertwitt.gif) no-repeat left top} #content2 .twitt_cyber ul{padding-top:12px;overflow:hidden} #content2 .twitt_cyber ul li{overflow:hidden;clear:both;line-height:1.3em} *:first-child+html #content2 .twitt_cyber ul li{margin-top:-1px;line-height:1.2em} #content2 .twitt_cyber ul li a{padding-left:7px;width:203px;display:block;float:left;background:url(/images/common/ico/ico_dotted.gif) no-repeat left 5px} #content2 .twitt_cyber ul li span{width:117px;text-align:right;color:#0099cc;display:block;font-size:0.94em;float:right} #content2 .twitt_cyber .twitt_go2{position:absolute;top:10px;right:10px} #content2 .best_af_wrap{position:relative;width:100%;overflow:hidden} #content2 .best_af_wrap .af_more{position:absolute;top:0;right:0} #content2 .best_after{position:relative;margin-top:10px;position:relative;width:352px;background:url(/images/common/bg/bg_bestcyber.gif) no-repeat left top;overflow:hidden} #content2 .best_after dt,.best_after dd{float:left} #content2 .best_after .best_af1{padding:8px 0 0 7px;width:68px} #content2 .best_after .best_af2{padding-top:8px;width:205px} #content2 .best_after .best_af3{padding-top:8px;width:35px} #content2 .best_after .best_af4{padding-top:8px} #content2 .best_after .best_af5{padding:18px 0 0 11px;float:none;clear:both;font-weight:bold;color:#333} #content2 .best_after .best_af6{padding:6px 0 0 11px;float:none;font-size:0.94em;line-height:1.2em} #content2 .after_list{margin-top:20px;width:342px;overflow:hidden} #content2 .after_list li{overflow:hidden;clear:both} *:first-child+html #content2 .after_list li{margin-top:-1px;line-height:1.3em} #content2 .after_list li a{padding-left:17px;width:223px;display:block;float:left;background:url(/images/common/ico/ico_dotted.gif) no-repeat 12px 5px} #content2 .after_list li span{width:75px;text-align:right;color:#b69e85;display:block;float:right} /* aside2 */ .photo_list{position:relative;width:100%} .photo_list h2{padding:13px 0 13px 0} .photo_list .photo{padding-bottom:8px} .photo_list .photo div{line-height:0} .photo_list .photo div img{width:160px;height:94px;vertical-align:top} .photo_list .photo_more{position:absolute;top:10px;right:0} .photo_list .photo p{padding-top:5px} .photo_list .photo p a:link,.photo_list .photo p a:visited,.photo_list .photo p a:active,.photo_list .photo p a:hover{color:#333} .photo_list .photo p a:hover{}