@charset "UTF-8";


/* 채용메인 */
#gatepage { min-width: 1200px; min-height: 800px; width: 100%; height: 100%; position: relative; }

#gatepage h1 { position: absolute; top: 30px; left: 30px; width: 101px; height: 68px; background: url("../../img/logo.png") no-repeat 0 0; overflow: hidden; text-indent: -9999em; }

#gatepage ul { height: 100%; width: 100%; display: table; }
#gatepage ul li { width: 50%; height: 100%; display: table-cell; vertical-align: middle; color: #fff; text-align: center; }
#gatepage ul li:first-child { background: #e50059 url("../../img/gate01.jpg") no-repeat center 50%; background-size: cover; }
#gatepage ul li:last-child { background: #0050a4 url("../../img/gate02.jpg") no-repeat center 50%; background-size: cover; }

#gatepage ul li h2 { font-size: 100px; font-family: helveticalTh, NanumGothic; line-height: 1.2; padding: 30px 0 70px 0; }
#gatepage ul li a { font-family: notosansRegular, NanumGothic; font-size: 24px; border-bottom: #fff 1px solid; color: #fff; background: url("../../img/bullet2.png") no-repeat right 50%; padding-right: 15px; }



/* 채용상세 */
body {}
#log{ position:fixed; bottom: 0; right: 0; width:100px; height:50px; background-color:rgba(0,0,0,0.7); color:white; text-align:center; line-height:50px; }


#visual { width: 100%; height: 680px; color: #fff;  background-color: #e50059; }


#visual a { color: #fff; }
#visual .visual { width: 1200px; margin: 0 auto; position: relative; height: 650px; overflow: hidden; background: #e50059 url("../../img/visual01.jpg") no-repeat center bottom; padding-top: 30px; }
#visual .visual h1 { position: absolute; top: 37px; left: 9px; width: 101px; height: 68px; background: url("../../img/logo.png") no-repeat 0 0; overflow: hidden; text-indent: -9999em; }
#visual .visual ul { position: absolute; top: 63px; right: 0; }
#visual .visual ul li { display: inline-block; padding: 0 10px;  }
#visual .visual ul li a { color: #f5b8c7; padding: 0 2px; font-family: helveticalRoman, NanumGothic; font-size: 16px;}
#visual .visual ul li.on a { color: #fff; border-bottom: #fff 1px solid; }

#visual .visual .text1 { text-align: center; padding-top: 235px; }
#visual .visual .text1 dt { font-size: 90px; font-family: notosansThin, NanumGothic; padding-bottom: 40px;  }
#visual .visual .text1 dd { }
#visual .visual .text1 dd.tit1 { display: block; font-size: 24px; padding-bottom: 15px; }
#visual .visual .text1 dd.tit2 { display: none; font-size: 24px; padding-bottom: 15px; }
#visual .visual .text1 dd.date { font-size: 18px; opacity: .6; }
#visual .visual .text1 dd.date span { font-family: helveticalRoman, NanumGothic;  }


#navi { position: fixed; top: 680px; left: 0; opacity: 0;  width: 100%; background-color: #ffc600; height: 80px; line-height: 80px; }
#navi .navi { width: 1200px; height: 80px; margin: 0 auto; position: relative;  }

#navi .navi h1 { width: 264px; height: 80px; background: url("../../img/logo2.png") no-repeat 0 27px; overflow: hidden; text-indent: -9999em;  }
#navi .navi ul { position: absolute; top: 0; right: 0; }
#navi .navi ul li { display: inline-block; padding: 0 10px;  }
#navi .navi ul li a { color: #7f6819; padding: 0 2px; font-family: helveticalRoman, NanumGothic; font-size: 16px;}
#navi .navi ul li.on a { color: #2a2a2a; border-bottom: #2a2a2a 1px solid; }



body#fixed #navi { position: fixed; top: 0; left: 0; opacity: 1;  z-index: 10000;}







#container { }
#container .contents { clear: both; border-bottom: #e5edf6 1px solid; padding: 50px 0 90px 0; }

.eFont { font-family: helveticalLt, NanumGothic; }

