@charset "utf-8";
/*-----------------------------------------------------------------------------------
	HTML Elements Default Properties
-----------------------------------------------------------------------------------*/
/* MAIN COMMON ----------------------*/
.main_section01 { display:block; height:100%; min-height:100%;}
/* fuu IMG */
.m_fullCont { height:100%; min-height:100%;}
.m_fullCont ul { width:100%; height:100%; overflow:hidden;}
.m_fullCont ul li {  min-height:100%; height:100%;}
.m_fullCont ul li img { width:100%; height:100%;}

.section { display:block;}

body#main #wrap { min-width:1040px;}
body#main #wrap .mainCont { width:1000px;margin:0 auto; padding:90px 0 130px;}
body#main h3 { font-size:36px; font-family:'Arial'; text-align:center; word-spacing:-1px;}
body#main .subText { font-size:16px; font-weight:700; text-align:center; margin:10px 0 38px 0; color:#000; } 
body#main .Fn_section .topLine { position:absolute; top:-200px; width:100%;height:200px; background-size:100%;}
body#main #container { padding:0px !important;}

/* main 비주얼 ----------------------*/
body#main .contvVsual { position:relative; width:auto; height:100%; min-height:100%; min-height:760px;}
body#main .contvVsual .bgPatten { position:relative; width:100%; height:100%;  min-height:760px; }

body#main .visualArea { height:100%; min-height:760px;}
body#main .visualArea .txtArea,
body#main .visualArea .btnArea { display:table-cell; padding-left:140px; vertical-align:top; }
body#main .visualArea .txtArea .txt { position:absolute; z-index:3; top:38%; margin-left:-10px;}
body#main .visualArea .btnArea { position:absolute; z-index:3; top:45%; margin-top:40px; }
body#main .visualArea .btnArea .num { display:inline-block; width:32px; height:32px; border:2px solid #fff; font-family:'Arial'; background:url('../../images/common/bg_alpha.png') repeat left top; font-size:12px; line-height:32px; text-align:center; color:#fff; vertical-align:top; }
body#main .visualArea .btnArea .prev { display:inline-block; width:32px; height:32px; border:2px solid #fff; background:url('../../images/btn/btn_rollPrev.png') no-repeat 50% 50%; vertical-align:top;}
body#main .visualArea .btnArea .next { display:inline-block; width:32px; height:32px; margin-left:-6px; border:2px solid #fff; background:url('../../images/btn/btn_rollNext.png') no-repeat 50% 50%; vertical-align:top;}
body#main .visualArea .btnArea .prev:hover { background:#fff url('../../images/btn/btn_rollPrev_over.png') no-repeat;}
body#main .visualArea .btnArea .prev:focus { background:#fff url('../../images/btn/btn_rollPrev_over.png') no-repeat;}
body#main .visualArea .btnArea .next:hover { background:#fff url('../../images/btn/btn_rollNext_over.png') no-repeat;}
body#main .visualArea .btnArea .next:focus { background:#fff url('../../images/btn/btn_rollNext_over.png') no-repeat;}

body#main .visualArea .txtArea .btnMore { display:inline-block; position:absolute; z-index:3; top:45%; margin:80px 0 0 184px; padding:0; width:132px; height:30px;font-weight:bold; background:none ;background-color:#fff;border:0; font-family:'Arial'; text-transform:uppercase; font-size:14px; color:#252525; line-height:30px; text-align:center; border:3px solid #fff;}/* 116px */
body#main .visualArea .txtArea .btnMore span { display:inline-block; background:url('../../images/common/icon_arror05.png') no-repeat left center; padding-left:15px; }
body#main .visualArea .txtArea .btnMore:hover { border:3px solid #010101; text-decoration:none;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}

