* {margin:0; padding:0; border:0; font-size:16px; color:#333; box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif;     line-height: 1.4; letter-spacing: -0.045em; word-break: keep-all;}
address, caption, cite, code, dfn, em, strong, th, var {font-style :normal; font-weight:normal}
table {border-collapse:collapse;}
a { text-decoration:none;}
img {vertical-align:middle; border:0;}
ul, li, ol { list-style:none;}
html,body { width:100%; height:100%; min-width:1600px;}
/* input 기본 스타일 초기화 */
input { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; box-sizing:border-box; border-radius:0; box-shadow:none;}
/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear { display: none; }
input::placeholder {color:#999; font-size:14px;}
/* input type number 에서 화살표 제거 */
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select {  border-radius:0; box-shadow:none;}
input:focus {outline:none;}
select:focus {outline:none;}
textarea:focus {outline:none; border-radius:0; box-shadow: 0;}
select::-ms-expand {display:none}
.wrap {width:100%; position: relative; background-color:#fff; }
.inner {width:1180px; margin: auto;}
/**** 공통 CSS END ****/


/************************************************************
*
* header CSS
*
************************************************************/
.header {width:100%; position: relative; z-index:999; min-width:1600px; transition: 0.3s;}

.header .headerInner .hd_top {height: 30px; overflow: hidden;}
.header .headerInner .hd_top ul {float: right; overflow: hidden;}
.header .headerInner .hd_top ul li {position: relative; float: left;}
.header .headerInner .hd_top ul li + li {padding-left: 18px; margin-left: 18px;}
.header .headerInner .hd_top ul li + li::before {position: absolute; top: 50%; transform: translateY(-50%); left: 0; content: ''; width: 1px; height: 12px; background-color: #e4e4e4;}
.header .headerInner .hd_top ul li div {font-size: 13px; color: #777; font-weight: 400; letter-spacing: -0.025em; line-height: 29px;}
.header .headerInner .hd_top ul li div.lang {padding-right: 15px; background: url('../img/common/hd_arrow.png') center right no-repeat; background-size: 6px auto;}

.header .headerInner .hd_bot {position: relative; overflow: hidden;}
.header .headerInner .hd_bot img.logo {position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.header .headerInner .hd_bot ul {float:right; overflow: hidden;}
.header .headerInner .hd_bot ul li {float:left; margin-left:52px; line-height: 80px;}
.header .headerInner .hd_bot ul li a {font-size: 20px; color:#333; font-weight:500; letter-spacing:-0.025em; line-height:1.5; transition:all 0.2s;}
.header .headerInner .hd_bot ul li a:hover {color: #005b38;}
.header.on .headerInner p {color:#222;}
.header.on .headerInner .hd_bot ul li a {color:#222;}
.header.on .headerInner .hd_bot ul li a:hover {color:#5492F9; opacity:1;}
/**** header END ****/



.footer {width: 100%; background-color: #203229;}
.footer .inner {position: relative; padding: 45px 0 20px;}
.footer .inner .addr {width: 100%; color: #ffffff;     line-height: 27px;}
.footer .inner .addr span {position: relative; display: inline-block; font-size: 16px; color: #cecece; font-weight: 400; letter-spacing: -0.025em; margin-right: 14px;}
.footer .inner .addr p {position: relative; display: inline-block; font-size: 16px; color: #fff!important; font-weight: 400; letter-spacing: -0.025em; margin-right: 21px;}
.footer .inner p.copyright {font-size: 16px; color: #ffffff; font-weight: 400; letter-spacing: -0.025em; margin-top: 28px;}

.footer .inner .topBtn {position: absolute; width: 50px; height: 50px;  right: -181px; top: -90px; background: url('../img/common/top_btn.png') center no-repeat; cursor: pointer;}

.footer .inner  .botmr_Txt {position: absolute; right: 0px; top: 52px;}
.footer .inner  p.botmr_mu {position: absolute; right: 0px; top: 63px; color:#fff; font-size: 18px;}
.footer .inner  p.botmr_mu2 {position: absolute; right: 0px; top: 98px; color:#fff; font-size: 18px;}
.footer .inner  p.botmr_mu a {color:#fff; font-size: 18px;}
.footer .inner  p.botmr_mu2 a {color:#fff; font-size: 18px;}

.section {width:100%;}


.sub_visual {width:100%; height:250px; position:relative; z-index:1; overflow: hidden;}
.sub_visual img {min-width:1920px; width:100%;}
.sub_visual span {position:absolute; top: 50%; transform: translateY(-50%); margin-top: -30px; left:0; text-align: center; font-size:25px; color:#fff; font-weight:400; letter-spacing:-0.05em; width:100%; opacity: 0.5;}
.sub_visual p {position:absolute; top: 50%; transform: translateY(-50%); margin-top: 25px; left:0; text-align: center; font-size:60px; color:#fff; font-weight:400; letter-spacing:-0.05em; line-height:54px; width:100%;}

.section {width:100%; }

.nav {width:100%; border-bottom:1px solid #e0e0e0; position:relative; z-index:99;}
.nav .navInner {height:50px;}
.nav .navInner .home {width:55px; height:50px; float:left; background-image:url("../img/common/home.png"); background-repeat: no-repeat; background-position:center; background-color:#fff; border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0; transition:all 0.2s;}
/*.nav .navInner .home:hover {background-color:#4478cf;}*/
.nav .navInner .depth {width:210px; float:left; position:relative;}
.nav .navInner .depth::after {content:""; width:1px; height:100%; background-color:#e0e0e0; position:absolute; top:0; right:0; z-index:3;}
.nav .navInner .depth .depthTitle {width:100%; height:50px; padding:0px 20px; position:relative; cursor: pointer; z-index:2; background-color:#fff;}
.nav .navInner .depth .depthTitle p {font-size:16px; color:#555; font-weight:400; letter-spacing:-0.025em; line-height:50px; transition:all 0.3s;}
.nav .navInner .depth .depthTitle:hover p {color:#005b38;}
.nav .navInner .depth .depthTitle div { background-image:url("../img/common/navArrow.png"); width:13px; height:9px; position:absolute; top:50%; right:20px; margin-top:-5px; transition:all 0.3s;}
.nav .navInner .depth .depthTitle:hover div {background-image:url("../img/common/navArrow_on.png");}
.nav .navInner .depth .depthTitle.on div {-ms-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); transform: rotate(-180deg);}

.nav .navInner .depth .depthTitleNone {width:100%; height:50px; padding:0px 20px; position:relative; z-index:2; background-color:#fff;}
.nav .navInner .depth .depthTitleNone p {font-size:16px; color:#555; font-weight:400; letter-spacing:-0.025em; line-height:50px; transition:all 0.3s;}

.nav .navInner .depth ul {width:calc(100% + 1px); left:-1px; position:absolute; top:51px; border:1px solid #e0e0e0; border-top:0; display:none; box-shadow:0px 2px 10px rgba(0,0,0,0.15); z-index:1; background-color:#fff;}
.nav .navInner .depth ul li {width:100%; border-bottom:1px solid #e0e0e0; transition:all 0.2s;}
.nav .navInner .depth ul li:hover {background-color:#f8f8f8;}
.nav .navInner .depth ul li:last-child {border-bottom:0;}
.nav .navInner .depth ul li div {width:100%; padding:14px 20px; font-size:14px; color:#777; background-image:url("../img/common/navArrow2.png"); background-position:right 20px center; background-repeat: no-repeat;}

.TitBox {position: relative;}
p.subTitle {position: relative; display: inline-block; font-size:40px; color:#333; font-weight:500; letter-spacing:-0.045em; line-height:40px; padding: 70px 0 35px; text-align: left;}
div.tit_midline {position: absolute; display: inline-block; background-color: #333; width: 80px; height: 1px; margin: 0px 44px; top: 92px;}
.TitBox span {position: absolute; display: inline-block; top: 81px; left: 431px; font-size: 17px;}
.TitBox span.com_span{position: absolute; display: inline-block; top: 81px; left: 431px; font-size: 17px;}

.seclect_pos {text-align: right; padding-bottom: 12px; border-bottom: solid 1px #e8e8e8; margin-bottom: 30px;}
.seclect_pos select {border: solid 1px #ccc;}

.about_visual {position:relative; z-index:1; width:100%; height:235px; background:url("../img/aboutus/sub_visual.jpg") center top;}
.about_visual span {position:absolute; top: 50%; transform: translateY(-50%); margin-top: 42px; left:0; text-align: center; font-size:20px; color:#fff; font-weight:500; letter-spacing:-0.05em; width:100%;}
.about_visual p {position:absolute; top: 58%; transform: translateY(-50%); margin-top: -21px; left:0; text-align: center; font-size:60px; color:#fff; font-weight:500; letter-spacing:-0.05em; line-height:54px; width:100%;}
.about_visual div{position: absolute; top: 50%; transform: translateY(-50%); margin-top: 117px; left: 0; width: 100%; text-align: center;}

.recruiting_visual {position:relative; z-index:1; width:100%; height:235px; background:url("../img/recruit/sub_visual.jpg") center top;}
.recruiting_visual span {position:absolute; top: 50%; transform: translateY(-50%); margin-top: 42px; left:0; text-align: center; font-size:20px; color:#fff; font-weight:500; letter-spacing:-0.05em; width:100%;}
.recruiting_visual p {position:absolute; top: 58%; transform: translateY(-50%); margin-top: -21px; left:0; text-align: center; font-size:60px; color:#fff; font-weight:500; letter-spacing:-0.05em; line-height:54px; width:100%;}
.recruiting_visual div{position: absolute; top: 50%; transform: translateY(-50%); margin-top: 117px; left: 0; width: 100%; text-align: center;}

.process_visual {position:relative; z-index:1; width:100%; height:235px; background:url("../img/process/sub_visual.jpg") center top;}
.process_visual span {position:absolute; top: 50%; transform: translateY(-50%); margin-top: 42px; left:0; text-align: center; font-size:20px; color:#fff; font-weight:500; letter-spacing:-0.05em; width:100%;}
.process_visual p {position:absolute; top: 58%; transform: translateY(-50%); margin-top: -21px; left:0; text-align: center; font-size:60px; color:#fff; font-weight:500; letter-spacing:-0.05em; line-height:54px; width:100%;}
.process_visual div{position: absolute; top: 50%; transform: translateY(-50%); margin-top: 117px; left: 0; width: 100%; text-align: center;}

.position_visual {position:relative; z-index:1; width:100%; height:235px; background:url("../img/position/sub_visual.jpg") center top;}
.position_visual span {position:absolute; top: 50%; transform: translateY(-50%); margin-top: 42px; left:0; text-align: center; font-size:25px; color:#fff; font-weight:500; letter-spacing:-0.05em; width:100%;}
.position_visual p {position:absolute; top: 58%; transform: translateY(-50%); margin-top: -21px; left:0; text-align: center; font-size:60px; color:#fff; font-weight:500; letter-spacing:-0.05em; line-height:54px; width:100%;}
.position_visual div{position: absolute; top: 50%; transform: translateY(-50%); margin-top: 117px; left: 0; width: 100%; text-align: center;}



/*** sns ***/
.sns_box {position:relative; width: 1152px; margin:0 auto;}
.sns {position: absolute; z-index: 900; top: 50px; right: -136px;}
.sns ul{overflow: hidden!important;}
.sns ul li{float: left; width: 35px!important; margin-right: 5px!important; margin-left: 0px!important; line-height: 35px!important;}
.sns ul li:last-child{float: left; width: 35px!important; margin-right: 0px!important; margin-left: 0px!important; line-height: 35px!important;}