@charset "utf-8";

.tim-row { margin-bottom: 20px; }
.tim-white-buttons { background-color: #777777; }
.title { margin-top: 30px; margin-bottom: 25px; min-height: 32px; }
.title.text-center { margin-bottom: 50px; }
.tim-typo { padding-left: 25%; margin-bottom: 40px; position: relative; }
.tim-typo .tim-note { bottom: 10px; color: #c0c1c2; display: block; font-weight: 400; font-size: 13px; line-height: 13px; left: 0; margin-left: 20px; position: absolute; width: 260px; }
.tim-row { padding-top: 50px; }
.tim-row h3 { margin-top: 0; }
.switch { margin-right: 20px; }
#navbar-full .navbar { border-radius: 0 !important; margin-bottom: 15px; z-index: 2; }
.space { height: 130px; display: block; }
.space-110 { height: 110px; display: block; }
.space-50 { height: 50px; display: block; }
.space-70 { height: 70px; display: block; }
.navigation-example .img-src { background-attachment: scroll; }
.navigation-example { background-image: url('../img/bg.jpg'); background-position: center center; background-size: cover; margin-top: 0; min-height: 740px; }
#notifications { background-color: #FFFFFF; display: block; width: 100%; position: relative; }
.tim-note { text-transform: capitalize; }
#buttons .btn { margin: 0 0px 15px; }
.space-100 { height: 100px; display: block; width: 100%; }
.be-social { padding-bottom: 20px; /* border-bottom: 1px solid #aaa; */
margin: 0 auto 40px; }
.txt-white { color: #FFFFFF; }
.txt-gray { color: #ddd !important; }
.parallax { width: 100%; height: 570px; display: block; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center center; }
.logo-container .logo { width: 161px; float: left; }
.logo-container .brand { font-size: 16px; color: #FFFFFF; line-height: 18px; float: left; margin-left: 10px; margin-top: 7px; width: 70px; height: 40px; text-align: left; }
.logo-container .brand-material { font-size: 18px; margin-top: 15px; height: 25px; width: auto; }
.logo-container .logo img { width: 100%; }
.navbar-small .logo-container .brand { color: #333333; }
.fixed-section { top: 90px; max-height: 80vh; overflow: scroll; }
.fixed-section ul li { list-style: none; }
.fixed-section li a { font-size: 14px; padding: 2px; display: block; color: #666666; }
.fixed-section li a.active { color: #00bbff; }
.fixed-section.float { position: fixed; top: 100px; width: 200px; margin-top: 0; }
.parallax .parallax-image { width: 100%; overflow: hidden; position: absolute; }
.parallax .parallax-image img { width: 100%; }

@media (max-width: 768px) {
.parallax .parallax-image { width: 100%; height: 640px; overflow: hidden; }
.parallax .parallax-image img { height: 100%; width: auto; }
}
.separator { content: "Separator"; color: #FFFFFF; display: block; width: 100%; padding: 20px; }
.separator-line { background-color: #EEE; height: 1px; width: 100%; display: block; }
.separator.separator-gray { background-color: #EEEEEE; }
.social-buttons-demo .btn { margin-right: 5px; margin-bottom: 7px; }
.img-container { width: 100%; overflow: hidden; }
.img-container img { width: 100%; }
.lightbox img { width: 100%; }
.lightbox .modal-content { overflow: hidden; }
.lightbox .modal-body { padding: 0; }

@media screen and (min-width: 991px) {
.lightbox .modal-dialog { width: 960px; }
}

@media (max-width: 991px) {
.fixed-section.affix { position: relative; margin-bottom: 100px; }
}

@media (max-width: 768px) {
.btn, .btn-morphing { margin-bottom: 10px; }
.parallax .motto { top: 170px; margin-top: 0; font-size: 60px; width: 270px; }
}
/* Loading dots */

/* transitions */
.presentation .front, .presentation .front:after, .presentation .front .btn, .logo-container .logo, .logo-container .brand { -webkit-transition: all .2s; -moz-transition: all .2s; -o-transition: all .2s; transition: all .2s; }
#images h4 { margin-bottom: 30px; }
#javascriptComponents { padding-bottom: 0; }
#javascriptComponents .btn-raised { margin: 10px 5px; }
/* layer animation */

.layers-container { display: block; margin-top: 50px; position: relative; }
.layers-container img { position: absolute; width: 100%; height: auto; top: 0; left: 0; text-align: center; }
.section-black { background-color: #333; }
.animate { transition: 1.5s ease-in-out; -moz-transition: 1.5s ease-in-out; -webkit-transition: 1.5s ease-in-out; }
.navbar-default.navbar-small .logo-container .brand { color: #333333; }
.navbar-transparent.navbar-small .logo-container .brand { color: #FFFFFF; }
.navbar-default.navbar-small .logo-container .brand { color: #333333; }
.sharing-area { margin-top: 80px; }
.sharing-area .btn { margin: 15px 4px 0; color: #FFFFFF; }
.sharing-area .btn i { font-size: 18px; position: relative; top: 2px; margin-right: 5px; }
.sharing-area .btn-twitter { background-color: #55acee; }
.sharing-area .btn-facebook { background-color: #3b5998; }
.sharing-area .btn-google-plus { background-color: #dd4b39; }
.sharing-area .btn-github { background-color: #333333; }
.section-thin, .section-notifications { padding: 0; }
.section-navbars { padding-top: 0; }
#navbar .navbar { border-radius: 0; }
.section-tabs { background: #EEEEEE; }
.section-pagination { padding-bottom: 0; }
.section-download h4 { margin-bottom: 50px; }
.section-examples a { text-decoration: none; }
.section-examples h5 { margin-top: 30px; }
.components-page .wrapper > .header, .tutorial-page .wrapper > .header { height: 400px; padding-top: 100px; background-size: cover; background-position: center center; }
.components-page .title, .tutorial-page .title { color: #FFFFFF; }

/* margin */
.mt0 { margin-top:0px!important; }
.mt10 { margin-top:10px!important; }
.mt20 { margin-top:20px!important; }
.mt30 { margin-top:30px!important; }
.mt40 { margin-top:40px!important; }
.mt50 { margin-top:50px!important; }
.mt60 { margin-top:60px!important; }
.mt70 { margin-top:70px!important; }
.mt80 { margin-top:80px!important; }
.mt90 { margin-top:90px!important; }
.mt100 { margin-top:100px!important; }

.mb10 { margin-bottom:10px!important; }
.mb20 { margin-bottom:20px!important; }
.mb30 { margin-bottom:30px!important; }
.mb40 { margin-bottom:40px!important; }
.mb50 { margin-bottom:50px!important; }

/* main */
/*160831 Hugnet Update*/
.main-service-group ul { padding:0; }
.main-service-group li { float:none; display:table-cell; width:1%; padding:10px; font-size:13px; }
.main-service-group li a { color:#555; text-decoration:none; }
.main-service-group li a:hover { color:#ff8400; }
.main-service-group li img { width:100%; }
.main-service-group li span { text-align:center; display:block; margin:5px 0 15px; }
.main-box { position: relative;border:solid 1px #e1e1e1; padding:20px; height:200px }
.main-box1{background: url(../img/main-box1.png) no-repeat right bottom;}
.main-box2{position: relative;background: url(../img/main-box2.png) no-repeat right bottom;border: 1px solid #b3c0d1;}
.main-box2:after{content:'';display: block;background: #e9f2ff;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;}
.main-box5{background: url(../img/main-box5.png) no-repeat right bottom;}
.main-box6{background: url(../img/main-box6.png) no-repeat right bottom;}
.main-box4{padding: 0;}
.main4-slider>li{padding: 20px;height: 198px;}
.main4-slider .slide1{position: relative;background: url(../img/main4-slide1.png) no-repeat right bottom;}
.main4-slider .slide1:after{content:'';display: block;background: #fff3e5;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -1;}
.main-box4 .bx-pager{position: absolute;top: 20px;right: 20px;}
.main-box4 .bx-pager-item{display: inline-block;vertical-align: middle;}
.main-box4 .bx-pager-link{display: block;width: 10px;height: 10px;background: #d2d2d2;-webkit-border-radius:50%;border-radius:50%;margin-left: 5px;text-indent: -9999px;}
.main-box4 .bx-pager-link.active{background: #666;}
.btn_more{font-size: 13px;color: #999;}
.btn_more:hover, .btn_more:active, .btn_more:focus{color: #999;}
.btn_more2{background: url(../img/ico_plus.png) no-repeat;display: block;width: 20px;height: 20px;text-indent: -9999px;position: absolute;top: 15px;right: 20px;}
.main-box h2 { font-size:18px; font-weight:600; margin:0 0 10px 0; }
.notice li { position:relative }
.notice li span { position:absolute; right:0; color:#888; }

.clearfix{*zoom:1;}
.clearfix:after{content:'';display: block;clear: both;}

.flR{float: right;}

.taL{text-align: left;}
.taC{text-align: center;}
.taR{text-align: right;}

.disIb{display: inline-block;}
.disB{display: block;}
.disI{display: inline;}

.vaT{vertical-align: top;}
.vaM{vertical-align: middle;}
.vaB{vertical-align: bottom;}

.w100{width: 100%;}
.mx100{max-width: 100%;}

.tbl{display: table;width: 100%;}
.tblCell{display: table-cell;vertical-align: middle;}
[class*="cell-"]{display: table-cell;vertical-align: middle;}
.cell-md-4{width: 33.33333333%;}
.cell-md-8{width: 66.66666666%;}
/*160831 Hugnet Update*/

/* main-icon */
.msi-01, .msi-02, .msi-03, .msi-04, .msi-05, .msi-06, .msi-07, .msi-08, .msi-09, .msi-10 { margin:10px auto; display:block; width:83px; height:53px; background:url(../img/main_service_icon.png) no-repeat; text-indent:-500em; overflow:hidden; }
.msi-01 { background-position:0 0; }
.msi-02 { background-position:-83px 0; }
.msi-03 { background-position:-166px 0; }
.msi-04 { background-position:-249px 0; }
.msi-05 { background-position:-332px 0; }
.msi-06 { background-position:-415px 0; }
.msi-07 { background-position:-498px 0; }
.msi-08 { background-position:-581px 0; }
.msi-09 { background-position:-664px 0; }
.msi-10 { background-position:-747px 0; }
.main-service-group li a:hover .msi-01, .main-service-group li a:hover .msi-02, .main-service-group li a:hover .msi-03, .main-service-group li a:hover .msi-04, .main-service-group li a:hover .msi-05, .main-service-group li a:hover .msi-06, .main-service-group li a:hover .msi-07, .main-service-group li a:hover .msi-08, .main-service-group li a:hover .msi-09, .main-service-group li a:hover .msi-10 { background:url(../img/main_service_icon_over.png) no-repeat; }
.main-service-group li a:hover .msi-01 { background-position:0 0; }
.main-service-group li a:hover .msi-02 { background-position:-83px 0; }
.main-service-group li a:hover .msi-03 { background-position:-166px 0; }
.main-service-group li a:hover .msi-04 { background-position:-249px 0; }
.main-service-group li a:hover .msi-05 { background-position:-332px 0; }
.main-service-group li a:hover .msi-06 { background-position:-415px 0; }
.main-service-group li a:hover .msi-07 { background-position:-498px 0; }
.main-service-group li a:hover .msi-08 { background-position:-581px 0; }
.main-service-group li a:hover .msi-09 { background-position:-664px 0; }
.main-service-group li a:hover .msi-10 { background-position:-747px 0; }

@media (max-width: 768px) {
.main-service-group li { display:inline-block; width:32.666%; }
}

/* sub */
.location { text-align:right; color:#666; font-size:12px; }
.location strong { color:#333; }
.location span { margin:0 10px; }
.dot-li li { list-style: outside circle; margin-left:18px; padding-left:5px; }
.dec-li li { list-style: outside decimal; margin-left:14px; padding-left:5px; }
.p-box { background:url(../img/p_box.png) no-repeat left top; }
.tit-line { border-color:#ff8400; width:100px; display:inline-block; left:0; }
.history-li li { margin:10px 0; }
.history-li li span { margin-left:100px; }
.technology-list{font-size: 0;margin: -5px 0 0 -5px;}
.technology-list li { width:25%; padding:10px 5px; display:inline-block; vertical-align:top; }
.technology-list li p { margin-top:10px; font-size: 14px;}
.technology-list li img { max-width:100%; }
.partner-logo p { text-align:center; }

/* process */
.process-wrap { overflow:hidden; }
.process-wrap ul { clear:both; }
.process-wrap li { display:inline-block; padding:10px 20px; border:solid 1px #e1e1e1; margin:10px 0; border-radius:5px; text-align:center; }
.process-wrap li.arrow { border:none!important; padding:0!important; }
.process-wrap li.arrow img { max-width:100%; }
.wood-wrap { margin-top:50px; }
.wood-wrap p { font-size:12px; text-align:center; line-height:18px!important; }

/* sub-nav */
.aside { float:right; }
.aside h3 { margin-top:0; border-bottom:solid 2px #ff8400; }
.sub-nav li { }
.sub-nav li a { display:block; padding:10px 0; text-decoration:none; transition: all 150ms linear 0s;  padding-left:10px; border-radius:2px; }
.sub-nav li a:hover, /*.sub-nav li a:focus,*/ .sub-nav li a.active { background-color:#ff8400; color:#fff; }
@media (max-width: 768px) {
.aside { display:none; }
}

.point{color: #ff8400;}
/*.main-visual{background: url(../img/main_bg_01.jpg) no-repeat center center;}*/
.mainSlider, .mainSlider>li{height: 65vh;height:720px  \0/IE8+9;/*IE8+9적용*/} 
.mainSlider>li{background-repeat: no-repeat;background-position: center center;-webkit-background-size: cover;background-size: cover;position: relative;z-index: -1 !important;}
.mainSlider>li.slide2{background-position: center top;}
.visual .bx-prev, .visual .bx-next{position: absolute;top: 50%;z-index: 10;font-size: 60px;color: #fafafa;}
.visual .bx-prev{left: 10px;}
.visual .bx-next{right: 10px;}

a:hover, a:focus, a:active{outline: none;text-decoration: none;}
/*상단 배너*/
.bnr_company{background: url(../img/bnr_company.jpg) no-repeat center center;-webkit-background-size: cover;
background-size: cover;}
.bnr_business{background: url(../img/bnr_business.jpg) no-repeat center center;-webkit-background-size: cover;
background-size: cover;}
.bnr_contribute{background: url(../img/bnr_contribute.jpg) no-repeat center center;-webkit-background-size: cover;
background-size: cover;}
.bnr_career{background: url(../img/bnr_career.jpg) no-repeat center center;-webkit-background-size: cover;
background-size: cover;}
.bnr_customer{background: url(../img/bnr_customer.jpg) no-repeat center center;-webkit-background-size: cover;
background-size: cover;}
/*1_기업소개*/
/*ci*/
.ci_p{position: relative;}
.ci_p .mean_s, .ci_p .mean_m{position: absolute;}
.ci_p .mean_s{width: 100%;bottom: -30px;left: 0;text-align: center;}
.ci_p .mean_m{left: 554px;top: 50px;}
/*2_사업부문*/
/*특판가구사업부*/
.t1_furniture_ul{background: url(../img/furniture_01.png) no-repeat;width: 815px;height: 70px;}
.t1_furniture_ul>li{font-size: ;display: inline-block;vertical-align: middle;width: 155px;color: #fff;text-align: center;padding: 12px 0;margin-left: 10px;}
.t1_furniture_ul>li:first-child{margin-left: 0;}
/*융합 - 연구분야*/
.t1_technology_ul{position: relative;}
.t1_technology_ul li{width: 203px;}
.t1_technology_ul li.idx2, .t1_technology_ul li.idx3{position: absolute;top: 50%;margin-top: -121.5px;}
.t1_technology_ul li.idx2:before, .t1_technology_ul li.idx3:before{content:'';display: block;width: 43px;height: 45px;background: url(../img/ico_arrow_right.png) no-repeat;position: absolute;left: -78px;top: 79px;}
.t1_technology_ul li.idx2{left: 314px;}
.t1_technology_ul li.idx3{left: 622px;}
/*융합 - 조직도*/
.t3_technology_div{position: relative;background: url(../img/t3_technology_01.png) no-repeat;width:825px;height:374px;}
.t3_technology_div ul li{position: absolute;color: #fff;width: 220px;height: 56px;line-height: 56px;text-align: center;font-size: 16px;}
.t3_technology_div ul li.idx0{left: 303px;top: 0;}
.t3_technology_div ul li.idx1{left: 303px;top: 107px;}
.t3_technology_div ul li.idx2{left: 562px;top: 186px;color: #00b1b0;}
.t3_technology_div ul li.idx3{left: 0;top: 318px;color: #ff8400;}
.t3_technology_div ul li.idx4{left: 303px;top: 318px;color: #ff8400;}
.t3_technology_div ul li.idx5{left: 606px;top: 318px;color: #ff8400;}

/*3_사회공헌*/
/*소개*/
.t1_contribute_info_ul h4{font-weight: bold;}
/*4_인재채용*/
/*인재상*/
.talented_div_add{background: url(../img/talented_01.png) no-repeat;width: 826px;height: 85px;text-align: center;display: table;}
.talented_div_add p{display: table-cell;vertical-align: middle;font-size: 16px;color: #fff;}
.talented_div{position: relative;}
.talented_div h4{font-size: 20px;font-weight: bold;color: #fff;text-align: center;display: block;width: 171px;height: 171px;line-height: 171px;position: absolute;z-index: 1;left: 50%;top: 50%;margin: -85.5px 0 0 -85.5px;background: url(../img/circle.png) no-repeat;}
.talented_ul li div{height: 260px;border: 1px solid #ddd;padding: 30px 0;text-align: center;}
.talented_ul li div strong{display: block;font-size: 18px;}
/*인사제도*/
.system_ul{background: url(../img/system_01.png) no-repeat;width: 810px;height: 50px;}
.system_ul li{position: relative;float: left;width: 150px;line-height: 50px;margin-left: 15px;text-align: center;font-weight: bold;}
.system_ul li:first-child{margin-left: 0;}
.system_ul li span{position: absolute;left: 0;top: -20px;font-weight: normal;color: #ff8400;line-height: 1;}
.system_ul2 li{display: inline-block;vertical-align: bottom;width: 150px;margin-left: 15px;color: #fff;text-align: center;}
.system_ul2 li.idx0, .system_ul2 li.idx2, .system_ul2 li.idx4{background: #888;}
.system_ul2 li.idx1, .system_ul2 li.idx3{background: #b6b6b6;}
.system_ul2 li.idx0{height: 50px;line-height: 50px;}
.system_ul2 li.idx1{height: 70px;line-height: 70px;}
.system_ul2 li.idx2{height: 90px;line-height: 90px;}
.system_ul2 li.idx3{height: 110px;line-height: 110px;}
.system_ul2 li.idx4{height: 130px;line-height: 130px;}
.system_ul2 li:first-child{margin-left: 0;}
/*평가제도*/
.evaluation_div, .evaluation_div2{position: relative;}
.evaluation_div{background: url(../img/evaluation_01.png) no-repeat;width: 814px;height: 581px;}
.evaluation_div .tit li, .evaluation_div2 .tit li{width: 88px;height: 88px;text-align: center;font-size: 16px;color: #ff8400;}
.evaluation_div .tit{position: absolute;left: 0;top: 132px;}
.evaluation_div .tit li{font-weight: 600;}
.evaluation_div .tit li.idx1{margin-top: 62px;}
.evaluation_div .tit li.idx2, .evaluation_div .tit li.idx3{margin-top: 12px;}

.evaluation_div .contents1{position: absolute;left: 174px;top: 0;color: #fff;}
.evaluation_div .contents1 li{width: 250px;height: 50px;line-height: 50px;margin-top: 50px;text-align: center;}
.evaluation_div .contents1 li.c_tit{width: 230px;height: 40px;line-height: 40px;font-size: 16px;margin-top: 0;font-weight: 600;}
.evaluation_div .contents1 li.idx0{margin-top: 60px;}
.evaluation_div .contents1 li.merge{width: 590px;}

.evaluation_div .contents2{left: 514px;}
.evaluation_div .contents2 li.c_tit{width: 270px;}
.evaluation_div .contents2 li.idx2{margin-top: 250px;}


.evaluation_div2{background: url(../img/evaluation_02.png) no-repeat;width: 814px;height: 410px;}
.evaluation_div2 .tit{top: 56px;}
.evaluation_div2 .tit li.idx1{margin-top: 26px;}

.evaluation_div2 [class*="contents"]{position: absolute;}
.evaluation_div2 [class*="contents"] .c_tit{width: 130px;height: 40px;line-height: 40px;font-weight: 600;color: #252525;}
.evaluation_div2 [class*="contents"] li{height: 50px;color: #fff;text-align: center;}
.evaluation_div2 [class*="contents"] li.idx0, .evaluation_div2 [class*="contents"] li.idx1{margin-top: 10px;}
.evaluation_div2 [class*="contents"] li.idx2{margin-top: 30px;}
.evaluation_div2 [class*="contents"] li.idx3{margin-top: 40px;}
.evaluation_div2 .contents3{left: 124px;}
.evaluation_div2 .contents4{left: 264px;}
.evaluation_div2 .contents5{left: 404px;}
.evaluation_div2 .contents6{left: 544px;}
.evaluation_div2 .contents7{left: 684px;}
.evaluation_div2 .contents8{left: 124px;bottom: 0;width: 690px;height: 50px;line-height: 50px;font-weight: 600;text-align: center;}

/*팝업 레이어*/
.hd_pops{position: absolute;z-index: 50;}
.hd_pops_footer{background: #888;}
.hd_pops_footer button{background: none;border: 0;color: #fff;}
.hd_pops_reject{float: left;}
.hd_pops_close{float: right;}

/* 190408 수정 */
.osher-txt .txtbox { margin-top: 20px; padding: 20px; background: #d1e0e5; }
.osher-txt p { color: #455e60; font-size: 16px; }
.osher-txt p:last-of-type { margin: 0; }
.osher-txt img { width: 100%; }
.fs-18 { font-size: 18px; }