/************************************************************
*
* 공통 CSS
*
************************************************************/
* {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.5; 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 기본 스타일 초기화 */
/* 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:1200px; margin: auto;}
/**** 공통 CSS END ****/


/************************************************************
*
* header CSS
*
************************************************************/
.header {position: fixed; width:100%; height: 100px; background-color:rgba(255,255,255,1);  border-bottom: solid 1px #d9d9d9; min-width:1600px; z-index:999;}
.header .headerInner {}

.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;}
.header .headerInner .hd_bot img.logo {position: absolute; top: -15px;}
.header .headerInner .hd_bot ul {float:right; overflow: hidden;}
.header .headerInner .hd_bot ul li {float:left; padding-top: 14px; margin-left:100px;}
.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: #0f803e;}
.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:#0f803e;}
/**** header END ****/



.footer {width: 100%; background-color:#343434;}
.footer .inner {position: relative; padding: 45px 0 40px; padding-left: 0px;}
.footer .inner .botm_mu {padding: 0px;}
.footer .inner .botm_mu ul{overflow: hidden;}
.footer .inner .botm_mu ul li{float:left; font-size:16px; color:#fff;  font-weight:500;  text-align: left; padding: 0px 36px 15px 0px;}
.footer .inner .botm_mu ul li a {font-size:16px; color:#fff;  font-weight:500;}
.footer .inner .f_logo {position: absolute; top: 50%; transform: translateY(-50%); left: 0; font-size: 0;}
.footer .inner .addr {width: 954px; color: #cecece;}
.footer .inner .addr p{position: relative; display: inline-block; font-size: 15px; color: #e8e8e8; font-weight: 500; letter-spacing: -0.025em; padding-bottom:16px;}
.footer .inner .addr span {position: relative; display: inline-block; font-size: 14px; color: #cecece; font-weight: 400; letter-spacing: -0.025em;}
.footer .inner .addr span + span {padding-left: 12px; margin-left: 12px;}
.footer .inner .addr span + span:before {position: absolute; top: 50%; transform: translateY(-50%); left: 0; content: ''; width: 1px; height: 16px; background-color: #cecece;}
.iso_banner {position: absolute;right: 46px;top: 50px;}
.footer .inner p.copyright {font-size: 14px; color: #999; font-weight: 400; letter-spacing: -0.025em; margin-top: 8px;}

.footer .inner .topBtn {position: absolute; top: 50%; transform: translateY(-50%); right: -37px; margin-top: -15px; content: ''; width: 36px; height: 36px; border: 2px solid #fff; -ms-border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: url('../img/common/topBtn_on.png') center no-repeat; cursor: pointer;}
.footer .inner .topBtn:hover {background: #343434 url('../img/common/topBtn_on.png') center no-repeat; transition: 0.2s all;}


.sub_visual_about {position:relative;  overflow: hidden;  width:100%; height:240px; background: url('../img/company/sub_visual_1.jpg') top -48px center no-repeat; z-index:1; border-bottom: solid 1px #d9d9d9;}
.sub_visual_about span {width:100%; position:absolute; top: 67%; transform: translate(-50%); margin-top: -30px; right:-19.1%; text-align: right; font-size:20px!important; font-family: 'Roboto', serif!important; color:#000; font-weight:400;}
.sub_visual_about span font {font-size:20px; font-family: 'Roboto', serif!important; color:#e77025;}
.sub_visual_about p {width:100%; position:absolute; top: 51%; transform: translate(-50%); margin-top: 25px; right:-21.3%; text-align: right; font-size:24px; color:#000; font-weight:500; letter-spacing:-0.05em; line-height:54px;}
.sub_visual_about p font {font-size:24px!important; color:#0f823f;}

.sub_visual_client {position:relative;  overflow: hidden;  width:100%; height:240px; background: url('../img/client/sub_visual.jpg') top center no-repeat; z-index:1; border-bottom: solid 1px #d9d9d9;}
.sub_visual_client span {width:100%; position:absolute; top: 67%; transform: translate(-50%); margin-top: -30px; right:-18.5%; text-align: right; font-size:25px; font-family: 'Roboto', serif; color:#000; font-weight:400;}
.sub_visual_client p {width:100%; position:absolute; top: 51%; transform: translate(-50%); margin-top: 25px; right:-21.3%; text-align: right; font-size:48px; color:#000; font-weight:500; letter-spacing:-0.05em; line-height:54px;}

.sub_visual_candidate {position:relative;  overflow: hidden;  width:100%; height:240px; background: url('../img/candidate/sub_visual.jpg') top center no-repeat; z-index:1; border-bottom: solid 1px #d9d9d9;}
.sub_visual_candidate span {width:100%; position:absolute; top: 67%; transform: translate(-50%); margin-top: -30px; right:-18.5%; text-align: right; font-size:25px; font-family: 'Roboto', serif; color:#000; font-weight:400;}
.sub_visual_candidate p {width:100%; position:absolute; top: 51%; transform: translate(-50%); margin-top: 25px; right:-21.3%; text-align: right; font-size:48px; color:#000; font-weight:500; letter-spacing:-0.05em; line-height:54px;}


.sub_visual_contactus {position:relative;  overflow: hidden;  width:100%; height:240px; background: url('../img/contactus/sub_visual.jpg') top center no-repeat; z-index:1; border-bottom: solid 1px #d9d9d9;}
.sub_visual_contactus span {width:100%; position:absolute; top: 67%; transform: translate(-50%); margin-top: -30px; right:-18.5%; text-align: right; font-size:25px; font-family: 'Roboto', serif; color:#000; font-weight:400;}
.sub_visual_contactus p {width:100%; position:absolute; top: 51%; transform: translate(-50%); margin-top: 25px; right:-21.3%; text-align: right; font-size:48px; color:#000; font-weight:500; letter-spacing:-0.05em; line-height:54px;}



.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:#0f803e;}
.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;}

p.subTitle {position: relative; font-size:32px; color:#333; font-weight:400; letter-spacing:-0.05em; line-height:40px; padding: 38px 0 9px; text-align: center;}
p.subTitle::before {position: absolute; top: 52%; left: 50%; transform: translate(-50%, -50%); margin-top: -12px; content: ''; width: 80px; height: 4px; background-color: #0f803e;}

.service_visual {position:relative; z-index:1; width:100%; height:250px; background:url("../img/service/sub_visual.jpg") center top;}
.service_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;}
.service_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%;}

.position_visual {position:relative; z-index:1; width:100%; height:250px; background:url("../img/position/sub_visual.jpg") center top;}
.position_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;}
.position_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%;}

.contactus_visual {position:relative; z-index:1; width:100%; height:250px; background:url("../img/contactus/sub_visual.jpg") center top;}
.contactus_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;}
.contactus_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%;}


/*** 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;}