#container .contents .box1 { width: 1200px; margin: 0 auto; padding-top: 110px;   background: url("../../img/bg.png") no-repeat center 15px;  }
#container .contents .box1 h2 { text-align: center; color: #666666; font-family: helveticalHv, NanumGothic; font-size: 2.5em; padding-bottom: 15px; line-height: 1.2; }
#container .contents .box1 p.cp { text-align: center; color: #999999; font-family: helveticalLt, NanumGothic; font-size: 1.5em; padding-bottom: 30px; }
#container .contents .box1 div.bg { text-align: center; color: #fff; font-size: 3em; background: url("../../img/box1_bg.jpg") no-repeat 0 0; width: 1200px; height: 320px; display: table-cell; vertical-align: middle; padding-bottom: 60px; }
#container .contents .box1 p.txt { text-align: center; color: #666666;  font-size: 1.2em;  }



#container .contents .box2 { width: 1200px; margin: 0 auto; text-align: center; }
#container .contents .box2 h2 { color: #e50059; font-size: 2.8em; padding-bottom: 40px;  }
#container .contents .box2 h2.tit1 { display: block; }
#container .contents .box2 h2.tit2 { display: none; }
#container .contents .box2 ul.text li  { font-size: 1.4em; line-height: 1.8; }
#container .contents .box2 dl { padding: 70px 0; } 
#container .contents .box2 dt { font-size: 1.4em; line-height: 1.8; }
#container .contents .box2 ul.date li  { font-size: 1.4em; line-height: 1.8; font-family: notosansRegular, NanumGothic;  }
#container .contents .box2 ul.date li span { font-family: helveticalLt, NanumGothic; font-weight: normal;  }

#container .contents .box2 dd.step { background: url("../../img/step1.png") no-repeat center 0; height: 180px; text-indent: -9999em; margin-top: 20px; }


#container .contents .box3 { width: 1200px; margin: 0 auto; text-align: center; overflow:hidden;  }
#container .contents .box3 h2 { color: #e50059; font-size: 2.8em; padding-bottom: 20px;  }
#container .contents .box3 > p { color: #999999; font-size: 1.2em;  }
#container .contents .box3 ul { text-align: left; padding-top: 70px;  }
#container .contents .box3 ul li { width: 205px; height: 205px; padding: 40px; background-color: #d75387; color: #fff; float: left; margin: 0 20px 20px 0;; }
#container .contents .box3 ul li:nth-child(4), 
#container .contents .box3 ul li:nth-child(8) { margin-right: 0; }
#container .contents .box3 ul li p { height: 140px; font-size: 1.9em; font-family: notosansMedium, NanumGothic; }
#container .contents .box3 ul li div { font-size: 1.3em; }



#container .contents .box4 { width: 1200px; margin: 0 auto; text-align: center; overflow:hidden;  }
#container .contents .box4 h2 { color: #e50059; font-size: 2.8em; padding-bottom: 20px;  }
#container .contents .box4 > p { color: #999999; font-size: 1.2em; }


#container .contents .box4 .inputBox {width: 960px; margin: 0 auto; font-size: 15px;  text-align: left; font-family: notosansRegular, NanumGothic;  }
#container .contents .box4 .inputBox dt { font-size: 17px; padding: 40px 0 15px 0;  }
#container .contents .box4 .inputBox dt strong { font-size: 14px; padding-left: 12px; }
#container .contents .box4 .inputBox dt strong span { coloR: #f00b0b; }


#container .contents .box4 .inputBox table { width: 100%; border-top: #a8a8a8 1px solid; border-bottom: #a8a8a8 1px solid; }
#container .contents .box4 .inputBox table th { border-bottom: #ededed 1px solid; padding: 15px 30px; width: 160px; vertical-align: top; }
#container .contents .box4 .inputBox table th span { color: #f00b0b; }
#container .contents .box4 .inputBox table td { border-bottom: #ededed 1px solid; padding: 15px 0; }
#container .contents .box4 .inputBox table td input[type="text"] { height: 38px; line-height: 38px; padding: 0 10px; border: #d5d5d5 1px solid; }
#container .contents .box4 .inputBox table td ul { padding-top: 10px;  }
#container .contents .box4 .inputBox table td li { color: #999999; font-size: 13px;  }

#container .contents .box4 .inputBox table tr:last-child th,
#container .contents .box4 .inputBox table tr:last-child td { border-bottom: #a8a8a8 1px solid; }

#container .contents .box4 .inputBox table td input.name { width: 230px; }
#container .contents .box4 .inputBox table td input.email { width: 460px; }

