body{overflow-x:hidden;width:100%;background:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fde5b1+0,fff4de+100&0.7+0,1+100 */ background: -moz-linear-gradient(top, rgba(253,229,177,0.7) 0%, rgba(255,244,222,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(253,229,177,0.7) 0%,rgba(255,244,222,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(253,229,177,0.7) 0%,rgba(255,244,222,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3fde5b1', endColorstr='#fff4de',GradientType=0 ); /* IE6-9 */ ; margin:0; padding:0;text-align:center;} #wrap{width:100%; margin:0 auto;padding:0;} #main_wrap{width:100%; margin:0 auto;} #main_container { position:relative; width:100%; min-height:500px; margin:0; padding:0; _height:500px; } /******* Header *******/ #header{width:100%;margin:0 auto;height:101px;/*position:relative;background:url('../img/common/header_pt.gif') repeat-x left top;*/} #header{ width:100%; position:relative; background-repeat:repeat-x; padding:0; margin:0 auto;} /******* menu_ *******/ #header .menu_box{ width:1076px; height:101px; margin:0 auto;} #header .menu_box .logo_box{float:left; width:230px; margin:3px 0 0 25px;} #header .menu_box .top_menu{width:778px; margin:0 0 0 0; float:right; } table.top_menu{} table.top_menu tr td{text-align:center; } div.top_menu{width:980px; margin:0 auto;} .top_menu .top_slogan {font-size:16px;font-weight: bold;color: #888;line-height:2;} /******* Sub Visual *******/ .sub_visual{} /******* Container *******/ div.main_page{width:980px; margin:0 auto;} div#contents{} #container{margin:0 0 55px 0;width:100%;margin:0 auto;width:fixed;} #container .contents{min-height:700px;float:left;} #container .main_portfolio{background:url('../img/common/portfolio_bg.gif') no-repeat center top;height:425px;width:1076px;margin:0 auto;} #container .main_portfolio dl.portfolio_fla{padding:160px 0 0 0;margin:0 auto;} #container .bottom_board{width:982px;margin:35px auto;background:url('../img/common/bottom_board_bg.gif') no-repeat left top;height:194px;} #container .bottom_board dl{width:982px;margin:0 auto;padding:18px 18px 0 0;} #container .bottom_board dl dd.customer{width:397px;float:left;padding:0 0 0 37px;} #container .bottom_board dl span.title_customer{position:absolute;margin:-47px 0 0 -943px;} #container .bottom_board dl dd.online{width:211px;float:left;} #container .bottom_board dl dd.main_notice{float:left;width:319px;} #container .bottom_board dl dd.main_notice h2.title{float:left;padding:0 0 0 20px;width:300px;} #container .bottom_board dl dd.main_notice h2.title span.more{margin:0 0 0 200px;} #container .bottom_board dl dd.main_notice ul{font-family:"Dotum";font-size:12px;color:#FFF;padding:8px 0 0 0px;float:left;text-align:left;width:280px;} #container .bottom_board dl dd.main_notice ul li{background:url('../img/main/bullet.gif') no-repeat left 14px;padding:7px 0 0 10px;}/*background:url('../img/main/bullet.gif') no-repeat 3px 14px;*/ #container .bottom_board dl dd.main_notice ul li em.text01{float:left;width:180px;height:22px;} #container .bottom_board dl dd.main_notice ul li a{color:#FFF;} #container .bottom_board dl dd.main_notice ul li a:hover{color:#666;} #container .bottom_board dl dd.main_notice ul li span.date{float:right;} #container .contents .contents_box .left_con{float:left;width:404px;margin:0 -404px 0 0;} #container .contents .contents_box .left_con .board_box{vertical-align:top;} #container .contents .contents_box .left_con .board_box dt{height:21px;margin:0 0 5px 0;background:url('../img/main/board_pt.gif') repeat-x left bottom;position:relative;} #container .contents .contents_box .left_con .board_box dt span{position:absolute;right:15px;top:8px;z-index:99;} #container .contents .contents_box .left_con .board_box dd{color:#8a8a8a;padding:3px 0 2px 18px;background:url('../img/main/bullet03.gif') no-repeat 10px 12px;} #container .contents .contents_box .left_con .board_box dd span{display:inline-block;width:305px;} #container .contents .contents_box .left_con .board_box dd span a{color:#737373;letter-spacing:-1px;} #container .contents .contents_box .left_con .board_box dd span a:hover{text-decoration:underline;} #container .contents .contents_box .left_con .quick_link{margin:15px 0 0 0;padding:0 0 10px 10px;height:142px;background:url('../img/main/quick_link_bg.gif') no-repeat left top;} #container .contents .contents_box .left_con .quick_link dt{padding:11px 0 0 9px;margin:0 0 20px 0;} #container .contents .contents_box .left_con .quick_link dd{float:left;margin:0 11px 0 0;padding:0 10px 0 0;background:url('../img/main/quick_link_line.gif') no-repeat right 5px;} #container .contents .contents_box .left_con .quick_link dd.end{margin:0;background:none;} #container .contents .contents_box .right_con{width:220px;margin:0 0 9px 420px;height:308px;border-top:solid 3px #61b13f;} #container .contents .contents_box .right_con .table_type05{width:100%;border:solid #ddd;border-width:0 1px 1px 1px;} #container .contents .contents_box .right_con .table_type05 caption{padding:11px 0 10px 0;text-align:center;border:solid #ddd;border-width:0 1px;} #container .contents .contents_box .right_con .table_type05 th{padding:3px 0 0 10px;height:27px;} #container .contents .contents_box .right_con .table_type05 td{padding:0 0 0 0;height:27px;font-size:11px;} #container .contents .contents_box .right_con .table_type05 td .input_type05{width:130px;vertical-align:middle;} #container .contents .contents_box .right_con .table_type05 td .input_type06{width:31px;vertical-align:middle;} #container .contents .contents_box .right_con .table_type05 td.school_box select{width:132px;} #container .contents .contents_box .right_con .table_type05 td .input_type07{width:107px;vertical-align:middle;margin:0 3px 0 0;} #container .contents .contents_box .right_con .table_type05 tr.bt_box td{padding:5px 0 8px 10px;border-top:dashed 1px #eee;} #container .contents .contents_box .right_con .table_type05 tr.bt_box th{padding:5px 0 8px 10px;border-top:dashed 1px #eee;} #container .contents .contents_box .right_con .table_type05 td.date_box{line-height:2.5em;} #container .contents .contents_box .right_con .table_type05 td.date_box input{margin:-1px 3px 0 0;vertical-align:top;} #container .contents .contents_box .site_link{padding:20px 0 0 0;width:638px;height:40px;border:solid 1px #ddd;overflow:hidden;} #container .contents .contents_box .site_link .link_box{width:860px;padding:0 0 0 0px;} #container .contents .contents_box .site_link a{margin:0 10px 0 0;} div.contents_box p.tab{width:750px;border-bottom:1px solid #eee;margin:0 0 15px 0;} #container .left_box .login_box{position:relative;} #container .left_box .login_box .login_bt{position:absolute;right:13px;top:28px;z-index:99;} #container .left_box .login_box dt{padding:13px 0 0 0;height:20px;text-align:center;} #container .left_box .login_box dd{padding:10px 12px 0px 12px;background:url('../img/main/login_pt.gif') repeat-y left top;} #container .left_box .login_box dd input{margin:-2px 0 0 0;vertical-align:middle;} #container .left_box .login_box dd.password_box{padding:5px 12px 0px 12px;} #container .left_box .login_box dd .login_input01{width:80px;padding:0 0 0 2px;} #container .left_box .login_box dd .login_input02{width:80px;padding:0 0 0 2px;} #container .left_box .login_box dd span{display:inline-block;width:25px;} #container .left_box .login_box dd.end{padding:10px 10px 7px 10px;} #container .left_box .login_box dd.end img{margin:0 1px;} #container .left_box .login_box{padding:0 0 6px 0;margin:0 0 9px 0;background:url('../img/main/login_bottom.gif') no-repeat left bottom;} #container .left_box p{margin:0 0 5px 0;} #container .left_box ul{margin:8px 0 0 0;padding:3px 10px;border:solid 1px #e7e7e7;} #container .left_box ul li{padding:15px 0 0 0;border-bottom:dashed 1px #e7e7e7;} #container .left_box ul li.relative_box{position:relative;padding:10px 0 20px 0;} #container .left_box ul li.relative_box span{position:absolute;left:0px;top:60px;z-index:99;} #container .left_box ul li.nate_on{padding:12px 0 5px 0;line-height:2em;} #container .left_box ul li.nate_on span{padding:0px 0 0 3px;color:#ff8542;font-weight:bold;} #container .left_box ul li.end{padding:15px 0 ;border-bottom:none} /******* Footer *******/ #footer{width:100%;height:80px; background:url('../img/common/footer_pt.gif') repeat-x left top; font-size:12px; background-color:#101010;margin:0 auto;clear:both;} #footer .foot_box{width:1008px;margin:0 auto;} div.foot_box p.copyright{float:left;font-family:"Tahoma";color:#8d8b8b;padding:13px 0 0 20px;} div.foot_box p.footer_logo{float:right;padding:10px 50px 0 0;} div.foot_box p.copyright span.year{color:#fc7126;margin-right:5px;} div.foot_box ul.link{float:right;padding:30px 0 0 0;font-family:"Tahoma";} div.foot_box ul.link li{float:left;color:#363636;margin:0 13px 0 0;font-size:10px;} div.foot_box ul.link li a{color:#8d8b8b;font-size:11px;margin-right:8px;} div.foot_box p em{margin:5px 0 0 0;} #footer .foot_box dt span.year{float:left; width:28px; padding:30px 0 0 5px; font-size:12px; } #footer .foot_box dd span.copyright{ float:left; width:250px; padding:30px 0 0 0; } #footer .foot_box dd {color:#8d8b8b;} #footer .foot_box dd span.first{padding:30px 20px 0 0; float:right;} #footer .foot_box dd span.end{padding:0 0 0 7px;background:none; color:#8d8b8b;} div.footer{width:980px; margin:0 auto;position: relative;padding: 0 0 50px;} .photo_hidden ul{margin-left: -10px;} .photo_hidden ul li{float: left;width: 226px;height: 186px;margin-left: 10px;overflow: hidden;} .photo_hidden ul li a img{width: 226px;height: 150px;} .photo_hidden ul li a span{display: block;} .footer_logo {width: 120px;overflow:hidden;position: absolute;left: 0;} .footer_logo ~ p {padding-left: 140px;font-size: 13px;}