﻿

body { width:100%; height:100%; background:url(../images/main/bg_main_body.jpg) repeat-x left top; }

.visual_main { width:2000px; height:500px; position:absolute; left:0; top:122px; z-index:-2; }

#contents { width:1100px; height:100%; margin-top:550px; position:relative; z-index:5; }

/*quick*/
/*.quick { margin-left:182px; width:918px; height:174px; }
.quick li { float:left; }
.quick .quick_01 a { display:block; width:174px; height:174px; margin-right:98px; background:url(../images/main/quick_01.png) no-repeat left top; text-indent:-9999px; }
.quick .quick_02 a { display:block; width:174px; height:174px; margin-right:98px; background:url(../images/main/quick_02.png) no-repeat left top; text-indent:-9999px; }
.quick .quick_03 a { display:block; width:174px; height:174px; background:url(../images/main/quick_03.png) no-repeat left top; text-indent:-9999px; }
*/
/*bottom_content*/
.bottom_content { position:relative; width:1100px; height:257px; /*margin-top:72px;*/ padding-bottom:90px; }


/*left*/
.left { position:absolute; left:0; top:0; width:243px; margin-right:4px; }
.left li { float:left; text-align:right; margin-bottom:4px; }
.banner_01 { position:relative; width:224px; height:92px; padding-right:16px; padding-top:32px; border:1px solid #ccc; background:url(../images/main/bg_banner_01.jpg) no-repeat 12px 23px; }
.banner_01 h4 { font-size:16px; color:#444; margin-bottom:12px; }             
.banner_01 p { font-size:14px; color:#818181; margin-bottom:28px; line-height:0; }
.banner_01 a { font-size:13px; color:#0295aa; padding-right:10px; background:url(../images/main/bg_goView.jpg) no-repeat right 5px; line-height:0; }

.banner_02 { position:relative; width:224px; height:92px; padding-right:16px; padding-top:32px; border:1px solid #ccc; background:url(../images/main/bg_banner_02.jpg) no-repeat 12px 23px; }
.banner_02 h4 { font-size:16px; color:#444; margin-bottom:12px; }             
.banner_02 p { font-size:14px; color:#818181; margin-bottom:28px; line-height:0; }
.banner_02 a { font-size:13px; color:#0295aa; padding-right:10px; background:url(../images/main/bg_goView.jpg) no-repeat right 5px; line-height:0; }


/*open position*/
.open { position:relative; width:554px; height:238px; margin-left:245px; padding-left:26px; padding-top:16px; padding-right:26px; border:1px solid #ccc; background:#f4f4f4; }
.tlt_open { width:100%; font-size:20px; color:#333; font-family: 'Play'; font-weight:normal; padding-bottom:13px; margin-bottom:20px; background:url(../images/main/bg_tlt_open.jpg) repeat-x left bottom; }
.openPosition { position:absolute; left:26px; top:48px; width:554px; height:185px; overflow:hidden; }
.scroll { position:absolute; left:0; top:15px; width:554px; height:191px; overflow:hidden; }
.job_info { line-height:24px; }

.openPosition .position { float:left; width:250px; padding-left:10px; margin-right:17px; background:url(../images/main/bullet_open_list.jpg) no-repeat left 12px; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  }
.openPosition .position a { font-size:14px; color:#555; border-bottom:0;}
.openPosition .position a:hover, .openPosition .position a.current:hover,.position a.current:active {color:#004384; }
.openPosition .company { float:left; width:187px; text-align:left; font-size:14px; color:#555; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
.openPosition .date { float:left; width:90px; text-align:right; font-size:14px; color:#555; }
.btn_more { position:absolute; right:26px; top:20px; }
.btn_more a { margin-left:10px; }

/*right*/
.right { position:absolute; right:0; top:0; width:243px; }
.right li { float:left; text-align:right; margin-bottom:4px; }
.banner_03 { position:relative; width:224px; height:92px; padding-right:16px; padding-top:32px; border:1px solid #ccc; background:url(../images/main/bg_banner_03.jpg) no-repeat 12px 23px; }
.banner_03 h4 { font-size:16px; color:#444; margin-bottom:12px; }             
.banner_03 p { font-size:14px; color:#818181; margin-bottom:28px; line-height:0; }
.banner_03 a { font-size:13px; color:#0295aa; padding-right:10px; background:url(../images/main/bg_goView.jpg) no-repeat right 5px; line-height:0; }

.banner_04 { position:relative; width:224px; height:92px; padding-right:16px; padding-top:32px; border:1px solid #ccc; background:url(../images/main/bg_banner_04.jpg) no-repeat 12px 23px; }
.banner_04 h4 { font-size:16px; color:#444; margin-bottom:12px; }             
.banner_04 p { font-size:14px; color:#818181; margin-bottom:28px; line-height:0; }
.banner_04 a { font-size:13px; color:#0295aa; padding-right:10px; background:url(../images/main/bg_goView.jpg) no-repeat right 5px; line-height:0; }




/*팝업*/
#popup { position:absolute; left:0; top:0; width:420px; font-size:14px; line-height:20px; z-index:9;}
#popup .popup_top { width:420px; height:60px; background:url(../images/main/popup_bg_top.jpg) no-repeat left top; } 
#popup .popup_contents {width:390px; height:100%; padding:10px 15px 0 15px; background:url(../images/main/popup_bg_middle.jpg) repeat-y left top; }
#popup .popup_contents h3 { color:#003e5f; font-size:16px; margin-bottom:15px; line-height:24px; }
#popup .popup_cont { width:370px; padding:10px; border:1px dotted #333; font-size:15px; line-height:22px;  }
#popup .popup_cont p { margin-bottom:10px; color:#555;}
#popup .popup_cont .txt_detail { color:#1693a5; font-size:15px; padding-top:10px; line-height:20px; }
#popup .btn_detail { margin-left:135px; }
#popup .btn_detail a { display:block; width:100px; height:23px; padding-top:2px; text-align:center; color:#fff; font-size:14px; background:#003e5f; }
#popup .popup_bottom {width:420px; height:50px; background:url(../images/main/popup_bg_bottom.jpg) no-repeat left top; }
#popup .btn { width:370px; height:20px; padding-top:10px; color:#333; position:relative; }
#popup .btn_group { position:absolute; left:60px; top:5px; width:370px; padding-bottom:7px; margin:0;  }
#popup .btn_group li { float:left; }
#popup .btn_group span { margin-top:2px; }
#popup .btn_group input { vertical-align:middle; }
/*#popup .btn_more { background:#888; padding:1px 7px; }
#popup .btn_more a { color:#fff;}*/
#popup .txt_today { margin-right:30px; }
#popup .btn_close { margin-right:30px; }
