@charset "utf-8";


/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form,
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea, button,
article, aside, canvas, details, embed, figure, figcaption, footer, header, menu,
nav, output, ruby, section, summary, time, mark, audio, video
{ margin:0;padding:0;border:0;}
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block;}
html {height:auto;-webkit-text-size-adjust: none;-moz-text-size-adjust: none;-ms-text-size-adjust: none; }
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content:none;}
table {border-collapse:collapse;border-spacing:0;}
a {text-decoration:none;color:inherit;}
a:hover {text-decoration:none;}
legend, caption, hr {display:none;}
em {font-style:normal;}
img {vertical-align:top;max-width: 100%;}
input {vertical-align:middle;}
p,h3,h2,h1{letter-spacing: normal;}
input,textarea,button,select{ font-family: 'Noto Sans KR', sans-serif; -webkit-appearance: none;border-radius: 0;border: 0;background:#fff; }
section{width:100%;}
body{ font-family: 'Noto Sans KR', sans-serif; width: 100%;height: 100%; color:#333333;margin: 0 auto;word-break:keep-all; letter-spacing:-0.05em;}
button{cursor: pointer}
button,select{font-family: 'Noto Sans KR', sans-serif; -webkit-appearance: none;border: 0;background: transparent;}
video{object-fit: cover;}
ol, ul,li { list-style: none; }
h1,h2,h3,h4,h5{font-weight: normal}
h2{font-family: 'Noto Sans KR', sans-serif; font-weight: normal;}

.wrap{width: auto;  margin: 0 5%;}
.clearfix:after{display:block;clear:both;content:".";visibility:hidden;height:0;}
.clearfix{display:block;}

.fclear{*zoom:1}
.fclear:after{display:block;content:"";clear:both;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-family: 'Noto Sans KR', sans-serif; color:#939393;
}
::-moz-placeholder { /* Firefox 19+ */
    font-family: 'Noto Sans KR', sans-serif; color:#939393;
}
:-ms-input-placeholder { /* IE 10+ */
    font-family: 'Noto Sans KR', sans-serif; color:#939393;
}
:-moz-placeholder { /* Firefox 18- */
    font-family: 'Noto Sans KR', sans-serif; color:#939393;
}

#skipTo {width: 100%; overflow: hidden; position: relative; z-index: 1000;}
#skipTo a {margin: 0px -1px -1px 0px; width: 1px; height: 1px; text-align: center; line-height: 0; overflow: hidden; font-size: 0px; display: block;}
#skipTo a:focus {background: rgb(32, 38, 44); margin: 0px; padding: 8px 0px 0px 15px; width: auto; height: 20px; color:#ffffff; line-height: 1; font-size: 12px; font-weight: 700;}
#skipTo a:hover {background: rgb(32, 38, 44); margin: 0px; padding: 8px 0px 0px 15px; width: auto; height: 20px; color:#ffffff; line-height: 1; font-size: 12px; font-weight: 700;}
#skipTo a:active {background: rgb(32, 38, 44); margin: 0px; padding: 8px 0px 0px 15px; width: auto; height: 20px; color:#ffffff; line-height: 1; font-size: 12px; font-weight: 700;}

#header{position: fixed;width:100%;height:50px;z-index:9999 ;top:0; left:0;}
/*#header.sub_on{-webkit-transform: translateY(-50px);}*/
#header .header_dimmed{display:none;width:100vw;height:100vh;position: fixed;background-color: rgba(0,0,0,0.4);z-index: 9999;}

/*body.gnbon{overflow: hidden;}*/
/*body.gnbon #contents{position: fixed;top:0;right:0;left:0;overflow: hidden;!*height: 100vh;*!z-index: 9}*/

.header_inner{display:block;position:absolute;width:100%;height:50px;border-bottom:1px solid rgba(255,255,255,0.3);box-sizing: border-box;z-index: 99999;background-color: #ffffff;}
body.gnbon #header .header_dimmed{display: block;}
body.gnbon .header_inner{border-bottom: 1px solid rgba(0,0,0,0.1);}
body.main.gnbon .header_inner{border-bottom: 1px solid rgba(255,255,255,0.3);}

.logo{position:absolute; left:12px; padding:14px 0;}

.logo a h1{display: inline-block;background: url('../images/m_logo.png') no-repeat top left;width:90px;height:21px;background-size: cover;overflow: hidden;color: transparent;white-space: nowrap;}
.logo a.white h1{background-position: 0 -33px;}
.confident_logo {position:absolute; top:0; right:55px; font-size:0px; background: url('../images/confident_logo.png'); background-size:cover; width:63px; height:32px; margin:9px 0;}

.menu_title{width: 100%;font-size: 14px;line-height:50px;text-align: center;}
.header_inner .btn_inquiry{position: absolute;top:0;right:57px;width: 62px;height:49px;}
.header_inner .btn_inquiry a span{display:block;width:60px;height:25px;color: #4f9f72;font-size: 10px;text-align: center;line-height: 26px; border:1px solid rgba(158,206,160,0.5);border-radius: 50px;white-space: nowrap;margin:11px auto 0;}
.header_inner .btn_inquiry a{width:100%;height:100%;}
.header_inner .btn_inquiry a.white span{background-position: 0 -27px;}
.btn_gnb{position: absolute;top:0;right:0;width: 50px;height:50px;}
.btn_gnb.on{background: url('../images/m_gnb_btn.png') no-repeat top left;width:27px;height:22px;background-size: cover;overflow: hidden;color: transparent;white-space: nowrap;margin:14px 11px;}
.btn_gnb a{width:100%;height:100%;}
.btn_gnb a span{display: block;background: url('../images/m_gnb_btn.png') no-repeat top left;width:27px;height:22px;background-size: cover;overflow: hidden;color: transparent;white-space: nowrap;margin:14px auto;}
.btn_gnb a.white span{background-position: 0 -27px;}

#gnb{display:none;position:absolute;right:0;height:100vh;width:250px;z-index: 9999;}
.navi{position:relative;right:0;height:100vh;width:100%;overflow:hidden;padding-top:49px;box-sizing: border-box;z-index: 99;}
.navi .nav_inner {
    position: relative;
    height: 100%;width:250px;
    background-color: #ffffff;
    overflow-y: scroll;
    /*overflow-scrolling: touch;*/
    /*-webkit-overflow-scrolling: touch;*/
}
/*.navi .nav_inner.touch{-webkit-overflow-scrolling: touch;}*/
.navi .nav_inner ul.depth1{padding-top:20px;box-sizing: border-box;position: relative;}
.navi .nav_inner ul.depth1 > li{position:relative;font-size: 16px;line-height: 50px;text-indent: 26px;background-color: #ffffff;}
.navi .nav_inner ul.depth1 > li > a{display: block;}
.navi .nav_inner ul.depth1 > li > a:after{content: '';position: absolute;right:36px;top:21px;width:14px;height:7px;background: url(../images/common/gnb_arrow.png) no-repeat center center;background-size: cover;
/*    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;*/
}
.navi .nav_inner ul.depth1 > li > a span.dot_line{position:relative;display:inline-block;width:0px; height: 2px;top:23px;vertical-align:top;border-radius: 10px;margin-right:13px;background: rgba(97,175,131,0.3);visibility: hidden;opacity: 0;}
.navi .nav_inner ul.depth1 > li > a span.dot_line:before{content: '';background: #61ae96;position: absolute;top:0;left:0;width: 2px;height: 2px;border-radius: 10px;}
.navi .nav_inner ul.depth1 > li > a span.dot_line:after{content: '';background: #61ae96;position: absolute;top:0;right:0;width: 2px;height: 2px;border-radius: 10px;}

.navi .nav_inner ul.depth1 > li > a.on{color:#68983d;}
.navi .nav_inner ul.depth1 > li > a.on:after{transform: rotate(180deg);}
.navi .nav_inner ul.depth1 > li > a.on span.dot_line{width:15px;visibility: visible;opacity: 1;/*will-change: transform;*/ float:right; margin-right:10%;}
/*.navi .nav_inner ul.depth1 > li:last-child{padding-bottom:20px;}*/

.navi .nav_inner ul.depth1 ul.depth2{background-color: #f7f7f7;box-sizing: border-box;overflow: hidden;max-height: 0;
    -webkit-transition: max-height 0.4s ease-out;
    -moz-transition: max-height 0.4s ease-out;
    -ms-transition: max-height 0.4s ease-out;
    transition: max-height 0.4s ease-out;
}
.navi .nav_inner ul.depth1 > li:last-child:after{content:'';display:block;height:20px;background-color: #ffffff;width: 100%;}
.navi .nav_inner ul.depth1 > li.on:last-child:after{content:'';display:block;height:20px;background-color: #f7f7f7;width: 100%;}

.navi .nav_inner ul.depth1 ul.depth2 li{font-size:14px;line-height: 35px;color:#666666;text-indent: 62px;}
.navi .nav_inner ul.depth1 ul.depth2 li:first-child{padding-top:11px;}
.navi .nav_inner ul.depth1 ul.depth2 li:last-child{padding-bottom:12px;}
.navi .nav_inner ul.depth1 ul.depth2.open{max-height: 200px;}
.navi .nav_inner ul.depth1 ul.depth2 li a{display: block;}
.navi .nav_inner ul.depth1 ul.depth2 li a.on{color:#4f9f72;}

.navi .nav_inner ul.other{font-size:0px;font-weight:lighter;color:#666666;padding:15px 0 0 36px;box-sizing: border-box;border-top: 1px solid #d8d8d8;overflow: hidden;}
.navi .nav_inner ul.other li{position:relative;float: left; margin-right: 9px; background-color:#dedeed; width:40px; height:40px; border-radius:40px;}
.navi .nav_inner ul.other li:first-child {background:#ff6000;}
.navi .nav_inner ul.other li:nth-child(2) {background:#dedede;}
.navi .nav_inner ul.other li:last-child {background:#dedede;}
.navi .nav_inner ul.other li > a {position:relative; top:20px; padding:20px 5px;}
.navi .nav_inner ul.other li > a > img {margin-top:-7px;}
.navi .nav_inner ul.other li:last-child > a > img, .navi .nav_inner ul.other li:nth-child(2) > a > img  {margin-top:-10px;}
.navi .nav_inner ul.other li:nth-child(2) > a {padding:20px 9px;}
.navi .nav_inner ul.other li:last-child > a {padding:20px 13px;}


body.main .header_inner{background-color: transparent;}
body.main .logo a h1{background-position: 0 -33px;}
body.main .btn_inquiry a span{color: #fff;border-color:rgba(255,255,255,0.5)}
body.main .btn_gnb a span{background-position: 0 -27px;}


#header.white .header_inner{background-color: #ffffff;border-bottom: 1px solid rgba(0,0,0,0.1);box-sizing: border-box;}
#header.white .logo a h1{background-position: 0 0px;}
#header.white .btn_inquiry a span{color: #4f9f72;border-color: rgba(158,206,160,0.5);}
#header.white .btn_gnb a span{background-position: 0 0px;}


#sub_gnb{position: absolute;top:50px;width:100%;height:41px;z-index: 999}
.sub_nav_depth li ul.sub_depth2{display:none;width: 100%;height:100%;white-space: nowrap;overflow-x: auto;background-color: #62b988;-webkit-overflow-scrolling: touch;box-sizing: border-box;text-align: center;}
.sub_nav_depth li ul li{ display: inline-block;font-size: 14px;line-height: 41px;color:#ffffff;margin-left:25px;margin-right:10px;white-space: nowrap;}
.sub_nav_depth li ul li a{position:relative;display: block;box-sizing: border-box;height:41px;opacity: 0.8;}
.sub_nav_depth li ul li.on a{border-bottom: 1px solid #ffffff;opacity: 1;}
.sub_nav_depth li ul li:last-child{margin-right:30px;}

.sub_nav_depth li ul.sub_depth3{display:none;position:relative;width: 100%;height:41px;white-space: nowrap;overflow-x: auto;background-color: #ffffff;-webkit-overflow-scrolling: touch;color:#666666;border-top: 1px solid #dadada;box-sizing: border-box;overflow-y: hidden;box-shadow: inset 0 -1px 0 #dadada;}
.sub_nav_depth li ul.sub_depth3 li{color:#666666;}
.sub_nav_depth li ul.sub_depth3{display:none;position:relative;width: 100%;height:41px;white-space: nowrap;overflow-x: auto;background-color: #ffffff;-webkit-overflow-scrolling: touch;color:#666666;border-top: 1px solid #dadada;box-sizing: border-box;overflow-y: hidden;}
.sub_nav_depth li ul.sub_depth3:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#dadada;}
.sub_nav_depth li ul.sub_depth3 li{color:#666666;font-size: 12px;margin-left: 16px;}
.sub_nav_depth li ul.sub_depth3 li.on a{color:#4f9f72;}
.sub_nav_depth li ul.sub_depth3 li.on a:after{content:'';position:absolute;left:0px;bottom:0;width: 100%;height:1px;background-color: #4f9f72;z-index: 1;}

body.about .sub_nav_depth .depth_about{display:block;}
body.about.ir .sub_nav_depth li ul.sub_depth3{display: block;}
body.business .sub_nav_depth .depth_business{display:block;}
body.infra .sub_nav_depth .depth_infra{display:block;}
body.pr .sub_nav_depth .depth_pr{display:block;}
body.recruit .sub_nav_depth .depth_recruit{display:block;}

.section_top{position: relative;}
#contents{position: relative;}
#contents .section_top{position:relative;overflow: hidden; height:210px; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box}
#contents .section_top.full{height: 100vh}


#contents .section_top .top_wave{  position: absolute;bottom: -8px;left: 0%;right: 0; width: 100%;}






select option[value=""]:first-child {
    display: none;
}

#contents.ir_board .section .inner .select_year select option[value=""]:first-child {
    display: block;
}




/*====================푸터 시작====================*/

.top_btn{position:relative; width:96%; margin:2% auto; background:#fff; border:1px solid #dadada; height:45px; text-align:center;}
.top_btn a img{width:60px; vertical-align:middle;}
.top_btn a  {padding:13px 42%; position:relative; top:12px; background:url(../images/m_footer_top.png) center no-repeat; background-size:55px;}

#footer{background:#e8ecef; border-top:1px solid #dadada;height:auto;}

#footer  .footer_logo{padding:30px 0 20px;text-align: center; background:url(../images/footer_logo.png) center no-repeat; background-size:105px; margin-top:20px;}
#footer  .footer_logo img{width:123px;}

#footer .policy{text-align: center;font-size: 13px;color:#505050; padding-bottom:5px;}
#footer .policy ul{text-align:center;}
#footer .policy ul li{display:inline-block;position:relative;padding:0 10px;letter-spacing: -1px;line-height:19px;}
#footer .policy ul:first-child li:first-child{font-weight: bold;}
#footer .policy ul li:after{content:"";position: absolute;top:50%;right:0px;width:1px;height:15px;margin-top:-8px;background-color: #dadada;}
#footer .policy ul li:last-child:after{content: none;}

#footer .copyright{color:#999999; text-align:center; font-size:12px; padding-bottom:25px;}


/*====================푸터 끝====================*/