body#main .visualArea .txtArea .btnMore_B { display:inline-block; position:absolute; z-index:3; top:45%; margin:80px 0 0 184px; padding:0; width:132px; height:30px;font-weight:bold; background:none ;background-color:#252525;border:0; font-family:'Arial'; text-transform:uppercase; font-size:14px; color:#fff; line-height:30px; text-align:center; border:3px solid #252525;}
body#main .visualArea .txtArea .btnMore_B span { display:inline-block; background:url('../../images/common/icon_arror05.png') no-repeat left center; padding-left:15px; }
body#main .visualArea .txtArea .btnMore_B:hover { border:3px solid #fff; text-decoration:none;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
body#main .visualArea .visual img { z-index:1; display:inline-block; width:100%; height:100%;  min-height:760px; max-height:100%;}
body#main .visualArea .bgPatten { position:absolute; }
body#main .visualArea li { position:relative; min-height:100%; height:100%;  min-height:760px;}
body#main .visualArea .txt { display:inline-block; }
body#main .visualArea .txt img { display:inline-block; }
body#main .iconScroll{position:absolute;bottom:10%;left:50%;margin-left:-30px;z-index:5;}

/* HDEC issue ----------------------*/
#section-2 { position:relative; z-index:2; background:#25a449 url('../../images/main/bg_section03.png') no-repeat center bottom; background-size:100%;}
#section-2 .mainCont h3,
#section-2 .mainCont .subText { color:#fff; text-shadow:0px 0px 4px #000;}
#section-2 .topLine { background:url('../../images/main/bg_section02.png') no-repeat center bottom;}
#section-2 .mainCont { background:url('../../images/main/txt_section02.png') no-repeat right 40px;}
#section-2 .issueBtn { width:1000px; margin:0 auto; text-align:right;}