/* 파일선택 */
#container .contents .box4 .inputBox table td .file_input_textbox { color: #5c5c5c; font-size: .9em; border: none; background: none; font-family: Noto-Regular; width: 460px; font-family: notosansLight, NanumGothic; }
#container .contents .box4 .inputBox table td .file_input_div { position: relative; width: 81px; height: 40px; overflow: hidden; display: inline-block; vertical-align: middle; cursor: pointer; }
#container .contents .box4 .inputBox table td .file_input_button { width: 81px; height: 40px; line-height: 40px; background-color: #6a6a6a; color: #fff; border: none;  font-family: notosansRegular, NanumGothic; font-size: 14px; cursor: pointer; }
#container .contents .box4 .inputBox table td .file_input_hidden { width: 81px; height: 40px; font-size: 34px; position: absolute; right: 0; top: 0; opacity: 0; filter:alpha(opacity=0); cursor: pointer; }

/* 입사지원서 다운로드 */
#container .contents .box4 .inputBox table td a.down { display: inline-block; height: 40px; line-height: 40px; color: #fff; background-color: #e50059; padding: 0 15px; font-family: notosansRegular, NanumGothic; vertical-align: middle; font-size: 14px; }


#container .contents .box4 .inputBox .agree .scrollBox { border: #dfdfdf 1px solid; background-color: #fbfbfb; color: #666666; padding: 30px; height: 100px; overflow-y: scroll; font-family: notosansLight, NanumGothic; margin-bottom: 25px;  }
#container .contents .box4 .inputBox .agree p { font-size: 15px; padding-bottom: 10px; position: relative; }
#container .contents .box4 .inputBox .agree p input { margin-right: 15px; visibility: hidden; }
#container .contents .box4 .inputBox .agree p strong { display: inline-block; width: 20px; height: 20px; cursor: pointer; vertical-align: middle; background: url("../../img/checkbox.png") no-repeat 0 0; position: absolute; top: 2px; left: 0; }
#container .contents .box4 .inputBox .agree p input[type=checkbox]:checked + strong { background-position: 0 -20px; }
#container .contents .box4 .inputBox .agree p.agree1 { color: #666666;  }
#container .contents .box4 .inputBox .agree p.agree1 span { color: #999999; font-size: 13px; }
#container .contents .box4 .inputBox .agree p.agree2 { color: #999999; }
#container .contents .box4 .inputBox .btn { text-align: center; margin-top: 30px; }
#container .contents .box4 .inputBox .btn input { display: inline-block; width: 260px; height: 68px; color: #fff; background-color: #e50059; border: none; font-size: 21px; font-family: notosansRegular, NanumGothic; }




#footer { width: 1200px; margin: 0 auto; text-align: center; }
#footer .footer { padding: 20px 0 50px 0; }
#footer .footer li { display: inline-block; padding: 10px 7px 10px 3px; background: url("../../img/bullet1.png") no-repeat right 50%; }
#footer .footer li:last-child { background: none; padding: 10px 3px; }
#footer .footer li a { display: block; padding: 10px; color: #666666; font-family: helveticalMd, NanumGothic; font-size: 14px; }

#footer .footer p { font-family: notosansRegular, NanumGothic; font-size: 14px; color: #666666; }

#footer .footer p span { color: #999999; font-size: 15px; font-family: helveticalLt, NanumGothic; padding-right: 10px; }
#footer .footer p mark { text-decoration: underline; }








body.blueVer { }
body.blueVer #visual { background-color: #0050a4 }
body.blueVer #visual .visual { background: #0050a4 url("../../img/visual02.jpg") no-repeat center bottom; }
body.blueVer #visual .visual ul li a { color: #b8c5dd; }
body.blueVer #visual .visual ul li.on a { color: #fff; }

body.blueVer #visual .visual .text1 dd.tit1 { display: none; }
body.blueVer #visual .visual .text1 dd.tit2 { display: block; }
body.blueVer #visual .visual .text1 dd.date { font-size: 18px; opacity: .6; }

body.blueVer #container .contents .box2 h2 { color: #0050a4; }
body.blueVer #container .contents .box2 h2.tit1 { display: none; }
body.blueVer #container .contents .box2 h2.tit2 { display: block; }
body.blueVer #container .contents .box2 dd.step { background: url("../../img/step2.png") no-repeat center 0; }

body.blueVer #container .contents .box3 h2 { color: #0050a4; }
body.blueVer #container .contents .box3 ul li { background-color: #4b5da1; }

body.blueVer #container .contents .box4 h2 { color: #0050a4; }

body.blueVer #container .contents .box4 .inputBox .btn input { background-color: #0050a4; }