@charset "utf-8";

#wrapper {width:100%; min-width:940px; position:relative;}

#header {width:1200px; margin:0 auto; height:76px; position:relative; z-index:100;}
#header h1 {position:absolute; top:0; left:0; z-index:105;}
	#gnb {margin-left:525px; padding-top:24px; height:52px;}
	#gnb>li {float:left; width:166px; text-align:center; height:49px; position:relative;}
	#gnb>li+li {margin-left:70px;}
	#gnb>li>a {font-size:22px; color:#000; font-weight:600; line-height:30px; padding-bottom:21px; display:block; letter-spacing:-0.5px;}
	#gnb>li:hover, #gnb>li.now {border-bottom:3px solid #90051e;}
	#gnb>li:hover>a, #gnb>li.now>a {color:#90051e; background:url(/Images/bg_a_arr.gif) center 38px no-repeat;}
	
	#gnb ul.depth2 {position:absolute; top:49px; left:0; width:100%; background:#fff; border-top:3px solid #90051e; display:none;}
	#gnb ul.depth2>li+li {border-top:1px solid #e4e4e4;}
	#gnb ul.depth2>li a {display:block; text-align:center; font-size:15px; color:#333; height:43px; line-height:43px;}
	
#contents {width:100%; min-width:940px; position:relative; z-index:10; padding-bottom:90px;}
	.mainVisual {height:582px; position:relative;}
	.mainVisual span.ment {position:absolute; left:50%; margin-left:-600px; bottom:30px;}
	
	ul.mainSlider {height:582px; overflow:hidden;}
	ul.mainSlider li {height:582px;}
	
	.mainCont {width:595px; margin:0 auto; margin-top:43px; padding-right:605px; position:relative;}
	.mainCont .boxLeft {border:1px solid #eaeaea; padding:26px 27px 18px; background:#fff; height:350px;}
	.mainCont .boxLeft .title {height:45px; position:relative; margin-bottom:22px;}
	.mainCont .boxLeft .title h2 {text-indent:-1000em; height:45px; background:url(/Images/tt1.gif) 5px no-repeat;}
	.mainCont .boxLeft .title>a {position:absolute; top:28px; right:-7px;}
	
	.mainCont .boxLeft .prevList>li {padding:15px 2px; height:40px;}
	.mainCont .boxLeft .prevList>li+li {border-top:1px solid #eaeaea;}
	
	.mainCont .boxLeft  ul.listCld {position:relative; height:40px; padding:0 140px 0 50px;}
	.mainCont .boxLeft  ul.listCld>li.dday {width:40px; position:absolute; top:0; left:0;}
	.mainCont .boxLeft  ul.listCld>li.dday span {display:inline-block; width:40px; height:20px; line-height:20px; font-size:13px; color:#fff; background:#bcbcbc; border-radius:3px; text-align:center;}
	.mainCont .boxLeft  ul.listCld>li.cateTt>dl dt {font-size:13px; color:#90051e; font-weight:bold; line-height:20px;}
	.mainCont .boxLeft  ul.listCld>li.cateTt>dl dd {font-size:13pxj; color:#515151; line-height:20px; height:20px;}
	.mainCont .boxLeft  ul.listCld>li.cateTt>dl dd a {display:inline-block; color:#515151; height:20px; overflow:hidden; max-width:100%; text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word;}
	.mainCont .boxLeft  ul.listCld>li.date {width:140px; text-align:right; position:absolute; top:0; right:0; font-size:11px; color:#aeaeae; line-height:40px;}
	
	.mainCont .boxRight {position:absolute; top:0; right:0; width:595px;}
	.mainCont .boxRight .fltLeft {float:left; width:290px; height:396px;}
	.mainCont .boxRight .fltLeft a {display:block; width:100%; height:396px; background:url(/Images/bg_main1.jpg) no-repeat; text-indent:-1000em;}
	.mainCont .boxRight .fltRight {margin-left:300px;}
	.mainCont .boxRight .fltRight ul li.lk1 a {display:block; height:191px; text-indent:-1000em; border:1px solid #eaeaea; background:#fff url(/Images/bg_main2.gif) 22px 23px no-repeat;}
	.mainCont .boxRight .fltRight ul li.lk2 {margin-top:11px;}
	.mainCont .boxRight .fltRight ul li.lk2 a {display:block; height:192px; background:#adadad url(/Images/bg_main3.gif) 23px 24px no-repeat; text-indent:-1000em;}
	
	.mainBottomSlider {position:relative; width:1200px; margin:60px auto 0; z-index:20;}
	.mainBottomSlider .btnPrev {width:22px; height:42px; position:absolute; background:url(/Images/btn_prev.gif) no-repeat; position:absolute; top:6px; left:0; cursor:pointer; z-index:25;}
	.mainBottomSlider .btnNext {width:22px; height:42px; position:absolute; background:url(/Images/btn_next.gif) no-repeat; position:absolute; top:6px; right:0; cursor:pointer; z-index:25;}
	.mainBottomSlider .simply-scroll-container {position:relative; z-index:22;}
	.mainBottomSlider .simply-scroll .simply-scroll-clip {width:100%; height:54px; position:relative; overflow:hidden;}
	.mainBottomSlider .simply-scroll .simply-scroll-list {padding-right:55px;}
	.mainBottomSlider .simply-scroll .simply-scroll-list li {float:left; height:54px; line-height:54px;}
	.mainBottomSlider .simply-scroll .simply-scroll-list li+li {margin-left:55px;}
	.mainBottomSlider .simply-scroll .simply-scroll-list li img {vertical-align:top;}
	
#footer {background:#696969; padding:25px 0;}
#footer p {width:1200px; margin:0 auto; text-align:center; color:#fff; font-family:"Dotum"; font-size:12px; line-height:18px;}
#footer p span{display:inline-block; line-height:18px; vertical-align:top; font-family:"Dotum";}
#footer p span.lk1 {margin-left:30px;}
#footer p span a {font-size:12px; font-family:"Dotum"; color:#fff; display:inline-block; vertical-align:top; line-height:18px;}
#footer p span.lk2 {margin-left:10px; padding-left:10px; background:url(/Images/bg_line.gif) 0 no-repeat;}

/* 시스템 체크 */
#wrapper.systemCheck {background:#f8f8f8; position:relative; width:100%;}
#wrapper.systemCheck .sstMsg {position:absolute; top:50%; margin-top:-275px; left:50%; margin-left:-331px;}
#wrapper.systemCheck .sstMsg a.btnRed {position:absolute; bottom:55px; left:50%; margin-left:-85px;}


/* sub common layout */
.subCateVisual {height:168px; padding-top:92px;}
.subCateVisual.cate1 {background:url(/Images/sub_visual1.jpg) center no-repeat;} /* 회사소개 */
.subCateVisual.cate2 {background:url(/Images/sub_visual2.jpg) center no-repeat;} /* 채용안내 */
.subCateVisual.cate3 {background:url(/Images/sub_visual3.jpg) center no-repeat;} /* 지원 및 문의 */

.subCateVisual .ment {width:1175px; margin:0 auto; background:url(/Images/bg_h2.gif) 2px no-repeat; padding-left:25px;}
.subCateVisual .ment h2 {font-size:40px; font-weight:bold; color:#fff; letter-spacing:-0.5px;}
.subCateVisual .ment p {font-size:18px; color:#fff; margin-top:15px; line-height:20px;}

.subContainer {width:1200px; margin:0 auto; padding-top:30px; padding-bottom:60px;}
.subContainer .pageNavi {text-align:right; margin-bottom:20px;}
.subContainer .pageNavi span {font-size:14px; color:#999999; line-height:14px; display:inline-block;}
.subContainer .pageNavi span.home {padding-left:22px; background:url(/Images/bg_home.gif) 0 no-repeat;}
.subContainer .pageNavi span+span {margin-left:7px; padding-left:10px; background:url(/Images/bg_arr.gif) 0 no-repeat;}

.subContainer h3 {text-align:center; padding-bottom:25px; background:url(/images/bg_bar.gif) center bottom no-repeat; font-size:38px; font-weight:normal; color:#000; letter-spacing:-1px; margin-bottom:70px;}


/* common */
p.p1 {font-size:20px; color:#666; line-height:35px; word-break:keep-all;}
p.p2 {font-size:13px; color:#666; line-height:26px;}
p.p3 {font-size:11px; color:#666; line-height:15px;}

.imgBox>img {max-width:100%; height:auto; vertical-align:top;}

ul.ulList1>li {padding-left:10px; background:url(/Images/bg_bar2.gif) 0 12px no-repeat; line-height:24px; font-size:15px; color:#fff; word-break:keep-all;}
ul.ulList1>li+li {margin-top:10px;}

.grayBox {border:1px solid #d2d2d2; background:#f3f3f3; width:608px; padding:45px 0;}
.grayBox.type2 {width:auto; padding:0;}
.grayBox2 {background:#f4f4f4; padding:20px 30px;}

i.essen {color:#90051e; font-size:13px; padding:0 2px; display:inline-block; font-style:normal;}

.whiteBox {border:1px solid #d8d8d8; background:#fff;}

a.btnRed, input.btnRed {display:inline-block; background:#90051e; color:#fff; text-align:center; font-size:16px; font-weight:bold; border:none;}
a.btnGray, input.btnGray {display:inline-block; background:#b2b2b2; color:#fff; text-align:center; font-size:16px; font-weight:bold; border:none;}
a.btnGray2, input.btnGray2 {display:inline-block; background:#acacac; color:#fff; text-align:center; font-size:14px; font-weight:normal; border:none;}
a.btnBk, input.btnBk {display:inline-block; background:#333; color:#fff; text-align:center; font-size:15px; font-weight:bold; border:none;}
a.btnBk.type2, input.btnBk.type2 {font-size:12px; background:#000;}

.colTbl {width:100%; table-layout:fixed; border-top:3px solid #90051e;}
.colTbl thead th {border-bottom:1px solid #cdcdcd; height:51px; line-height:51px; font-size:15px; color:#333; text-align:center; font-weight:bold;}
.colTbl tbody tr td {text-align:center; font-size:14px; color:#666; line-height:20px; padding:5px; height:40px; border-bottom:1px solid #cdcdcd;}
.colTbl tbody tr td .btnRed {font-size:14px; width:80px; height:26px; line-height:26px;}
.colTbl tbody tr td.title {text-align:left;}
.colTbl tbody tr td.title>div {position:relative; padding-left:50px;}
.colTbl tbody tr td.title span.dday {display:block; font-size:13px; color:#fff; text-align:center; width:40px; line-height:20px; height:20px; background:#bcbcbc; border-radius:3px; position:absolute; left:0; top:50%; margin-top:-10px;}
.colTbl tbody tr td.title a {display:inline-block; width:auto; max-width:100%; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:break-word;}
.colTbl tbody tr td p.infoP {font-size:13px; color:#666; line-height:18px;}

.colTbl.type2 thead th {height:40px; line-height:40px; color:#666; font-weight:normal;}
.colTbl.type2 tbody td {text-align:left;}

.colTbl.type3 thead th {height:30px; line-height:30px; background:#fff; font-size:13px;}
.colTbl.type3 tbody td {height:30px; line-height:30px; background:#fff; padding:0; font-size:12px;}

.rowTbl {width:100%; table-layout:fixed;}
.rowTbl tbody tr th {text-align:left; font-size:15px; color:#333; line-height:35px; padding:8px 0; vertical-align:top; }
.rowTbl tbody tr td {font-size:15px; color:#666; text-align:left; line-height:35px; vertical-align:middle; padding:8px 0;}

.rowTbl.type2 tbody tr td input[type=text] {border:1px solid #ddd; background:#fff; line-height:33px; height:33px; padding:0 10px; color:#666; font-size:15px; vertical-align:top; width:538px;}

.tblCommon tbody tr td input[type=text] {border:1px solid #ddd; background:#fff; line-height:33px; height:33px; padding:0 10px; color:#666; font-size:15px; vertical-align:top;}
.tblCommon tbody tr td input[type=radio] {vertical-align:middle;}
.tblCommon tbody tr td label {font-size:15px; color:#666;}
.tblCommon tbody tr td>ul {height:35px;}
.tblCommon tbody tr td>ul>li {float:left; line-height:35px; font-size:15px; color:#666;}
.tblCommon tbody tr td>ul>li input {vertical-align:middle;}
.tblCommon tbody tr td>ul>li input[type=button] {vertical-align:top;}
.tblCommon tbody tr td>ul>li+li {margin-left:15px;}
.tblCommon tbody tr td>ul.type2>li+li {margin-left:5px;}
.tblCommon tbody tr td>ul.type3>li+li {margin-left:30px;}
.tblCommon tbody tr td>ul.type4 {height:25px;}
.tblCommon tbody tr td>ul.type4>li {line-height:25px;}
.tblCommon tbody tr td p input {vertical-align:top;}
.tblCommon tbody tr td .sz1 {width:150px;}
.tblCommon tbody tr td .sz2 {width:70px;}
.tblCommon tbody tr td .selectW.sz2 {width:92px;}
.tblCommon tbody tr td .sz3 {width:90px;}
.tblCommon tbody tr td .selectW.sz3 {width:112px;}
.tblCommon tbody tr td .sz4 {width:230px;}
.tblCommon tbody tr td .selectW.sz5 {width:172px;}
.tblCommon tbody tr td .selectW.sz6 {width:142px;}
.tblCommon tbody tr td p.infoP {font-size:13px; color:#666; line-height:18px;}
.tblCommon tbody tr td a.imgBtn {vertical-align:middle; height:35px; display:inline-block;}
.tblCommon tbody tr td.pxbTd {padding:0 27px 0 5px;}
.tblCommon tbody tr td.pxbTd>input[type=text] {width:100%;}

.calSelect {height:35px;}
.calSelect a.btnCal {display:inline-block; padding:7px 2px; height:21px; margin-left:5px;}

.textareaDiv {margin-right:22px;}
.textareaDiv textarea {border:1px solid #ddd; background:#fff; width:100%; padding:10px; height:100px; font-size:13px; line-height:20px; color:#666;}
.textareaDiv.type2 textarea {font-size:15px; line-height:23px;}

.paging {display:block; text-align:center; margin-top:25px; line-height:15px; height:15px;}
.paging>a {display:inline-block; height:11px; padding:2px 0; vertical-align:top;}
.paging>a+a {margin-left:7px;}
.paging>span.page {margin:0 30px; line-height:15px; vertical-align:top;}
.paging>span.page a {font-size:13px; color:#666; line-height:15px; vertical-align:top;}
.paging>span.page a+a {margin-left:10px;}
.paging>span.page a+span {margin-left:10px;}
.paging>span.page span+a {margin-left:10px;}
.paging>span.page span.now {cursor:default; font-weight:bold; font-size:13px; color:#666; line-height:15px; vertical-align:top;}

/* size */
.w170h48 {width:170px; height:48px; line-height:48px;}
.w95h27 {width:95px; height:27px; line-height:27px;}
.p15h35 {padding:0 15px; height:35px; line-height:35px;}
.h220 {height:220px !important;}
.w220 {width:220px !important;}

/* file upload css */
.fileUpBox {position:relative; width:100%; height:35px; overflow:hidden;}
.fileUpBox input[type=file] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;}
.fileUpBox label {display:block; padding:0; position:absolute; top:0; left:0; padding-left:415px; height:35px; cursor:pointer;}
.fileUpBox label span {display:block; width:145px; height:35px; line-height:35px; font-size:16px; color:#666; text-align:center; background:#bebebe;}
.fileUpBox .uploadName {border:1px solid #ddd; background:#fff; font-size:15px; height:33px; line-height:33px; padding:0 10px; margin:0; width:393px; vertical-align:top;}

/* extra */
#contents.company3 {background:url(/Images/bg_comp3_bottom.gif) center bottom no-repeat;}




@media screen and (max-width:1200px) {
	/* main common */
	#header {width:100%; max-width:940px;}
	#gnb {margin-left:0; position:absolute; top:0; right:10px;}
	
	.mainVisual span.ment {margin-left:0; left:10px;}
	
	.mainCont {width:auto; min-width:335px;}
	.mainCont .boxLeft {padding:26px 15px 18px;}
	.mainCont .boxLeft .title>a {right:0;}
	
	.mainBottomSlider {width:100%;}
	
	#footer p {width:100%;}
	
	
	/* sub common */
	.subCateVisual .ment {width:auto; padding-left:30px; background-position:7px;}
	
	.subContainer {width:100%;}
	.subContainer .pageNavi {padding-right:10px;}
}