/* 이슈 리스트 */
.m_issueList {  overflow:hidden; width:102%; margin:0 auto;}
.m_issueList li { position:relative; float:left; width:324px; height:220px; margin:0 14px 12px 0;overflow:hidden;border:1px solid  #25a449; }
.m_issueList a {color:#fff; display:inline-block; width:100%; height:100%;}
.m_issueList a img { height:100%; width:100%;}
.m_issueList .img { display:inline-block; width:100%; height:100%;
	-webkit-transition: all 0.45s ease;
	-moz-transition: all 0.45s ease;
	-ms-transition: all 0.45s ease;
	-o-transition: all 0.45s ease;
	transition: all 0.45s ease;
}
.m_issueList .icon{ position:absolute; z-index:3; left:0;top:0; background-color:#1b1b1b; }
.m_issueList .title { position:absolute; z-index:3; left:19px;bottom:20px; padding-right:19px; display:block; margin-top:3px; font-size:15px; font-weight:700; line-height:20px; word-break:keep-all;-ms-word-break:keep-all;}
.m_issueList .bgPatten { 
	position:absolute; left:0; bottom:0px; display:block; width:100%; height:100%; background:url('../../images/issue/bg_related_patten.png') repeat-x 0 100%;
	-webkit-transition:all 0.8s ease;
	-moz-transition:all 0.8s ease;
	-ms-transition:all 0.8s ease;
	-o-transition:all 0.8s ease;
	transition:all 0.8s ease;
}
.m_issueList > li > a > img {
	-webkit-transition:all 0.35s ease;
	-moz-transition:all 0.35s ease;
	-ms-transition:all 0.35s ease;
	-o-transition:all 0.35s ease;
	transition:all 0.35s ease;
}
.m_issueList > li > a .title {
	position:absolute;z-index:3;left:18px;bottom:37px;color:#ffffff; font-size:15px; font-weight:600; letter-spacing:0px;
	-webkit-transition:all 0.35s ease;
	-moz-transition:all 0.35s ease;
	-ms-transition:all 0.35s ease;
	-o-transition:all 0.35s ease;
	transition:all 0.35s ease;
}
.m_issueList > li > a .title em {font-size:24px;display:block;font-weight:700;margin-bottom:8px;}
.m_issueList > li > a:focus .img,
.m_issueList > li > a:hover .img {
	-ms-transform: scale(1.05,1.05);
	-webkit-transform: scale(1.05,1.05);
	transform: scale(1.05,1.05);
}
.m_issueList > li .maskBottom {
	content:"";position:absolute;z-index:5;left:0;top:0px !important;width:97.6%;height:96.5%; background:url('../../images/issue/imgList_over.png') no-repeat 50% 50%; opacity:0;border:4px solid #fff;
	-webkit-transition:all 0.45s ease;
	-moz-transition:all 0.45s ease;
	-ms-transition:all 0.45s ease;
	-o-transition:all 0.45s ease;
	transition:all 0.45s ease;
}
.m_issueList > li > a:focus .maskBottom,
.m_issueList > li > a:hover .maskBottom { opacity:1;}
.m_issueList > li > a .date{position:absolute;z-index:3;left:18px;bottom:19px;color:#ffffff; font-size:12px; font-weight:600; letter-spacing:0px;}
.m_issueList > li.on { border:1px solid #000 !important;}
.m_issueList > li:hover  { border:1px solid #000;}


/* Construction Story ----------------------*/
#section-3 { position:relative; z-index:10; background:#222328 url('../../images/main/bg_section04.png') no-repeat center bottom; background-size:100%;}
#section-3 .topLine { background:url('../../images/main/bg_section03.png') no-repeat center bottom;}
#section-3 .mainCont { background:url('../../images/main/txt_section03.png') no-repeat left 40px; position:relative;}
#section-3 .mainCont h3,
#section-3 .mainCont .subText { color:#fff;}

#section-3 .scenarioArea{width:100%;height:96px;margin:13px 0 22px 0;}
#section-3 .scenarioArea textarea{ display:block; width:96%; height:66px; padding:14px 19px;background-color:#222328;border:1px solid #3c3c3c;resize:none;font-size:12px;color:#898989;line-height:22px; }
#section-3 .videoArea iframe{width:1000px;height:560px;background-color:#000;}
#section-3 .videoArea .titleArea{min-height:47px;vertical-align:top;}
#section-3 .videoArea .titleArea strong{display:inline-block;margin-top:25px;text-align:left;font-size:20px; line-height:20px; color:#aaaaaa;}

#section-3 .storyBtn { display:inline-block; min-width:100px;height:36px;background-color:#fff;border:0;font-size:15px;font-weight:700;line-height:36px;color:#252525;text-align:center; padding:0 22px 0 28px; position:absolute; left:116px; top:941px;}
#section-3 .storyBtn span { display:inline-block; padding:0 20px 0 0; background: url('../../images/common/blt_arrow_03.png') no-repeat right 50%; }

/* Recruit ----------------------*/
#section-4 { position:relative; z-index:10; background:#f2bc00 url('../../images/main/bg_section05.png') no-repeat center bottom; background-size:100%;}
#section-4 .topLine { background:url('../../images/main/bg_section04.png') no-repeat center bottom;}
#section-4 .mainCont { background:url('../../images/main/txt_section04.png') no-repeat right 40px; padding:90px 0 180px !important;}
body#main #section-4 .subText{margin: 10px 0 36px 0;}

.mainRecruit { width:100%; overflow:hidden; position:relative;}
/* main - 채용 인터뷰 */
.mainRecruit .recruitPlay { float:left; width:631px;}
.mainRecruit .recruitPlay h4 { font-size:22px;line-height:24px;vertical-align:top;margin-top:0px;margin-bottom:16px;padding:2px 0 0 35px;background:url('../../images/common/icon_film.png') no-repeat 0 0;border-top:0px;}
.mainRecruit .videoList { position:relative; overflow:hidden;}
.mainRecruit .videoList .scenarioArea{width:100%;height:96px;margin-top:20px;}
.mainRecruit .videoList .scenarioArea textarea{ display:block; width:93%; height:66px; padding:14px 19px;background-color:#f2bc00;border:1px solid #3c3c3c;resize:none;font-size:12px;color:#252525;line-height:22px; }
.mainRecruit .videoList .videoArea iframe{background-color:#000;}
.mainRecruit .videoList .videoArea .titleArea{margin-top:8px;vertical-align:top;}
.mainRecruit .videoList .videoArea .titleArea strong{display:inline-block;margin-top:5px;text-align:left;font-size:20px; color:#252525;}

/* main - 채용 공고 */
.mainRecruit .recruitList { float:right; width:354px;}
.mainRecruit .recruitList h4 { font-size:22px;line-height:24px;vertical-align:top;margin-top:0px;margin-bottom:16px;padding:2px 0 0 35px;background:url('../../images/common/icon_play.png') no-repeat 0 2px; border-top:0px;}
.mainRecruit .recruitBox { background:#e8a800 url('../../images/common/img_recruit.png') no-repeat 0 0; margin-top:5px;}
.mainRecruit .recruitBox:first-child { margin-top:0px;}
.mainRecruit .recruitNo { background:#e8a800 url('../../images/common/img_recruit.png') no-repeat 0 0; padding:16px; color:#252525; min-height:83px;}
.mainRecruit .recruitBox a { color:#252525; display:inline-block; padding:16px; border:4px solid transparent; font-weight:700; display:block; min-height:75px;}
.mainRecruit .recruitBox span { display:block;}
.mainRecruit .recruitBox span.title { font-size:16px; margin:10px 0 5px; letter-spacing:-1px;}
.mainRecruit .recruitBox span em { background:#252525; font-size:12px; color:#f2bc00; text-align:center; line-height:22px; height:22px; display:inline-block; padding:0 8px; letter-spacing:-1px; vertical-align:middle; margin-right:7px; font-weight:bold !important;}
.mainRecruit .recruitBox a:hover,
.mainRecruit .recruitBox a:focus { background:#f5c833; border:4px solid #fff; text-decoration:none !important;
	-webkit-transition:all 0.35s ease;
	-moz-transition:all 0.35s ease;
	-ms-transition:all 0.35s ease;
	-o-transition:all 0.35s ease;
	transition:all 0.35s ease;
}
.mainRecruit .recruitBtn { position:absolute; right:0px; bottom:0px; }
.mainRecruit .btnMoer { display:inline-block; min-width:100px;height:36px;background-color:#252525;border:0;font-size:13px;font-weight:700;line-height:36px;color:#fff;text-align:center; padding:0 30px 0 35px;}
.mainRecruit .btnMoer span { display:inline-block; padding:0 20px 0 0; background: url('../../images/common/blt_arrow_02.png') no-repeat right 50%; }

/* Our Business ----------------------*/
#section-5 { position:relative; z-index:10; background:#fff; padding-bottom:100px;}
#section-5 .topLine { background:url('../../images/main/bg_section05.png') no-repeat center bottom;}
#section-5 .mainCont { background:url('../../images/main/txt_section05.png') no-repeat left 50px; padding-bottom:60px !important;}

.m_businessList {width:102%;margin:20px 0; display:block; overflow:hidden;}
.m_businessList > li {float:left;width:493px;height:251px;margin:0 14px 14px 0;overflow:hidden;}
.m_businessList > li > a { display:block;position:relative; font-weight:700;}
.m_businessList > li > a > .img img {
	-webkit-transition:all 0.35s ease;
	-moz-transition:all 0.35s ease;
	-ms-transition:all 0.35s ease;
	-o-transition:all 0.35s ease;
	transition:all 0.35s ease;
}
.m_businessList > li > a .title {
	position:absolute;z-index:3;left:23px;bottom:21px;color:#ffffff;font-size:15px; letter-spacing:0px !important;
	-webkit-transition:all 0.35s ease;
	-moz-transition:all 0.35s ease;
	-ms-transition:all 0.35s ease;
	-o-transition:all 0.35s ease;
	transition:all 0.35s ease;
}
.m_businessList > li > a .title em {font-size:24px;display:block; margin-bottom:3px; letter-spacing:-1px !important;}
.m_businessList > li > a:focus .img img,
.m_businessList > li > a:hover .img img {
	-ms-transform: scale(1.05,1.05);
	-webkit-transform: scale(1.05,1.05);
	transform: scale(1.05,1.05);
}
.m_businessList > li  .maskBottom {
	content:"";position:absolute;z-index:5;left:0;top:0;width:100%;height:100%;background:url('../../images/main/imgList_over.png') no-repeat left top; opacity:0;
	-webkit-transition:all 0.45s ease;
	-moz-transition:all 0.45s ease;
	-ms-transition:all 0.45s ease;
	-o-transition:all 0.45s ease;
	transition:all 0.45s ease;
}
.m_businessList > li > a:focus .maskBottom,
.m_businessList > li > a:hover .maskBottom { opacity:1;}

.OB_List {width:102%;margin:20px 0; display:block; overflow:hidden;}
.OB_List > li {float:left;width:187px;height:369px;margin:0 14px 14px 0;overflow:hidden;}
.OB_List > li > a { display:block;position:relative; font-weight:700;}

.OB_List > li > a > .img img {
	-webkit-transition:all 0.35s ease;
	-moz-transition:all 0.35s ease;
	-ms-transition:all 0.35s ease;
	-o-transition:all 0.35s ease;
	transition:all 0.35s ease;
}
.OB_List > li > a .title {
	position:absolute;z-index:3;left:23px;bottom:21px;color:#ffffff;font-size:15px; letter-spacing:0px !important;
	-webkit-transition:all 0.35s ease;
	-moz-transition:all 0.35s ease;
	-ms-transition:all 0.35s ease;
	-o-transition:all 0.35s ease;
	transition:all 0.35s ease;
}
.OB_List > li > a .title em {font-size:24px;display:block; margin-bottom:3px; letter-spacing:-1px !important;}
.OB_List > li > a:focus .img img,
.OB_List > li > a:hover .img img {
	-ms-transform: scale(1.05,1.05);
	-webkit-transform: scale(1.05,1.05);
	transform: scale(1.05,1.05);
}
.OB_List > li  .maskBottom {
	content:"";position:absolute;z-index:5;left:0;top:0;width:100%;height:100%;background:url('../../images/main/imgList_over02.png') no-repeat left top; opacity:0;
	-webkit-transition:all 0.45s ease;
	-moz-transition:all 0.45s ease;
	-ms-transition:all 0.45s ease;
	-o-transition:all 0.45s ease;
	transition:all 0.45s ease;
}
.OB_List > li > a:focus .maskBottom,
.OB_List > li > a:hover .maskBottom { opacity:1;}





/* Aside Nav */
body#main #navbar-right { position:fixed; top:50%; right:30px; width:23px; overflow:hidden; z-index:100;}
body#main .navbar-right li:first-child { border-top:2px solid #000;}
body#main .navbar-right li { text-align:center; cursor:pointer; font-size:0px; margin:0; border:0px;}
body#main .navbar-right li a {display:inline-block; width:100%; vertical-align:top; background:none; height:10px; border:0px; border-bottom:2px solid #000; }
body#main .navbar-right li a em { display:block; height:10px; overflow:hidden; opacity:0;filter:alpha(opacity=0);}
body#main .navbar-right li a:hover { background:#000;}

body#main .navbar-right li.current { border-bottom:0px; }
body#main .navbar-right li.current a { margin:0 0 0; height:auto; border:0px; border-bottom:2px solid #000;  }
body#main .navbar-right li.current a em { margin:3px 0; height:auto; overflow:visible; font-size:12px; line-height:13px; padding:0px; opacity:1;filter:alpha(opacity=100); color:#000;}
body#main .navbar-right li.current:first-child a em  { margin-top:0px;}
body#main .navbar-right li.current a:hover { background:none;}

/*팝업*/

#layer_popup { width:600px; height:634px; text-align:center;visibility: visible; position:absolute; top:90px;left:40%;z-index:10; border:1px solid #ddd;}
#check{font-size:10px; position:absolute;  margin-top:1px;  }
#layer_popup form{ height:15px; padding:3px; background:#00a54f;}