/* ================================================================================================== Font ================================================================================================== */ @font-face { font-family:'Nanum Gothic'; font-style:normal; font-weight:normal; src:url('font/NanumBarunGothic.eot'); src:local(※), url('font/NanumBarunGothic.eot?#iefix') format('embedded-opentype'), url('font/NanumBarunGothic.woff') format('woff'), url('font/NanumBarunGothic.ttf') format('truetype'); } @font-face { font-family:'Nanum Gothic'; font-style:normal; font-weight:normal; src:url('font/ChevyB.eot'); src:local(※), url('font/Chevy.eot?#iefix') format('embedded-opentype'), url('font/Chevy.woff') format('woff'), url('font/Chevy.ttf') format('truetype'); } @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap'); /* ========================================================================================================= Reset ========================================================================================================= */ * {-webkit-text-size-adjust:none;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button,strong,span {margin:0;padding:0} fieldset,img {border:0 none} dl,ul,ol,menu,li {list-style:none} blockquote, q {quotes:none} blockquote:before, blockquote:after,q:before, q:after {content:'';content:none} input,select,textarea,button {vertical-align:middle} button {border:0 none;background-color:transparent;cursor:pointer} body,th,td,input,select,textarea,button,select {font-family:Nanum Gothic,AppleGothic,'Malgun Gothic','맑은고딕',Tahoma,Sans-serif; color:#636363;} input[type=text] {height:31px; border:1px solid #ccc; box-sizing:border-box; /* 추가 */ } input[type=nummber], input[type=submit], input[type=password]{height:29px; border:1px solid #ccc; -webkit-appearance:none;} textarea { box-sizing:border-box; /* 추가 */ } h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;} a {color:#333;text-decoration:none} a:active, a:hover {text-decoration:none} legend, caption {display:none;} address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal} .hide {display:none;position:absolute;left:0;top:0;width:0;height:0;font-size:0;line-height:0;} caption {visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;} table {table-layout:fixed;width:100%;margin:0;padding:0;border-spacing:0;border:0;border-collapse:collapse;} *+html table {border-collapse:collapse;} img, input, button { vertical-align: middle; border:none; outline:0; } .layer-pop { position: fixed; } @media screen and (min-width: 1020px) { .m-web {display:none;} /* =================================================================================================== */ #Wrapper {overflow:auto; min-width:1020px;} #container {overflow:hidden; min-width:980px; height:100%;} /* ================================================================================================== #Header ================================================================================================== */ #header { min-width:1000px; height:100px; background-color:#fff; border-bottom:1px solid #e6e6e6; } #header .h1-logo { float:left; margin:59px 0 0 40px; font-size:0; } #header .utill { overflow:hidden; position:absolute; left:752px; top:25px; width:248px; } #header .utill li { float:left; } #header .utill li a { display:block; position:relative; padding:0 15px 0 7px; font-size:0; } #header .utill li a:before { content:''; position:absolute; left:0; top:50%; width:2px; height:2px; margin-top:-1px; background-color:#b9b9b9; } #header .bro-btn { list-style:none; margin:0; padding:0; position:absolute; left:505px; top:15px; } #header .bro-btn li { float:left; width:115px; } .gnb { overflow:hidden; position:relative; display:flex; align-items:center; justify-content: space-between; max-width:1280px; padding-top:57px; } .gnb-item {position:relative; width:calc(100% / 9);} .gnb-item a:before {content:''; position:absolute; top:0; left:0; width:1px; height:13px; background-color:#e3e3e3;} .gnb-item:first-child a:before {display:none;} .gnb-item a {display:block; height:20px; margin:0 auto; background:url('../images/img/gnb_menu2.png') 0 0 no-repeat;} .gnb01 a {width:55px; background-position:0 1px;} .gnb02 a {width:55px; background-position:-140px 0;} .gnb03 a {width:57px; background-position:-278px 0;} .gnb04 a {width:60px; background-position:-419px 0;} .gnb05 a {width:56px; background-position:-559px 0;} .gnb06 a {width:55px; background-position:-840px 0;} .gnb07 a {width:55px; background-position:-981px 0;} .gnb08 a {width:54px; background-position:-702px 0;} .gnb09 a {width:75px; background-position:-1120px 0;} .gnb01 a:hover {width:55px; background-position:0 -21px;} .gnb02 a:hover {width:55px; background-position:-140px -22px;} .gnb03 a:hover {width:57px; background-position:-278px -22px;} .gnb04 a:hover {width:60px; background-position:-419px -22px;} .gnb05 a:hover {width:56px; background-position:-559px -22px;} .gnb06 a:hover {width:55px; background-position:-840px -22px;} .gnb07 a:hover {width:55px; background-position:-981px -22px;} .gnb08 a:hover {width:54px; background-position:-702px -22px;} .gnb09 a:hover {width:75px; background-position:-1120px -22px;} /* ================================================================================================== .navi ================================================================================================== */ .lnb-menu {position:relative; float:left; width:217px; min-height:902px; padding:50px 0 0; border-right:1px solid #dfdfdf;} .lnb-title {display:block; width:97px; height:26px; margin-left:56px; background-image:url(../images/img/img_navi_title.png); background-repeat:no-repeat;} .lnb-title09 {display:block; width:141px; height:30px; margin-left:56px; background-image:url(../images/img/img_navi_title09.png); background-repeat:no-repeat;} .lnbnavi-tit01 {background-position:0 0;} .lnb-tit02 {background-position:0 -78px;} .lnb-tit03 {background-position:0 -156px;} .lnb-tit04 {background-position:0 -234px;} .lnb-tit05 {background-position:0 -312px;} .lnb-tit06 {background-position:0 -390px;} .lnb-tit07 {background-position:0 -472px;} .lnb-tit10 {background-position:0 -551px; width:142px; margin-left:36px;} .lnb-invest {background-image:url(../images/img/img_navi_invest_title.png); background-repeat:no-repeat;} /* .lnb-invest li a > span {background-image:url(../images/img/img_navi_invest_title.png); background-repeat:no-repeat; } .lnb-invest .sub01 a > span{width:26px; background-position:0 0;} .lnb-sub-invest01 .sub01 a > span {width:46px; background-position:0 -31px;} .lnb-sub-invest01 .sub02 a > span {width:82px; background-position:0 -58px;} .lnb-sub-invest01 .sub03 a > span {width:45px; background-position:0 -85px;} .sub-depth > li > a > span {display:block; height:15px;} .lnb-title.lnb-invest .sub01 a { background-position:0 -30px; } .lnb-title.lnb-invest .sub01:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-title.lnb-invest .sub01.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;}*/ .lnb-menu .sub-depth {position:absolute; width:172px; margin:42px 0 0 56px;} .sub-depth li a > span{display:block;} .sub-depth > li > a {display:block; margin-right:10px; padding:9px 0 15px 11px;} .sub-depth > li > a > span {display:block; height:15px;} .sub-depth > li > ul li a {display:block; margin-right:10px; padding:7px 0 7px 11px;} .sub-depth > li > ul li {padding-bottom:6px;} .sub-depth > li > ul li:hover a {background-color:#414141;} .sub-depth > li > ul li.active, .sub-depth > li > ul li.active:hover a {background:url(../images/bg/bg_sub_depth02.png) 0 0 no-repeat;} .sub-depth > li > ul li a > span {display:block; height:13px;} .lnb-sub01 li a > span {background-image:url(../images/img/lnb_menu01.png); background-repeat:no-repeat;} .lnb-sub01 .sub01 a > span{width:26px; background-position:0 0;} .lnb-sub01 .sub01 .sub-menu01 a > span {width:46px; background-position:0 -31px;} .lnb-sub01 .sub01 .sub-menu02 a > span {width:82px; background-position:0 -58px;} .lnb-sub01 .sub01 .sub-menu03 a > span {width:45px; background-position:0 -85px;} .lnb-sub01 .sub01 .sub-menu01:hover a > span, .lnb-sub01 .sub01 .sub-menu01.active a > span {width:46px; background-position:-180px -31px;} .lnb-sub01 .sub01 .sub-menu02:hover a > span, .lnb-sub01 .sub01 .sub-menu02.active a > span {width:82px; background-position:-180px -58px;} .lnb-sub01 .sub01 .sub-menu03:hover a > span, .lnb-sub01 .sub01 .sub-menu03.active a > span {width:45px; background-position:-180px -85px;} .lnb-sub01 .sub02 a > span{width:67px; background-position:0 -115px;} .lnb-sub01 .sub02:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub01 .sub02.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub01 .sub02:hover a > span, .lnb-sub01 .sub02.active a > span {width:67px; background-position:-180px -115px;} .lnb-sub01 .sub03 a > span{width:50px; background-position:0 -151px;} .lnb-sub01 .sub03 .sub-menu04 a > span {width:45px; background-position:0 -184px;} .lnb-sub01 .sub03 .sub-menu05 a > span {width:45px; background-position:0 -210px;} .lnb-sub01 .sub03 .sub-menu06 a > span {width:85px; background-position:0 -237px;} .lnb-sub01 .sub03 .sub-menu04:hover a > span, .lnb-sub01 .sub03 .sub-menu04.active a > span {width:45px; background-position:-180px -184px;} .lnb-sub01 .sub03 .sub-menu05:hover a > span, .lnb-sub01 .sub03 .sub-menu05.active a > span {width:45px; background-position:-180px -210px;} .lnb-sub01 .sub03 .sub-menu06:hover a > span, .lnb-sub01 .sub03 .sub-menu06.active a > span {width:85px; background-position:-180px -237px;} .lnb-sub01 .sub04 a > span{width:63px; background-position:0 -267px;} .lnb-sub01 .sub04 .sub-menu07 a > span {width:60px; background-position:0 -299px;} .lnb-sub01 .sub04 .sub-menu08 a > span {width:60px; background-position:0 -326px;} .lnb-sub01 .sub04 .sub-menu09 a > span {width:45px; background-position:0 -353px;} .lnb-sub01 .sub04 .sub-menu07:hover a > span, .lnb-sub01 .sub04 .sub-menu07.active a > span {width:60px; background-position:-180px -299px;} .lnb-sub01 .sub04 .sub-menu08:hover a > span, .lnb-sub01 .sub04 .sub-menu08.active a > span {width:60px; background-position:-180px -326px;} .lnb-sub01 .sub04 .sub-menu09:hover a > span, .lnb-sub01 .sub04 .sub-menu09.active a > span {width:45px; background-position:-180px -353px;} .lnb-sub01 .sub05 a > span{width:65px; background-position:0 -382px;} .lnb-sub01 .sub05:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub01 .sub05.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub01 .sub05:hover a > span, .lnb-sub01 .sub05.active a > span {width:65px; background-position:-180px -382px;} .lnb-sub02 li a > span {background-image:url(../images/img/lnb_menu10.png); background-repeat:no-repeat;} .lnb-sub02 .sub01 a > span{width:50px; background-position:0 -10px;} .lnb-sub02 .sub01 .sub-menu01 a > span {width:50px; background-position:0 -50px;} .lnb-sub02 .sub01 .sub-menu02 a > span {width:50px; background-position:0 -83px;} .lnb-sub02 .sub01 .sub-menu01:hover a > span, .lnb-sub02 .sub01 .sub-menu01.active a > span {width:50px; background-position:-108px -50px;} .lnb-sub02 .sub01 .sub-menu02:hover a > span, .lnb-sub02 .sub01 .sub-menu02.active a > span {width:50px; background-position:-108px -83px;} .lnb-sub02 .sub02 a > span {width:82px; background-position:0 -118px;} .lnb-sub02 .sub02 .sub-menu03 a > span {width:72px; background-position:0 -153px;} .lnb-sub02 .sub02 .sub-menu04 a > span {width:72px; background-position:0 -186px;} .lnb-sub02 .sub02 .sub-menu03:hover a > span, .lnb-sub02 .sub02 .sub-menu03.active a > span {width:72px; background-position:-108px -153px;} .lnb-sub02 .sub02 .sub-menu04:hover a > span, .lnb-sub02 .sub02 .sub-menu04.active a > span {width:72px; background-position:-108px -186px;} .lnb-sub02 .sub03 a > span {width:82px; background-position:0 -220px;} .lnb-sub02 .sub03 .sub-menu05 a > span {width:100px; background-position:0 -258px;} .lnb-sub02 .sub03 .sub-menu06 a > span {width:100px; background-position:0 -291px;} .lnb-sub02 .sub03 .sub-menu05:hover a > span, .lnb-sub02 .sub03 .sub-menu05.active a > span {width:100px; background-position:-108px -258px;} .lnb-sub02 .sub03 .sub-menu06:hover a > span, .lnb-sub02 .sub03 .sub-menu06.active a > span {width:100px; background-position:-108px -291px;} .lnb-sub02 .sub04 a > span {width:50px; background-position:0 -328px;} .lnb-sub02 .sub04 .sub-menu07 a > span {width:45px; background-position:0 -366px;} .lnb-sub02 .sub04 .sub-menu08 a > span {width:45px; background-position:0 -399px;} .lnb-sub02 .sub04 .sub-menu09 a > span {width:45px; background-position:0 -433px;} .lnb-sub02 .sub04 .sub-menu07:hover a > span, .lnb-sub02 .sub04 .sub-menu07.active a > span {width:50px; background-position:-108px -366px;} .lnb-sub02 .sub04 .sub-menu08:hover a > span, .lnb-sub02 .sub04 .sub-menu08.active a > span {width:50px; background-position:-108px -399px;} .lnb-sub02 .sub04 .sub-menu09:hover a > span, .lnb-sub02 .sub04 .sub-menu09.active a > span {width:50px; background-position:-108px -433px;} .lnb-sub02 .sub05 a > span {width:63px; background-position:0 -321px;} .lnb-sub02 .sub05 .sub-menu10 a > span {width:45px; background-position:0 -353px;} .lnb-sub02 .sub05 .sub-menu11 a > span {width:45px; background-position:0 -380px;} .lnb-sub02 .sub05 .sub-menu10:hover a > span, .lnb-sub02 .sub05 .sub-menu10.active a > span {width:45px; background-position:-150px -353px;} .lnb-sub02 .sub05 .sub-menu11:hover a > span, .lnb-sub02 .sub05 .sub-menu11.active a > span {width:45px; background-position:-150px -380px;} .lnb-sub03 li a > span {background-image:url(../images/img/lnb_menu03.png); background-repeat:no-repeat;} .lnb-sub03 .sub01 a > span{width:76px; background-position:0 0;} .lnb-sub03 .sub01:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub03 .sub01.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub03 .sub01:hover a > span, .lnb-sub03 .sub01.active a > span {width:76px; background-position:-120px 0;} .lnb-sub03 .sub02 a > span{width:76px; background-position:0 -36px;} .lnb-sub03 .sub02:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub03 .sub02.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub03 .sub02:hover a > span, .lnb-sub03 .sub02.active a > span {width:76px; background-position:-120px -36px;} /* .lnb-sub04 li a > span {background-image:url(../images/img/lnb_menu04.png); background-repeat:no-repeat;} .lnb-sub04 .sub01 a > span{width:50px; background-position:0 0;} .lnb-sub04 .sub01:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub04 .sub01.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub04 .sub01:hover a > span, .lnb-sub04 .sub01.active a > span {width:50px; background-position:-109px 0;} .lnb-sub04 .sub01 a > span {width:70px; background-position:0 -3px;} .lnb-sub04 .sub01 .sub-menu01 a > span {width:45px; background-position:0 -75px;} .lnb-sub04 .sub01 .sub-menu02 a > span {width:80px; background-position:-3px -75px;} .lnb-sub04 .sub01 .sub-menu01:hover a > span, .lnb-sub04 .sub01 .sub-menu01.active a > span {width:80px; background-position:-108px -42px;} .lnb-sub04 .sub01 .sub-menu02:hover a > span, .lnb-sub04 .sub01 .sub-menu02.active a > span {width:80px; background-position:-108px -75px;} */ .lnb-sub04 li a > span {background-image:url(../images/img/lnb_menu04.png); background-repeat:no-repeat;} .lnb-sub04 .sub01 a > span{width:50px; background-position:0 -1px;} .lnb-sub04 .sub01 .sub-menu01 a > span {width:80px; background-position:-5px -40px;} .lnb-sub04 .sub01 .sub-menu02 a > span {width:80px; background-position:-5px -73px;} .lnb-sub04 .sub01 .sub-menu01:hover a > span, .lnb-sub04 .sub01 .sub-menu01.active a > span {width:80px; background-position:-109px -40px;} .lnb-sub04 .sub01 .sub-menu02:hover a > span, .lnb-sub04 .sub01 .sub-menu02.active a > span {width:80px; background-position:-108px -73px;} .lnb-sub04 .sub02 a > span {width:82px; background-position:0 -106px;} .lnb-sub04 .sub02 .sub-menu03 a > span {width:68px; background-position:0 -123px;} .lnb-sub04 .sub02 .sub-menu04 a > span {width:68px; background-position:0 -150px;} .lnb-sub04 .sub02 .sub-menu05 a > span {width:45px; background-position:0 -177px;} .lnb-sub04 .sub02 .sub-menu03:hover a > span, .lnb-sub04 .sub02 .sub-menu03.active a > span {width:68px; background-position:-150px -123px;} .lnb-sub04 .sub02 .sub-menu04:hover a > span, .lnb-sub04 .sub02 .sub-menu04.active a > span {width:68px; background-position:-150px -150px;} .lnb-sub04 .sub02 .sub-menu05:hover a > span, .lnb-sub04 .sub02 .sub-menu05.active a > span {width:45px; background-position:-150px -177px;} .lnb-sub04 .sub03 a > span {width:50px; background-position:0 -206px;} .lnb-sub04 .sub03 .sub-menu06 a > span {width:45px; background-position:0 -237px;} .lnb-sub04 .sub03 .sub-menu07 a > span {width:45px; background-position:0 -264px;} .lnb-sub04 .sub03 .sub-menu08 a > span {width:45px; background-position:0 -291px;} .lnb-sub04 .sub03 .sub-menu06:hover a > span, .lnb-sub04 .sub03 .sub-menu06.active a > span {width:45px; background-position:-150px -237px;} .lnb-sub04 .sub03 .sub-menu07:hover a > span, .lnb-sub04 .sub03 .sub-menu07.active a > span {width:45px; background-position:-150px -264px;} .lnb-sub04 .sub03 .sub-menu08:hover a > span, .lnb-sub04 .sub03 .sub-menu08.active a > span {width:45px; background-position:-150px -291px;} .lnb-sub04 .sub04 a > span {width:63px; background-position:0 -321px;} .lnb-sub04 .sub04 .sub-menu09 a > span {width:45px; background-position:0 -353px;} .lnb-sub04 .sub04 .sub-menu10 a > span {width:45px; background-position:0 -380px;} .lnb-sub04 .sub04 .sub-menu09:hover a > span, .lnb-sub04 .sub04 .sub-menu09.active a > span {width:45px; background-position:-150px -353px;} .lnb-sub04 .sub04 .sub-menu10:hover a > span, .lnb-sub04 .sub04 .sub-menu10.active a > span {width:45px; background-position:-150px -380px;} */ .lnb-sub04 .sub02 a > span {width:70px; background-position:0 -36px;} .lnb-sub04 .sub02 .sub-menu01 a > span {width:45px; background-position:2px -144px;} .lnb-sub04 .sub02 .sub-menu02 a > span {width:42px; background-position:2px -177px;} .lnb-sub04 .sub02 .sub-menu01:hover a > span, .lnb-sub04 .sub02 .sub-menu01.active a > span {width:80px; background-position:-108px -144px;} .lnb-sub04 .sub02 .sub-menu02:hover a > span, .lnb-sub04 .sub02 .sub-menu02.active a > span {width:45px; background-position:-107px -178px;} .lnb-sub04 .sub03 a > span {width:50px; background-position:0 -212px;} .lnb-sub04 .sub03 .sub-menu03 a > span {width:48px; background-position:0 -316px;} .lnb-sub04 .sub03 .sub-menu04 a > span {width:49px; background-position:0 -282px;} .lnb-sub04 .sub03 .sub-menu05 a > span {width:75px; background-position:0px -249px;} .lnb-sub04 .sub03 .sub-menu03:hover a > span, .lnb-sub04 .sub03 .sub-menu03.active a > span {width:52px; background-position:-109px -316px;} .lnb-sub04 .sub03 .sub-menu04:hover a > span, .lnb-sub04 .sub03 .sub-menu04.active a > span {width:50px; background-position:-108px -283px;} .lnb-sub04 .sub03 .sub-menu05:hover a > span, .lnb-sub04 .sub03 .sub-menu05.active a > span {width:80px; background-position:-108px -249px;} .lnb-sub05 li a > span {background-image:url(../images/img/lnb_menu05-1.png); background-repeat:no-repeat;} .lnb-sub05 .sub01 a > span{width:79px; background-position:0 0;} .lnb-sub05 .sub01:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub05 .sub01.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub05 .sub01:hover a > span, .lnb-sub05 .sub01.active a > span {width:79px; background-position:-108px -2px;} .lnb-sub05 .sub02 a > span{width:50px; background-position:0 -33px;} .lnb-sub05 .sub02:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub05 .sub02.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub05 .sub02:hover a > span, .lnb-sub05 .sub02.active a > span {width:50px; background-position:-108px -35px;} .lnb-sub05 .sub03 a > span{width:79px; background-position:0 -105px;} .lnb-sub05 .sub03:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub05 .sub03.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub05 .sub03:hover a > span, .lnb-sub05 .sub03.active a > span {width:79px; background-position:-108px -106px;} .lnb-sub05 .sub04 a > span{width:79px; background-position:0 -146px;} .lnb-sub05 .sub04:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub05 .sub04.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub05 .sub04:hover a > span, .lnb-sub05 .sub04.active a > span{width:79px; background-position:-108px -147px;} .lnb-sub05 .sub05 a > span{width:79px; background-position:0 -68px;} .lnb-sub05 .sub05:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub05 .sub05.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub05 .sub05:hover a > span, .lnb-sub05 .sub05.active a > span{width:79px; background-position:-108px -69px;} .lnb-sub06 li a > span {background-image:url(../images/img/lnb_menu06.png); background-repeat:no-repeat;} .lnb-sub06 .sub01 a > span{width:39px; background-position:0 0;} .lnb-sub06 .sub01:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub06 .sub01.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub06 .sub01:hover a > span, .lnb-sub06 .sub01.active a > span {width:39px; background-position:-161px 0;} .lnb-sub06 .sub02 a > span {width:76px; background-position:0 -36px;} .lnb-sub06 .sub02:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub06 .sub02.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub06 .sub02:hover a > span, .lnb-sub06 .sub02.active a > span {width:76px; background-position:-161px -36px;} .lnb-sub06 .sub03 a > span {width:51px; background-position:0 -72px;} .lnb-sub06 .sub03:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub06 .sub03.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub06 .sub03:hover a > span, .lnb-sub06 .sub03.active a > span {width:51px; background-position:-161px -72px;} .lnb-sub06 .sub04 a > span {width:50px; background-position:0 -108px;} .lnb-sub06 .sub04 .sub-menu01 a > span {width:97px; background-position:0 -140px;} .lnb-sub06 .sub04 .sub-menu02 a > span {width:85px; background-position:0 -167px;} .lnb-sub06 .sub04 .sub-menu01:hover a > span, .lnb-sub06 .sub04 .sub-menu01.active a > span {width:97px; background-position:-161px -140px;} .lnb-sub06 .sub04 .sub-menu02:hover a > span, .lnb-sub06 .sub04 .sub-menu02.active a > span {width:85px; background-position:-161px -167px;} .lnb-sub06 .sub05 a > span {width:77px; background-position:0 -200px;} .lnb-sub06 .sub05:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub06 .sub05.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub06 .sub05:hover a > span, .lnb-sub06 .sub05.active a > span {width:77px; background-position:-161px -200px;} .lnb-sub07 li a > span {background-image:url(../images/img/lnb_menu07.png); background-repeat:no-repeat;} .lnb-sub07 .sub01 a > span{width:101px; background-position:0 0;} .lnb-sub07 .sub01:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub07 .sub01.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub07 .sub01:hover a > span, .lnb-sub07 .sub01.active a > span {width:101px; background-position:-182px 0;} .lnb-sub07 .sub02 a > span{width:52px; background-position:0 -36px;} .lnb-sub07 .sub02:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub07 .sub02.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub07 .sub02:hover a > span, .lnb-sub07 .sub02.active a > span {width:52px; background-position:-182px -36px;} .lnb-sub07 .sub03 a > span{width:117px; background-position:0 -72px;} .lnb-sub07 .sub03:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub07 .sub03.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub07 .sub03:hover a > span, .lnb-sub07 .sub03.active a > span {width:117px; background-position:-182px -72px;} .lnb-sub07 .sub04 a > span{width:50px; background-position:0 -108px;} .lnb-sub07 .sub04:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub07 .sub04.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub07 .sub04:hover a > span, .lnb-sub07 .sub04.active a > span{width:50px; background-position:-182px -108px;} .lnb-invest li a > span {background-image:url(../images/img/img_navi_invest_title.png); background-repeat:no-repeat; } .sub-depth > li > a > span {display:block; height:15px;} .lnb-title.lnb-invest { height:28px; } .lnb-sub08 li a > span {background-image:url(../images/img/lnb_menu08.png); background-repeat:no-repeat;} .lnb-sub08 .sub01 a > span{width:79px; background-position:0 0;} .lnb-sub08 .sub01:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub08 .sub01.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub08 .sub01:hover a > span, .lnb-sub08 .sub01.active a > span {width:79px; background-position:-78px 0;} .lnb-sub08 .sub02 a > span{width:50px; background-position:0 -34px;} .lnb-sub08 .sub02:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub08 .sub02.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub08 .sub02:hover a > span, .lnb-sub08 .sub02.active a > span {width:50px; background-position:-78px -35px;} .lnb-sub08 .sub03 a > span{width:79px; background-position:0 -69px;} .lnb-sub08 .sub03:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub08 .sub03.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub08 .sub03:hover a > span, .lnb-sub08 .sub03.active a > span {width:79px; background-position:-78px -69px;} .lnb-sub08 .sub04 a > span{width:79px; background-position:0 -105px;} .lnb-sub08 .sub04:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub08 .sub04.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub08 .sub04:hover a > span, .lnb-sub08 .sub04.active a > span{width:79px; background-position:-78px -105px;} .lnb-sub08 .sub05 a > span{width:79px; background-position:0 -139px;} .lnb-sub08 .sub05:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub08 .sub05.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub08 .sub05:hover a > span, .lnb-sub08 .sub05.active a > span{width:79px; background-position:-78px -139px;} .lnb-sub08 .sub06 a > span{width:79px; background-position:0 -174px;} .lnb-sub08 .sub06:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub08 .sub06.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub08 .sub06:hover a > span, .lnb-sub08 .sub06.active a > span{width:79px; background-position:-78px -174px;} .lnb-sub09 li a > span {background-image:url(../images/img/lnb_menu09.png); background-repeat:no-repeat;} .lnb-sub09 .sub01 a > span{width:79px; background-position:0 0;} .lnb-sub09 .sub01:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub09 .sub01.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub09 .sub01:hover a > span, .lnb-sub09 .sub01.active a > span {width:79px; background-position:-97px -1px;} .lnb-sub09 .sub02 a > span{width:79px; background-position:0 0;} .lnb-sub09 .sub02:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub09 .sub02.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub09 .sub02:hover a > span, .lnb-sub09 .sub02.active a > span {width:79px; background-position:-97px -36px;} .lnb-sub10 li a > span {background-image:url(../images/img/lnb_menu00.png); background-repeat:no-repeat;} .lnb-sub10 .sub01 a > span{width:79px; background-position:0 0;} .lnb-sub10 .sub01:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub10 .sub01.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub10 .sub01:hover a > span, .lnb-sub10 .sub01.active a > span {width:79px; background-position:-133px -3px;} .lnb-sub10 .sub02 a > span{width:115px; background-position:0 -35px;} .lnb-sub10 .sub02:hover a {background:url(../images/bg/bg_sub_depth01_hover.gif) 0 0 no-repeat;} .lnb-sub10 .sub02.active a {margin-right:0; background:url(../images/bg/bg_sub_depth01.png) 0 0 no-repeat;} .lnb-sub10 .sub02:hover a > span, .lnb-sub10 .sub02.active a > span {width:115px; background-position:-133px -38px;} /* ================================================================================================== #Footer /* =================================================================================================== */ #Footer {padding:20px 0; border-top:1px solid #dfdfdf;} .footer {position:relative; width:883px; margin-left:57px; padding-left:160px; background:url(../images/img/foot_logo.gif) 0 0 no-repeat;} .footer .foot-menu {overflow:hidden; margin-bottom:15px;} .footer .foot-menu li {position:relative; float:left; margin-right:5px; padding-right:5px;} .footer .foot-menu li:before {content:''; position:absolute; top:2px; right:0; width:1px; height:6px; background-color:#d7d7d7;} .footer .foot-menu li a {display:block; font-size:11px} .footer .foot-menu li.foot-mail a {/*width:80px; background:url(../images/img/foot_emil.gif) 0 0 no-repeat;*/} .footer .foot-menu li.foot-privacy a {/* width:68px; background:url(../images/img/foot_privacy.gif) 0 0 no-repeat; */ font-weight:bold;} .footer .foot-menu li.foot-use a {/* width:35px; background:url(../images/img/foot_use.gif) 0 0 no-repeat; */} .footer .foot-menu li.foot-contact a {/* width:52px; background:url(../images/img/foot_contact.gif) 0 0 no-repeat; */} .footer .foot-menu li.foot-contact:before {display:none;} .footer .foot-menu li.foot-cyber a {/* width:55px; background:url(../images/img/foot_cyber.png) 0 0 no-repeat; */} .footer .foot-menu li.foot-cyber:before {content:''; position:absolute; top:2px; left:-4px; width:1px; height:6px; background-color:#d7d7d7;} .footer address { /*width:420px; height:10px; background:none;background:url(../images/img/img_address.gif) 0 0 no-repeat;*/margin-bottom:7px; font-size:11px; line-height:1.5;} .footer .copyright {/* width:260px; height:7px; background:url(../images/img/img_copyright.gif) 0 0 no-repeat;*/ font-size:11px; color:#999;} .footer-right {position:absolute; z-index:100; right:90px; top:21px;} .footer-right ul {display:none; position:absolute; left:0; width:140px; bottom:22px; border:1px solid #c7c7c7; border-bottom:0; background-color:#fff; padding:10px 0;} .footer-right ul li {padding:0 10px; font-size:12px; height:25px; line-height:25px; cursor:pointer;} .footer-right ul li:hover {background-color:#e5e5e5;} .footer-right ul li div.family-link{ width:140px; padding:0 10px; } /* ================================================================================================== .contents /* =================================================================================================== */ .contents {float:left; width:725px; min-height:922px; margin:30px 0 0 57px;} .dw-section {position:relative; padding-bottom:100px;} .area-com {overflow:hidden;} .area-title-wrap {position:relative; margin-bottom:40px; padding:21px 0 0; border-bottom:7px solid #7b7b7b;} .area-title-wrap:before {content:''; position:absolute; left:0; top:0; width:32px; height:6px; background-color:#e51b1b;} .area-tit {height:26px; background:url(../images/img/area_title_txt_01-1.png) 0 0 no-repeat;} .area-tit-01{height:26px; background:url(../images/img/area_title_txt_01.png) 0 0 no-repeat;} .area-txt {height:13px; margin:16px 0 31px; background:url(../images/img/area_title_txt_01-1.png) 0 0 no-repeat;} .dw-tit01 {width:95px; background-position:0 0;} /* 대원개요 */ .dw-txt01 {width:176px; background-position:0 -41px;} /* 대원개요 txt */ .dw-tit02 {width:169px; background-position:0 -63px;} /* 기업문화와 비전 */ .dw-txt02 {width:183px; background-position:0 -104px;} /* 기업문화와 비전 txt */ .dw-tit03 {width:93px; background-position:0 -126px;} /* 주요연혁 */ .dw-txt03 {width:209px; background-position:0 -167px;} /* 주요연혁 txt */ .dw-tit04 {width:123px; background-position:0 -189px;} /* CEO인사말 */ .dw-txt04 {width:179px; background-position:0 -230px;} /* CEO인사말 txt */ .dw-tit05 {width:93px; background-position:0 -252px;} /* 품질경영 */ .dw-txt05 {width:429px; background-position:0 -293px;} /* 품질경영 txt */ .dw-tit06 {width:93px; background-position:0 -315px;} /* 윤리경영 */ .dw-txt06 {width:273px; background-position:0 -356px;} /* 윤리경영 txt */ .dw-tit07 {width:122px; background-position:0 -419px;} /* 그룹사안내 */ .dw-txt07 {width:342px; background-position:0 -460px;} /* 그룹사안내 txt */ .dw-tit08 {width:124px; background-position:0 -481px;} /* 그룹 조직도 */ .dw-txt08 {width:194px; background-position:0 -521px;} /* 그룹 조직도 txt */ .dw-tit09 {width:93px; background-position:0 -544px;} /* 사업소개 */ .dw-txt09 {width:140px; background-position:0 -585px;} /* 사업소개 txt(대원사업소개) */ .dw-txt09_02 {width:167px; background-position:0 -711px;} /* 사업소개 txt(주택사업소개) */ .dw-txt09_03 {width:140px; background-position:0 -798px;} /* 사업소개 txt(섬유사업소개) */ .dw-txt09_04 {width:151px; background-position:0 -778px;} /* 사업소개 txt(학생복사업소개) */ .dw-tit10 {width:118px; background-position:0 -607px;} /* 사업장주소 */ .dw-txt10 {width:258px; background-position:0 -648px;} /* 사업장주소 txt */ .dw-tit11 {width:94px; background-position:0 -670px;} /* 사업실적 */ .dw-txt11 {width:163px; background-position:0 -711px;} /* 사업실적 txt (주택사업실적) */ .dw-txt11_02 {width:189px; background-position:0 -732px;} /* 사업실적 txt (토목사업실적) */ .dw-txt11_03 {width:193px; background-position:0 -754px;} /* 사업실적 txt (해외사업실적) */ .dw-tit12 {width:140px; background-position:0 -840px;} /* 토목사업소개 */ .dw-txt12 {width:140px; background-position:0 -881px;} /* 토목사업소개 txt */ .dw-tit13 {width:140px; background-position:0 -903px;} /* 해외사업소개 */ .dw-txt13 {width:140px; background-position:0 -944px;} /* 해외사업소개 txt */ .dw-tit14 {width:93px; background-position:0 -965px;} /* 국내사업 */ .dw-txt14 {width:161px; background-position:0 -1006px;} /* 국내사업 txt */ .dw-tit15 {width:93px; background-position:0 -1028px;} /* 해외사업 */ .dw-txt15 {width:161px; background-position:0 -1069px;} /* 해외사업 txt */ .dw-tit16 {width:93px; background-position:0 -1050px;} /* 수상실적 */ .dw-txt16 {width:194px; background-position:0 -1091px;} /* 수상실적 txt */ .dw-tit17 {width:147px; background-position:0 -1154px;} /* 사회공헌소개 */ .dw-txt17 {width:287px; background-position:0 -1195px;} /* 사회공헌소개 txt */ .dw-tit18 {width:147px; background-position:0 -1217px;} /* 사회공헌소식 */ .dw-txt18 {width:287px; background-position:0 -1258px;} /* 사회공헌소식 txt */ .dw-tit19 {width:170px; height:28px; background:url(../images/img/area_title_txt_19.png) 0 0 no-repeat;} /* 주식회사 대원 */ .dw-txt19 {width:207px; background-position:0 -1320px;} /* 대원소식 txt */ .dw-tit-etc-company {width:170px; height:28px; background:url(../images/img/area_title_txt_etc_company.png) 0 0 no-repeat;} /* 기타관계회사 */ .dw-txt-etc-company {width:207px; background-position:0 -1280px;} /* 기타관계회사 txt */ .dw-tit20 {width:74px; background-position:0 -1343px;} /* CI소개 */ .dw-txt20 {width:165px; background-position:0 -1384px;} /* CI소개 txt */ .dw-tit21 {width:70px; background-position:0 -1406px;} /* BI소개 */ .dw-txt21 {width:166px; background-position:0 -1447px;} /* BI소개 txt */ .dw-tit22 {width:93px; background-position:0 -1469px;} /* 수상실적 */ .dw-txt22 {width:264px; background-position:0 -1510px;} /* 수상실적 txt */ .dw-tit23 {width:100px; background:url(../images/img/navi_title_brochure.png) 0 0 no-repeat;} /* 브로슈어 */ .dw-txt23 {width:260px; background:url(../images/img/brochure_title.png) 0 0 no-repeat;} /* 브로슈어 txt */ .dw-tit24 {width:200px; height:30px; background:url(../images/img/navi_title_introduce.png) 0 0 no-repeat;} /* 회사소개영상 */ .dw-txt24 {width:209px; background-position:0 -1635px;} /* 영상광고 txt */ .dw-tit25 {width:147px; background-position:0 -1657px;} /* 자주하는질문 */ .dw-txt25 {width:248px; background-position:0 -1698px;} /* 자주하는질문 txt */ .dw-tit26 {width:93px; background-position:0 -1720px;} /* 고객문의 */ .dw-txt26 {width:226px; background-position:0 -1761px;} /* 고객문의 txt */ .dw-tit27 {width:145px; background-position:0 -1783px;} /* 담당자연락처 */ .dw-txt27 {width:258px; background-position:0 -1824px;} /* 담당자연락처 txt */ .dw-tit28 {width:146px; background-position:0 -1846px;} /* 찾아오시는길 */ .dw-txt28 {width:248px; background-position:0 -1887px;} /* 찾아오시는길 txt */ .dw-tit29 {width:72px; background-position:0 -1909px;} /* 인재상 */ .dw-txt29 {width:197px; background-position:0 -1950px;} /* 인재상 txt */ .dw-tit30 {width:139px; background-position:0 -1972px;} /* 입사지원안내 */ .dw-txt30 {width:176px; background-position:0 -2013px;} /* 입사지원안내 txt */ .dw-tit31 {width:95px; background-position:0 -2035px;} /* 채용공고 */ .dw-txt31 {width:197px; background-position:0 -2076px;} /* 채용공고 txt */ .dw-tit32 {width:200px; background-position:0 -2098px;} /* 채용자주묻는질문 */ .dw-txt32 {width:252px; background-position:0 -2139px;} /* 채용자주묻는질문 txt */ .dw-tit33 {width:175px; background-position:0 -2161px;} /* 채용온라인문의 */ .dw-txt33 {width:292px; background-position:0 -2202px;} /* 채용온라인문의 txt */ .dw-tit34 {width:187px; background-position:0 -2185px;} /* 개인정보취급방침 */ .dw-txt34 {width:217px; background-position:0 -2224px;} /* 개인정보취급방침 txt */ .dw-tit35 {width:94px; background-position:0 -2246px;} /* 이용약관 */ .dw-tit36 {width:217px; background-position:0 -2283px;} /* 이메일무단수집거부 */ .dw-tit37 {width:94px; background-position:0 -2319px;} /* 사이트맵 */ .dw-tit38 {width:726px; height:90px; background:url(../images/img/area_title_txt_invest_01.png) 0 0 no-repeat;} /* 투자정보 */ .dw-tit39 {width:726px; height:90px; background:url(../images/img/area_title_txt_invest_02.png) 0 0 no-repeat;} /* 투자정보 */ .dw-tit40 {width:726px; height:90px; background:url(../images/img/area_title_txt_invest_03.png) 0 0 no-repeat;} /* 투자정보 */ .dw-tit41 {width:726px; height:90px; background:url(../images/img/area_title_txt_invest_04.png) 0 0 no-repeat;} /* 투자정보 */ .dw-tit42 {width:726px; height:90px; background:url(../images/img/area-title-txt-invest_05.png) 0 0 no-repeat;} /* 투자정보*/ .dw-tit43 {width:726px; height:90px; background:url(../images/img/area-title-txt-invest_06.png) 0 0 no-repeat;} /* 투자정보*/ .dw-tit37 {width:94px; background-position:0 -2319px;} /* 사이트맵 */ .dw-tit44 {width:150px; background-position:0 -2432px; margin:0px 0 31px;} /* 복리후생제도 */ /*10/7추가*/ .dw-tit06-1.dw-tit06-1{width: 200px; background-position: 0 -379px; margin: 0px 0 31px;} .dw-tit06-2{width: 220px; background-position: 0 -2394px !important; margin: 0px 0 31px;} .safety-tab{margin-bottom: 40px;} .safety-tab ul {display: flex; justify-content: space-between;} .safety-tab ul li{height: 40px; width: 100%; margin-right: 5px; line-height: 40px; text-align: center; border: 1px solid #e51b1b;border-radius: 3px;} .safety-tab ul li:last-child{margin-right: 0;} .safety-tab ul li a{display: block; color: #8d8d8d;} .safety-tab ul li.focus{background-color: #e51b1b;} .safety-tab ul li.focus > a{color: #fff; font-weight: 600;} .c4-title-wrap-1 {overflow:hidden; padding-left:15px;} .c4-title-wrap-1 h4 {position:relative; height:21px; background:url(../images/img/c4_title.png) 0 0 no-repeat;} .c4-title-wrap-1 h4:before {content:''; position:absolute; top:7px; left:-15px; width:4px; height:4px; background:url(../images/bullet/bullet_02.gif) 0 0 no-repeat;} .c4-title-wrap-1 h4 {position:relative; height:21px; background:url(../images/img/area_title_txt_02.png) 0 0 no-repeat;} .c4-title-wrap-1 .c4-title10-1 {width:152px; margin-bottom:15px; background-position:0 -1216px;} .txt-type01 .txt-strong{display: block; font-size: 15px; font-weight: bold; margin-bottom: 5px;} .txt-type01 .txt-strong:before{content: ''; display: inline-block; border-bottom: 10px solid #8d8d8d; border-left: 10px solid transparent; transform: rotate(-45deg); margin-right: 5px;} /*안전보건경영방침*/ .area-tit-1 {height:26px; background:url(../images/img/area_title_txt_01-1.png) 0 0 no-repeat;} .area-txt-1 {height:13px; margin:16px 0 31px; background:url(../images/img/area_title_txt_02.png) 0 0 no-repeat;} /*안전보건경영 cycle*/ .c4-title-wrap-1 .c4-title10-2 {width: 188px; margin-bottom: 15px; background-position: 0 -1245px;} /*//10/7추가*/ .c4-title-wrap {overflow:hidden; padding-left:15px;} .c4-title-wrap h4 {position:relative; height:21px; background:url(../images/img/c4_title.png) 0 0 no-repeat;} .c4-title-wrap h4:before {content:''; position:absolute; top:7px; left:-15px; width:4px; height:4px; background:url(../images/bullet/bullet_02.gif) 0 0 no-repeat;} .c4-title-wrap .c4-title01 {width:360px; margin-bottom:15px; background-position:0 0;} /* 대원의 미래가 대한민국의 미래가 되고 있습니다. */ .c4-title-wrap .c4-title02 {width:68px; margin-bottom:15px; background-position:0 -29px;} /* 기업문화 */ .c4-title-wrap .c4-title03 {width:68px; margin:35px 0 15px; background-position:0 -58px;} /* 기업비전 */ .c4-title-wrap .c4-title04 {width:232px; margin-bottom:20px; background-position:0 -87px;} /* 창조적 혁신으로 변화하는 대원 */ .c4-title-wrap .c4-title04_02 {width:105px; margin-bottom:20px; background-position:0 -1100px;} /* 도약하는 대원 */ .c4-title-wrap .c4-title04_03 {width:138px; margin-bottom:20px; background-position:0 -1129px;} /* 성장해가는 대원 */ .c4-title-wrap .c4-title04_04 {width:213px; margin-bottom:20px; background-position:0 -1158px;} /* 발전의 한걸음을 내디딘 대원 */ .c4-title-wrap .c4-title04_05 {width:89px; margin-bottom:20px; background-position:0 -1187px;} /* 대원의 시작 */ .c4-title-wrap .c4-title05 {width:32px; background-position:0 -116px;} /* 학력 */ .c4-title-wrap .c4-title06 {width:32px; background-position:0 -145px;} /* 경력 */ .c4-title-wrap .c4-title07 {width:68px; background-position:0 -174px;} /* 주요활동 */ .c4-title-wrap .c4-title08 {width:34px; background-position:0 -203px;} /* 상훈 */ .c4-title-wrap .c4-title09 {width:232px; margin-bottom:15px; background-position:0 -232px;} /* 품질경영방침에 대한 내부 방침 */ .c4-title-wrap .c4-title10 {width:152px; margin-bottom:15px; background-position:0 -261px;} /* 대원의 4대 책임이행 */ .c4-title-wrap .c4-title11 {width:142px; margin-bottom:15px; background-position:0 -290px;} /* 대원의 그룹 조직도 */ .c4-title-wrap .c4-title12 {width:178px; margin:35px 0 15px; background-position:0 -319px;} /* 성지건설의 그룹 조직도 */ .c4-title-wrap .c4-title13 {width:290px; margin-bottom:15px; background-position:0 -348px;} /* 고객을 위해 더 높은 가치를 창조합니다 */ .c4-title-wrap .c4-title14 {width:406px; margin-bottom:15px; background-position:0 -376px;} /* (주)대원의 주택사업은 21세기 주거문화를 선도합니다. */ .c4-title-wrap .c4-title15 {width:88px; margin:35px 0 15px; background-position:0 -406px;} /* 브랜드 안내 */ .c4-title-wrap .c4-title16 {width:401px; margin-bottom:15px; background-position:0 -435px;} /* (주)대원의 토목사업은 대한민국의 미래를 건설합니다. */ .c4-title-wrap .c4-title17 {width:506px; margin-bottom:15px; background-position:0 -464px;} /* (주)대원의 해외사업은 건설문화의 창조적 주역으로써 펼쳐나갑니다. */ .c4-title-wrap .c4-title18 {width:145px; margin:35px 0 15px; background-position:-106px -494px;} /* 해외사업영역 -> 해외현지법인 현황 변경*/ .c4-title-wrap .c4-title19 {width:456px; margin-bottom:15px; background-position:0 -523px;} /* (주)대원의 섬유사업은 신뢰를 갖춘 기업으로 거듭나겠습니다. */ .c4-title-wrap .c4-title20 {width:122px; margin:35px 0 15px; background-position:0 -553px;} /* 국내브랜드 안내 */ .c4-title-wrap .c4-title21 {width:122px; margin-top:35px; background-position:0 -582px;} /* 해외브랜드 안내 */ .c4-title-wrap .c4-title22 {width:140px; margin-bottom:15px; background-position:0 -610px;} /* 염색공정(DYEING) */ .c4-title-wrap .c4-title23 {width:160px; margin:35px 0 15px; background-position:0 -640px;} /* 방적공정(SPINNING) */ .c4-title-wrap .c4-title24 {width:158px; margin:35px 0 15px; background-position:0 -670px;} /* 직포공정(WEAVING) */ .c4-title-wrap .c4-title25 {width:162px; margin:35px 0 15px; background-position:0 -700px;} /* 가공공정(FINISHING) */ .c4-title-wrap .c4-title26 {width:66px; margin:35px 0 15px; background-position:0 -730px;} /* 원사사업 */ .c4-title-wrap .c4-title27 {width:152px; margin-bottom:15px; background-position:0 -758px;} /* 대원텍스타일베트남 */ .c4-title-wrap .c4-title28 {width:118px; margin:35px 0 15px; background-position:0 -786px;} /* 동국베트남방직 */ .c4-title-wrap .c4-title29 {width:284px; margin-bottom:15px; background-position:0 -815px;} /* 다리가 길어보이는 학생복, 아이비클럽 */ .c4-title-wrap .c4-title30 {width:164px; margin-bottom:15px; background-position:0 -844px;} /* 사랑의 교복 지원 사업 */ .c4-title-wrap .c4-title31 {width:186px; margin-bottom:15px; background-position:0 -874px;} /* 대원 / 자영 / 성지건설 CI */ .c4-title-wrap .c4-title32 {width:108px; margin-bottom:15px; background-position:0 -904px;} /* 대원의 BI 소개 */ .c4-title-wrap .c4-title33 {width:68px; margin:25px 0 15px; background-position:0 -932px;} /* 모집시기 */ .c4-title-wrap .c4-title34 {width:68px; margin:25px 0 15px; background-position:0 -961px;} /* 모집분야 */ .c4-title-wrap .c4-title35 {width:215px; margin-bottom:15px; background-position:0 -990px;} /* 지원하기전에 꼭 알아두세요! */ .c4-title-wrap .c4-title36 {width:62px; margin:25px 0 15px; background-position:0 -1019px;} /* 이용약관 */ .c4-title-wrap .c4-title37 {width:201px; margin-bottom:15px; background-position:0 -1046px;} /* 개인정보의 수집 및 이용안내 */ .c4-title-wrap .c4-title38 {width:96px; margin-bottom:15px; background-position:0 -1073px;} /* 개인정보 입력 */ /* 대원개요 */ .outline-list {margin-top:25px; padding-top:25px; border-top:1px dashed #bebebe;} .outline-list li {width:100%; margin-top:25px;} .outline-list li.first {margin:0;} .outline-list li dl.outline-left {position:relative; height:232px; padding-left:368px;} .outline-list li dl.outline-left dt {font-size:20px; color:#454545; font-weight:bold; letter-spacing:-2px;} .outline-list li dl.outline-left dd {margin-top:25px; font-size:13px; line-height:22px; color:#8d8d8d;} .outline-list li dl.outline-left dd.outline-img {position:absolute; left:0; top:0; width:349px; height:232px; margin:0;} .outline-list li dl.outline-right {position:relative; height:232px; padding-right:368px;} .outline-list li dl.outline-right dt {font-size:20px; color:#454545; font-weight:bold; letter-spacing:-2px;} .outline-list li dl.outline-right dd {margin-top:25px; font-size:13px; line-height:22px; color:#8d8d8d;} .outline-list li dl.outline-right dd.outline-img {position:absolute; right:0; top:0; width:349px; height:232px; margin:0;} /* 기업문화 */ .company-list {overflow:hidden;} .company-list li {float:left; width:173px; height:120px; margin-right:8px; padding-top:158px; border:1px solid #e5e5e5; text-align:center;} .company-list li.last {margin:0;} .company-list li.company01 {background:url(../images/img/culture01.jpg) no-repeat center 40px;} .company-list li.company02 {background:url(../images/img/culture02.jpg) no-repeat center 40px;} .company-list li.company03 {background:url(../images/img/culture03.jpg) no-repeat center 40px;} .company-list li.company04 {background:url(../images/img/culture04.jpg) no-repeat center 40px;} /* 기업비전 */ .vision-list {overflow:hidden;} .vision-list li {float:left; width:231px; height:72px; margin-right:13px; padding-top:128px; border:1px solid #e5e5e5; text-align:center;} .vision-list li.last {margin:0;} .vision-list li.vision01 {background:url(../images/img/vision01.jpg) no-repeat center 40px;} .vision-list li.vision02 {background:url(../images/img/vision02.jpg) no-repeat center 40px;} .vision-list li.vision03 {background:url(../images/img/vision03.jpg) no-repeat center 40px;} /* 품질경영 */ .img-quality {margin:20px 0 25px;} .img-quality img {width:100%;} .quality-list {overflow:hidden;} .quality-list li {float:left; margin-right:15px; text-align:center;} .quality-list li.last {margin:0;} .quality-list li span {display:block; margin-top:10px; font-size:12px; color:#5f5f5f; letter-spacing:-2px;} /* 윤리경영 */ .img-ethics {margin-top:35px;} /* 그룹 조직도 */ .img-group img {width:100%;} /* 사업소개 */ .business-list {overflow:hidden;} .business-list > li {float:left; width:348px; margin:0 28px 25px 0;} .business-list > li.last {margin:0;} .business-list > li strong {display:block; margin:20px 0 15px; font-size:17px; color:#414141;} .business-list > li p {height:98px; font-size:12px; line-height:20px; color:#959595;} .business-list > li p.business-txt {height:60px;} .business-list > li ul li strong {display:block; margin:25px 0 0 0; padding-left:6px; font-size:12px; color:#6f6f6f; background:url(../images/bullet/bullet_03.gif) no-repeat 0 8px;} .business-list > li ul li ul li {padding-left:6px; font-size:12px; line-height:19px; color:#959595;} .housing-intro {overflow:hidden;} .housing-intro .intro-visual {float:left;} .intro-visual .bx-wrapper {border:1px solid #ddd;} .intro-slide-pager {overflow:hidden;} .intro-slide-pager a {float:left; position:relative;} .intro-visual .intro-slide-pager a:before {content:''; display:block; position:absolute; left:0; top:0; width:90px; height:67px; background:url(../images/bg/bg_modal.png);} .intro-visual .intro-slide-pager a.active:before {background:none;} .housing-intro .housing-title {float:right; width:346px;} .housing-intro .housing-title strong {display:block; margin:47px 0 20px; font-size:16px; line-height:22px; color:#be1924;} .housing-intro .housing-title p {font-size:13px; line-height:20px; color:#969696;} .brand-list {position:relative; height:241px; margin-bottom:20px; padding-left:338px;} .brand-list dt {font-size:16px; color:#3a3a3a; font-weight:bold;} .brand-list dd {margin-top:18px; font-size:13px; color:#969696; line-height:22px;} .brand-list dd a.short-btn01 {display:block; height:22px; margin-top:34px; background:url(../images/btn/short_btn01.gif) no-repeat 0 0;} .brand-list dd a.short-btn02 {display:block; height:22px; margin-top:34px; background:url(../images/btn/short_btn02.gif) no-repeat 0 0;} .brand-list dd a.short-btn03 {display:block; height:22px; margin-top:34px; background:url(../images/btn/short_btn03.gif) no-repeat 0 0;} .brand-list dd.brand-img {position:absolute; left:0; top:0; width:320px; height:241px; margin:0; border:1px solid #ddd; box-sizing:border-box;} .process-list {overflow:hidden; margin-top:15px;} .process-list li {float:left; margin:0 8px 15px 0; border:1px solid #ddd; box-sizing:border-box; } .process-list li.last {margin:0 0 15px 0;} .img-overseas {text-align:center;} /* ceo-greetings */ .ceo-greetings {border:1px solid #ddd;} .ceo-greetings .bx-wrapper {position:relative;} .ceo-greetings .bx-wrapper .bx-viewport {z-index:0;} .ceo-greetings .bx-wrapper .bx-viewport { height:230px; } /*.ceo-greetings .bx-wrapper .bx-viewport .ceo-slide {height:297px; background:url(../images/img/img_ceo.jpg) 0 0 no-repeat;}*/ /*.ceo-greetings .bx-wrapper .bx-controls {position:absolute; left:15px; bottom:15px; z-index:10; width:86px;} .ceo-greetings .bx-wrapper .bx-controls a {display:block; width:26px; height:26px; background:url(../images/btn/btn_slide_control.png) 0 0 no-repeat; font-size:0; line-height:0; text-indent:-999em;} .ceo-greetings .bx-wrapper .bx-controls .bx-prev {float:left; background-position:0 0;} .ceo-greetings .bx-wrapper .bx-controls .bx-prev:hover {float:left; background-position:0 -35px;} .ceo-greetings .bx-wrapper .bx-controls .bx-next {float:right; background-position:-60px 0;} .ceo-greetings .bx-wrapper .bx-controls .bx-next:hover {float:right; background-position:-60px -35px;} .ceo-greetings .bx-wrapper .bx-controls .bx-controls-auto {position:absolute; top:0; left:50%; margin-left:-13px;} .ceo-greetings .bx-wrapper .bx-controls .bx-controls-auto .bx-stop {background-position:-30px -35px;} .ceo-greetings .bx-wrapper .bx-controls .bx-controls-auto .bx-start {background-position:-30px 0;}*/ .bx-prev,.bx-next,.bx-stop { font-size:0px; } /* 2015-09-12 삭제 .ceo-spec {margin-bottom:20px; padding:0 15px;} .ceo-spec li.spec-list {overflow:hidden; padding:15px 0; border-top:1px solid #eaeaea;} .ceo-spec li.spec-list div {float:left; width:118px; margin-top:2px;} .ceo-spec li.spec-list ul {float:left; width:560px;} .ceo-spec li.spec-list ul li {position:relative; padding-left:210px;} .ceo-spec li.spec-list ul li .year {position:absolute; top:0; left:0; font-size:15px; color:#555; font-weight:bold;} */ .ceo-intro {overflow:hidden; margin:0 15px; padding:5px 0 40px; border-top:1px solid #eaeaea;} .ceo-intro .text {margin-top:20px; font-size:13px;} .ceo-intro .text-red {color:#d42020;} .ceo-intro-lft {float:left; width:50%; padding-right:20px; box-sizing:border-box;} .ceo-intro-rt {float:right; width:50%; padding-left:20px; box-sizing:border-box;} /* 주요연혁 */ .history-cont {display:none;} .cont01.history-cont {display:block;} .history-list {border-top:2px solid #929292;} .history-list li.history-box {position:relative; padding:18px 0; border-bottom:1px solid #e1e1e1;} .history-list li .year {position:absolute; top:50%; left:10px; margin-top:-15px; color:#eb1409; font-size:20px;} .history-list li ul.history-info {padding-left:100px;} .history-list li ul.history-info li {position:relative; margin-top:10px; padding-left:20px; font-size:13px; color:#6b6b6b;} .history-list li ul.history-info li:first-child {margin-top:0;} .history-list li ul.history-info li .month {position:absolute; top:0; left:0; font-size:13px; color:#4b4b4b; font-weight:bold;} .history-list li ul.history-info li ul li {padding:0;} .history-list li ul.history-info li dl {position:relative; min-height:77px; padding:29px 0 0 160px} .history-list li ul.history-info li dl dt {margin-top:15px;padding-left:10px; color:#4b4b4b; font-weight:bold; font-size:13px; background:url(../images/bullet/bullet_03.gif) left center no-repeat;} .history-list li ul.history-info li dl dd {padding-left:10px; color:#6b6b6b; font-size:13px;} .history-list li ul.history-info li dl dd.img-box {position:absolute; top:0; left:0; width:142px; height:106px; padding:0; border:1px solid #e4e4e4;} .history-list li ul.history-info li dl dd.img-box img {width:142px; height:106px;} /* 그룹사 안내 */ .group-list01 {float:left; width:480px;} .group-list01 li {width:228px; height:248px; border:1px solid #dfdfdf; box-sizing:border-box;} .group-list01 li .img-box {border-bottom:1px solid #dfdfdf;} .group-list01 li .group-title {display:block; margin-top:10px; padding:0 10px; font-size:14px; color:#272727; font-weight:normal;} .group-list01 li .slogan {display:block; margin-top:10px; padding:0 10px; font-size:11px; color:#a1a0a0;} .group-list01 li .btn-view {display:block; width:83px; height:22px; margin:10px auto 0; background:url(../images/btn/btn_view.gif) 0 0 no-repeat;} .group-list01 li.group01 {float:left;} .group-list01 li.group02 {float:right;} .group-list01 li.group03 {float:left; margin-top:30px;} .group-list01 li.group04 {float:right; margin-top:30px;} .group-list02 {float:right;} .group-list02 li {display:table; width:220px; height:52px; margin-top:7px; padding:8px 9px 0; border:1px solid #dfdfdf; box-sizing:border-box;} .group-list02 li:first-child {margin-top:0;} .group-list02 li strong {display:table-row; font-size:12px; color:#272727; letter-spacing:-2px;} .group-list02 li span {display:table-row; font-size:11px; color:#a1a0a0; letter-spacing:-1px; line-height:12px;} /* 사업실적 */ .thumb-wrap {} .thumb-wrap .title {color:#a6a6a6; font-size:12px;} .thumb-list4 {overflow:hidden; margin:-20px -20px 0;} .thumb-list4 .thumb-item {float:left; width:50%; margin-top:40px; padding:0 20px; box-sizing:border-box;} .thumb-list4 .thumb-item .inner {border:1px solid #ddd;} .thumb-list4 .thumb-item .img-area {width:100%;} .thumb-list4 .thumb-item .img-area img {width:100%;} .thumb-list4 .thumb-item .info-area {position:relative; padding:12px 15px 15px;} .thumb-list4 .thumb-item .info-area .info-title {color:#272727; font-size:16px;} .thumb-list4 .thumb-item .info-area .list {margin-top:20px;} .thumb-list4 .thumb-item .info-area .list .item {color:#a1a0a0; font-size:12px; line-height:1.8;} .thumb-list4 .thumb-item .info-area .list .item .title-text {display:inline-block; width:90px;} .thumb-list4 .thumb-item .info-area .link-homepage {font-size:0; line-height:0;} .thumb-list4 .thumb-item .btn-group {overflow:hidden; margin-top:15px;} .thumb-list4 .thumb-item .btn-group .btn-interest, .thumb-list4 .thumb-item .btn-group .btn-detail {float:left; width:120px; height:38px; color:#fff; font-size:13px; font-weight:bold; text-align:center; line-height:38px;} .thumb-list4 .thumb-item .btn-group .btn-interest {background-color:#d43227;} .thumb-list4 .thumb-item .btn-group .btn-detail {margin-left:3px; background-color:#ef6e4f;} .thumb-list4 .thumb-item .thumb-label {position:absolute; left:-4px; top:-22px; height:25px; padding:0 16px 0 14px; color:#fff; font-size:11px; line-height:22px;} .thumb-list4 .thumb-item .thumb-label.blue {background:url(/images/bg/bg_label01.png) no-repeat 0 0;} .thumb-list4 .thumb-item .thumb-label.pink {background:url(/images/bg/bg_label02.png) no-repeat 0 0;} .thumb-list4 .thumb-item .thumb-label.yellow {background:url(/images/bg/bg_label03.png) no-repeat 0 0;} /* 찾아오시는 길, 연락처 리스트 */ .contact-list {border-top:2px solid #414141; border-bottom:1px solid #414141;} .contact-list li {overflow:hidden; position:relative; padding:20px; border-bottom:1px solid #e7e7e7;} .contact-list li.last {border:0;} .contact-list li dl {overflow:hidden;} .contact-list li dl dt {float:right; width:523px; font-size:14px; color:#272727; line-height:16px; font-weight:bold;} .contact-list li dd.contact-info {float:right; width:523px; margin-top:8px; background:url(../images/bullet/bullet_01.gif) left center no-repeat; font-size:12px; color:#767676;} .contact-list li dd.contact-info span {margin-right:15px; padding:0 15px 0 8px; background:url(../images/bg/bg_line.gif) right center no-repeat;} .contact-list li dd.thumb {float:left; width:140px; height:94px; margin:0; border:1px solid #e5e5e4;} .contact-list li dd.thumb img {width:140px; height:94px;} .contact-list li > a {position:absolute; top:60px; right:20px;} .office-addr{padding: 20px 10px; display: flex; align-items: center;} .office-addr span:first-child{box-sizing: border-box; font-size: 14px; color: #272727; line-height: 16px; font-weight: bold; margin-right: 5px;} .office-addr span{font-size: 14px; color: #767676;} /* 인쇄광고 */ .thumb-list2 {overflow:hidden;} .thumb-list2 li {position:relative; float:left; width:350px; margin:0 25px 40px 0; border:1px solid #dfdfdf; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .thumb-list2 li.last {margin-right:0;} .thumb-list2 li div {width:348px; height:232px; text-align:center;} .thumb-list2 li div img {width:348px; height:232px;} .thumb-list2 li dl dt {display:block; padding:15px; border-top:1px solid #e1e1e1; font-family:Nanum Gothic; font-size:16px; line-height:19px; color:#272727;} .thumb-list2 li .list-txt {position:relative; overflow:hidden; display:block;margin-bottom:6px; padding-left:56px; color:#a1a0a0; font-size:12px; background:url(../images/bullet/ico_dot.gif) no-repeat 15px 10px; text-overflow:ellipsis; white-space:nowrap;} .thumb-list2 li .list-txt .array {position:absolute; top:0; left:20px;} .thumb-list2 li .btn-view {float:right; width:83px; height:22px; margin:30px 15px 15px 0; background:url(../images/btn/btn_view.gif) 0 0 no-repeat;} .brochure-area { position:relative; display:flex; justify-content:center;} .btn-container { position:absolute; bottom:0; right:230px; } .brochure-item { display:inline-block; } .btn-container {display:inline-block; border:1px solid #e6e6e6; width:194px; height:44px; font-size:14px; color:#373737; line-height:44px; text-align:center; } .btn-container img { width:14px; height:14px;} .btn-download:after { display:inline-block; content:""; margin:0 6px; background:url('/images/img/icon-download-orange.png') no-repeat; width:14px; height:14px; vertical-align:middle; } /* 수상실적 */ .thumb-list3 {overflow:hidden;} .thumb-list3 li {position:relative; float:left; width:350px; margin:0 25px 40px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .thumb-list3 li a {display:block; padding-bottom:9px; border:1px solid #dfdfdf;} .thumb-list3 li.last {margin-right:0;} .thumb-list3 li div {width:348px; height:232px; text-align:center;} .thumb-list3 li div img {width:348px; height:232px;} .thumb-list3 li strong {display:block; overflow:hidden; width:100%; padding:15px; border-top:1px solid #e1e1e1; font-family:Nanum Gothic; font-size:16px; text-overflow:ellipsis; line-height:19px; color:#272727; white-space:nowrap;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .thumb-list3 li .intro-open {position:absolute; left:-5px; top:150px; width:94px; height:25px;color:#fff; font-size:13px; text-align:center;} .thumb-list3 li .list-txt {overflow:hidden; display:block;margin-bottom:6px; padding-left:21px; color:#a1a0a0; font-size:12px; background:url(../images/bullet/ico_dot.gif) no-repeat 15px 10px; text-overflow:ellipsis; white-space:nowrap;} /* 영상광고 */ .movies-list {overflow:hidden;} .movies-list li {position:relative; float:left; width:350px; margin:0 25px 40px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .movies-list li .inner {display:block; height:400px; border:1px solid #e1e1e1;} .movies-list li.last {margin-right:0;} .movies-list li a {display:block; position:absolute; left:0; top:0; width:348px; height:232px;} .movies-list li a:hover {background:url(../images/bg/bg_movies.png) 0 0; z-index:10;} .movies-list li img {width:100%; height:232px;} .movies-list li a:hover:before {content:''; display:block; position:absolute; left:50%; top:50%; width:84px; height:83px; margin:-41px 0 0 -42px; background:url(../images/bg/bg_btn_movies.png) no-repeat 0 0;} .movies-list li dl {padding:15px 0;} .movies-list li dt {padding:0 15px 10px 15px; font-family:Nanum Gothic; font-size:15px; font-weight:bold; line-height:24px; color:#272727;} .movies-list li dd {overflow:hidden; position:relative; min-height:24px; max-height:70px; padding-left:52px; padding-right:15px; color:#a1a0a0; font-size:12px; line-height:24px; background:url(../images/bullet/ico_dot.gif) no-repeat 14px 12px;} .movies-list li dd .array {position:absolute; left:20px; top:0;} /* 사회공헌 소개 */ .social-intro {min-height:241px; padding-left:360px; background:url(../images/bg/bg_social01.jpg) 0 0 no-repeat;} .social-intro dl dt {margin-bottom:20px; color:#be1924; font-weight:bold; font-size:16px; line-height:25px;} .social-intro dl dd {color:#969696; font-size:13px; line-height:21px; text-align:justify; letter-spacing:-1px;} .social-txt {padding-left:15px; font-size:13px; color:#969696; line-height:21px; text-align:justify; letter-spacing:-1px;} /* 사회공헌 소식 */ .history-cont {display:none;} .cont01.history-cont {display:block;} .history-list02 {border-top:2px solid #929292;} .history-list02 li.history-box {position:relative; padding:18px 0 8px; border-bottom:1px solid #e1e1e1;} .history-list02 li .year {position:absolute; top:50%; left:10px; margin-top:-15px; color:#eb1409; font-size:20px;} .history-list02 li ul {padding-left:100px;} .history-list02 li ul li {margin-top:10px;} .history-list02 li ul li:first-child {margin-top:0;} .history-list02 dl {position:relative; min-height:87px; padding:10px 0 0 160px;} .history-list02 .news-title {margin:0 0 5px 150px; padding-left:7px; color:#4b4b4b; font-size:13px; font-weight:bold; background:url(../images/bullet/bullet_03.gif) 0 9px no-repeat;} .history-list02 .news-text {margin-left:150px; padding-left:7px; color:#6b6b6b; font-size:13px; line-height:20px;} .history-list02 .img-box {position:absolute; top:0; left:0; width:300px; height:221px; border:1px solid #dcdcdc; box-sizing:border-box;} /* 자주하는 질문 */ .question {border-top:2px solid #414141; border-bottom:2px solid #414141;} .question li {border-top:1px solid #e7e7e7; background:url(../images/bullet/ico_q.gif) no-repeat 15px 18px; } .question li:first-child {border:0;} .question li .q-txt {cursor:pointer;padding:18px 0 18px 56px; background:url(../images/btn/btn_open.gif) no-repeat 98% 13px; font-size:12px; line-height:18px; color:#818181;} .question li .q-txt.active {background:url(../images/btn/btn_close.gif) no-repeat 98% 13px;} .question li .answer-box {display:none; padding:20px 54px 20px 44px; border-top:1px solid #e7e7e7; background:#f6f6f6 url(../images/bullet/ico_a.gif) no-repeat 15px 20px;} .question li .answer-box p {font-size:12px; line-height:18px; color:#525252;} /* CI 및 BI */ .symbol li {overflow:hidden; margin-bottom:25px;} .symbol div {float:left; width:234px;} .symbol div img{border:1px solid #ddd;} .symbol div .btn-ci-down {display:block; width:114px; height:27px; margin:15px auto 0; background:url(../images/btn/btn_ci_down.gif) 0 0 no-repeat;} .symbol div .btn-bi-down {display:block; width:114px; height:27px; margin:15px auto 0; background:url(../images/btn/btn_bi_down.gif) 0 0 no-repeat;} .symbol dl {float:left; width:470px; margin-left:20px; padding-top:10px;} .symbol dl dt {margin-bottom:20px; font-size:16px; font-weight:bold; color:#3a3a3a;} .symbol dl dd {margin-bottom:20px; font-size:13px; color:#969696; line-height:22px; text-align:justify; letter-spacing:-1px;} .symbol dl dd .symbol-color {display:inline-block; width:125px; height:25px; margin-right:5px; font-size:12px; color:#fff; text-align:center; letter-spacing:0;} .symbol dl dd .red-color {background-color:#EB0E2A;} .symbol dl dd .gray-color {background-color:#424547;} .symbol dl dd .blue-color01 {background-color:#00529b;} .symbol dl dd .blue-color02 {background-color:#0082c8;} .symbol dl dd .blue-color03 {background-color:#00adee;} .symbol dl dd .blue-color04 {background-color:#005eab;} .symbol dl dd .blue-color05 {background-color:#010892;} .symbol dl dd .blue-color06 {background-color:#275CA9;} .symbol dl dd .yellow-color {background-color:#faa634;} .symbol dl dd .green-color01 {background-color:#b2bb1b;} .symbol dl dd .green-color02 {background-color:#017A18;} .symbol dl dd .green-color03 {background-color:#B8D004;} .symbol dl dd .orange-color01 {background-color:#F8710C;} /* 인재상 */ .recruit-info {padding:35px 10px; border:1px solid #ddd;} .recruit-info p {padding-bottom:25px; background:url(../images/bg/bg_line_dash.gif) 0 bottom repeat-x; text-align:center;} .recruit-info .right-people {width:694px; height:273px; margin:25px auto 0; background:url(../images/img/img_recruit_info.gif) 0 0 no-repeat;} .company-application-step {padding:30px 50px; border:1px solid #ddd;} .company-application-txt {font-size:13px; color:#8d8d8d;} /* 복지 */ .welfare-info {padding:35px 10px; border:1px solid #ddd;} .welfare-info p {text-align:center;} /* location */ .location {position:absolute; right:0; top:-8px; z-index:9999;} .location a {display:inline-block; position:relative; padding-left:26px; font-size:12px; line-height:19px; color:#818181; } .location strong {position:relative; padding-left:26px; font-size:12px; line-height:19px; color:#272727;} .location strong:before {content:''; display:block; position:absolute; left:10px; top:4px; width:6px; height:5px; background:url(../images/bullet/ico_right.gif) no-repeat 0 0;} .location a:before {content:''; display:block; position:absolute; left:10px; top:6px; width:6px; height:5px; background:url(../images/bullet/ico_right.gif) no-repeat 0 0;} .location a.home:before {display:none;} .location a.home {padding:0; vertical-align:middle;} /* 문의 - 동의내용 */ .agrIn {overflow-y:scroll; height:121px; padding:20px 15px; border:1px solid #ddd;} .agrIn h4 {margin:15px 0; color:#8d8d8d; font-size:17px;} .agrIn > ul {margin-top:10px;} .agrIn > ul > li {position:relative; margin-bottom:5px; padding-left:15px;} .agrIn > ul > li > span {position:absolute; top:0; left:0;} .agrIn > ul > li > ul {margin:5px 0;} .agrIn p, .agrIn ul li {color:#8d8d8d; font-size:12px;} .agree_check {margin:10px 0 40px; text-align:right;} .agree_check label {margin-left:8px; color:#8d8d8d; font-size:12px;} .agree_check input {margin-left:20px;} /* 개인정보취급방침 */ .privacy-tit {width:187px; background-position:0 -178px;} .privacy-cont {border:1px solid #ddd;} .privacy-box {padding:38px 15px 35px 15px;} .privacy-box .privacy-text {padding:0 0 25px 15px; border-bottom:1px dashed #d9d9d9; background:url(../images/bullet/bullet_02.gif) no-repeat 0 8px; font-size:13px; line-height:20px; color:#5c5c5c;} .privacy-box .c-style {display:block; margin-top:25px; font-size:12px; line-height:18px; color:#9b4a4a; } .privacy-box p {margin-top:5px; font-size:12px; line-height:18px; color:#8d8d8d; } /* 이용약관 */ .agreement-tit {width:94px; background-position:0 -213px;} .agreement-cont {border:1px solid #ddd;} .agreement-box {padding:38px 15px 35px 15px;} .agreement-box .c-style {display:block; margin-top:25px; font-size:12px; line-height:18px; color:#9b4a4a; } .agreement-box p {margin-top:5px; font-size:12px; line-height:18px; color:#8d8d8d; } .agreement-box strong {display:block; margin-top:19px; font-size:12px; line-height:18px; color:#646464;} .agreement-box ul {} .agreement-box ul > li {position:relative; padding-left:15px; font-size:12px; line-height:18px; color:#8d8d8d;} .agreement-box ul > li ul li {padding:0;} .agreement-box .number {position:absolute; left:0; top:0; } /* 이메일 무단수집거부 */ .email-privacy-tit {width:217px; background-position:0 -249px;} .email-privacy-cont {border:1px solid #ddd;} .email-privacy {padding:38px 15px 35px 15px;} .email-privacy strong {padding-left:15px; background:url(../images/bullet/bullet_02.gif) no-repeat 0 10px; font-size:17px; line-height:25px; color:#646464;} .email-privacy p {margin-top:5px; font-size:12px; line-height:18px; color:#8d8d8d; } /* 사이트맵 */ .sitemap-tit {width:94px; background-position:0 -405px;} /* 사이트맵 */ .sitemap-txt {width:161px; background-position:0 -441px;} /* 사이트맵 */ .sitemap-tit:before {content:''; position:absolute; left:0; top:4px; width:32px; height:6px; background-color:#e51b1b;} .sitemap-list {overflow:hidden; margin-top:36px;} .sitemap-list .sitemap-item {float:left; width:121px; margin:0 80px 35px 0;} .sitemap-list .sitemap-item.last {margin:0 0 35px 0;} .sitemap-list .sitemap-item h3 {font-size:17px; font-weight:bold; line-height:25px; color:#333;} .sitemap-list .sitemap-2depth {margin-top:25px; border-top:3px solid #414141;} .sitemap-list .sitemap-2depth > li {border-bottom:1px solid #e5e5e5;} .sitemap-list .sitemap-2depth > li .title {display:block; height:29px;font-size:12px; color:#616060; line-height:29px;} .sitemap-list .sitemap-2depth > li .title.depth2 {font-size:14px;} .sitemap-list .sitemap-2depth li ul {padding-bottom:5px;} .sitemap-list .sitemap-2depth li ul li a {display:block; font-size:12px; line-height:24px;} .sitemap-list .sitemap-2depth li ul li a span {color:#eb1409;font-weight:bold;} .notice-list {margin-left:15px;} .notice-list li {margin-bottom:5px; font-size:13px; color:#8d8d8d;} .notice-list li.last {margin-bottom:0;} /* =================================================================================================== */ /* 공통 */ /* =================================================================================================== */ /* history-tab */ .history-tab {overflow:hidden; margin:35px 0;} .history-tab li {float:left; width:20%;} .history-tab li a {position:relative; display:block; margin-left:3px; padding-top:19px; font-size:14px; color:#989797;} .history-tab li:first-child a{margin-left:0;} .history-tab li a:before {content:''; position:absolute; top:0; left:0; width:100%; height:10px; background-color:#929292;} .history-tab li a.active {color:#eb1409;} .history-tab li a.active:before {background-color:#eb1409;} .history-tab02 li a {width:142px;} /* 타이틀 + 버튼 */ .title-wrap {overflow:hidden;} .title-wrap h3 {float:left;} .title-wrap .tit-btn {float:right;} /* table */ .table-block span{display: block;} .tbl-wrap {overflow:hidden; margin-top:20px;} .tbl-wrap.tbl-bottom{margin-bottom: 60px;} .tbl-wrap.tbl-bottom:last-child{margin-bottom: 0;} .tbl-inner-bottom{margin-bottom: 20px;} .tbl-wrap .essential {margin-bottom:7px; font-size:11px; color:#bb1111; text-align:left;} .sideTitle td:nth-child(odd){background: #f6f6f6; font-size: 12px; color: #818181; font-weight: 600;} .titSet{display: flex; justify-content: space-between; align-items: flex-end;} .table-tit, .table-tit-sub, .table-etc{font-family: 'Noto Sans KR', sans-serif;} .table-tit, .table-tit-sub{display: block; padding-left: 20px;margin-bottom: 10px; font-size: 14px; color: #777;} .table-tit{font-size: 24px; font-weight: 700; color: #333; letter-spacing: -1px; position: relative; padding-left: 20px; margin-bottom: 10px;} .table-tit:before{content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #333; position: absolute; left: 0; top: 50%; transform: translateY(-50%);} .table-tit-right{margin-bottom: 10px; font-size: 13px; color: #777; font-family: 'Noto Sans KR', sans-serif;} .table-etc{font-size: 13px;} .tbl-style01 {border-top:2px solid #414141; border-bottom:1px solid #414141;} .tbl-style01 tbody th, .tbl-style01 tbody td {border-bottom:1px solid #e7e7e7;} .tbl-style01 tbody tr.last th, .tbl-style01 tbody tr.last td {border-bottom:0;} .tbl-style01 tbody th {padding-left:27px; background-color:#f6f6f6; font-size:13px; color:#646464; text-align:left;} .tbl-style01 tbody th label {padding-left:10px;} .tbl-style01 tbody th label.required {background:url(../images/bullet/bullet_required.gif) 0 6px no-repeat;} .tbl-style01 tbody td {padding:6px 0 7px 24px; font-size:13px; border-left:1px solid #eaeaea;} .tbl-style01 tbody td input[type="file"] {padding:5px 0;} .tbl-style01 tbody td select {height:31px; border:1px solid #ccc; box-sizing:border-box;} .tbl-style01 tbody td .tbl-consult {font-size:11px; color:#d1d0d0;} .tbl-style01 tbody td textarea {width:100%; height:135px; box-sizing:border-box; resize:none;} .check-wrap {display:inline-block; margin-left:15px;} .check-wrap label {margin-left:3px; font-size:11px; color:#6c6c6c;} .tbl-style02 {border-top:2px solid #414141; border-bottom:1px solid #414141;} .tbl-style02 thead th {padding:11px 0; background:#f6f6f6 url(../images/bg/bg_line.gif) right 18px no-repeat; font-size:12px; color:#818181; line-height:22px; text-align:center;} .tbl-style02 thead th input[type="checkbox"] {width:22px; height:22px;} .tbl-style02 thead th.last {background:#f6f6f6;} .tbl-style02 tbody td {padding:13px 0; font-size:12px; color:#818181; text-align:center; border-top:1px solid #e7e7e7;} .tbl-style02 tbody.al_r td{text-align: right;} .tbl-style02 tbody td:first-child{text-align: left; padding-left: 20px;} .tbl-style02 tbody td:last-child{padding-right: 20px;} .tbl-style02 tbody td input[type="checkbox"] {width:22px; height:22px;} .tbl-style02 tbody td.title {padding:0 10px; text-align:left;} .tbl-style02 tbody td.title a {display:block; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; color:#818181;} /* view page */ .view-style01 {overflow:hidden; border-bottom:1px solid #414141;} .notice-info {border-top:2px solid #414141;} .notice-info .txt-info {padding:12px 30px 12px 15px; background-color:#f6f6f6; border-bottom:1px solid #e7e7e7;} .notice-info .txt-info strong {display:inline-block; width:75px; margin-right:30px; background:url(../images/bg/bg_line.gif) right 4px no-repeat; color:#818181; font-size:12px; font-weight:bold; vertical-align:top;} .notice-info .txt-info span {display:inline-block; overflow:hidden; color:#818181; font-size:12px;} .notice-info .txt-info span.title {width:570px;} .notice-info .txt-info .file-name {color:#bb1111;} .notice-info .txt-info .lookup {float:right;} .notice-info .txt-info .lookup strong {width:55px;} .view-cont {padding:20px 15px; color:#686868; font-size:12px;} .comment .comment-top {padding:13px 15px; color:#818181; font-size:12px; font-weight:bold; border-top:1px solid #414141; border-bottom:1px solid #e7e7e7;} .comment .comment-cont {padding:15px 50px 40px; background-color:#f6f6f6;} .comment .comment-cont .add-info {padding-left:15px; background:url(../images/bg/bg_comment_line.gif) 0 center no-repeat;} .comment .comment-cont .add-info strong {display:inline-block; margin-right:20px; padding-right:20px; background:url(../images/bg/bg_line.gif) right center no-repeat; color:#818181; font-size:12px;} .comment .comment-cont .add-info span {display:inline-block; color:#a5a5a5; font-size:12px;} .comment .comment-cont p {margin-top:15px; padding-left:15px; font-size:12px; color:#818181;} .page-link {border-bottom:1px solid #414141;} .page-link > div {padding:10px 15px; background-color:#f6f6f6; border-top:1px solid #e7e7e7;} .page-link > div a, .page-link > div span, .page-link > div strong {display:inline-block; font-size:12px; color:#818181;} .page-link > div > strong {width:76px; margin-right:28px;} .page-link .prev-page > strong {background:url(../images/bullet/bullet_up.gif) right 7px no-repeat;} .page-link .next-page > strong {background:url(../images/bullet/bullet_down.gif) right 7px no-repeat;} /* paging */ .paging {text-align:center;} .paging > a {display:inline-block; width:23px; height:29px; margin:0 2px; border:1px solid #ccc; box-sizing:border-box; font-size:12px; line-height:29px; color:#666; vertical-align:middle;} .paging > a:hover, .paging > a.on {border:1px solid #555; background-color:#666; color:#fff;} /* search-box */ .search-box {margin-bottom:20px;} .search-box .select-box {float:left;} .search-box .input-box {float:right; margin-bottom:7px;} .search-box select {width:130px; height:30px; border:1px solid #bebebe; box-sizing:border-box;} .search-box input {height:30px; padding:0 5px; border:1px solid #bebebe; box-sizing:border-box;} .search-box .btn-search {width:30px; height:30px; background:url(../images/btn/btn_search.gif) no-repeat 0 0;} .search-box .search-tit {clear:both; margin-top:7px; font-size:12px; line-height:19px; color:#b2b2b2; text-align:right;} /* button wrap */ .btn-wrap {overflow:hidden; margin-top:25px; text-align:right; /* background:url(../images/bg/bg_line_dash.gif) 0 0 repeat-x; */} .btn-wrap a.btn-style01 {display:inline-block; width:118px; height:19px; padding:6px 0 13px; background:url(../images/btn/btn_type03.gif) 0 0 no-repeat; color:#bb1111; font-size:13px; text-align:center;} /* btn-type */ .btn-type01 {display:inline-block; width:99px; height:24px; background:url(../images/btn/btn_type01.gif) 0 0 no-repeat; color:#828282; font-size:12px; text-align:center; line-height:24px;} .btn-type02 {display:inline-block; width:99px; height:24px; background:url(../images/btn/btn_type02.gif) 0 0 no-repeat; color:#bb1111; font-size:12px; text-align:center; line-height:24px;} .btn-file-down {display:inline-block; width:83px; height:22px; background:url(../images/btn/btn_file_down.gif) 0 0 no-repeat;} .btn-application {display:inline-block; width:119px; height:22px; background:url(../images/btn/btn_application.gif) no-repeat 0 0;} .btn-shortcuts {display:inline-block; width:83px; height:22px; background:url(../images/btn/btn_shortcuts.gif) no-repeat 0 0; vertical-align:top;} .btn-bookmark {display:inline-block; width:100px; height:22px; margin-top:20px; background:url(../images/btn/btn_bookmark.gif) 0 0 no-repeat;} .view-enlarge {display:inline-block; width:75px; height:24px; background:url(../images/btn/btn_big.gif) 0 0 no-repeat;} .btn-split, .btn-split a, .btn-split button, .btn-split input { position:relative; margin:0; display:inline-block; text-decoration:none !important; border:0; font-size:12px; white-space:nowrap; background:url(../images/btn/btn_split.png) no-repeat; overflow:visible; color:#333;} .btn-split { height:22px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;} .btn-split a, .btn-split button, .btn-split input{ left:2px; vertical-align:top; cursor:pointer;} .btn-split.btn-large {width:138px; height:31px; background-position:left -22px; } .btn-split.btn-default a, .btn-split.btn-default button, .btn-split.btn-default input {height:22px; padding:0 12px 0 10px; font-size:12px; line-height:22px; background-position:right top;} .btn-split.btn-default02 {height:23px; background-position:left -53px;} .btn-split.btn-default02 a, .btn-split.btn-default02 button, .btn-split.btn-default02 input {height:23px; padding:0 18px 0 16px; font-size:12px; line-height:23px; background-position:right -53px; color:#7b7b7b;} .btn-split.btn-active {height:23px; background-position:left -76px;} .btn-split.btn-active a, .btn-split.btn-active button, .btn-split.btn-active input {height:23px; padding:0 18px 0 16px; font-size:12px; line-height:23px; background-position:right -76px; color:#bb1111;} .btn-split.btn-large a, .btn-split.btn-large button, .btn-split.btn-large input {width:138px; height:31px; font-size:12px; line-height:31px; text-align:center; background-position:right -22px;} /* layer popup */ .block-ui {display:none; top:0; left:0; width:100%; height:100%; background:url(../images/bg/bg_modal.png) 0 0 repeat; z-index:100;} .layer-pop {display:none; top:50%; left:50%; z-index:100; background-color:#fff; border:1px solid #9b9b9b;} .layer-title {padding:11px 0 11px 18px; background-color:#4d4d4d;} .layer-title h3 {color:#fff; font-size:15px; font-weight:bold;} .layer-cont {padding:30px 20px;} .layer-foot {padding:8px 0; background-color:#e5e5e5; text-align:center;} .btn-pop-close {position:absolute; top:0; right:0; width:42px; height:42px; background:url(../images/btn/btn_pop_close04.png) 50% 50% no-repeat;} .btn-pop-identify {display:inline-block; width:116px; height:31px; background:url(../images/btn/btn_identify.gif) 0 0 no-repeat;} .id-check {width:380px; height:262px; margin:-131px 0 0 -190px;} .id-check .layer-cont {height:117px;} .error-pop {width:320px; margin-left:-160px;} .error-pop .error-message {min-height:40px; padding:10px 0 10px 85px; background:url(../images/img/img_error.gif) 0 center no-repeat; color:#575757; font-size:13px;} .group-pop {left:410px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:375px; height:auto; background-color:#f3f3f3;} .group-pop .layer-cont {padding:12px 13px;} .group-pop .layer-cont .group-img {width:349px; height:233px; margin:0 auto; border:1px solid #cfcfcf; box-sizing:border-box;} .group-pop .layer-cont .group-img img {width:100%; height:100%;} .group-pop strong {display:block; margin-top:15px; color:#272727; font-size:19px; font-weight:bold;} .group-pop p {margin-top:8px; color:#636363; font-size:12px; line-height:1.7;} .group-pop .layer-cont .group-info {margin-top:20px;} .group-pop .layer-cont .group-info > li {position:relative; margin-bottom:5px; font-size:12px; color:#565656; background:url(../images/bullet/bullet_01.gif) no-repeat left 10px;} .group-pop .layer-cont .group-info > li .housing-txt {display:inline-block; width:100%; padding-left:75px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .group-pop .layer-cont .group-info > li .housing-txt li {width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .group-pop .layer-cont .group-info > li .housing-tit {position:absolute; left:0; top:0; padding-left:6px;} .group-pop .layer-cont .group-info > li ul.depth02 {padding-left:75px;} .group-pop .layer-cont .group-info > li ul li {font-size:12px; color:#565656;} /* 찾아오시는길, 연락처 */ .contact-pop {left:330px; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:600px; height:auto; background-color:#f3f3f3;} .contact-pop .layer-cont {padding:30px 35px;} .contact-pop .layer-cont .contact-us {width:530px; margin:0 auto;} .contact-pop .layer-cont .contact-us img {width:100%; height:100%;} .contact-pop strong {display:block; margin-top:15px; color:#6e6e6e; font-size:12px; font-weight:bold;} .contact-pop p {margin-top:8px; color:#6e6e6e; font-size:12px; line-height:1.7;} /* 주요실적 팝업 */ .housing-pop {left:287px !important; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:700px; height:auto; border:0; z-index:1000;} .housing-pop .layer-cont {overflow:hidden; height:auto; padding:50px 10px 50px 20px; background-color:#eee;} .btn-pop-close03 {position:absolute; top:12px; right:12px; width:21px; height:21px; background:url(../images/btn/btn_pop_close03.png) 0 0 no-repeat;} .housing-pop .layer-cont .housing-img {overflow:hidden; float:left; width:348px; height:232px;} .housing-pop .layer-cont .housing-img img {width:348px; height:232px;} .housing-pop .layer-cont .housing-title {float:left; width:290px; margin:0 0 0 20px;} .housing-pop .layer-cont .housing-title h2 {font-family:Nanum Gothic; font-size:19px; font-weight:bold; color:#383838;} .housing-pop .layer-cont .housing-title > ul {margin-top:20px;} .housing-pop .layer-cont .housing-title > ul > li {position:relative; margin-bottom:5px; font-size:12px; color:#565656; background:url(../images/bullet/bullet_01.gif) no-repeat left 10px;} .housing-pop .layer-cont .housing-title > ul > li .housing-txt {display:inline-block; width:100%; padding-left:75px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .housing-pop .layer-cont .housing-title > ul > li .housing-txt li {width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .housing-pop .layer-cont .housing-title > ul > li .housing-tit {position:absolute; left:0; top:0; padding-left:6px;} .housing-pop .layer-cont .housing-title > ul > li ul.depth02 {padding-left:75px;} .housing-pop .layer-cont .housing-title > ul > li ul li {font-size:12px; color:#565656;} .housing-pop .layer-cont .housing-title > ul.civil li span.civil-class {position:absolute; left:0; top:0; padding-left:6px;} .housing-pop .layer-cont .housing-title > ul.civil li span.civil-class-info {display:block; padding-left:80px;} /* 수상실적 팝업 */ .award-pop {left:340px !important; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:600px; height:auto; border:0; z-index:1000;} .btn-pop-close02 {position:absolute; top:12px; right:12px; z-index:5; width:25px; height:24px; background:url(../images/btn/btn_pop_close02.png) 0 0 no-repeat;} .award-pop .layer-cont {overflow:hidden; height:340px; padding:0;} .award-pop .layer-cont .award-img {float:left; position:relative; width:54%; height:100%; background-color:#fff;} .award-pop .layer-cont .award-img img {position:absolute; left:50%; top:50%; width:322px; height:200px; margin:-100px 0 0 -161px;} .award-pop .layer-cont .award-title {float:left; position:relative; width:46%; height:100%; padding:55px 15px 0; background-color:#d7d7d7; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .award-pop .layer-cont .award-title .inner {position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:245px;} .award-pop .layer-cont .award-title h2 {font-family:Nanum Gothic; font-size:20px; font-weight:bold; color:#383838;} .award-pop .layer-cont .award-title ul {margin-top:15px;} .award-pop .layer-cont .award-title ul li {padding-left:6px; font-size:12px; color:#565656; background:url(../images/bullet/bullet_01.gif) no-repeat left 10px;} .award-pop .layer-cont .award-title p {margin-top:32px;font-size:12px; color:#757373;} /* 인쇄광고 팝업 */ .ad-pop {left:275px !important; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:725px; height:auto; border:0; z-index:1000;} .btn-pop-close02 {position:absolute; top:12px; right:12px; z-index:5; width:25px; height:24px; background:url(../images/btn/btn_pop_close02.png) 0 0 no-repeat;} .ad-pop .layer-cont {padding:0;} /* 영상광고 */ .video-pop {left:445px !important; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:420px; height:auto;border:0; z-index:1000;background-color:#000 !important;} .video-pop .btn-pop-close02 {top:-30px; right:0;} .video-pop .layer-cont {padding:0;} .video-pop .layer-cont .video-txt {display:block; margin-top:-7px; padding:15px 10px; background:url(../images/bg/bg_video_pop.png) 0 0;} .video-pop .layer-cont .video-txt .video-txt-sub {font-size:16px; color:#fff;} .video-pop .layer-cont .video-txt span {font-size:12px; color:#a1a0a0;} .video-pop iframe {height:282px;} .txt-type01 {padding-left:15px; color:#8d8d8d; font-size:13px; line-height:21px;} .txt-type-title {padding-left:15px; font-size:16px; color:#4b4b4b; font-weight:bold; line-height:22px; letter-spacing:-2px;} } /* //media screen and (min-width: 1020px) */ .brochure-area { position:relative; display:flex; justify-content:center; flex-wrap: wrap; gap:70px; text-align:center;} .brochure-text{font-size:12px; text-align:center; } .brochure-item > p{font-size:18px; font-weight:bold; text-align:left; margin-bottom:15px;} .brochure-item img{width:279px;} .brochure-item .bdr{border:1px solid #e12b37;} .brochure-item .bdb{border:1px solid #ddd;} .btn-container2 {display:inline-block; border:1px solid #e6e6e6; padding:0 15px; height:40px; font-size:12px; color:#373737; line-height:40px; text-align:center; margin-top:25px;} @media screen and (max-width: 600px) { .brochure-item{width:50%;} } @media screen and (max-width: 1020px) { .w-web {display:none !important;} .lnb-menu {display:none;} .no-scroll {overflow:hidden; position:fixed; top:0; right:0; bottom:0; left:0;} #Wrapper {background-color:#353535;} #container {background-color:#fff;} /* ================================================================================================== #Header ================================================================================================== */ #header {position:relative; height:57px; background-color:#fff; border-bottom:3px solid #e60012;} #header h1.h1-logo {float:left; margin:17px 0 0 20px;} #header .btn-gnb {position:absolute; top:11px; right:13px; width:39px; height:39px; background:url(../images/mobile/btn/btn_menu.gif) 0 0 no-repeat; background-size:39px 39px;} .gnb-layer {display:none; position:fixed; right:-230px; top:0; bottom:0; z-index:9999; width:250px; background-color:#fff;} .gnb-layer .login-box {position:relative; height:44px; background-color:#ed6c67;} .gnb-layer .login-box h2 {float:left; width:76px; height:16px; margin:14px 0 0 25px; background:url(../images/mobile/img/img_gnb_layer.gif) 0 0 no-repeat;} .gnb-layer .login-box .login-info {margin-left:25px; color:#fff; font-size:14px;} .gnb-layer .login-box div {position:absolute; top:10px; right:17px;} .gnb-layer .login-box div:before {content:''; position:absolute; top:2px; right:21px; width:1px; height:19px; background-color:#d33b3b;} .gnb-layer .login-box div a, .login-box div button {display:inline-block; height:19px; vertical-align:middle;} .gnb-layer .login-box div .btn-login {width:15px; background:url(../images/mobile/btn/btn_login.gif) 0 0 no-repeat;} .gnb-layer .login-box div .btn-logout {width:15px; background:url(../images/mobile/btn/btn_logout.gif) 0 0 no-repeat;} .gnb-layer .login-box div .btn-close-layer {width:16px; margin-left:10px; background:url(../images/mobile/btn/btn_close_layer.gif) 0 0 no-repeat;} .gnb-layer .gnb-list {overflow-y:scroll;} .gnb-item .title {position:relative; height:49px; padding-left:25px; color:#420d09; border-bottom:1px solid #ccc; font-size:14px; line-height:49px; cursor:pointer;} .gnb-item .title, .gnb-item .title a {color:#e60012;} .gnb-item .title:before {content:''; position:absolute; right:25px; top:50%; width:27px; height:27px; margin-top:-14px; background-image:url(../images/mobile/btn/btn_gnb_onoff.gif); background-repeat:no-repeat; background-position:0 0;} .gnb-item .title.cantavil-home:before {display:none;} .gnb-item .gnb-2depth {display:none; border-bottom:1px solid #ccc;} .gnb-item .gnb-2depth li a {display:block; height:36px; padding-left:40px; border-top:1px dashed #ccc; color:#787878; font-size:13px; line-height:36px;} .gnb-item .gnb-2depth li:first-child a {border-top:0;} .gnb-item .gnb-3depth li a {height:30px; padding-left:54px; line-height:30px; border-top:0;} .gnb-item.on .title:before {background-position:0 -27px;} .gnb-item.on .gnb-2depth {display:block;} .bg-gnb {display:none; position:absolute; right:0; top:0; bottom:0; z-index:50; width:100%; background:url(../images/mobile/bg/bg_modal.png) 0 0 repeat;} /* ================================================================================================== .contents /* =================================================================================================== */ .location {height:40px; background:url(../images/mobile/bg/bg_location.gif) 0 0 repeat-x;} .location > li {float:left; text-align:center; background:url(../images/mobile/bg/bg_location_arrow.gif) left 0 no-repeat; box-sizing:border-box;} .location > li.one-depth {width:32%;} .location > li.two-depth {width:32%;} .location > li.three-depth {width:36%;} .location > li:first-child {background:none;} .location > li > a {display:block; width:100%; margin-right:-11px; padding:11px 0; font-size:12px; color:#5c5c5c; box-sizing:border-box;} .location li.depth-menu {position:relative;} .location li.depth-menu a span {margin-left:10px; padding-right:10px; background:url(../images/mobile/bullet/bullet_down02.gif) right 6px no-repeat; letter-spacing:-1px;} .location li.depth-menu.active a span{color:#e60012; font-weight:bold;} .location li.depth-menu ul {display:none; position:absolute; top:39px; left:0; z-index:100; width:100%; background-color:#f5f5f5; border:1px solid #d5d5d5; box-sizing:border-box;} .location li.depth-menu ul li {padding:5px 0; text-align:center; border-top:1px solid #cecece; box-sizing:border-box;} .location li.depth-menu ul li:first-child {border:0;} .location li.depth-menu ul li a {font-size:12px;} .area-com {clear:both; position:relative; padding:0 10px 50px;} .area-title-wrap {position:relative; margin-bottom:40px; padding:21px 0 0; border-bottom:7px solid #7b7b7b;} .area-tit-1 {height:20px; background:url(../images/img/area_title_txt_01.png) 0 0 no-repeat;} .area-txt-1 {height:13px; margin:17px 0 30px; background:url(../images/img/area_title_txt_01.png) 0 0 no-repeat;} .dw-tit06-1.dw-tit06-1{width: 115px; background-position: 0 -1929px; margin: 0px 0 31px;} .dw-tit06-2{width: 155px; background-position: 0 -1899px !important; margin: 0px 0 31px;} .area-tit {height:20px; background:url(../images/mobile/img/area_title_txt_01.png) 0 0 no-repeat;} .area-txt {height:13px; margin:17px 0 30px; background:url(../images/mobile/img/area_title_txt_01.png) 0 0 no-repeat;} .area-investment-tit { height:37px; background:url(../images/mobile/img/area-investment-tit.png) 0 0 no-repeat; } .area-investment-tit01 { background-position:0 -44px;} .area-investment-txt01 { height:37px; background-position:0 -80px;} .area-investment-tit02 { background-position:0 -117px;} .area-investment-txt02 { height:37px; background-position:0 -152px;} .area-investment-tit04 { background-position:0 -189px; } .area-investment-tit05 { background-position:0 -260px; } .area-investment-txt05 { height:10px; background-position:0 20px; } .area-investment-tit06 { background-position:0 -330px; } .area-investment-txt06 { height:10px; background-position:0 20px; } .area-customer-tit { height:20px; background:url(../images/mobile/img/area-customer-tit.png) 0 0 no-repeat; } .area-customer-tit { background-position: 0 0; } .area-customer-txt01 { height:12px; background-position: 0 -37px; } .area-ethic-tit { height:40px; background:url(../images/mobile/img/area-ethic-tit.png) 0 0 no-repeat; } .area-ethic-tit01 { background-position: 0 -3px; } .dw-tit01 {width:67px; background-position:0 0;} /* 대원개요 */ .dw-txt01 {width:215px; background-position:0 -35px;} /* 대원개요 txt */ .dw-tit02 {width:121px; background-position:0 -57px;} /* 기업문화와 비전 */ .dw-txt02 {width:180px; background-position:0 -92px;} /* 기업문화와 비전 txt */ .dw-tit03 {width:68px; background-position:0 -114px;} /* 주요연혁 */ .dw-txt03 {width:217px; background-position:0 -149px;} /* 주요연혁 txt */ .dw-tit04 {width:90px; background-position:0 -171px;} /* CEO인사말 */ .dw-txt04 {width:129px; background-position:0 -206px;} /* CEO인사말 txt */ .dw-tit05 {width:67px; background-position:0 -228px;} /* 품질경영 */ .dw-txt05 {width:125px; background-position:0 -263px;} /* 품질경영 txt */ .dw-tit06 {width:67px; background-position:0 -285px;} /* 윤리경영 */ .dw-txt06 {width:276px; background-position:0 -320px;} /* 윤리경영 txt */ .dw-tit07 {width:88px; background-position:0 -342px;} /* 그룹사안내 */ .dw-txt07 {width:236px; background-position:0 -377px;} /* 그룹사안내 txt */ .dw-tit08 {width:85px; background-position:0 -400px;} /* 그룹 조직도 */ .dw-txt08 {width:193px; background-position:0 -435px;} /* 그룹 조직도 txt */ .dw-tit09 {width:67px; background-position:0 -458px;} /* 사업소개 */ .dw-txt09 {width:145px; background-position:0 -493px;} /* 사업소개 txt(대원사업소개) */ .dw-txt09_02 {width:229px; background-position:0 -572px;} /* 사업소개 txt(주택사업소개) */ .dw-txt09_03 {width:259px; background-position:0 -762px;} /* 사업소개 txt(섬유사업소개) */ .dw-txt09_04 {width:206px; background-position:0 -900px;} /* 사업소개 txt(학생복사업소개) */ .dw-tit10 {width:85px; background-position:0 -515px;} /* 사업장주소 */ .dw-txt10 {width:237px; background-position:0 -550px;} /* 사업장주소 txt */ .dw-tit11 {width:68px; background-position:0 -594px;} /* 사업실적 */ .dw-txt11 {width:229px; background-position:0 -573px;} /* 사업실적 txt (주택사업실적) */ .dw-txt11_02 {width:245px; background-position:0 -740px;} /* 사업실적 txt (토목/해외사업실적) */ .dw-txt11_03 {width:151px; background-position:0 -900px;} /* 사업실적 txt (학생복사업실적) */ .dw-tit12 {width:101px; background-position:0 -623px;} /* 토목사업소개 */ .dw-txt12 {width:226px; background-position:0 -659px;} /* 토목사업소개 txt */ .dw-tit13 {width:101px; background-position:0 -681px ;} /* 해외사업소개 */ .dw-txt13 {width:290px; background-position:0 -717px;} /* 해외사업소개 txt */ .dw-tit14 {width:67px; background-position:0 -784px;} /* 국내사업 */ .dw-txt14 {width:160px; background-position:0 -820px;} /* 국내사업 txt */ .dw-tit15 {width:67px; background-position:0 -842px;} /* 해외사업 */ .dw-txt15 {width:160px; background-position:0 -879px;} /* 해외사업 txt */ .dw-tit16 {width:68px; background-position:0 -923px;} /* 수상실적 */ .dw-txt16 {width:206px; background-position:0 -900px;} /* 수상실적 txt */ .dw-tit17 {width:101px; background-position:0 -952px;} /* 사회공헌소개 */ .dw-txt17 {width:227px; background-position:0 -987px;} /* 사회공헌소개 txt */ .dw-tit18 {width:101px; background-position:0 -1009px;} /* 사회공헌소식 */ .dw-txt18 {width:227px; background-position:0 -987px;} /* 사회공헌소식 txt */ .dw-tit19 {width:67px; background-position:0 -1038px;} /* 대원소식 */ .dw-txt19 {width:207px; background-position:0 -1074px;} /* 대원소식 txt */ .dw-tit20 {width:49px; background-position:0 -1096px;} /* CI소개 */ .dw-txt20 {width:165px; background-position:0 -1132px;} /* CI소개 txt */ .dw-tit21 {width:50px; background-position:0 -1154px;} /* BI소개 */ .dw-txt21 {width:198px; background-position:0 -1190px;} /* BI소개 txt */ .dw-tit22 {width:68px; background-position:0 -923px;} /* 수상실적 */ .dw-txt22 {width:263px; background-position:0 -1212px;} /* 수상실적 txt */ .dw-tit23 {width:68px; background:url(../images/img/navi_title_brochure.png) 0 0 no-repeat; background-size: contain;} /* 인쇄광고 */ .dw-txt23 {width:260px; background:url(../images/img/brochure_title.png) 0 0 no-repeat; } /* 인쇄광고 txt */ .dw-tit24 {width:68px; background-position:0 -1292px;} /* 영상광고 */ .dw-txt24 {width:209px; background-position:0 -1328px;} /* 영상광고 txt */ .dw-tit25 {width:107px; background-position:0 -1349px;} /* 자주하는질문 */ .dw-txt25 {width:248px; background-position:0 -1385px;} /* 자주하는질문 txt */ .dw-tit26 {width:107px; background-position:0 -1961px;} /* 고객문의 */ .dw-txt26 {width:248px; background-position:0 -1991px;} /* 고객문의 txt */ .dw-tit27 {width:104px; background-position:0 -1407px;} /* 담당자연락처 */ .dw-txt27 {width:258px; background-position:0 -1444px;} /* 담당자연락처 txt */ .dw-tit28 {width:106px; background-position:0 -1465px;} /* 찾아오시는길 */ .dw-txt28 {width:248px; background-position:0 -1502px;} /* 찾아오시는길 txt */ .dw-tit29 {width:52px; background-position:0 -1523px;} /* 인재상 */ .dw-txt29 {width:279px; background-position:0 -1558px;} /* 인재상 txt */ .dw-tit30 {width:101px; background-position:0 -1581px;} /* 입사지원안내 */ .dw-txt30 {width:217px; background-position:0 -1616px;} /* 입사지원안내 txt */ .dw-tit31 {width:70px; background-position:0 -1638px;} /* 채용공고 */ .dw-txt31 {width:138px; background-position:0 -1673px;} /* 채용공고 txt */ .dw-tit32 {width:68px; background-position:0 -1694px;} /* 채용문의 */ .dw-txt32 {width:247px; background-position:0 -1729px;} /* 채용문의 txt */ .dw-tit34 {width:134px; background-position:0 -1751px;} /* 개인정보취급방침 */ .dw-txt34 {width:217px; background-position:0 -1787px;} /* 개인정보취급방침 txt */ .dw-tit35 {width:68px; background-position:0 -1809px;} /* 이용약관 */ .dw-tit36 {width:155px; background-position:0 -1838px;} /* 이메일무단수집거부 */ .dw-tit38 {width:726px; height:90px; background:url(../images/img/area_title_txt_invest_01.png) 0 0 no-repeat;} /* 투자정보 */ .dw-tit39 {width:726px; height:90px; background:url(../images/img/area_title_txt_invest_02.png) 0 0 no-repeat;} /* 투자정보 */ .dw-tit40 {width:726px; height:90px; background:url(../images/img/area_title_txt_invest_03.png) 0 0 no-repeat;} /* 투자정보 */ .dw-tit41 {width:726px; height:90px; background:url(../images/img/area_title_txt_invest_04.png) 0 0 no-repeat;} /* 투자정보 */ .dw-tit42 {width:726px; height:90px; background:url(../images/img/area_title_txt_invest_05.png) 0 0 no-repeat;} /* 윤리경영*/ .dw-tit43 {width:726px; height:90px; background:url(../images/img/area_title_txt_invest_06.png) 0 0 no-repeat;} /* 윤리경영*/ .dw-tit44 {width:155px; background-position:0 -1868px; margin-bottom:20px;} /* 이메일무단수집거부 */ .c4-title-wrap {overflow:hidden; padding-left:10px;} .c4-title-wrap h4 {position:relative; height:21px; background:url(../images/mobile/img/c4_title.png) 0 0 no-repeat;} .c4-title-wrap h4:before {content:''; position:absolute; top:7px; left:-10px; width:4px; height:4px; background:url(../images/mobile/bullet/bullet_02.gif) 0 0 no-repeat;} .c4-title-wrap .c4-title02 {width:68px; margin-bottom:15px; background-position:0 0;} /* 기업문화 */ .c4-title-wrap .c4-title03 {width:68px; margin:5px 0 15px; background-position:0 -27px;} /* 기업비전 */ .c4-title-wrap .c4-title04 {width:232px; margin-bottom:20px; background-position:0 -54px;} /* 창조적 혁신으로 변화하는 대원 */ .c4-title-wrap .c4-title04_02 {width:105px; margin-bottom:20px; background-position:0 -749px;} /* 도약하는 대원 */ .c4-title-wrap .c4-title04_03 {width:138px; margin-bottom:20px; background-position:0 -778px;} /* 성장해가는 대원 */ .c4-title-wrap .c4-title04_04 {width:213px; margin-bottom:20px; background-position:0 -807px;} /* 발전의 한걸음을 내디딘 대원 */ .c4-title-wrap .c4-title04_05 {width:89px; margin-bottom:20px; background-position:0 -836px;} /* 대원의 시작 */ .c4-title-wrap .c4-title05 {width:32px; margin-bottom:10px; background-position:0 -83px;} /* 학력 */ .c4-title-wrap .c4-title06 {width:32px; margin-bottom:10px; background-position:0 -112px;} /* 경력 */ .c4-title-wrap .c4-title07 {width:68px; margin-bottom:10px; background-position:0 -141px;} /* 주요활동 */ .c4-title-wrap .c4-title08 {width:34px; margin-bottom:10px; background-position:0 -171px;} /* 상훈 */ .c4-title-wrap .c4-title09 {width:232px; margin-bottom:10px; background-position:0 -200px;} /* 품질경영방침에 대한 내부 방침 */ .c4-title-wrap .c4-title10 {width:152px; margin-bottom:10px; background-position:0 -226px;} /* 대원의 4대 책임이행 */ .c4-title-wrap .c4-title11 {width:142px; margin-bottom:15px; background-position:0 -251px;} /* 대원의 그룹 조직도 */ .c4-title-wrap .c4-title12 {width:178px; margin:25px 0 15px; background-position:0 -280px;} /* 성지건설의 그룹 조직도 */ .c4-title-wrap .c4-title15 {width:88px; margin-bottom:15px; background-position:0 -306px;} /* 브랜드 안내 */ .c4-title-wrap .c4-title18 {width:99px; margin-bottom:15px; background-position:0 -335px;} /* 해외사업영역 */ .c4-title-wrap .c4-title20 {width:122px; margin-bottom:15px; background-position:0 -364px;} /* 국내브랜드 안내 */ .c4-title-wrap .c4-title21 {width:122px; margin-top:5px; background-position:0 -393px;} /* 해외브랜드 안내 */ .c4-title-wrap .c4-title22 {width:140px; margin-bottom:15px; background-position:0 -422px;} /* 염색공정(DYEING) */ .c4-title-wrap .c4-title23 {width:160px;margin:25px 0 15px; background-position:0 -453px;} /* 방적공정(SPINNING) */ .c4-title-wrap .c4-title24 {width:158px; margin:25px 0 15px; background-position:0 -484px;} /* 직포공정(WEAVING) */ .c4-title-wrap .c4-title25 {width:162px; margin:25px 0 15px; background-position:0 -515px;} /* 가공공정(FINISHING) */ .c4-title-wrap .c4-title26 {width:66px; margin:25px 0 15px; background-position:0 -546px;} /* 원사사업 */ .c4-title-wrap .c4-title27 {width:152px; margin-bottom:15px; background-position:0 -575px;} /* 대원텍스타일베트남 */ .c4-title-wrap .c4-title28 {width:118px; margin:25px 0 15px; background-position:0 -604px;} /* 동국베트남방직 */ .c4-title-wrap .c4-title30 {width:164px; margin-bottom:15px; background-position:0 -865px;} /* 사랑의교복지원사업 */ .c4-title-wrap .c4-title31 {width:186px; margin-bottom:15px; background-position:0 -632px;} /* 대원 / 자영 / 성지건설 CI */ .c4-title-wrap .c4-title32 {width:108px; margin-bottom:15px; background-position:0 -662px;} /* 대원의 BI 소개 */ .c4-title-wrap .c4-title33 {width:68px; margin:25px 0 15px; background-position:0 -691px;} /* 모집시기 */ .c4-title-wrap .c4-title34 {width:68px; margin:25px 0 15px; background-position:0 -720px;} /* 모집분야 */ .c4-title-wrap .c4-title13, .c4-title-wrap .c4-title14, .c4-title-wrap .c4-title16, .c4-title-wrap .c4-title17, .c4-title-wrap .c4-title19, .c4-title-wrap .c4-title29 {display:none;} /* 대원개요 */ .outline-list {overflow:hidden;} .outline-list li {width:100%; margin-top:45px;} .outline-list li.first {margin:0;} .outline-list li dl {} .outline-list li dl dt {font-size:17px; color:#454545; font-weight:bold; letter-spacing:-1px;} .outline-list li dl dd {margin-top:20px; font-size:13px; line-height:22px; color:#8d8d8d;} .outline-list li dl dd.outline-img {margin-top:15px;} .outline-list li dl dd.outline-img img {width:100%; height:auto;} /* 기업문화 */ .company-list {overflow:hidden;} .company-list li {float:left; width:49%; height:278px; margin:0 2% 20px 0; border:1px solid #e5e5e5; text-align:center; box-sizing:border-box;} .company-list li:nth-child(even) {margin-right:0;} .company-list li.company01 {background:url(../images/img/culture01.jpg) no-repeat center 40px;} .company-list li.company02 {background:url(../images/img/culture02.jpg) no-repeat center 40px;} .company-list li.company03 {background:url(../images/img/culture03.jpg) no-repeat center 40px;} .company-list li.company04 {background:url(../images/img/culture04.jpg) no-repeat center 40px;} .company-list li span {display:block; padding:158px 0 25px;} /* 기업비전 */ .vision-list {overflow:hidden;} .vision-list li {width:100%; margin-bottom:10px; border:1px solid #e5e5e5; text-align:center; box-sizing:border-box;} .vision-list li:last-child {margin:0;} .vision-list li.vision01 {background:url(../images/img/vision01.jpg) no-repeat center 40px;} .vision-list li.vision02 {background:url(../images/img/vision02.jpg) no-repeat center 40px;} .vision-list li.vision03 {background:url(../images/img/vision03.jpg) no-repeat center 40px;} .vision-list li span {display:block; padding:128px 0 15px;} /* 품질경영 */ .img-quality {margin:20px 0 15px;} .img-quality img {width:100%;} .quality-list {overflow:hidden;} .quality-list li {float:left; width:48%; margin:0 2% 30px 0; text-align:center;} .quality-list li:nth-child {margin-right:0;} .quality-list li img {width:144px; height:212px;} .quality-list li span {display:block; margin-top:10px; font-size:12px; color:#5f5f5f; letter-spacing:-2px;} /* 윤리경영 */ .img-ethics {margin-top:40px;} .img-ethics img {width:100%; height:auto;} .agrIn.ethical-management{overflow-y:auto !important;} .download-pdf-wrap{overflow:hidden;} .download-pdf-wrap span{float:left;} .download-pdf-wrap .btn-download-ethical{margin-right:0px !important; float:right;} .download-pdf-wrap .btn-download-ethical:not(:last-child){margin-bottom:5px;} .ethical-management-method{overflow-y:auto !important;} .agree_check span{display:inline-block; width:100%; padding-bottom:5px;} .ethical-management .agree_check label{font-size:14px;} .ethical-management .agree_check label:not(:last-child){margin-right:10px;} /* 안전보건의견청취 */ .ethical-management-method2{justify-content:space-between;} .ethical-management-method2 > ul{width:49% !important;} .ethical-management-method2 > ul > li{font-size:13px ;} .tbl-style01 tbody th{padding-left:5px !important;} .tbl-style01 tbody td{padding:6px !important;} .tbl-style01 tbody tr.last td input{max-width:240px; width:100%;} /* 주요연혁 */ .history-cont {display:none;} .cont01.history-cont {display:block;} .history-list {border-top:2px solid #929292;} .history-list li.history-box {position:relative; padding:18px 0; border-bottom:1px solid #e1e1e1;} .history-list li .year {position:absolute; top:50%; left:10px; margin-top:-15px; color:#eb1409; font-size:20px;} .history-list li ul.history-info {padding-left:90px;} .history-list li ul.history-info li {position:relative; margin-top:10px; padding-left:20px; font-size:12px; color:#6b6b6b;} .history-list li ul.history-info li:first-child {margin-top:0;} .history-list li ul.history-info li .month {position:absolute; top:0; left:0; font-size:13px; color:#4b4b4b; font-weight:bold;} .history-list li ul.history-info li ul li {padding:0;} .history-list li ul.history-info li dl {min-height:77px; padding-bottom:20px; border-bottom:1px solid #e4e4e4;} .history-list li ul.history-info li:last-child dl {padding-bottom:0; border-bottom:0;} .history-list li ul.history-info li dl dt {padding-left:10px; color:#4b4b4b; font-weight:bold; font-size:13px; background:url(../images/bullet/bullet_03.gif) left 6px no-repeat;} .history-list li ul.history-info li dl dd {margin-top:10px; color:#6b6b6b; font-size:13px;} /*.history-list li ul.history-info li dl dd {margin-top:10px; padding-left:10px; color:#6b6b6b; font-size:13px;}*/ .history-list li ul.history-info li dl dd.img-box {width:144px; height:97px; margin:20px auto 0; border:1px solid #e4e4e4;} .history-list li ul.history-info li dl dd.img-box img {width:144px; height:97px;} /* 그룹사 안내 */ .group-list01 {overflow:hidden;} .group-list01 li {float:left; width:49%; margin:0 2% 15px 0; padding-bottom:10px; border:1px solid #dfdfdf; box-sizing:border-box;} .group-list01 li:nth-child(even) {margin-right:0;} .group-list01 li .img-box {border-bottom:1px solid #dfdfdf;} .group-list01 li .img-box img {width:100%; height:auto;} .group-list01 li .group-title {display:block; margin-top:10px; padding:0 10px; font-size:14px; color:#272727; font-weight:normal;} .group-list01 li .slogan {display:block; margin-top:10px; padding:0 10px; font-size:11px; color:#a1a0a0;} .group-list01 li .btn-view {display:block; width:83px; height:22px; margin:10px auto 0; background:url(../images/btn/btn_view.gif) 0 0 no-repeat;} .group-list02 {overflow:hidden;} .group-list02 li {float:left; display:table; width:49%; height:54px; margin:0 2% 7px 0; padding:0 5px; border:1px solid #dfdfdf; box-sizing:border-box;} .group-list02 li:nth-child(even) {margin-right:0;} .group-list02 li strong {display:table-row; font-size:11px; color:#272727; letter-spacing:-2px;} .group-list02 li span {display:table-row; font-size:11px; color:#a1a0a0; letter-spacing:-1px; line-height:12px;} /* 그룹조직도 */ .img-group img {width:100%; height:auto;} /* ceo-greetings */ .ceo-greetings {border:1px solid #ddd;} .ceo-greetings .bx-wrapper {position:relative;} .ceo-greetings .bx-wrapper .bx-viewport {z-index:0;} .ceo-greetings .bx-wrapper .bx-viewport .m-ceo-slide {height:297px; background:url(../images/mobile/img/img_ceo.jpg) 0 0 no-repeat; background-size:100% auto;} .ceo-greetings .bx-wrapper .bx-viewport .m-ceo-slide li img {width:100%; height:auto;} .ceo-greetings .bx-wrapper .bx-controls {position:absolute; left:15px; bottom:15px; z-index:10; width:86px;} .ceo-greetings .bx-wrapper .bx-controls a {display:block; width:26px; height:26px; background:url(../images/btn/btn_slide_control.png) 0 0 no-repeat; font-size:0; line-height:0; text-indent:-999em;} .ceo-greetings .bx-wrapper .bx-controls .bx-prev {float:left; background-position:0 0;} .ceo-greetings .bx-wrapper .bx-controls .bx-prev:hover {float:left; background-position:0 -35px;} .ceo-greetings .bx-wrapper .bx-controls .bx-next {float:right; background-position:-60px 0;} .ceo-greetings .bx-wrapper .bx-controls .bx-next:hover {float:right; background-position:-60px -35px;} .ceo-greetings .bx-wrapper .bx-controls .bx-controls-auto {position:absolute; top:0; left:50%; margin-left:-13px;} .ceo-greetings .bx-wrapper .bx-controls .bx-controls-auto .bx-stop {background-position:-30px -35px;} .ceo-greetings .bx-wrapper .bx-controls .bx-controls-auto .bx-start {background-position:-30px 0;} /* 2015-09-12 삭제 .ceo-spec {margin-bottom:20px; padding:0 15px;} .ceo-spec li.spec-list {overflow:hidden; padding:15px 0; border-top:1px solid #eaeaea;} .ceo-spec li.spec-list:last-child {padding-bottom:0;} .ceo-spec li.spec-list ul li {position:relative; padding-left:100px; font-size:12px;} .ceo-spec li.spec-list ul li .year {position:absolute; top:0; left:0; font-size:12px; color:#555; font-weight:bold;} */ .ceo-intro {margin:-1px 10px;padding:20px 0 25px; border-top:1px solid #eaeaea;} .ceo-intro .text {margin-top:15px; font-size:12px;} .ceo-intro .text:first-child {margin-top:0;} .ceo-intro .text-red {color:#d42020;} .ceo-intro {} /* 사업소개 */ .business-list {overflow:hidden;} .business-list > li {margin-bottom:25px;} .business-list > li:last-child {margin:0;} .business-list > li img {width:100%; height:auto;} .business-list > li strong {display:block; margin:20px 0 15px; font-size:17px; color:#414141;} .business-list > li p {font-size:12px; line-height:20px; color:#959595;} .business-list > li p.business-txt {height:60px;} .business-list > li ul li strong {display:block; margin:25px 0 0 0; padding-left:6px; font-size:12px; color:#6f6f6f; background:url(../images/bullet/bullet_03.gif) no-repeat 0 6px;} .business-list > li ul li ul li {padding-left:6px; font-size:12px; line-height:19px; color:#959595;} .housing-intro {overflow:hidden; margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #ddd;} .housing-intro .intro-visual {width:300px; margin:20px auto 0;} .intro-visual .bx-wrapper {border:1px solid #ddd;} .intro-slide-pager {overflow:hidden; width:300px;} .intro-slide-pager a {float:left; position:relative; width:25%; box-sizing:border-box;} .intro-slide-pager a img {width:75px; height:52px;} .intro-visual .intro-slide-pager a:before {content:''; display:block; position:absolute; left:0; top:0; width:90px; height:67px; background:url(../images/bg/bg_modal.png);} .intro-visual .intro-slide-pager a.active:before {background:none;} .housing-intro .housing-title {} .housing-intro .housing-title strong {display:block; margin:15px 0; font-size:16px; line-height:22px; color:#be1924;} .housing-intro .housing-title p {font-size:13px; line-height:20px; color:#969696;} .brand-list {position:relative; margin-bottom:20px; padding-left:132px;} .brand-list dt {font-size:14px; color:#3a3a3a; font-weight:bold;} .brand-list dd {margin-top:10px; font-size:12px; color:#969696; line-height:16px; word-break:break-all;} .brand-list dd a.short-btn01 {display:block; height:22px; margin-top:15px; background:url(../images/btn/short_btn01.gif) no-repeat 0 0;} .brand-list dd a.short-btn02 {display:block; height:22px; margin-top:15px; background:url(../images/btn/short_btn02.gif) no-repeat 0 0;} .brand-list dd a.short-btn03 {display:block; height:22px; margin-top:15px; background:url(../images/btn/short_btn03.gif) no-repeat 0 0;} .brand-list dd.brand-img {position:absolute; left:0; top:0; width:117px; height:88px; margin:0; border:1px solid #ddd; box-sizing:border-box;} .brand-list dd.brand-img img {width:100%;} .process-list {overflow:hidden; margin-top:15px;} .process-list li {float:left; width:32%; margin-right:2%; border:1px solid #ddd; box-sizing:border-box; } .process-list li:last-child {margin:0;} .process-list li img {width:100%; height:auto;} .img-overseas img {width:100%; height:auto;} .question {border-top:2px solid #414141; border-bottom:2px solid #414141;} .question li {border-top:1px solid #e7e7e7; background:url(../images/mobile/bullet/ico_q.gif) no-repeat 15px 18px; } .question li:first-child {border:0;} .question li .q-txt {cursor:pointer; width:100%; padding:17px 50px 18px 45px; box-sizing:border-box; background:url(../images/mobile/btn/btn_open.gif) no-repeat 95% 13px; font-size:12px; line-height:18px; color:#818181;} .question li .q-txt.active {background:url(../images/mobile/btn/btn_close.gif) no-repeat 95% 13px;} .question li .answer-box {display:none; padding:10px 54px 20px 44px; border-top:1px solid #e7e7e7; background:#f6f6f6 url(../images/mobile/bullet/ico_a.gif) no-repeat 15px 15px;} .question li .answer-box p {font-size:12px; line-height:18px; color:#525252;} /* 대원 소식 */ .dw-news {border-top:2px solid #414141; border-bottom:1px solid #414141; } .dw-news li {overflow:hidden; padding:6px 10px 8px; border-bottom:1px solid #e7e7e7;} .dw-news li:nth-child(odd) {background-color:#f6f6f6;} .dw-news li a {overflow:hidden; float:left; width:75%; font-size:12px; white-space:nowrap; text-overflow:ellipsis;} .dw-news li span {float:right; width:25%; font-size:12px; color:#b0b0b0; text-align:right;} /* 담당자 연락처 */ .responsible-contact {} .responsible-contact {margin-top:20px; border-top:2px solid #414141; border-bottom:1px solid #414141;} .responsible-contact li {overflow:hidden; position:relative; padding:10px; border-bottom:1px solid #e7e7e7;} .responsible-contact li.last {border:0;} .responsible-contact li dl {overflow:hidden;} .responsible-contact li dl dt {width:100%; font-size:14px; color:#272727; line-height:16px; font-weight:bold;} .responsible-contact li dd.contact-info {width:100%; margin-top:8px; background:url('../images/bullet/bullet_01.gif') left 14px no-repeat; font-size:12px; color:#767676; line-height:28px;} .responsible-contact li dd.contact-info > span {float:left; display:inline-block; width:50px; margin-right:15px; padding:0 5px 0 8px; background:url('../images/bg/bg_line.gif') right center no-repeat;} .responsible-contact li dd.contact-info .btn-call {display:inline-block; padding:0 5px; font-size:11px; color:#7b7b7b; text-align:center; line-height:26px; border:1px solid #c8c8c8; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #f7f7f7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#f7f7f7 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#f7f7f7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */ } .responsible-contact li dd.contact-info .btn-call span {padding-left:15px; background:url('../images/mobile/bullet/icon_call.png') 0 center no-repeat; background-size:10px 11px;} .responsible-contact li dd.contact-info .view-map {display:block; padding-left:78px;} .responsible-contact li > a {position:absolute; top:60px; right:20px;} /* 찾아 오시는 길 */ .contact-list {overflow:hidden; border-top:2px solid #272727; border-bottom:1px solid #272727;} .contact-list li {padding:20px 0; border-top:1px solid #e7e7e7;} .contact-list li:first-child {border-top:0;} .contact-list li .img-box {border:1px solid #e5e5e4; box-sizing:border-box;} .contact-list li .img-box img{width:100%; height:auto;} .contact-list li dl {margin-top:15px;} .contact-list li dl dt {margin-bottom:15px; font-size:14px; color:#272727; font-weight:bold;} .contact-list li dl dd {position:relative; margin-bottom:5px; padding-left:50px; color:#767676; font-size:12px; background:url(../images/mobile/bullet/bullet_01.gif) 0 6px no-repeat;} .contact-list li dl dd:before {content:'';position:absolute; top:5px; left:40px; width:1px; height:10px; background-color:#e5e5e5;} .contact-list li dl dd span {position:absolute; top:0; left:5px; display:block;} .contact-list li .btn-map-view {display:block; width:83px; height:24px; margin:20px auto 0; background:url(../images/mobile/btn/btn_map_view.gif) 0 0 no-repeat;} .office-addr{padding: 20px; } .office-addr span:first-child{box-sizing: border-box; font-size: 14px; color: #272727; line-height: 16px; font-weight: bold; margin-right: 5px; margin-bottom: 5px;} .office-addr span{font-size: 14px; color: #767676; display: block;} /* CI 및 BI */ .symbol li {overflow:hidden; margin-bottom:25px;} .symbol li:last-child {margin-bottom:0;} .symbol div {border:1px solid #ddd;} .symbol div img{width:100%; height:auto;} .symbol div .btn-ci-down {display:block; width:114px; height:27px; margin:15px auto 0; background:url(../images/btn/btn_ci_down.gif) 0 0 no-repeat;} .symbol dl {margin-top:10px;} .symbol dl dt {margin-bottom:10px; font-size:16px; font-weight:bold; color:#3a3a3a;} .symbol dl dd {margin-bottom:10px; font-size:13px; color:#969696; line-height:22px; text-align:justify; letter-spacing:-1px;} .symbol dl dd .symbol-color {display:inline-block; width:32%; margin-right:2%; padding:2px 0 1px; font-size:11px; color:#fff; text-align:center; letter-spacing:0;} .symbol dl dd .symbol-color:last-child {margin:0;} .symbol dl dd .red-color {background-color:#ff1100;} .symbol dl dd .gray-color {background-color:#4d4d4d;} .symbol dl dd .blue-color01 {background-color:#00529b;} .symbol dl dd .blue-color02 {background-color:#0082c8;} .symbol dl dd .blue-color03 {background-color:#00adee;} .symbol dl dd .blue-color04 {background-color:#005eab;} .symbol dl dd .blue-color05 {background-color:#010892;} .symbol dl dd .blue-color06 {background-color:#275CA9;} .symbol dl dd .yellow-color {background-color:#faa634;} .symbol dl dd .green-color01 {background-color:#b2bb1b;} .symbol dl dd .green-color02 {background-color:#017A18;} .symbol dl dd .green-color03 {background-color:#B8D004;} .symbol dl dd .orange-color01 {background-color:#F8710C;} /* thumb-list */ /* 인쇄광고 */ .thumb-list2 {overflow:hidden;} .thumb-list2 li {position:relative; float:left; width:49%; margin:0 2% 15px 0; border:1px solid #dfdfdf; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .thumb-list2 li:nth-child(even) {margin-right:0;} .thumb-list2 li div {text-align:center;} .thumb-list2 li div img {width:100%; height:auto;} .thumb-list2 li dl dt {display:block; padding:10px; border-top:1px solid #e1e1e1; font-family:Nanum Gothic; font-size:14px; line-height:19px; color:#272727; letter-spacing:-1px;} .thumb-list2 li .list-txt {position:relative; overflow:hidden; display:block;margin-bottom:6px; padding-left:56px; color:#a1a0a0; font-size:12px; background:url(../images/bullet/ico_dot.gif) no-repeat 15px 6px; text-overflow:ellipsis; white-space:nowrap;} .thumb-list2 li .list-txt .array {position:absolute; top:0; left:20px;} .thumb-list2 li .btn-view {display:none; float:right; width:83px; height:22px; margin:30px 15px 15px 0; background:url(../images/btn/btn_view.gif) 0 0 no-repeat;} .thumb-list3 {overflow:hidden;} .thumb-list3 li {position:relative; float:left; width:49%; margin:0 2% 15px 0; box-sizing:border-box;} .thumb-list3 li:nth-child(even) {margin-right:0;} .thumb-list3 li a {display:block; height:320px; border:1px solid #dfdfdf;} .thumb-list3 li div {position:relative; width:99%; height:170px; margin:0 auto; text-align:center;} .thumb-list3 li div img {position:absolute; left:50%; top:50%; width:100%; height:auto; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} .thumb-list3 li .thumbnail {width:100%; height:170px;} .thumb-list3 li strong {display:block; overflow:hidden; width:100%; padding:10px; border-top:1px solid #e1e1e1; font-family:Nanum Gothic; font-size:14px; text-overflow:ellipsis; line-height:19px; color:#272727; white-space:nowrap; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .thumb-list3 li .intro-open {position:absolute; left:-5px; top:150px; width:94px; height:25px;color:#fff; font-size:13px; text-align:center;} .thumb-list3 li .list-txt {overflow:hidden; display:block;margin-bottom:6px; padding-left:15px; color:#a1a0a0; font-size:12px; background:url(../images/bullet/ico_dot.gif) no-repeat 10px 6px; text-overflow:ellipsis; white-space:nowrap;} /* 영상광고 */ .movies-list {overflow:hidden;} .movies-list li {position:relative; float:left; width:49%; height:300px; margin:0 2% 15px 0; box-sizing:border-box; border:1px solid #e1e1e1;} .movies-list li:nth-child(even) {margin-right:0;} .movies-list li .inner {position:relative; width:100%;} .movies-list li a {display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:url('../images/bg/bg_movies.png') 0 0;} .movies-list li a:before {content:''; display:block; position:absolute; left:50%; top:50%; width:42px; height:42px; margin:-21px 0 0 -22px; background:url('../images/bg/bg_btn_movies.png') no-repeat 0 0; background-size:42px 42px;} .movies-list li img {width:100%; height:auto; min-height:101px;} .movies-list li dl {padding:10px;} .movies-list li dt {font-family:Nanum Gothic; font-size:14px; font-weight:bold; line-height:19px; color:#272727;} .movies-list li dd {position:relative; padding-left:50px; color:#a1a0a0; font-size:12px; line-height:18px; background:url('../images/bullet/ico_dot.gif') no-repeat 5px 8px;} .movies-list li dd .array {position:absolute; left:10px; top:0;} /* 사회공헌 소개 */ .social-intro {min-height:241px; padding-bottom:241px; background:url(../images/bg/bg_social01.jpg) 0 bottom no-repeat; background-size:100% auto;} .social-intro dl dt {margin-bottom:20px; color:#be1924; font-weight:bold; font-size:16px; line-height:25px;} .social-intro dl dd {color:#969696; font-size:13px; line-height:21px; text-align:justify; letter-spacing:-1px;} .social-txt {font-size:13px; color:#969696; line-height:21px; text-align:justify; letter-spacing:-1px;} /* 사회공헌 소식 */ .history-cont {display:none;} .cont01.history-cont {display:block;} .history-list02 {border-top:2px solid #929292;} .history-list02 li.history-box {position:relative; padding:18px 0 8px; border-bottom:1px solid #e1e1e1;} .history-list02 li .year {position:absolute; top:50%; left:10px; margin-top:-15px; color:#eb1409; font-size:20px;} .history-list02 li ul {padding-left:100px;} .history-list02 li ul li {margin-top:10px;} .history-list02 li ul li:first-child {margin-top:0;} .history-list02 dl {position:relative; min-height:87px; padding:10px 0 0 160px;} .history-list02 .news-title {margin-left:50px; margin-bottom:5px; padding-left:7px; color:#4b4b4b; font-size:13px; font-weight:bold; background:url(../images/bullet/bullet_03.gif) 0 9px no-repeat;} .history-list02 .news-text {padding-left:7px; color:#6b6b6b; font-size:13px; line-height:20px;} .history-list02 .img-box {position:absolute; top:0; left:0; width:204px; height:150px; border:1px solid #dcdcdc; box-sizing:border-box;} /* 인재상 */ .recruit-info {padding:35px 10px; border:1px solid #ddd;} .recruit-info p {padding-bottom:25px; background:url(../images/mobile/bg/bg_line_dash.gif) 0 bottom repeat-x; text-align:center;} .recruit-info p img {width:278px; height:100px;} .recruit-info .right-people {width:268px; height:278px; margin:25px auto 0; background:url(../images/mobile/img/img_recruit_info.gif) 0 0 no-repeat; background-size:268px 278px;} /* 복지 */ .welfare-info {padding:15px; border:1px solid #ddd;} .welfare-info p img {width:100%; } .company-application-step img {width:100%; height:auto;} .company-application-txt {font-size:13px; color:#8d8d8d;} /* =================================================================================================== */ /* 공통 */ /* =================================================================================================== */ /* history-tab */ .history-tab {overflow:hidden; margin:35px 0;} .history-tab li {float:left; width:20%; padding-left:3px; box-sizing:border-box;} .history-tab li:first-child {padding-left:0;} .history-tab li a {position:relative; display:block; width:100%; padding-top:19px; font-size:12px; color:#989797; letter-spacing:-1px;} .history-tab li a:before {content:''; position:absolute; top:0; left:0; width:100%; height:10px; background-color:#929292;} .history-tab li a.active {color:#eb1409;} .history-tab li a.active:before {background-color:#eb1409;} .history-tab02 li {width:25%;} /* table */ .overX{overflow-x: scroll;} .table-block{width: 725px;} .titSet {display: flex; justify-content: space-between; align-items: flex-end;} .table-block span {display: block;} .tbl-wrap {overflow:hidden; margin-top:15px;} .tbl-wrap.tbl-bottom{margin-bottom: 60px;} .tbl-wrap.tbl-bottom:last-child{margin-bottom: 0;} .tbl-inner-bottom{margin-bottom: 20px;} .tbl-wrap .essential {margin-bottom:7px; font-size:11px; color:#bb1111; text-align:left;} .sideTitle td:nth-child(odd){background: #f6f6f6; font-size: 12px; color: #818181; font-weight: 600;} .table-tit, .table-tit-sub, .table-etc{font-family: 'Noto Sans KR', sans-serif;} .table-tit, .table-tit-sub{display: block; padding-left: 20px;margin-bottom: 10px; font-size: 14px; color: #777;} .table-tit{font-size: 24px; font-weight: 700; color: #333; letter-spacing: -1px; position: relative; padding-left: 20px; margin-bottom: 10px;} .table-tit:before{content: ''; display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #333; position: absolute; left: 0; top: 50%; transform: translateY(-50%);} .table-tit-right {margin-bottom: 10px; font-size: 13px; color: #777; font-family: 'Noto Sans KR', sans-serif;} .table-etc{font-size: 13px;} .tbl-wrap .essential {margin-bottom:7px; font-size:11px; color:#bb1111; text-align:left;} .tbl-style01 {border-top:2px solid #414141; border-bottom:1px solid #414141;} .tbl-style01 tbody th, .tbl-style01 tbody td {border-bottom:1px solid #e7e7e7;} .tbl-style01 tbody tr.last th, .tbl-style01 tbody tr.last td {border-bottom:0;} .tbl-style01 tbody th {padding-left:27px; background-color:#f6f6f6; font-size:13px; color:#646464; text-align:left;} .tbl-style01 tbody th label {padding-left:10px;} .tbl-style01 tbody th label.required {background:url(../images/bullet/bullet_required.gif) 0 6px no-repeat;} .tbl-style01 tbody td {padding:6px 0 7px 24px; font-size:13px; border-left:1px solid #eaeaea;} .tbl-style01 tbody td select {height:31px; border:1px solid #ccc; box-sizing:border-box;} .tbl-style01 tbody td .tbl-consult {font-size:11px; color:#d1d0d0;} .tbl-style01 tbody td textarea {width:100%; height:135px; box-sizing:border-box; resize:none;} .check-wrap {display:inline-block; margin-left:15px;} .check-wrap label {margin-left:3px; font-size:11px; color:#6c6c6c;} .tbl-style02 {border-top:2px solid #414141; border-bottom:1px solid #414141;} .tbl-style02 thead th {padding:11px 0; background:#f6f6f6 url(../images/bg/bg_line.gif) right 18px no-repeat; font-size:12px; color:#818181; line-height:22px; text-align:center;} .tbl-style02 thead th input[type="checkbox"] {width:22px; height:22px;} .tbl-style02 thead th.last {background:#f6f6f6;} .tbl-style02 tbody td {padding:13px 0; font-size:12px; color:#818181; text-align:center; border-top:1px solid #e7e7e7; word-break: keep-all;} .tbl-style02 tbody.al_r td {text-align: right;} .tbl-style02 tbody td:first-child {text-align: left; padding-left: 20px;} .tbl-style02 tbody td:last-child {padding-right: 20px;} .tbl-style02 tbody td input[type="checkbox"] {width:22px; height:22px;} .tbl-style02 tbody td.title {padding:0 10px; text-align:left;} .tbl-style02 tbody td.title a {display:block; overflow:hidden; width:100%; text-overflow:ellipsis; white-space:nowrap; color:#818181;} /* view page */ .view-style01 {overflow:hidden; width:100%; border-top:2px solid #414141; } .notice-info .txt-info {position:relative; width:100%; padding:12px 30px 12px 15px; background-color:#f6f6f6; border-bottom:1px solid #e7e7e7; box-sizing:border-box;} .notice-info .txt-info strong {display:block; position:absolute; top:12px; left:15px; width:60px; margin-right:30px; background:url(../images/bg/bg_line.gif) right 4px no-repeat; color:#818181; font-size:12px; font-weight:bold; vertical-align:top;} .notice-info .txt-info span {display:block; overflow:hidden; padding-left:70px; color:#818181; font-size:12px; box-sizing:border-box;} .notice-info .txt-info .file-name {color:#bb1111;} .view-cont {padding:20px 15px; color:#686868; font-size:12px;} .page-link {border-bottom:1px solid #414141;} .page-link > div {padding:10px 15px; background-color:#f6f6f6; border-top:1px solid #e7e7e7;} .page-link > div a, .page-link > div span, .page-link > div strong {display:inline-block; font-size:12px; color:#818181;} .page-link > div > strong {width:76px; margin-right:28px;} .page-link .prev-page > strong {background:url(../images/mobile/bullet/bullet_up.gif) right 7px no-repeat;} .page-link .next-page > strong {background:url(../images/mobile/bullet/bullet_down.gif) right 7px no-repeat;} /* 더보기 + top 버튼 */ .more-list {overflow:hidden; position:absolute; left:0; bottom:0; width:100%; border:1px solid #d7d7d7; border-bottom:none; box-sizing:border-box;} .more-list .btn-list, .more-list .btn-list-more, .more-list .btn-top {float:left; height:40px; line-height:40px; font-size:14px; font-weight:bold; text-align:center; box-sizing:border-box;} .more-list .btn-list {width:100%; background:url(../images/mobile/bg/bg_more_list.jpg) 0 0 repeat-x;} .more-list .btn-list span {padding-right:15px; background:url(../images/mobile/bullet/bullet_03.png) right 7px no-repeat;} .more-list .btn-list-more {width:80%; background:url(../images/mobile/bg/bg_more_list.jpg) 0 0 repeat-x; border-right:1px solid #d7d7d7;} .more-list .btn-list-more span {padding-right:15px; background:url(../images/mobile/bullet/bullet_down.png) right 7px no-repeat;} .more-list .btn-top {width:20%; background:url(../images/mobile/bg/bg_more_list.jpg) 0 0 repeat-x;} .more-list .btn-top span {padding-right:15px; background:url(../images/mobile/bullet/bullet_up.png) right 7px no-repeat;} /* paging */ .paging {text-align:center;} .paging > a {display:inline-block; width:23px; height:29px; margin:0 2px; border:1px solid #ccc; box-sizing:border-box; font-size:12px; line-height:29px; color:#666; vertical-align:middle;} .paging > a:hover, .paging > a.on {border:1px solid #555; background-color:#666; color:#fff;} /* search-box */ .search-box {margin-bottom:15px; padding:0;} .search-box input, .search-box select {height:24px; border:1px solid #bebebe; box-sizing:border-box; font-size:12px; color:#555;} .search-box .btn-search {width:60px; height:24px; background:url(../images/mobile/btn/btn_search02.gif) no-repeat 0 0;} /* family-site */ .m-family-site {position:relative;} .m-family-site ul {display:none; overflow:hidden; position:absolute; bottom:31px; left:0; width:100%; background-color:#b41919;} .m-family-site ul li {float:left; width:50%; padding:12px 0 15px; background-color:#b41919;} .m-family-site ul li.under {padding:0 0 15px;} .m-family-site ul li a {display:block; width:80%; margin:0 auto; color:#fff; font-size:13px; border-bottom:1px solid #cb5e5e; text-align:center; line-height:20px;} .m-family-site button {display:block; width:100%; padding:7px 0 7px 20px; background:#ea2b20 url(../images/mobile/btn/btn_open02.gif) 95% center no-repeat; background-size:10px 10px; color:#fff; font-size:13px; text-align:left; box-sizing:border-box;} .m-family-site button.active {background:#ea2b20 url(../images/mobile/btn/btn_close02.gif) 95% center no-repeat; background-size:10px 2px;} /* 개인정보취급방침 */ .privacy-cont {border:1px solid #ddd;} .privacy-box {overflow-y:scroll; height:240px; padding:15px;} .privacy-box .privacy-text {padding:0 0 25px 15px; border-bottom:1px dashed #d9d9d9; background:url(../images/bullet/bullet_02.gif) no-repeat 0 8px; font-weight:bold; font-size:12px; line-height:20px; color:#5c5c5c;} .privacy-box .c-style {display:block; margin-top:25px; font-size:12px; line-height:18px; color:#9b4a4a; } .privacy-box p {margin-top:5px; font-size:12px; line-height:18px; color:#8d8d8d; } /* 이용약관 */ .agreement-cont {border:1px solid #ddd;} .agreement-box {overflow-y:scroll; height:240px; padding:15px;} .agreement-box .c-style {display:block; margin-top:25px; font-size:12px; line-height:18px; color:#9b4a4a; } .agreement-box p {margin-top:5px; font-size:12px; line-height:18px; color:#8d8d8d; } .agreement-box strong {display:block; margin-top:19px; font-size:12px; line-height:18px; color:#646464;} .agreement-box ul {} .agreement-box ul > li {position:relative; padding-left:15px; font-size:12px; line-height:18px; color:#8d8d8d;} .agreement-box ul > li ul li {padding:0;} .agreement-box .number {position:absolute; left:0; top:0; } /* 이메일 무단수집거부 */ .email-privacy-cont {border:1px solid #ddd;} .email-privacy {padding:15px;} .email-privacy strong {display:block; padding-left:15px; background:url(../images/bullet/bullet_02.gif) no-repeat 0 8px; font-family:Nanum Gothic; font-size:14px; color:#646464;} .email-privacy p {margin-top:5px; font-size:12px; line-height:18px; color:#8d8d8d; } /* 사업실적 */ .thumb-wrap {} .thumb-wrap .title {color:#a6a6a6; font-size:12px;} .thumb-list4 {} .thumb-list4 .thumb-item {overflow: hidden; width:100%; min-height:82px; margin-bottom:10px; padding:20px 0 10px; box-sizing:border-box; border-top:1px solid #dfdfdf;} .thumb-list4 .thumb-item .img-area {float:left; width:120px; height:80px;margin-bottom:10px;} .thumb-list4 .thumb-item .img-area img {width:100%;} .thumb-list4 .thumb-item .info-area {float:left; margin-left:10px;} .thumb-list4 .thumb-item .info-area .info-title {display:block; margin-bottom:10px; font-family:Nanum Gothic; font-size:13px; line-height:16px; color:#272727; } .thumb-list4 .thumb-item .info-area .list {margin-top:10px;} .thumb-list4 .thumb-item .info-area .list .item {color:#a1a0a0; font-size:11px; line-height:1.9;} .thumb-list4 .thumb-item .info-area .list .item .title-text {display:inline-block; margin-right:5px;} /* footer */ .footer {padding:10px 0 15px; background-color:#353535;} .footer ul {overflow:hidden; width:305px; margin:0 auto 7px;} .footer ul li {position:relative; float:left; margin-right:5px; padding-right:5px;} .footer ul li:before {content:''; position:absolute; top:9px; right:0; width:1px; height:12px; background-color:#4d4d4d;} .footer ul li:last-child {margin:0; padding:0;} .footer ul li:last-child:before {display:none;} .footer ul li a {font-size:11px; color:#9b9b9b;} .footer .copyright {font-size:11px; color:#6e6d6d; text-align:center;} /* button wrap */ .btn-wrap {overflow:hidden; margin-top:25px; text-align:right; /* background:url(../images/bg/bg_line_dash.gif) 0 0 repeat-x; */} .btn-wrap a.btn-style01 {display:inline-block; width:118px; height:19px; padding:6px 0 13px; background:url(../images/btn/btn_type03.gif) 0 0 no-repeat; color:#bb1111; font-size:13px; text-align:center;} /* btn-type */ .btn-type01 {display:inline-block; width:99px; height:24px; background:url(../images/btn/btn_type01.gif) 0 0 no-repeat; color:#828282; font-size:12px; text-align:center; line-height:24px;} .btn-type02 {display:inline-block; width:99px; height:24px; background:url(../images/btn/btn_type02.gif) 0 0 no-repeat; color:#bb1111; font-size:12px; text-align:center; line-height:24px;} .btn-file-down {display:inline-block; width:83px; height:22px; background:url(../images/btn/btn_file_down.gif) 0 0 no-repeat;} .btn-application {display:inline-block; width:119px; height:22px; background:url(../images/btn/btn_application.gif) no-repeat 0 0;} .btn-shortcuts {display:inline-block; width:83px; height:22px; background:url(../images/btn/btn_shortcuts.gif) no-repeat 0 0; vertical-align:top;} .btn-bookmark {display:inline-block; width:100px; height:22px; margin-top:20px; background:url(../images/btn/btn_bookmark.gif) 0 0 no-repeat;} .view-enlarge {display:inline-block; width:75px; height:24px; background:url(../images/btn/btn_big.gif) 0 0 no-repeat;} .btn-split, .btn-split a, .btn-split button, .btn-split input { position:relative; margin:0; display:inline-block; text-decoration:none !important; border:0; font-size:12px; white-space:nowrap; background:url(../images/btn/btn_split.png) no-repeat; overflow:visible; color:#333;} .btn-split { height:22px; padding:0; vertical-align:middle; margin-right:2px; background-position:left top;} .btn-split a, .btn-split button, .btn-split input{ left:2px; vertical-align:top; cursor:pointer;} .btn-split.btn-large {width:138px; height:31px; background-position:left -22px; } .btn-split.btn-default a, .btn-split.btn-default button, .btn-split.btn-default input {height:22px; padding:0 12px 0 10px; font-size:12px; line-height:22px; background-position:right top;} .btn-split.btn-default02 {height:23px; background-position:left -53px;} .btn-split.btn-default02 a, .btn-split.btn-default02 button, .btn-split.btn-default02 input {height:23px; padding:0 18px 0 16px; font-size:12px; line-height:23px; background-position:right -53px; color:#7b7b7b;} .btn-split.btn-active {height:23px; background-position:left -76px;} .btn-split.btn-active a, .btn-split.btn-active button, .btn-split.btn-active input {height:23px; padding:0 18px 0 16px; font-size:12px; line-height:23px; background-position:right -76px; color:#bb1111;} .btn-split.btn-large a, .btn-split.btn-large button, .btn-split.btn-large input {width:138px; height:31px; font-size:12px; line-height:31px; text-align:center; background-position:right -22px;} /* layer popup */ .block-ui {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/bg/bg_modal.png) 0 0 repeat; z-index:100;} .layer-pop {display:none; position:fixed; top:50%; left:50%; z-index:100; background-color:#fff; border:1px solid #9b9b9b;} .layer-title {padding:11px 0 11px 18px; background-color:#4d4d4d;} .layer-title h3 {color:#fff; font-size:15px; font-weight:bold;} .layer-cont {padding:30px 20px;} .layer-foot {padding:8px 0; background-color:#e5e5e5; text-align:center;} .btn-pop-close {position:absolute; top:-35px; right:0; width:42px; height:42px; background:url(../images/btn/btn_pop_close04.png) 50% 50% no-repeat;} .btn-pop-identify {display:inline-block; width:116px; height:31px; background:url(../images/btn/btn_identify.gif) 0 0 no-repeat;} .id-check {width:380px; height:262px; margin:-131px 0 0 -190px;} .id-check .layer-cont {height:117px;} .error-pop {width:320px; margin-left:-160px;} .error-pop .error-message {min-height:40px; padding:10px 0 10px 85px; background:url(../images/img/img_error.gif) 0 center no-repeat; color:#575757; font-size:13px;} .group-pop {-webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:320px; height:auto; background-color:#f3f3f3;} .group-pop .layer-cont {padding:12px 13px;} .group-pop .layer-cont .group-img {width:294px; height:196px; margin:0 auto; border:1px solid #cfcfcf; box-sizing:border-box;} .group-pop .layer-cont .group-img img {width:100%; height:100%;} .group-pop strong {display:block; margin-top:15px; color:#272727; font-size:19px; font-weight:bold;} .group-pop p {margin-top:8px; color:#636363; font-size:12px; line-height:1.7;} .group-pop .layer-cont .group-info {margin-top:20px;} .group-pop .layer-cont .group-info > li {position:relative; margin-bottom:5px; font-size:12px; color:#565656; background:url(../images/bullet/bullet_01.gif) no-repeat left 6px;} .group-pop .layer-cont .group-info > li .housing-txt {display:inline-block; width:100%; padding-left:75px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .group-pop .layer-cont .group-info > li .housing-txt li {width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .group-pop .layer-cont .group-info > li .housing-tit {position:absolute; left:0; top:0; padding-left:6px;} .group-pop .layer-cont .group-info > li ul.depth02 {padding-left:75px;} .group-pop .layer-cont .group-info > li ul li {font-size:12px; color:#565656;} /* 찾아오시는길, 연락처 */ .contact-pop {-webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:320px; height:350px; background-color:#f3f3f3; box-sizing:border-box;} .contact-pop .btn-pop-close {top:-35px;} .contact-pop .layer-cont {overflow-y:scroll; height:330px; padding:10px;} .contact-pop .layer-cont iframe {width:300px; height:200px;} .contact-pop .layer-cont .contact-us {width:100%;} .contact-pop .layer-cont .contact-us img {width:100%; height:auto;} .contact-pop strong {display:block; margin-top:15px; color:#6e6e6e; font-size:12px; font-weight:bold;} .contact-pop p {margin-top:8px; color:#6e6e6e; font-size:12px; line-height:1.7;} /* 주요실적 팝업 */ .housing-pop {-webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); width:320px; height:auto; border:0; z-index:1000;} .housing-pop .layer-cont {overflow-y:scroll; height:350px; padding:10px 10px 20px; background-color:#eee;} .btn-pop-close03 {position:absolute; top:-25px; right:12px; width:21px; height:21px; background:url(../images/btn/btn_pop_close03.png) 0 0 no-repeat;} .housing-pop .layer-cont .housing-img {overflow:hidden; width:300px; height:200px;} .housing-pop .layer-cont .housing-img img {width:300px; height:200px;} .housing-pop .layer-cont .housing-title {width:300px; margin-top:10px;} .housing-pop .layer-cont .housing-title h2 {font-family:Nanum Gothic; font-size:18px; font-weight:bold; color:#383838;} .housing-pop .layer-cont .housing-title > ul {margin-top:20px;} .housing-pop .layer-cont .housing-title > ul > li {position:relative; margin-bottom:5px; font-size:12px; color:#565656; background:url(../images/bullet/bullet_01.gif) no-repeat left 10px;} .housing-pop .layer-cont .housing-title > ul > li .housing-txt {display:inline-block; width:100%; padding-left:75px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .housing-pop .layer-cont .housing-title > ul > li .housing-txt li {width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .housing-pop .layer-cont .housing-title > ul > li .housing-tit {position:absolute; left:0; top:0; padding-left:6px;} .housing-pop .layer-cont .housing-title > ul > li ul.depth02 {padding-left:75px;} .housing-pop .layer-cont .housing-title > ul > li ul li {font-size:12px; color:#565656;} .housing-pop .layer-cont .housing-title > ul.civil li span.civil-class {position:absolute; left:0; top:0; padding-left:6px;} .housing-pop .layer-cont .housing-title > ul.civil li span.civil-class-info {display:block; padding-left:80px;} /* 수상실적 팝업 */ .award-pop {-webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:320px; height:350px; border:0; z-index:1000;} .btn-pop-close02 {position:absolute; top:-25px; right:0; z-index:5; width:25px; height:24px; background:url(../images/mobile/btn/btn_pop_close03.png) 0 0 no-repeat;} .award-pop .layer-cont {overflow-y:scroll; height:350px; padding:0;} .award-pop .layer-cont .award-img {position:relative; width:100%; height:auto; padding:10px; background-color:#fff; box-sizing:border-box;} .award-pop .layer-cont .award-img img {display:block; width:300px; height:200px; } .award-pop .layer-cont .award-title {position:relative; width:100%; height:auto; padding:15px 15px 10px; background-color:#d7d7d7; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;} .award-pop .layer-cont .award-title .inner {} .award-pop .layer-cont .award-title h2 {font-family:Nanum Gothic; font-size:18px; font-weight:bold; color:#383838;} .award-pop .layer-cont .award-title ul {margin-top:15px;} .award-pop .layer-cont .award-title ul li {padding-left:6px; font-size:12px; color:#565656; background:url(../images/bullet/bullet_01.gif) no-repeat left 6px;} .award-pop .layer-cont .award-title p {margin-top:32px;font-size:12px; color:#757373;} /* 인쇄광고 팝업 */ .ad-pop {-webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:100%; height:auto; border:0; z-index:1000;} .btn-pop-close02 {position:absolute; top:-30px; right:12px; z-index:5; width:25px; height:24px; background:url(../images/btn/btn_pop_close02.png) 0 0 no-repeat;} .ad-pop .layer-cont {padding:0;} .ad-pop .layer-cont .award-img img{width:100%; height:auto;} /* 영상광고 */ .video-pop {overflow-y:scroll; width:320px; height:350px; padding-top:25px; background:none; border:0; z-index:1000; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%);} .video-pop .btn-pop-close02 {top:0; right:0;} .video-pop .layer-cont {position:relative; width:100%; padding:0;} .video-pop .layer-cont .ifr-area {width:320px; height:214px;} .video-pop .layer-cont iframe {position:absolute; top:0; left:0; width:320px !important; height:214px !important;} .video-pop .layer-cont .video-txt {position:absolute; left:0; top:214px; width:320px; min-height:136px; padding:15px 10px; background:url(../images/bg/bg_video_pop.png) 0 0; box-sizing:border-box;} .video-pop .layer-cont .video-txt .video-txt-sub {font-size:16px; color:#fff;} .video-pop .layer-cont .video-txt span {font-size:12px; color:#a1a0a0;} } /* align */ .tac {text-align:center !important;} .tal {text-align:left !important;} .tar {text-align:right !important;} .clearfix {clear:both;} .fL {float:left !important;} .fR {float:right !important;} /* txt-type */ .c-style01 {color:#ec2028;} .c-style02 {color:#e51b1b;} .txt-type-title {font-size:16px; color:#4b4b4b; font-weight:bold; line-height:22px; letter-spacing:-2px;} .txt-type01 {color:#8d8d8d; font-size:13px; line-height:21px;} .txt-type02 {color:#7d7d7d; font-size:11px; text-align:left;} .import {margin-bottom:10px; color:#bb1111; font-size:11px;} /* margin */ .mgT0 {margin-top:0 !important;} .mgT5 {margin-top:5px !important;} .mgT10 {margin-top:10px !important;} .mgT15 {margin-top:15px !important;} .mgT25 {margin-top:25px !important;} .mgT30 {margin-top:30px !important;} .mgT33 {margin-top:33px !important;} .mgT35 {margin-top:35px !important;} .mgT50 {margin-top:50px !important;} .mgT60 {margin-top:60px !important;} .mgT75 {margin-top:75px !important;} .mgR5 {margin-right:5px !important;} .mgR10 {margin-right:10px !important;} .mgR15 {margin-right:15px !important;} .mgL5 {margin-left:5px !important;} .mgL10 {margin-left:10px !important;} .mgL15 {margin-left:15px !important;} .mgB0 {margin-bottom:0 !important;} .pdT0 {padding-top:0 !important;} .pdT5 {padding-top:5px !important;} .pdT10 {padding-top:10px !important;} .pdT15 {padding-top:15px !important;} .pdT20 {padding-top:20px !important;} .pdT25 {padding-top:25px !important;} .pdT30 {padding-top:30px !important;} /* 투자정보 */ .invest-manage { width:727px; margin-bottom:20px; } .invest-manage > img { width:100%; height:100%; } .invest-manage-download { width:727px; height:60px; margin-top:35px; } .invest-manage-stock { width:727px; height:559px; margin-top:100px;} .invest-manage-stock > img { width:100%; height:100%; } .invest-manage-download button { width:324px; height:44px; font-size:0px; } .invest-manage-present { margin-top:40px; } .invest-manage-download a { font-size:0px; } .invest-intro a { font-size:0px; } .invest-intro div { font-size: 20px; } .invest-intro div > span { font-weight: 600;} .invest-ir table { border-top:2px solid #242424; border-bottom:2px solid #242424; } .invest-ir th { color:#818181; font-size:14px; padding:15px; background-color:#f6f6f6; } .invest-ir th:after { display:inline-block; content:""; width:2px; height:15px; background-color:#e7e7e7; position:relative; top:2px; left:65px; } .invest-ir tr{border-bottom: 1px solid #818181;} .invest-ir tr:last-child{border-bottom: none;} .invest-ir th:nth-child(2):after { display:inline-block; content:""; width:2px; height:15px; background-color:#e7e7e7; position:relative; top:2px; left:175px; } .invest-ir td { color:#818181; font-size:14px; font-weight:800; text-align:left; padding:15px 0px; } .invest-finance > img { width:100%; } .invest-finance-income { margin-top:20px; margin-bottom:20px; } .invest-finance-income > img { width:100%; height:40%; } .invest-public-download button { width:324px; height:44px; font-size:0px; } .invest-public-download:first-child > img { width:725px; height:35px; } .invest-public-download:first-child { margin-bottom:55px; } .invest-public-download:first-child button { margin-top:15px; } /* 윤리경영 */ .agrIn.ethical-management { margin-bottom:10px; padding:10px 15px; height:150px; overflow:hidden; background-color: #f6f6f6; } .ethical-management h4 { color:#000; font-size:14px; font-weight:bold; margin:10px 0; } .download-pdf-wrap { margin-bottom:35px; } .agrIn.ethical-management p { line-height:25px; font-size: 13px; color:#000; } .ethical-management-method { padding:10px; height:100px; margin-bottom:20px; background-color: #f6f6f6; } .ethical-management-method p { font-size:14px; background-color: #f6f6f6; color:#818181; } .ethical-management-method2 { padding:10px; margin-bottom:20px; background-color: #f6f6f6; display:flex; overflow:hidden; } .ethical-management-method2 > ul{ width:50%; } .ethical-management-method2 > ul > li:not(:last-child){ margin-bottom:0.5rem; } .ehical-agreement { padding: 20px 10px 10px; margin-bottom:0; height: 80px; line-height: 22px; } .agree_check span { color:#8d8d8d; font-size:12px; } .ethical-management .agree_check { margin: 0; padding:16px 0; border: 1px solid #ddd; border-top: 0; text-align: center; } .ethical-management .agree_check input { border:1px solid #bb1111; } .download-pdf-wrap { font-size:13px; color:#8d8d8d; } .download-pdf-wrap i { border: solid #818181; border-width: 0 2px 2px 0; display: inline-block; padding: 3px; } .download-pdf-wrap .right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .download-pdf-wrap span { display:inline-block; margin-right:20px; font-size:13px; color:#818181; font-weight:bold; vertical-align:middle; } .download-pdf-wrap .btn-download-ethical { display:inline-block; width:180px; height:38px; margin-right:20px; text-indent: -9999px; vertical-align:middle; } .download-pdf-wrap .btn-download-ethical1 { background: url('../images/btn/btn-download-ethical1.png') 0 0 no-repeat; } .download-pdf-wrap .btn-download-ethical2 { background: url('../images/btn/btn-download-ethical2.png') 0 0 no-repeat; } .download-pdf-wrap .btn-download-ethical3 { background: url('../images/btn/btn-download-ethical3.png') 0 0 no-repeat; } .tbl-style01.ethical-table th { background-color:#fff; } .tbl-style01.ethical-table input,.tbl-style01.ethical-table select,.tbl-style01.ethical-table textarea { background-color:#f6f6f6; } .tbl-style01.ethical-table .last input { background-color: #fff; } .file-alert { margin:0 5px; vertical-align: middle; color: #1b1b1b; } /* 2026-05-15 추가 */ .new_ceo_con ul{display: flex;padding: 30px 20px;border: 1px solid #ddd;word-break: keep-all;gap:30px;} .new_ceo_con ul li{width: 50%;} .new_ceo_con ul li .box01{display: flex;flex-direction: column;align-items: center;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #ddd;} .new_ceo_con ul li .box01 img{width: 270px;} .new_ceo_con ul li .box01 .txt01{display: flex;justify-content: center;gap:20px;width: 100%;} .new_ceo_con ul li .box01 .txt01:nth-child(2){ margin: 20px 0;} .new_ceo_con ul li .box01 .txt01 p{flex:1.5; text-align: right;font-size: 14px;} .new_ceo_con ul li .box01 .txt01 strong{display: block;flex:1; font-size: 17px;color: #222;} .new_ceo_con ul li .box02 p{margin-bottom: 10px;line-height: 1.5;font-size: 14px;color: #333;} @media screen and (max-width: 780px) { .new_ceo_con ul{display: flex;padding: 30px 20px;border: 1px solid #ddd;word-break: keep-all;gap:60px;flex-wrap:wrap;} .new_ceo_con ul li{width: 100%;} .new_ceo_con ul li .box01{display: flex;flex-direction: column;align-items: center;padding-bottom: 20px;margin-bottom: 20px;border-bottom: 1px solid #ddd;} .new_ceo_con ul li .box01 img{width: 270px;} .new_ceo_con ul li .box01 .txt01{display: flex;justify-content: center;gap:20px;width: 100%;} .new_ceo_con ul li .box01 .txt01:nth-child(2){ margin: 20px 0;} .new_ceo_con ul li .box01 .txt01 p{flex:1.5; text-align: right;font-size: 14px;} .new_ceo_con ul li .box01 .txt01 strong{display: block;flex:1; font-size: 17px;color: #222;} .new_ceo_con ul li .box02 p{margin-bottom: 10px;line-height: 1.5;font-size: 14px;color: #333;} } .chair_com{overflow:inherit;} .new_chair_con{padding: 30px;border: 1px solid #ddd;width: 1000px;word-break: keep-all;box-sizing:border-box;} .new_chair_con .c_con01{display: flex;gap:20px;align-items: flex-end;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #ddd;} .new_chair_con .c_con01 .img_box img{width: 280px;} .new_chair_con .c_con01 .txt_box .con_tit{font-size: 22px;color: #222;margin-bottom: 25px;} .new_chair_con .c_con01 .txt_box .con_tit span{font-size: 15px;} .new_chair_con .c_con01 .txt_box .f_box{display: flex;gap:25px;} .new_chair_con .c_con01 .txt_box .txt{padding-left: 10px;border-left: 1px solid #ddd;} .new_chair_con .c_con01 .txt_box .txt .tit{color: #222;font-weight: 600;margin-bottom: 10px;} .new_chair_con .c_con01 .txt_box .txt ul li{display: flex;font-size: 13px;margin-bottom: 5px;color: #333;} .new_chair_con .c_con01 .txt_box .txt ul li:last-child{margin-bottom: 0;} .new_chair_con .c_con01 .txt_box .txt ul li span{display: block;width: 65px;line-height: 1.6;} .new_chair_con .c_con01 .txt_box .txt ul li p{width: calc(100% - 65px);line-height: 1.6;} .new_chair_con .c_con02 ul li:not(:last-child){margin-bottom: 30px;} .new_chair_con .c_con02 strong{display: block;font-size: 17px;color: ##e51b1b;margin-bottom: 10px;color: #e51b1b;} .new_chair_con .c_con02 p{font-size: 15px;color: #333;line-height: 1.6;} @media screen and (max-width: 1350px) { .new_chair_con{padding: 30px;border: 1px solid #ddd;width: 900px;word-break: keep-all;} } @media screen and (max-width: 1250px) { .new_chair_con{padding: 30px;border: 1px solid #ddd;width: 800px;word-break: keep-all;} } @media screen and (max-width: 1020px) { .chair_com{overflow:hidden;} .new_chair_con{padding: 30px;border: 1px solid #ddd;width: 100%;word-break: keep-all;box-sizing:border-box;} .new_chair_con .c_con01{display: flex;gap:40px;align-items: flex-end;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #ddd;flex-direction: column;align-items: center;} .new_chair_con .c_con01 .img_box img{width: 280px;} .new_chair_con .c_con01 .txt_box .con_tit{font-size: 22px;color: #222;margin-bottom: 25px;text-align: center;} .new_chair_con .c_con01 .txt_box .con_tit span{font-size: 15px;} .new_chair_con .c_con01 .txt_box .f_box{display: flex;gap:25px;} .new_chair_con .c_con01 .txt_box .txt{padding-left: 10px;border-left: 1px solid #ddd;} .new_chair_con .c_con01 .txt_box .txt .tit{color: #222;font-weight: 600;margin-bottom: 10px;} .new_chair_con .c_con01 .txt_box .txt ul li{display: flex;font-size: 13px;margin-bottom: 5px;color: #333;} .new_chair_con .c_con01 .txt_box .txt ul li:last-child{margin-bottom: 0;} .new_chair_con .c_con01 .txt_box .txt ul li span{display: block;width: 65px;line-height: 1.6;} .new_chair_con .c_con01 .txt_box .txt ul li p{width: calc(100% - 65px);line-height: 1.6;} .new_chair_con .c_con02 ul li:not(:last-child){margin-bottom: 30px;} .new_chair_con .c_con02 strong{display: block;font-size: 17px;color: ##e51b1b;margin-bottom: 10px;color: #e51b1b;} .new_chair_con .c_con02 p{font-size: 15px;color: #333;line-height: 1.6;} } @media screen and (max-width: 768px) { .chair_com{overflow:hidden;} .new_chair_con{padding: 20px 10px;border: 1px solid #ddd;width: 100%;word-break: keep-all;box-sizing:border-box;} .new_chair_con .c_con01{display: flex;gap:30px;align-items: flex-end;padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid #ddd;flex-direction: column;align-items: center;} .new_chair_con .c_con01 .img_box img{width: 280px;} .new_chair_con .c_con01 .txt_box .con_tit{font-size: 22px;color: #222;margin-bottom: 25px;text-align: center;} .new_chair_con .c_con01 .txt_box .con_tit span{font-size: 15px;} .new_chair_con .c_con01 .txt_box .f_box{display: flex;gap:35px;flex-wrap:wrap;} .new_chair_con .c_con01 .txt_box .txt{width: 100%; padding-left: 10px;border-left: 1px solid #ddd;} .new_chair_con .c_con01 .txt_box .txt .tit{color: #222;font-weight: 600;margin-bottom: 10px;} .new_chair_con .c_con01 .txt_box .txt ul li{display: flex;font-size: 13px;margin-bottom: 5px;color: #333;} .new_chair_con .c_con01 .txt_box .txt ul li:last-child{margin-bottom: 0;} .new_chair_con .c_con01 .txt_box .txt ul li span{display: block;width: 65px;line-height: 1.6;} .new_chair_con .c_con01 .txt_box .txt ul li p{width: calc(100% - 65px);line-height: 1.6;} .new_chair_con .c_con02 ul li:not(:last-child){margin-bottom: 30px;} .new_chair_con .c_con02 strong{display: block;font-size: 16px;color: ##e51b1b;margin-bottom: 10px;color: #e51b1b;} .new_chair_con .c_con02 p{font-size: 14px;color: #333;line-height: 1.6;} } @font-face { font-family: 'Suit'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-SemiBold.woff2') format('woff2'); font-weight: 600; font-display: swap; } @font-face { font-family: 'Suit'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Regular.woff2') format('woff2'); font-weight: normal; font-display: swap; } @font-face { font-family: 'Suit'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Medium.woff2') format('woff2'); font-weight: 500; font-display: swap; } /* 20260515추가 */ .lnb-sub01 li a.new_txt > span{background: none;width: auto;} .lnb-sub01 li a.new_txt > span .hide{display: block;position: relative;font-size: 16px;font-weight: 600;color: #222;width: auto;height: auto;line-height: 1;font-family: 'Suit';letter-spacing: -1px;} .lnb-sub01 .sub02:hover a.new_txt > span, .lnb-sub01 .sub02.active a.new_txt > span{width: auto;} .lnb-sub01 .sub02:hover a.new_txt > span .hide, .lnb-sub01 .sub02.active a.new_txt > span .hide{color: #fff;} @font-face { font-family: 'Suit'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-Bold.woff2') format('woff2'); font-weight: 700; font-display: swap; } @font-face { font-family: 'Suit'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_suit@1.0/SUIT-ExtraBold.woff2') format('woff2'); font-weight: 800; font-display: swap; } /* 20260515추가 */ .area-title-wrap02{width: 1000px;} .area-title-wrap02 .area-tit{position: relative; background: none;letter-spacing: -1px;font-family: 'Suit';font-size: 27px;font-weight: 700;color: #222;top: -2px;width: auto;} .area-title-wrap02 .area-txt {background: none;letter-spacing: -1px;font-family: 'Suit';font-size: 12.5px;font-weight: 500;width: auto;} @media screen and (max-width: 1350px) { .area-title-wrap02{width: 900px;} } @media screen and (max-width: 1250px) { .area-title-wrap02{width: 800px;} } @media screen and (max-width: 1020px) { .area-title-wrap02{width: 100%;} .area-title-wrap02 .area-tit{position: relative; background: none;letter-spacing: -1px;font-family: 'Suit';font-size: 20px;font-weight: 700;color: #222;top: -2px;width: auto;} }